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

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

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

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

@font-face {
    font-family: "HCo Chronicle Display";
    src: url("../assets/fonts/ChronicleDisp-Roman_Web.eot?#iefix");
    src: url("../assets/fonts/ChronicleDisp-Roman_Web.eot?#iefix") format("eot"), url("../assets/fonts/ChronicleDisp-Roman_Web.woff2") format("woff2"), url("../assets/fonts/ChronicleDisp-Roman_Web.woff") format("woff"), url("../assets/fonts/ChronicleDisp-Roman_Web.ttf") format("truetype"), url("../assets/fonts/ChronicleDisp-Roman_Web.svg#chronicle_displayroman") format("svg");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "TTCommonsClassic-DemiBold";
    src: url('../assets/fonts/TTCommons-DemiBold.woff2') format('woff2'), url('../assets/fonts/TTCommons-DemiBold.woff') format('woff'), url("../assets/fonts/TTCommons-DemiBold.ttf") format("truetype");
    font-display: swap;
}

html {
    box-sizing: border-box;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    overflow-x: hidden;
    overflow-y: scroll !important;
    margin-right: 0 !important;
}

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

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

h1,
h2,
h3,
.widgetHeading,
h4,
p,
blockquote,
figure,
ol,
ul {
    margin: 0;
    padding: 0
}

.widgetHeading {
    display: block;
}

main,
li {
    display: block
}

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

strong {
    font-weight: bold
}

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

a {
    text-decoration: none
}

a, a:link, a:visited {
color: #50748a;
font-weight: 700;
text-decoration: none;
font-weight: initial !important;
}

a[href^=http]::after {
    content: initial !important;
}


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

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

:focus {
    outline: 0
}

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

fieldset {
    border: 0px;
    padding: 0px;
    margin-left: -1px;
    margin-right: -1px;
}

/*! normalize.css v4.2.0 | MIT License | github.com/necolas/normalize.css */

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

audio,
video {
    display: inline-block
}

img {
    border-style: none
}

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



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

button,
input {
    overflow: visible
}

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

button,
select {
    text-transform: none
}

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

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

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

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

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

textarea {
    overflow: auto
}

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

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

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

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

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

canvas {
    display: inline-block
}

[hidden] {
    display: none
}

html {
    font-size: 100%
}

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

h1 {
    margin-top: 0;
    color: #333e48;
    -webkit-font-smoothing: antialiased;
    font-size: 2.1rem;
    line-height: 1.25;
    margin-bottom: 0;
    font-family: "HCo Chronicle Display", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 300;
}

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

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

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

h3,
h3,
.widgetHeading {
    margin-top: 0;
    color: #333e48;
    -webkit-font-smoothing: antialiased;
    font-size: 1.6rem;
    line-height: 1.27273;
    margin-bottom: 16px;
    font-family: "HCo Chronicle Display", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 500;
}

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

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

@media screen and (min-width: 768px) {
    h4 {
        font-size: 1.125rem;
        line-height: 1.33333;
    }
}

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

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

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

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

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

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

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

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

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

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

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


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

ul,
ol,
ol.forensic {
    list-style: none;
    margin-top: 10px;
    margin-bottom: 16px;
    padding-left: 0;
    color: #333e48;
}

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

ol,
ol.forensic {
    padding-left: 30px
}

ol.forensic {
    margin-left: 20px;
}

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

ol.forensic {
    list-style: lower-alpha;
    list-style-type: lower-alpha;
    margin-bottom: 10px;
}

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

ol.forensic li {
    position: relative;
	counter-increment: lowerAlphaListStyle;	
}

ol.forensic li::before {
    content: counter(lowerAlphaListStyle, lower-alpha) ".";
    list-style: lower-alpha;
    list-style-type: lower-alpha;
    color: #333e48;
    position: absolute;
    left: -30px;
    font-weight: normal
}

ol ol {
    list-style: lower-alpha;
    list-style-type: lower-alpha;
    margin-bottom: 10px;
}

ol.forensic ol {
    list-style: lower-roman;
    list-style-type: lower-roman;
    margin-bottom: 10px;
}

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

ol.forensic li ol li {
    list-style: lower-roman;
    list-style-type: lower-roman;
    position: relative;
	counter-increment: lowerRomanListStyle;	
}

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

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

ol ol ol {
    margin-bottom: 10px;
    list-style: lower-roman;
    list-style-type: lower-roman;
}

ol.forensic ol ol {
    margin-bottom: 10px;
    list-style: square;
    list-style-type: square;
}

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

ol.forensic li ol li ol li {
    position: relative;
	counter-increment: initial;	
}

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

ol.forensic li ol li ol li::before {
    content:"•";
    color: #333e48;
    position: absolute;
    left: -30px;
    font-weight: normal
}

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

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

ul ul {
    margin-bottom: 10px;
}

ul li ul {
    margin-top: 0;
}

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

ul ul ul {
    margin-bottom: 10px;
}

ul li ul li ul li {
    counter-increment: lowerRomanListStyle;
}

ul li ul li ul li::before {
    top: 0px;
    left: 0px;
    width: 0px;
    height: 0px;
    display: list-item;
    content: counter(lowerRomanListStyle, lower-roman) ".";
}

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

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

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

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

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

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

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

.people-gallery-tile .intrinsic-image,
.people-photo-desc-tile .intrinsic-image {
    padding-bottom: 100%
}

.people-gallery-tile .tile-content {
    padding: 10px 2px;
    font-size: 14px;
}

.people-photo-desc-tile .tile-media:after {
    content: none !important;
}
.listing-widget-container {
    border: 1px solid #e3e3e3;
    padding: 45px 45px 30px 45px;
    margin-bottom: 60px;
}

@media (min-width: 1024px) {
    .listing-widget-container .row h3 {
        padding: 0 16px;
    }
}

@media (min-width: 767px) {
    .people-photo-desc-tile p,
    .people-photo-desc-tile div{
        font-size: 16px;
    }
}

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

svg * {
    fill: currentColor
}

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

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

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

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

svg.svg-icon.share-twitter {
    position: relative;
    top: 2px;
}

.icon-search {
    top: 6px
}

.icon-facebook {
    color: #3b5998
}

.icon-google {
    color: #dd4b39
}

.icon-linkedin {
    color: #0077b5
}

.icon-twitter {
    color: #55acee
}

.icon-youtube {
    color: #cd201f
}

.btn {
    position: relative;
    display: inline-block;
    min-width: 130px;
    padding: 14px 40px;
    border: none;
    border-radius: 0;
    font-size: 1rem;
    line-height: 2;
    text-align: center;
    background-color: transparent;
    transition: all 0.1s ease-in-out;
    font-family: 'Weisenhoff Grotesk Medium';
}

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

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

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

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

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

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

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

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

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

.btn-skin-2 {
    color: #fff !important;
    background-color: #333e48
}

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

.btn-skin-3 {
    color: #50748a !important;
    background-color: #f6f5f4
}

.btn-skin-3:not(.btn-disabled):hover {
    color: #000 !important;
    background-color: #d8d9d6
}

.btn-skin-4 {
    color: #50748a !important;
    background-color: #fff
}

.btn-skin-4:not(.btn-disabled):hover {
    color: #000 !important;
    background-color: #fff;
}
.btn-default,
.btn-skin-5 {
    color: #000 !important;
    background-color: #d8d9d6
}

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

.btn-widget {
    margin-top: 20px;
    margin-bottom: 20px;
    white-space: normal !important;
}

.sidebar-panel .btn-widget {
    margin-bottom: 0px;
}

@media (max-width: 767px) {
    .btn {
        width: 100%;
    }
}

.bg-theme-1 {
    background-color: #50748a
}

.bg-theme-2 {
    background-color: #333e48
}

.bg-theme-3 {
    background-color: #edecea
}

.bg-theme-4 {
    background-color: #b3b2b1
}

.bg-theme-5 {
    background-color: #7ca6bb;
}

.news-and-insights-theme {
    background-color: #7EA8AD;
}

.news-and-insights-theme h1,
.news-and-insights-theme p{
    color: #fff;
}

.bg-primary-1 {
    background-color: #7ca6ba
}

.bg-primary-2 {
    background-color: #50748a
}

.bg-primary-3 {
    background-color: #333e48
}

.bg-secondary-1 {
    background-color: #b3b2b1
}

.bg-secondary-2 {
    background-color: #77777a
}

.bg-grey-1 {
    background-color: #f6f5f4
}

.bg-grey-2 {
    background-color: #edecea
}

.bg-grey-3 {
    background-color: #d8d9d6
}

.bg-black {
    background-color: #000
}

.bg-theme-1.page-header-section h1,
.bg-theme-1.page-header-section p,
.bg-theme-1.page-header-section a,
.bg-theme-2.page-header-section h1,
.bg-theme-2.page-header-section p,
.bg-theme-2.page-header-section a,
.bg-theme-5.page-header-section a,
.bg-theme-5.page-header-section h1,
.bg-theme-5.page-header-section p,
.bg-theme-5.page-header-section a,
.bg-theme-5.page-header-section .breadcrumb-separator::before {
    color: #fff
}

.bg-theme-1.page-header-section .CMSBreadCrumbsCurrentItem,
.bg-theme-5.page-header-section .CMSBreadCrumbsCurrentItem {
    color: #edecea
}

.bg-theme-1 .form-custom input,
.bg-theme-1 .form-custom select,
.bg-theme-2 .form-custom input,
.bg-theme-2 .form-custom select,
.bg-theme-5 .form-custom input,
.bg-theme-5 .form-custom select {
    padding-left: 0;
    border: none;
    border-bottom: 1px solid #50748a;
    background-color: transparent;
    color: #b3b2b1
}

.bg-theme-1 .form-custom input:focus,
.bg-theme-1 .form-custom select:focus,
.bg-theme-2 .form-custom input:focus,
.bg-theme-2 .form-custom select:focus,
.bg-theme-5 .form-custom input:focus,
.bg-theme-5 .form-custom select:focus {
    border-bottom-color: #fff;
    color: #fff
}

.bg-theme-1 .form-custom input:hover,
.bg-theme-1 .form-custom select:hover,
.bg-theme-2 .form-custom input:hover,
.bg-theme-2 .form-custom select:hover,
.bg-theme-5 .form-custom input:hover,
.bg-theme-5 .form-custom select:hover {
	border-bottom-color: #b3b2b1;
	color: #fff
}

.bg-theme-2 .form-custom select {
    background-color: #333e48;
}

.bg-theme-2.layout-section h2,
.bg-theme-2.layout-section h3,
.bg-theme-2.layout-section p,
.bg-theme-2.layout-section a,
.bg-theme-5.layout-section h2,
.bg-theme-5.layout-section h3,
.bg-theme-5.layout-section p,
.bg-theme-5.layout-section a {
    color: #fff
}

.component-hero-banner .bg-theme-2 h1,
.component-hero-banner .bg-theme-2 p,
.component-hero-banner .bg-theme-5 h1,
.component-hero-banner .bg-theme-5 p {
    color: #fff
}

.bg-theme-2 .form-custom select {
    border-color: #50748a
}

.bg-theme-2 .form-custom select:focus {
    border-color: #d8d9d6
}
.bg-theme-2 .btn-skin-1:hover {
    color: #000
}

.bg-theme-3.page-header-section.has-image .component-page-title {
    background-color: #edecea
}

.bg-theme-3.page-header-section .component-breadcrumbs a {
    color: #000
}

.bg-theme-3.page-header-section .page-summary {
    color: #50748a
}

.bg-theme-3 .tile,
.bg-theme-3 .content-tile .tile-media::after {
    background-color: #fff
}

.container-fluid {
    padding: 0 16px;
    width: 100%
}

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

.page-header-section-container {
    margin-right: auto;
    margin-left: auto;
    padding: 20px;
    max-width: 1200px;
}

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

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

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

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

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

.row.reverse {
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.debug {
    background: rgba(0, 128, 0, 0.3);
}
.debug .row {
    background: rgba(255, 0, 0, 0.3);
}
.debug .row > div {
    position: relative;
    background: rgba(0, 0, 255, 0.3);
}
.debug .row > div::after {
    width: 16px;
    right: -16px;
    content: "";
    height: 100%;
    display: block;
    position: absolute;
    background: rgba(255, 255, 0, 0.3);
    top: 0;
    display: block;
}
@media (min-width: 768px) {
    .debug .row > div::after {
        display: block;
        width: 24px;
        right: -24px
    }
}
@media (min-width: 1024px) {
    .debug .row > div::after {
        display: block;
        width: 24px;
        right: -24px
    }
}

::placeholder {
    color: #b3b2b1;
}

.subscription-form ::placeholder,
.registration-form ::placeholder {
    color: #b3b2b1;
    position: relative;
    top: -10px;
    left: -7px;
    font-size: 12px;
}


.large-placeholder-text-form ::placeholder {
    color: #757982;
    font-size: 1rem;
}

.subscription-form input:focus ::placeholder,
.registration-form input:focus ::placeholder {
    color: transparent;
}

.large-placeholder-text-form:focus ::placeholder {
    color: transparent;
}


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

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

.contact-form select {
    margin-bottom: 0px;
}

.contact-form textarea {
    margin-bottom: -7px !important;
}


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

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

input,
select {
    height: 48px
}

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

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

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


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

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

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

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

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

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

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


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

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

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

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

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

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

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

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

.validation-message {
    color: #f6323e
}

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

.form-custom input:focus,
.form-custom select:focus {
	border-bottom-color: #333e48
}

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

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

	.form-inline input {
		margin: 0
	}

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

.datetime-ui-datepicker {
    width: 17em;
    padding: 8px;
    display: none
}

.datetime-ui-datepicker .datetime-ui-datepicker-header {
    position: relative;
    padding: 8px
}


.datetime-ui-datepicker .datetime-ui-datepicker-prev,
.datetime-ui-datepicker .datetime-ui-datepicker-next {
    position: absolute;
    top: 2px;
    width: 1.8em;
    height: 1.8em;
}

.datetime-ui-datepicker .datetime-ui-datepicker-prev-hover,
.datetime-ui-datepicker .datetime-ui-datepicker-next-hover {
    top: 1px;
}

.datetime-ui-datepicker .datetime-ui-datepicker-prev {
    left: 2px;
}

.datetime-ui-datepicker .datetime-ui-datepicker-next {
    right: 2px;
}

.datetime-ui-datepicker .datetime-ui-datepicker-prev-hover {
    left: 1px;
}

.datetime-ui-datepicker .datetime-ui-datepicker-next-hover {
    right: 1px;
}

.datetime-ui-datepicker .datetime-ui-datepicker-prev span,
.datetime-ui-datepicker .datetime-ui-datepicker-next span {
    display: block;
    position: absolute;
    left: 50%;
    margin-left: -8px;
    top: 50%;
    margin-top: -8px;
}

.datetime-ui-datepicker .datetime-ui-datepicker-title {
    line-height: 1.8em;
    text-align: center;
}

.datetime-ui-datepicker select {
    -webkit-appearance: menulist;
}

.datetime-ui-datepicker .datetime-ui-datepicker-title select {
    margin: 0;
}

.datetime-ui-datepicker select.datetime-ui-datepicker-month-year {
    width: 100%;
}

.datetime-ui-datepicker select.datetime-ui-datepicker-month,
.datetime-ui-datepicker select.datetime-ui-datepicker-year {
    width: 49%;
}

.datetime-ui-datepicker table {
    width: 100%;
    font-size: 0.9em;
    border-collapse: collapse;
    margin: 0 0 0.4em;
}

.datetime-ui-datepicker th {
    padding: 0.7em 0.3em;
    text-align: center;
    font-weight: normal;
    border: none;
}

.datetime-ui-datepicker td {
    border: none;
    padding: 1px;
}

.datetime-ui-datepicker td span,
.datetime-ui-datepicker td a {
    display: block;
    padding: 0.2em;
    text-align: center;
    text-decoration: none;
}

.datetime-ui-datepicker .datetime-ui-datepicker-buttonpane {
    background-image: none;
    margin: 0.7em 0 0;
    padding: 0 0.2em;
    border-left: none;
    border-right: none;
    border-bottom: none;
}

.datetime-ui-datepicker .datetime-ui-datepicker-buttonpane button {
    float: right;
    margin: 0.5em 0.2em 0.4em;
    cursor: pointer;
    padding: 0.2em 0.6em 0.3em;
    width: auto;
    overflow: visible;
}

.datetime-ui-datepicker .datetime-ui-datepicker-buttonpane button.datetime-ui-datepicker-current {
    float: left;
}

.datetime-ui-datepicker.datetime-ui-datepicker-multi {
    width: auto;
}

.datetime-ui-datepicker-multi .datetime-ui-datepicker-group {
    float: left;
}

.datetime-ui-datepicker-multi .datetime-ui-datepicker-group table {
    width: 95%;
    margin: 0 auto 0.4em;
}

.datetime-ui-datepicker-multi-2 .datetime-ui-datepicker-group {
    width: 50%;
}

.datetime-ui-datepicker-multi-3 .datetime-ui-datepicker-group {
    width: 33.3%;
}

.datetime-ui-datepicker-multi-4 .datetime-ui-datepicker-group {
    width: 25%;
}

.datetime-ui-datepicker-multi .datetime-ui-datepicker-group-last .datetime-ui-datepicker-header {
    border-left-width: 0;
}

.datetime-ui-datepicker-multi .datetime-ui-datepicker-group-middle .datetime-ui-datepicker-header {
    border-left-width: 0;
}

.datetime-ui-datepicker-multi .datetime-ui-datepicker-buttonpane {
    clear: left;
}

.datetime-ui-datepicker-row-break {
    clear: both;
    width: 100%;
    font-size: 0;
}

.datetime-ui-datepicker-rtl {
    direction: rtl;
}

.datetime-ui-datepicker-rtl .datetime-ui-datepicker-prev {
    right: 2px;
    left: auto;
}

.datetime-ui-datepicker-rtl .datetime-ui-datepicker-next {
    left: 2px;
    right: auto;
}

.datetime-ui-datepicker-rtl .datetime-ui-datepicker-prev:hover {
    right: 1px;
    left: auto;
}

.datetime-ui-datepicker-rtl .datetime-ui-datepicker-next:hover {
    left: 1px;
    right: auto;
}

.datetime-ui-datepicker-rtl .datetime-ui-datepicker-buttonpane {
    clear: right;
}

.datetime-ui-datepicker-rtl .datetime-ui-datepicker-buttonpane button {
    float: left;
}

.datetime-ui-datepicker-rtl .datetime-ui-datepicker-buttonpane button.datetime-ui-datepicker-current {
    float: right;
}

.datetime-ui-datepicker-rtl .datetime-ui-datepicker-group {
    float: right;
}

.datetime-ui-datepicker-rtl .datetime-ui-datepicker-group-last .datetime-ui-datepicker-header {
    border-right-width: 0;
    border-left-width: 1px;
}

.datetime-ui-datepicker-rtl .datetime-ui-datepicker-group-middle .datetime-ui-datepicker-header {
    border-right-width: 0;
    border-left-width: 1px
}

.datetime-ui-helper-hidden {
    display: none;
}

.datetime-ui-helper-hidden-accessible {
    position: absolute !important;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px, 1px, 1px, 1px)
}

.datetime-ui-helper-reset {
    margin: 0;
    padding: 0;
    border: none;
    outline: 0;
    line-height: 1.3;
    text-decoration: none;
    font-size: 100%;
    list-style: none
}

.datetime-ui-helper-clearfix::after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
}

.datetime-ui-helper-clearfix {
    display: inline-block
}

* html .datetime-ui-helper-clearfix {
    height: 1%
}

.datetime-ui-helper-clearfix {
    display: block
}

.datetime-ui-helper-zfix {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    opacity: 0;
    filter: alpha(Opacity=0)
}

.datetime-ui-state-disabled {
    cursor: default !important
}

.datetime-ui-icon {
    display: block;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat
}

.datetime-ui-widget-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}
.datetime-ui-widget {
    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
    font-size: 1.1em
}

.datetime-ui-widget .datetime-ui-widget {
    font-size: 1em
}

.datetime-ui-widget .action-buttons {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 8px
}

.datetime-ui-widget .action-buttons button {
    min-width: 130px;
    margin-left: 8px
}

.datetime-ui-widget .action-buttons button:first-child {
    margin-left: 0
}

.datetime-ui-widget-content {
    border: 1px solid #f6f5f4;
    background: #f6f5f4
}

.datetime-ui-state-default,
.datetime-ui-widget-content .datetime-ui-state-default,
.datetime-ui-widget-header .datetime-ui-state-default {
    background-color: #edecea;
    color: #333e48;
}

.datetime-ui-state-default a,
.datetime-ui-state-default a:link,
.datetime-ui-state-default a:visited {
    color: #333e48;
    text-decoration: none;
}

.datetime-ui-state-hover,
.datetime-ui-widget-content .datetime-ui-state-hover,
.datetime-ui-widget-header .datetime-ui-state-hover,
.datetime-ui-state-focus,
.datetime-ui-widget-content .datetime-ui-state-focus,
.datetime-ui-widget-header .datetime-ui-state-focus {
    background-color: #7ca6ba;
    color: #fff;
}

.datetime-ui-state-hover a,
.datetime-ui-state-hover a:hover {
    color: #fff;
    text-decoration: none;
}

.datetime-ui-state-active,
.datetime-ui-widget-content .datetime-ui-state-active,
.datetime-ui-widget-header .datetime-ui-state-active {
    background-color: #7ca6ba;
    color: #fff;
}

.datetime-ui-state-active a,
.datetime-ui-state-active a:link,
.datetime-ui-state-active a:visited {
    color: #fff
    text-decoration: none
}

.datetime-ui-widget:active {
    outline: none
}

.datetime-ui-state-error,
.datetime-ui-widget-content .datetime-ui-state-error,
.datetime-ui-widget-header .datetime-ui-state-error {
    border: 1px solid #f6323e;
    background-color: #f6323e;
    color: #fff
}

.datetime-ui-state-error a,
.datetime-ui-widget-content .datetime-ui-state-error a,
.datetime-ui-widget-header .datetime-ui-state-error a {
    color: #fff
}

.datetime-ui-state-error-text,
.datetime-ui-widget-content .datetime-ui-state-error-text,
.datetime-ui-widget-header .datetime-ui-state-error-text {
    color: #fff
}

.datetime-ui-priority-primary,
.datetime-ui-widget-content .datetime-ui-priority-primary,
.datetime-ui-widget-header .datetime-ui-priority-primary {
    font-weight: bold
}

.datetime-ui-priority-secondary,
.datetime-ui-widget-content .datetime-ui-priority-secondary,
.datetime-ui-widget-header .datetime-ui-priority-secondary {
    opacity: 0.7;
    filter: alpha(Opacity=70);
    font-weight: normal
}

.datetime-ui-state-disabled,
.datetime-ui-widget-content .datetime-ui-state-disabled,
.datetime-ui-widget-header .datetime-ui-state-disabled {
    opacity: 0.35;
    filter: alpha(Opacity=35);
    background-image: none
}

.datetime-ui-icon-carat-1-n {
    background-position: 0 0
}

.datetime-ui-icon-carat-1-ne {
    background-position: -16px 0
}

.datetime-ui-icon-carat-1-e {
    background-position: -32px 0
}

.datetime-ui-icon-carat-1-se {
    background-position: -48px 0
}

.datetime-ui-icon-carat-1-s {
    background-position: -64px 0
}

.datetime-ui-icon-carat-1-sw {
    background-position: -80px 0
}

.datetime-ui-icon-carat-1-w {
    background-position: -96px 0
}

.datetime-ui-icon-carat-1-nw {
    background-position: -112px 0
}

.datetime-ui-icon-carat-2-n-s {
    background-position: -128px 0
}

.datetime-ui-icon-carat-2-e-w {
    background-position: -144px 0
}

.datetime-ui-icon-triangle-1-n {
    background-position: 0 -16px
}

.datetime-ui-icon-triangle-1-ne {
    background-position: -16px -16px
}

.datetime-ui-icon-triangle-1-e {
    background-position: -32px -16px
}

.datetime-ui-icon-triangle-1-se {
    background-position: -48px -16px
}

.datetime-ui-icon-triangle-1-s {
    background-position: -64px -16px
}

.datetime-ui-icon-triangle-1-sw {
    background-position: -80px -16px
}

.datetime-ui-icon-triangle-1-w {
    background-position: -96px -16px
}

.datetime-ui-icon-triangle-1-nw {
    background-position: -112px -16px
}

.datetime-ui-icon-triangle-2-n-s {
    background-position: -128px -16px
}

.datetime-ui-icon-triangle-2-e-w {
    background-position: -144px -16px
}

.datetime-ui-icon-arrow-1-n {
    background-position: 0 -32px
}

.datetime-ui-icon-arrow-1-ne {
    background-position: -16px -32px
}

.datetime-ui-icon-arrow-1-e {
    background-position: -32px -32px
}

.datetime-ui-icon-arrow-1-se {
    background-position: -48px -32px
}

.datetime-ui-icon-arrow-1-s {
    background-position: -64px -32px
}

.datetime-ui-icon-arrow-1-sw {
    background-position: -80px -32px
}

.datetime-ui-icon-arrow-1-w {
    background-position: -96px -32px
}

.datetime-ui-icon-arrow-1-nw {
    background-position: -112px -32px
}

.datetime-ui-icon-arrow-2-n-s {
    background-position: -128px -32px
}

.datetime-ui-icon-arrow-2-ne-sw {
    background-position: -144px -32px
}

.datetime-ui-icon-arrow-2-e-w {
    background-position: -160px -32px
}

.datetime-ui-icon-arrow-2-se-nw {
    background-position: -176px -32px
}

.datetime-ui-icon-arrowstop-1-n {
    background-position: -192px -32px
}

.datetime-ui-icon-arrowstop-1-e {
    background-position: -208px -32px
}

.datetime-ui-icon-arrowstop-1-s {
    background-position: -224px -32px
}

.datetime-ui-icon-arrowstop-1-w {
    background-position: -240px -32px
}

.datetime-ui-icon-arrowthick-1-n {
    background-position: 0 -48px
}

.datetime-ui-icon-arrowthick-1-ne {
    background-position: -16px -48px
}

.datetime-ui-icon-arrowthick-1-e {
    background-position: -32px -48px
}

.datetime-ui-icon-arrowthick-1-se {
    background-position: -48px -48px
}

.datetime-ui-icon-arrowthick-1-s {
    background-position: -64px -48px
}

.datetime-ui-icon-arrowthick-1-sw {
    background-position: -80px -48px
}

.datetime-ui-icon-arrowthick-1-w {
    background-position: -96px -48px
}

.datetime-ui-icon-arrowthick-1-nw {
    background-position: -112px -48px
}

.datetime-ui-icon-arrowthick-2-n-s {
    background-position: -128px -48px
}

.datetime-ui-icon-arrowthick-2-ne-sw {
    background-position: -144px -48px
}

.datetime-ui-icon-arrowthick-2-e-w {
    background-position: -160px -48px
}

.datetime-ui-icon-arrowthick-2-se-nw {
    background-position: -176px -48px
}

.datetime-ui-icon-arrowthickstop-1-n {
    background-position: -192px -48px
}

.datetime-ui-icon-arrowthickstop-1-e {
    background-position: -208px -48px
}

.datetime-ui-icon-arrowthickstop-1-s {
    background-position: -224px -48px
}

.datetime-ui-icon-arrowthickstop-1-w {
    background-position: -240px -48px
}

.datetime-ui-icon-arrowreturnthick-1-w {
    background-position: 0 -64px
}

.datetime-ui-icon-arrowreturnthick-1-n {
    background-position: -16px -64px
}

.datetime-ui-icon-arrowreturnthick-1-e {
    background-position: -32px -64px
}

.datetime-ui-icon-arrowreturnthick-1-s {
    background-position: -48px -64px
}

.datetime-ui-icon-arrowreturn-1-w {
    background-position: -64px -64px
}

.datetime-ui-icon-arrowreturn-1-n {
    background-position: -80px -64px
}

.datetime-ui-icon-arrowreturn-1-e {
    background-position: -96px -64px
}

.datetime-ui-icon-arrowreturn-1-s {
    background-position: -112px -64px
}

.datetime-ui-icon-arrowrefresh-1-w {
    background-position: -128px -64px
}

.datetime-ui-icon-arrowrefresh-1-n {
    background-position: -144px -64px
}

.datetime-ui-icon-arrowrefresh-1-e {
    background-position: -160px -64px
}

.datetime-ui-icon-arrowrefresh-1-s {
    background-position: -176px -64px
}

.datetime-ui-icon-arrow-4 {
    background-position: 0 -80px
}

.datetime-ui-icon-arrow-4-diag {
    background-position: -16px -80px
}

.datetime-ui-icon-extlink {
    background-position: -32px -80px
}

.datetime-ui-icon-newwin {
    background-position: -48px -80px
}

.datetime-ui-icon-refresh {
    background-position: -64px -80px
}

.datetime-ui-icon-shuffle {
    background-position: -80px -80px
}

.datetime-ui-icon-transfer-e-w {
    background-position: -96px -80px
}

.datetime-ui-icon-transferthick-e-w {
    background-position: -112px -80px
}

.datetime-ui-icon-folder-collapsed {
    background-position: 0 -96px
}

.datetime-ui-icon-folder-open {
    background-position: -16px -96px
}

.datetime-ui-icon-document {
    background-position: -32px -96px
}

.datetime-ui-icon-document-b {
    background-position: -48px -96px
}

.datetime-ui-icon-note {
    background-position: -64px -96px
}

.datetime-ui-icon-mail-closed {
    background-position: -80px -96px
}

.datetime-ui-icon-mail-open {
    background-position: -96px -96px
}

.datetime-ui-icon-suitcase {
    background-position: -112px -96px
}

.datetime-ui-icon-comment {
    background-position: -128px -96px
}

.datetime-ui-icon-person {
    background-position: -144px -96px
}

.datetime-ui-icon-print {
    background-position: -160px -96px
}

.datetime-ui-icon-trash {
    background-position: -176px -96px
}

.datetime-ui-icon-locked {
    background-position: -192px -96px
}

.datetime-ui-icon-unlocked {
    background-position: -208px -96px
}

.datetime-ui-icon-bookmark {
    background-position: -224px -96px
}

.datetime-ui-icon-tag {
    background-position: -240px -96px
}

.datetime-ui-icon-home {
    background-position: 0 -112px
}

.datetime-ui-icon-flag {
    background-position: -16px -112px
}

.datetime-ui-icon-calendar {
    background-position: -32px -112px
}

.datetime-ui-icon-cart {
    background-position: -48px -112px
}

.datetime-ui-icon-pencil {
    background-position: -64px -112px
}

.datetime-ui-icon-clock {
    background-position: -80px -112px
}

.datetime-ui-icon-disk {
    background-position: -96px -112px
}

.datetime-ui-icon-calculator {
    background-position: -112px -112px
}

.datetime-ui-icon-zoomin {
    background-position: -128px -112px
}

.datetime-ui-icon-zoomout {
    background-position: -144px -112px
}

.datetime-ui-icon-search {
    background-position: -160px -112px
}

.datetime-ui-icon-wrench {
    background-position: -176px -112px
}

.datetime-ui-icon-gear {
    background-position: -192px -112px
}

.datetime-ui-icon-heart {
    background-position: -208px -112px
}

.datetime-ui-icon-star {
    background-position: -224px -112px
}

.datetime-ui-icon-link {
    background-position: -240px -112px
}

.datetime-ui-icon-cancel {
    background-position: 0 -128px
}

.datetime-ui-icon-plus {
    background-position: -16px -128px
}

.datetime-ui-icon-plusthick {
    background-position: -32px -128px
}

.datetime-ui-icon-minus {
    background-position: -48px -128px
}

.datetime-ui-icon-minusthick {
    background-position: -64px -128px
}

.datetime-ui-icon-close {
    background-position: -80px -128px
}

.datetime-ui-icon-closethick {
    background-position: -96px -128px
}

.datetime-ui-icon-key {
    background-position: -112px -128px
}

.datetime-ui-icon-lightbulb {
    background-position: -128px -128px
}

.datetime-ui-icon-scissors {
    background-position: -144px -128px
}

.datetime-ui-icon-clipboard {
    background-position: -160px -128px
}

.datetime-ui-icon-copy {
    background-position: -176px -128px
}

.datetime-ui-icon-contact {
    background-position: -192px -128px
}

.datetime-ui-icon-image {
    background-position: -208px -128px
}

.datetime-ui-icon-video {
    background-position: -224px -128px
}

.datetime-ui-icon-script {
    background-position: -240px -128px
}

.datetime-ui-icon-alert {
    background-position: 0 -144px
}

.datetime-ui-icon-info {
    background-position: -16px -144px
}

.datetime-ui-icon-notice {
    background-position: -32px -144px
}

.datetime-ui-icon-help {
    background-position: -48px -144px
}

.datetime-ui-icon-check {
    background-position: -64px -144px
}

.datetime-ui-icon-bullet {
    background-position: -80px -144px
}

.datetime-ui-icon-radio-off {
    background-position: -96px -144px
}

.datetime-ui-icon-radio-on {
    background-position: -112px -144px
}

.datetime-ui-icon-pin-w {
    background-position: -128px -144px
}

.datetime-ui-icon-pin-s {
    background-position: -144px -144px
}

.datetime-ui-icon-play {
    background-position: 0 -160px
}

.datetime-ui-icon-pause {
    background-position: -16px -160px
}

.datetime-ui-icon-seek-next {
    background-position: -32px -160px
}

.datetime-ui-icon-seek-prev {
    background-position: -48px -160px
}

.datetime-ui-icon-seek-end {
    background-position: -64px -160px
}

.datetime-ui-icon-seek-start {
    background-position: -80px -160px
}

.datetime-ui-icon-seek-first {
    background-position: -80px -160px
}

.datetime-ui-icon-stop {
    background-position: -96px -160px
}

.datetime-ui-icon-eject {
    background-position: -112px -160px
}

.datetime-ui-icon-volume-off {
    background-position: -128px -160px
}

.datetime-ui-icon-volume-on {
    background-position: -144px -160px
}

.datetime-ui-icon-power {
    background-position: 0 -176px
}

.datetime-ui-icon-signal-diag {
    background-position: -16px -176px
}

.datetime-ui-icon-signal {
    background-position: -32px -176px
}

.datetime-ui-icon-battery-0 {
    background-position: -48px -176px
}

.datetime-ui-icon-battery-1 {
    background-position: -64px -176px
}

.datetime-ui-icon-battery-2 {
    background-position: -80px -176px
}

.datetime-ui-icon-battery-3 {
    background-position: -96px -176px
}

.datetime-ui-icon-circle-plus {
    background-position: 0 -192px
}

.datetime-ui-icon-circle-minus {
    background-position: -16px -192px
}

.datetime-ui-icon-circle-close {
    background-position: -32px -192px
}

.datetime-ui-icon-circle-triangle-e {
    background-position: -48px -192px
}

.datetime-ui-icon-circle-triangle-s {
    background-position: -64px -192px
}

.datetime-ui-icon-circle-triangle-w {
    background-position: -80px -192px
}

.datetime-ui-icon-circle-triangle-n {
    background-position: -96px -192px
}

.datetime-ui-icon-circle-arrow-e {
    background-position: -112px -192px
}

.datetime-ui-icon-circle-arrow-s {
    background-position: -128px -192px
}

.datetime-ui-icon-circle-arrow-w {
    background-position: -144px -192px
}

.datetime-ui-icon-circle-arrow-n {
    background-position: -160px -192px
}

.datetime-ui-icon-circle-zoomin {
    background-position: -176px -192px
}

.datetime-ui-icon-circle-zoomout {
    background-position: -192px -192px
}

.datetime-ui-icon-circle-check {
    background-position: -208px -192px
}

.datetime-ui-icon-circlesmall-plus {
    background-position: 0 -208px
}

.datetime-ui-icon-circlesmall-minus {
    background-position: -16px -208px
}

.datetime-ui-icon-circlesmall-close {
    background-position: -32px -208px
}

.datetime-ui-icon-squaresmall-plus {
    background-position: -48px -208px
}

.datetime-ui-icon-squaresmall-minus {
    background-position: -64px -208px
}

.datetime-ui-icon-squaresmall-close {
    background-position: -80px -208px
}

.datetime-ui-icon-grip-dotted-vertical {
    background-position: 0 -224px
}

.datetime-ui-icon-grip-dotted-horizontal {
    background-position: -16px -224px
}

.datetime-ui-icon-grip-solid-vertical {
    background-position: -32px -224px
}

.datetime-ui-icon-grip-solid-horizontal {
    background-position: -48px -224px
}

.datetime-ui-icon-gripsmall-diagonal-se {
    background-position: -64px -224px
}

.datetime-ui-icon-grip-diagonal-se {
    background-position: -80px -224px
}


.datetime-ui-resizable {
    position: relative
}

.datetime-ui-resizable-handle {
    position: absolute;
    font-size: 0.1px;
    z-index: 99999;
    display: block
}

.datetime-ui-resizable-disabled .datetime-ui-resizable-handle,
.datetime-ui-resizable-autohide .datetime-ui-resizable-handle {
    display: none
}

.datetime-ui-resizable-n {
    cursor: n-resize;
    height: 7px;
    width: 100%;
    top: -5px;
    left: 0
}

.datetime-ui-resizable-s {
    cursor: s-resize;
    height: 7px;
    width: 100%;
    bottom: -5px;
    left: 0
}

.datetime-ui-resizable-e {
    cursor: e-resize;
    width: 7px;
    right: -5px;
    top: 0;
    height: 100%
}

.datetime-ui-resizable-w {
    cursor: w-resize;
    width: 7px;
    left: -5px;
    top: 0;
    height: 100%
}

.datetime-ui-resizable-se {
    cursor: se-resize;
    width: 12px;
    height: 12px;
    right: 1px;
    bottom: 1px
}

.datetime-ui-resizable-sw {
    cursor: sw-resize;
    width: 9px;
    height: 9px;
    left: -5px;
    bottom: -5px
}

.datetime-ui-resizable-nw {
    cursor: nw-resize;
    width: 9px;
    height: 9px;
    left: -5px;
    top: -5px
}

.datetime-ui-resizable-ne {
    cursor: ne-resize;
    width: 9px;
    height: 9px;
    right: -5px;
    top: -5px
}

.datetime-ui-selectable-helper {
    position: absolute;
    z-index: 100;
    border: 1px dotted #000
}

.datetime-ui-accordion {
    width: 100%
}

.datetime-ui-accordion .datetime-ui-accordion-header {
    cursor: pointer;
    position: relative;
    margin-top: 1px;
}

.datetime-ui-accordion .datetime-ui-accordion-li-fix {
    display: inline;
}

.datetime-ui-accordion .datetime-ui-accordion-header-active {
    border-bottom: none !important;
}

.datetime-ui-accordion .datetime-ui-accordion-header a {
    display: block;
    font-size: 1em;
    padding: 0.5em 0.5em 0.5em 0.7em;
}

.datetime-ui-accordion-icons .datetime-ui-accordion-header a {
    padding-left: 2.2em
}

.datetime-ui-accordion .datetime-ui-accordion-header .datetime-ui-icon {
    position: absolute;
    left: 0.5em;
    top: 50%;
    margin-top: -8px
}

.datetime-ui-accordion .datetime-ui-accordion-content {
    padding: 1em 2.2em;
    border-top: none;
    margin-top: -2px;
    position: relative;
    top: 1px;
    margin-bottom: 2px;
    overflow: auto;
    display: none
}

.datetime-ui-accordion .datetime-ui-accordion-content-active {
    display: block
}

.datetime-ui-autocomplete {
    position: absolute;
    cursor: default
}

* html .datetime-ui-autocomplete {
    width: 1px
}

.datetime-ui-menu {
    list-style: none;
    padding: 2px;
    margin: 0;
    display: block;
    float: left
}

    .datetime-ui-menu .datetime-ui-menu {
        margin-top: -3px
    }

    .datetime-ui-menu .datetime-ui-menu-item {
        margin: 0;
        padding: 0;
        float: left;
        clear: left;
        width: 100%
    }

        .datetime-ui-menu .datetime-ui-menu-item a {
            text-decoration: none;
            display: block;
            padding: 0.2em 0.4em;
            line-height: 1.5
        }

            .datetime-ui-menu .datetime-ui-menu-item a.datetime-ui-state-hover,
            .datetime-ui-menu .datetime-ui-menu-item a.datetime-ui-state-active {
                font-weight: normal;
                margin: -1px
            }

.datetime-ui-button {
    display: inline-block;
    position: relative;
    padding: 0;
    margin-right: 0.1em;
    text-decoration: none !important;
    cursor: pointer;
    text-align: center;
    overflow: visible
}

.datetime-ui-button-icon-only {
    width: 2.2em
}

button.datetime-ui-button-icon-only {
    width: 2.4em
}

.datetime-ui-button-icons-only {
    width: 3.4em
}

button.datetime-ui-button-icons-only {
    width: 3.7em
}

.datetime-ui-button .datetime-ui-button-text {
    display: block;
    line-height: 1.4
}

.datetime-ui-button-text-only .datetime-ui-button-text {
    padding: 0.4em 1em
}

.datetime-ui-button-icon-only .datetime-ui-button-text,
.datetime-ui-button-icons-only .datetime-ui-button-text {
    padding: 0.4em;
    text-indent: -9999999px
}

.datetime-ui-button-text-icon-primary .datetime-ui-button-text,
.datetime-ui-button-text-icons .datetime-ui-button-text {
    padding: 0.4em 1em 0.4em 2.1em
}

.datetime-ui-button-text-icon-secondary .datetime-ui-button-text,
.datetime-ui-button-text-icons .datetime-ui-button-text {
    padding: 0.4em 2.1em 0.4em 1em
}

.datetime-ui-button-text-icons .datetime-ui-button-text {
    padding-left: 2.1em;
    padding-right: 2.1em
}

input.datetime-ui-button {
    padding: 0.4em 1em
}

.datetime-ui-button-icon-only .datetime-ui-icon,
.datetime-ui-button-text-icon-primary .datetime-ui-icon,
.datetime-ui-button-text-icon-secondary .datetime-ui-icon,
.datetime-ui-button-text-icons .datetime-ui-icon,
.datetime-ui-button-icons-only .datetime-ui-icon {
    position: absolute;
    top: 50%;
    margin-top: -8px
}

.datetime-ui-button-icon-only .datetime-ui-icon {
    left: 50%;
    margin-left: -8px
}

.datetime-ui-button-text-icon-primary .datetime-ui-button-icon-primary,
.datetime-ui-button-text-icons .datetime-ui-button-icon-primary,
.datetime-ui-button-icons-only .datetime-ui-button-icon-primary {
    left: 0.5em
}

.datetime-ui-button-text-icon-secondary .datetime-ui-button-icon-secondary,
.datetime-ui-button-text-icons .datetime-ui-button-icon-secondary,
.datetime-ui-button-icons-only .datetime-ui-button-icon-secondary {
    right: 0.5em
}

.datetime-ui-button-text-icons .datetime-ui-button-icon-secondary,
.datetime-ui-button-icons-only .datetime-ui-button-icon-secondary {
    right: 0.5em
}

.datetime-ui-buttonset {
    margin-right: 7px
}

.datetime-ui-buttonset .datetime-ui-button {
    margin-left: 0;
    margin-right: -0.3em
}

button.datetime-ui-button::-moz-focus-inner {
    border: none;
    padding: 0
}

.datetime-ui-dialog {
    position: absolute;
    padding: 0.2em;
    width: 300px;
    overflow: hidden
}

.datetime-ui-dialog .datetime-ui-dialog-titlebar {
    padding: 0.4em 1em;
    position: relative
}

.datetime-ui-dialog .datetime-ui-dialog-title {
    float: left;
    margin: 0.1em 16px 0.1em 0
}

.datetime-ui-dialog .datetime-ui-dialog-titlebar-close {
    position: absolute;
    right: 0.3em;
    top: 50%;
    width: 19px;
    margin: -10px 0 0 0;
    padding: 1px;
    height: 18px
}

.datetime-ui-dialog .datetime-ui-dialog-titlebar-close span {
    display: block;
    margin: 1px
}

.datetime-ui-dialog .datetime-ui-dialog-titlebar-close:hover,
.datetime-ui-dialog .datetime-ui-dialog-titlebar-close:focus {
    padding: 0
}

.datetime-ui-dialog .datetime-ui-dialog-content {
    position: relative;
    border: none;
    padding: 0.5em 1em;
    background: none;
    overflow: auto
}

.datetime-ui-dialog .datetime-ui-dialog-buttonpane {
    text-align: left;
    border-width: 0;
    border-top-width: 1px;
    background-image: none;
    margin: 0.5em 0 0;
    padding: 0.3em 1em 0.5em 0.4em
}

.datetime-ui-dialog .datetime-ui-dialog-buttonpane .datetime-ui-dialog-buttonset {
    float: right
}

.datetime-ui-dialog .datetime-ui-dialog-buttonpane button {
    margin: 0.5em 0.4em 0.5em 0;
    cursor: pointer
}

.datetime-ui-dialog .datetime-ui-resizable-se {
    width: 14px;
    height: 14px;
    right: 3px;
    bottom: 3px
}

.datetime-ui-draggable .datetime-ui-dialog-titlebar {
    cursor: move
}

.datetime-ui-slider {
    position: relative;
    text-align: left
}

.datetime-ui-slider .datetime-ui-slider-handle {
    position: absolute;
    z-index: 2;
    width: 1.2em;
    height: 1.2em;
    cursor: default
}

.datetime-ui-slider .datetime-ui-slider-range {
    position: absolute;
    z-index: 1;
    font-size: 0.7em;
    display: block;
    border: none;
    background-position: 0 0
}

.datetime-ui-slider-horizontal {
    height: 0.8em
}

.datetime-ui-slider-horizontal .datetime-ui-slider-handle {
    top: -0.3em;
    margin-left: -0.6em
}

.datetime-ui-slider-horizontal .datetime-ui-slider-range {
    top: 0;
    height: 100%
}

.datetime-ui-slider-horizontal .datetime-ui-slider-range-min {
    left: 0
}

.datetime-ui-slider-horizontal .datetime-ui-slider-range-max {
    right: 0
}

.datetime-ui-slider-vertical {
    width: 0.8em;
    height: 100px
}

.datetime-ui-slider-vertical .datetime-ui-slider-handle {
    left: -0.3em;
    margin-left: 0;
    margin-bottom: -0.6em
}

.datetime-ui-slider-vertical .datetime-ui-slider-range {
    left: 0;
    width: 100%
}

.datetime-ui-slider-vertical .datetime-ui-slider-range-min {
    bottom: auto
}

.datetime-ui-slider-vertical .datetime-ui-slider-range-max {
    top: 0
}

.datetime-ui-tabs {
    position: relative;
    padding: 0.2em
}

.datetime-ui-tabs .datetime-ui-tabs-nav {
    margin: 0;
    padding: 0.2em 0.2em 0
}

.datetime-ui-tabs .datetime-ui-tabs-nav li {
    list-style: none;
    float: left;
    position: relative;
    top: 1px;
    margin: 0 0.2em 1px 0;
    border-bottom: none !important;
    padding: 0;
    white-space: nowrap
}

.datetime-ui-tabs .datetime-ui-tabs-nav li a {
    float: left;
    padding: 0.5em 1em;
    text-decoration: none
}

.datetime-ui-tabs .datetime-ui-tabs-nav li.datetime-ui-tabs-selected {
    margin-bottom: 0;
    padding-bottom: 1px
}

.datetime-ui-tabs .datetime-ui-tabs-nav li.datetime-ui-tabs-selected a,
.datetime-ui-tabs .datetime-ui-tabs-nav li.datetime-ui-state-disabled a,
.datetime-ui-tabs .datetime-ui-tabs-nav li.datetime-ui-state-processing a {
    cursor: text
}

.datetime-ui-tabs .datetime-ui-tabs-nav li a,
.datetime-ui-tabs.datetime-ui-tabs-collapsible .datetime-ui-tabs-nav li.datetime-ui-tabs-selected a {
    cursor: pointer
}

.datetime-ui-tabs .datetime-ui-tabs-panel {
    display: block;
    border-width: 0;
    padding: 1em 1.4em;
    background: none
}

.datetime-ui-tabs .datetime-ui-tabs-hide {
    display: none !important
}

.datetime-ui-datepicker-cover {
    display: none;
    display: block;
    position: absolute;
    z-index: -1;
    -webkit-filter: mask();
    filter: mask();
    top: -4px;
    left: -4px;
    width: 200px;
    height: 200px
}

.datetime-ui-progressbar {
    height: 2em;
    text-align: left
}

.datetime-ui-progressbar .datetime-ui-progressbar-value {
    margin: -1px;
    height: 100%
}

.datetime-ui-datepicker {
    width: auto;
    max-width: 300px
}

.datetime-ui-widget .action-buttons button {
    width: 100%;
    min-width: auto
}

.datetime-ui-datepicker select {
    -webkit-appearance: none;
    background-color: #fff
}

.datetime-ui-datepicker select.datetime-ui-datepicker-month,
.datetime-ui-datepicker select.datetime-ui-datepicker-year {
    width: 48%
}

table.EditingFormTable,
.component-form-builder .EditingFormTable {
    width: 100%
}

.component-form-builder .EditingFormTable tr {
    display: block;
    overflow: hidden;
    margin-bottom: 24px
}

table.EditingFormTable tr:first-child td {
    background-color: #fff;
}

.component-form-builder .EditingFormTable .EditingFormValueCell {
    display: block;
    overflow: hidden
}

.component-form-builder .EditingFormTable .EditingFormControlNestedControl {
    overflow: hidden
}

.component-form-builder .EditingFormTable .FieldLabel {
    display: block;
    overflow: hidden;
    color: #333e48;
    white-space: initial !important;
}

td.FieldLabel {
    padding-right: 30px;
}

.component-form-builder .EditingFormTable .FieldLabel span {
    display: inline-block;
    margin-bottom: 8px;
    color: #333e48;
    font-size: 16px
}

.component-form-builder .EditingFormTable .EditingFormValueCell .Error input[type="text"],
.component-form-builder .EditingFormTable .EditingFormValueCell .Error textarea {
    border-color: #f6323e
}

.component-form-builder .EditingFormTable .EditingFormValueCell .EditingFormErrorLabel,
.checkboxError,
.validationError{
    clear: both;
    display: block;
    color: #f6323e;
    margin-top: 10px;
    font-size: 16px
}

.EditingFormErrorLabel {
    color: #f6323e;
    font-size: 16px;
    position: relative;
    top: -15px;
}

.component-form-builder .ErrorLabel,
.ErrorLabel{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    padding: 8px 16px;
    border: 1px solid #f6323e;
    color: #f6323e;
    min-height: 48px;
    text-align: center;
    margin-bottom: 16px
}

tr.FullWidthCell {
    width: 100% !important;
    flex-basis: 100% !important;
    max-width: 100% !important;
}

tr.FullWidthCell .EditingFormValueCell input {
    margin-bottom: 0px;
}

.component-form-builder .form-control {
    margin-bottom: 0
}

.component-form-builder .checkbox,
.component-form-builder .radio {
    float: left;
    position: relative
}

.component-form-builder .checkbox br,
.component-form-builder .radio br {
    display: none
}

.component-form-builder .uploader-upload input[type="file"] {
    display: none
}

.component-form-builder .uploader-upload label {
    position: relative;
    display: block !important;
    float: left;
    margin-bottom: 0;
    padding: 0 25px;
    width: 155px;
    height: 48px;
    border-radius: none;
    border: none;
    font-family: "Weisenhoff Grotesk Medium", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 48px;
    text-align: center;
    color: #333e48;
    background-color: #d8d9d6;
    transition: all 0.1s ease-in-out
}

.component-form-builder .uploader-upload label:hover,
.component-form-builder .uploader-upload label.on {
    background: #333e48;
    color: #fff;
    text-decoration: none
}

.component-form-builder .uploader-upload label:hover span,
.component-form-builder .uploader-upload label.on span {
    transition: all 0.1s ease-in-out;
    color: #fff;
}

.component-form-builder .uploader-upload span {
    margin-left: 10px;
    line-height: 46px
}

.component-form-builder input[type="submit"] {
    font-size: 14px
}

.component-form-builder #ListBoxControl select,
.component-form-builder #ListBoxControl_1 select,
.component-form-builder #ListBoxControl_2 select,
.component-form-builder #ListBoxControl_3 select,
.component-form-builder #ListBoxControl_4 select,
.component-form-builder #ListBoxControl_5 select {
    padding: 16px 8px;
    height: 210px;
    border: none;
    background: #f6f5f4
}

.component-form-builder #ListBoxControl option,
.component-form-builder #ListBoxControl_1 option,
.component-form-builder #ListBoxControl_2 option,
.component-form-builder #ListBoxControl_3 option,
.component-form-builder #ListBoxControl_4 option,
.component-form-builder #ListBoxControl_5 option {
    padding: 11px 8px
}

.component-form-builder #SecurityCode .FieldLabel,
.component-form-builder #SecurityCode_1 .FieldLabel,
.component-form-builder #SecurityCode_2 .FieldLabel,
.component-form-builder #SecurityCode_3 .FieldLabel,
.component-form-builder #SecurityCode_4 .FieldLabel,
.component-form-builder #SecurityCode_5 .FieldLabel {
    display: none
}

.component-form-builder .EditingFormButtonCell {
    float: right
}

.table {
    overflow-x: auto;
}

.table table {
    width: 100%;
    border-collapse: collapse;
}

table tr:first-child td {
    background-color: #dcdcdc;
    padding: 5px 15px;
}

table tr:not(:first-child) td:not(:first-child) {
    padding: 5px 15px;
}

table.EditingFormTable tr:first-child td,
table.EditingFormTable tr:not(:first-child) td:not(:first-child) {
    padding: 0;
}

table tr:first-child td h1,
table tr:first-child td h2,
table tr:first-child td h3,
table tr:first-child td h4,
table tr:first-child td h5,
table tr:first-child td p{
    font-size: 1.1rem;
    font-family: "Weisenhoff Grotesk Regular", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 100;
}

table tr:not(:first-child) td:first-child {
    border: aliceblue;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-right: 10px;
}

.table tr {
    background-color: #f6f5f4;
}

.table tr:nth-child(odd) {
    background-color: #fff;
}

.table th {
    font-family: "Weisenhoff Grotesk Medium", "Helvetica Neue", Helvetica, Arial, sans-serif;
    padding: 15px 16px;
    background-color: #d8d9d6;
    text-align: left;
}

.table td {
    padding: 15px 16px;
    font-size: 13px;
}

@media (min-width: 768px) {
    .table th {
        padding: 15px 24px;
    }
    .table td {
        padding: 15px 24px;
    }

    #gradReadyToApply .table th,
    #gradReadyToApply .table td {
        padding: 10px 20px
    }

    #gradReadyToApply .table th {
        font-size: 15px
    }
}


.creditor-2022-content table.table thead th {
    padding: 15px 16px;
    background-color: #d8d9d6;
    text-align: left;
    font-size: 14px;
    font-weight: bold;
}

.creditor-2022-content table.table tbody tr:nth-child(odd) td {
    padding: 15px 16px;
    background-color: #fff;
    font-size: 14px;
    text-align: left;
}

.creditor-2022-content table.table tbody tr:nth-child(even) td {
    padding: 15px 16px;
    background-color: #f6f5f4;
    font-size: 14px;
    text-align: left;
}

.fade-in {
    visibility: visible;
    opacity: 1
}

.fade-in-out-appear {
    opacity: 0.01;
    transition: opacity 200ms ease-in
}

.fade-in-out.fade-in-out-appear-active {
    opacity: 1
}

.fade-in-out-enter {
    opacity: 0.01;
    transition: opacity 200ms ease-in;
}

.fade-in-out-enter.fade-in-out-enter-active {
    opacity: 1;
}
.fade-in-out-leave {
    opacity: 1;
    transition: opacity 200ms ease-in;
}

.fade-in-out-leave.fade-in-out-leave-active {
    opacity: 0.01;
}

.slide-down-up {
    overflow: hidden
}

.slide-down-up-appear {
    height: 0;
    max-height: 0;
    visibility: hidden;
    transition: all 400ms ease-in
}

.slide-down-up.slide-down-up-appear-active {
    height: auto;
    max-height: 600px;
    visibility: visible
}

.slide-down-up-enter {
    height: 0;
    max-height: 0;
    visibility: hidden;
    transition: all 400ms ease-in
}

.slide-down-up-enter.slide-down-up-enter-active {
    height: auto;
    max-height: 600px;
    visibility: visible
}

.slide-down-up-leave {
    height: auto;
    max-height: 600px;
    visibility: visible;
    transition: all 200ms ease-out
}

.slide-down-up-leave.slide-down-up-leave-active {
    height: 0;
    max-height: 0;
    visibility: hidden
}

.clearfix::after {
    content: "";
    display: table;
    clear: both
}

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

.hidden {
    display: none !important
}

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

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

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

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

.no-scroll {
    overflow: hidden
}

.wrapper {
    overflow: hidden
}

.page-content {
    padding-left: 16px;
    padding-right: 16px;
    padding-top: 70px;
}

@media (min-width: 768px) {
    .page-content {
        padding-left: 24px;
        padding-right: 24px;
    }
}

.inner-page-layout {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
}

@media (min-width: 1024px) {
    .inner-page-layout {
        -ms-flex-flow: row nowrap;
        flex-flow: row nowrap;
    }
}

.inner-page-layout > :first-child {
    margin-bottom: 24px;
}
@media (min-width: 1024px) {
    .inner-page-layout > :first-child {
        margin-bottom: 0;
        margin-right: 113px;
    }
}

.inner-page-layout--75-25 aside {
    margin-top: 50px;
    width: 350px;
}

@media (min-width: 1024px) {
    .inner-page-layout--75-25 aside {
        margin-top: initial;
        width: initial;
        flex-basis: 25%;
        max-width: 25%;
    }

    article.content.content--article .inner-page-layout--75-25 aside {
        flex-basis: 100%;
        max-width: 100%;
    }
}



hr {
    height: 1px;
    border: unset;
    background: #D1D3D3;
    margin-bottom: 30px;
}

@media (min-width: 768px) {

    hr {
        margin-bottom: 50px;
    }
}

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

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

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

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

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

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

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

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

.header-m-indentation::after {
    -ms-flex-preferred-size: calc((100% / 6 * 3) - 16px - 0.1px);
    flex-basis: calc((100% / 6 * 3) - 16px - 0.1px);
    max-width: calc((100% / 6 * 3) - 16px - 0.1px);
    margin-right: 16px;
    content: "";
    height: 16px;
    background-color: #fff;
    transform: translateY(100%);
}

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

.is-sticky.header-container {
    border-bottom: 0.8px solid #D1D3D3;
}

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

.header-sticky-container {
    overflow: hidden
}

@media (max-width: 1220px) {
    .header .logo {
        padding: 10px 0
    }

    .header-container::before {
        content: '';
        position: absolute;
        z-index: 1;
        bottom: 0;
        left: 0;
        right: 0;
        background: #fff
    }
}

@media (min-width: 768px) {
    .header-container {
        padding-left: 24px;
        /*padding-right: 24px;*/
        padding-right: 0px;
    }
}

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

    .header.is-sticky {
        position: fixed;
    }

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

    .header-container {
        background: rgba(255, 255, 255, 0.8);
    }

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

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


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

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

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

.header-menu-primary > li,
.header-menu-secondary > li {
    display: block;
    font-family: "Weisenhoff Grotesk Regular", "Helvetica Neue", Helvetica, Arial, sans-serif;
    margin-bottom: 0
}
.header-menu-primary > li .is-active,
.header-menu-secondary > li .is-active {
    font-family: "Weisenhoff Grotesk Medium", "Helvetica Neue", Helvetica, Arial, sans-serif;
    background: #edecea;
    padding-right: 25px;
}

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

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

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

.header-menu-secondary a,
.header-menu-secondary button {
    color: #77777a
}

.header-menu-secondary a:hover,
.header-menu-secondary button:hover {
    color: #333e48
}

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

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

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

.header-nav-sub {
    display: none
}

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

.header-nav-item .svg-icon.icon-search {
    color: transparent
}

.header-nav-item .header-menu-search-btn.is-open .icon-search {
    display: none;
}

.header-nav-item .header-menu-search-btn .icon-cross {
    display: none;
}

.header-nav-item .header-menu-search-btn.is-open .icon-cross {
    display: block;
}

.header-nav-item .svg-icon.icon-search {
    color: transparent
}

@media (max-width: 1220px) {
    .header-menu-primary {
        display: none;
    }

    .header-menu-search {
        display: -ms-flexbox;
        display: flex;
        border-bottom: 1px solid #edecea;
    }

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

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

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

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

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

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

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

    .header-menu-search-input {
        height: 66px;
        margin: 0;
        color: #fff;
        border: none;
        background: #50748a
    }

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

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

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

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

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

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

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

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

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

    .header-nav {
        overflow: hidden
    }

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

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

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

    .header-nav-item {
        margin: 0;
    }

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

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

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

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

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

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

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

    .header-menu-secondary a {
        display: block;
        padding: 5px 16px;
        color: #50748a
    }

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

@media (min-width: 1220px) {
    .header-menu {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: end;
        justify-content: flex-end;
        position: relative;
        width: 100%;
        background: transparent;
        height: 70px;
        overflow: hidden;
    }

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

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

    }
    .header-menu-primary > li .header-nav-link,
    .header-menu-primary > li .header-nav-has-children,
    .header-menu-secondary > li .header-nav-link,
    .header-menu-secondary > li .header-nav-has-children {
        padding: 20px;
        color: #50748a;
    }

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

    .header-menu-primary > li {
        /*vertical-align: middle;*/
        vertical-align: top;
    }

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

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

    .header-menu-secondary .header-menu-search-btn.is-open {
        background: #edecea
    }

    .header-menu-social {
        display: none
    }

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

    .header-menu-search-btn {
        padding: 20px;
        padding-right: 25px;
        padding-bottom: 26px;
    }

    .header-menu-search-btn.is-open {
        background: #edecea;
    }

    .header-menu-primary {
        font-size: 20px;
    }

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

.mobile-menu-accordion {
    font-family: "HCo Chronicle Display", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.mobile-menu-accordion .accordion-item.is-open .accordion-heading {
    background-color: #50748a;
}

.mobile-menu-accordion .accordion-heading {
    background: #50748a;
}

.accordion-item.is-open .mobile-menu-accordion .accordion-heading .mobile-menu-accordion .accordion-heading:focus {
    background-color: #50748a;
}

.component-accordion-widget .accordion-item.is-open .accordion-content a {
    border-bottom: 0px none;
}

.component-accordion.js-accordion.component-accordion-widget .accordion-item.is-open .accordion-content {
    padding: 20px;
}

.mobile-menu-accordion .accordion-heading:hover {
    background: #50748a;
}

.mobile-menu-accordion .accordion-heading .svg-icon {
    color: #fff;
}

.mobile-menu-accordion .accordion-item.is-open .accordion-content {
    padding: 0;
}

.mobile-menu-accordion .accordion-item.is-open .accordion-content a {
    background: #7ea8ad;
    font-family: "Weisenhoff Grotesk Regular", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.mobile-menu-accordion .accordion-title {
    font-family: "HCo Chronicle Display", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #fff;
}

.mobile-menu-accordion-static-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
}

.mobile-menu-accordion-static-list li {
    padding: 0;
}

.mobile-menu-accordion-static-list li::before {
    display: none;
}

.mobile-menu-accordion-static-link {
    display: block;
    background: #50748a;
    padding: 16px;
    border-bottom: 1px solid #d8d9d6;
    font-weight: bold;
    font-family: "HCo Chronicle Display", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #fff;
}

.mobile-menu-accordion-static-text {
    margin: 0;
    color: #fff;
    font-size: 1.3rem;
    font-family: "HCo Chronicle Display", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.header-menu-social.hidden-md.hidden-lg p {
    color: #fff;
}

@media (min-width: 1220px) {
    .mobile-menu-accordion {
        display: none;
    }
}

.header-hamburger {
    position: relative;
    z-index: 1;
    padding: 16px 16px 16px 19px;
    display: inline-block;
    cursor: pointer;
    transition-property: opacity;
    transition-duration: 0.15s;
    transition-timing-function: linear;
    font: inherit;
    color: inherit;
    text-transform: none;
    background-color: transparent;
    border: none;
    margin: 0;
    overflow: visible;
}
.header-hamburger:hover {
    background-color: transparent;
}
.header-hamburger:hover .header-hamburger-inner,
.header-hamburger:hover .header-hamburger-inner::before,
.header-hamburger:hover .header-hamburger-inner::after {
    background-color: #333e48;
}
.header-hamburger-box {
    width: 18px;
    height: 12px;
    display: inline-block;
    position: relative;
}
.header-hamburger-inner {
    display: block;
    top: 50%;
    margin-top: -1px;
}
.header-hamburger-inner,
.header-hamburger-inner::before,
.header-hamburger-inner::after {
    width: 18px;
    height: 2px;
    background-color: #50748a;
    border-radius: 0;
    position: absolute;
    transition-property: transform;
    transition-duration: 0.15s;
    transition-timing-function: ease;
}
.header-hamburger-inner::before,
.header-hamburger-inner::after {
    content: "";
    display: block;
}
.header-hamburger-inner::before {
    top: -5px;
}
.header-hamburger-inner::after {
    bottom: -5px;
}
.header-hamburger--squeeze .header-hamburger-inner {
    transition-duration: 0.1s;
    transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.header-hamburger--squeeze .header-hamburger-inner::before {
    transition: top 0.1s 0.14s ease, opacity 0.1s ease;
}
.header-hamburger--squeeze .header-hamburger-inner::after {
    transition: bottom 0.1s 0.14s ease, transform 0.1s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.is-open-menu .header-hamburger--squeeze {
    background-color: transparent;
}
.is-open-menu .header-hamburger--squeeze .header-hamburger-inner {
    transform: rotate(45deg);
    transition-delay: 0.14s;
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
.is-open-menu .header-hamburger--squeeze .header-hamburger-inner::before {
    top: 0;
    opacity: 0;
    transition: top 0.1s ease, opacity 0.1s 0.14s ease;
}
.is-open-menu .header-hamburger--squeeze .header-hamburger-inner::after {
    bottom: 0;
    transform: rotate(-90deg);
    transition: bottom 0.1s ease, transform 0.1s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1);
}

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

.header-search {
    display: none
}

@media (min-width: 1220px) {
    .header-search {
        position: fixed;
        top: 0;
        width: 100%;
        z-index: 1;
        display: none;
        background: #fff;
        transform: translate3d(0, -120px, 0);
        transition: transform 0.3s ease-out;
        opacity: 0;
    }
    .header-search.is-open {
        transform: translateY(0);
        top:70px;
        opacity: 1;
    }
    .header-search.is-open + .header-search-overlay {
        opacity: 1;
        visibility: visible;
    }
    .header-search-container {
        padding: 0;
    }

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

    .header-search-content {
        -ms-flex-preferred-size: calc((100% / 12 * 12) - 24px - 0.1px);
        flex-basis: calc((100% / 12 * 12) - 24px - 0.1px);
        max-width: calc((100% / 12 * 12) - 24px - 0.1px);
        margin-right: 24px;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        height: 120px;
        background: #edecea;
        text-align: left;
        border-bottom: 0.8px solid #D1D3D3;
        padding-right: 25px;
    }

    .header-search-input {
        font-size: 1.625rem;
        line-height: 1.23077;
        margin-bottom: 24px;
        margin: 0 !important;
        border: none;
        background: #edecea;
        text-align: right;
        margin-left: 10px !important;
        padding-right: 40px;
    }
}

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

@media (min-width: 1220px) {
    .header-search-close {
        -ms-flex: 0 0 48px;
        flex: 0 0 48px;
        width: 48px;
        height: 48px;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: center;
        justify-content: center;
        opacity: 1;
        color: #333e48;
        margin-right: 16px;
    }

    .header-search-close .svg-icon.icon-close {
        width: 20px;
        height: 20px;
    }

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

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



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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.menu-overlay-close-button {
    -ms-flex: 0 0 50px;
    flex: 0 0 50px;
    padding: 20px 0 0;
    margin-left: auto;
}

@media (min-width: 1220px) {
    .menu-overlay-close-button {
        -ms-flex: 0 0 100px;
        flex: 0 0 100px;
    }
}

.menu-overlay-close-button .svg-icon.icon-close {
    width: 20px;
    height: 20px;
}

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

.menu-overlay-left {
    position: relative;
    height: 100%;

    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    padding-top: 40px;
    overflow: hidden;
    z-index: 3;
}

.menu-overlay-full {
    padding-top: 68px;
    position: relative;
    height: 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    overflow: hidden;
    z-index: 3;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    border-bottom: 0.8px solid #D1D3D3;
}

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

.menu-overlay-item {
    width: 100%;
    padding: 25px;
    opacity: 0;
    transition: none;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.menu-overlay-item:hover,
.menu-overlay-item.is-active {
    transition: background 0.2s;
    background: #f6f5f4;
}

.menu-overlay-item:hover:last-child,
.menu-overlay-item.is-active:last-child {
    background: #edecea;
}

.menu-overlay-item a {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    width: 100%;
}

.menu-overlay-item-content p {
    margin-bottom: 0;
}

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

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

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

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

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

.menu-overlay-item-title {
    cursor: pointer;
    color: #50748a;
    margin-bottom: 16px;
    font-family: "Weisenhoff Grotesk Regular", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 1.5rem;
}

.js-menu-overlay-expertise .menu-overlay-item-title,
.js-menu-overlay-industries .menu-overlay-item-title,
.js-menu-overlay-about .menu-overlay-item-title {
    min-height: 63px;
}

.menu-overlay-item.menu-overlay-close-button {
    padding-right: 0px;
    padding-left: 57px;
}

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

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

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

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

.menu-overlay-item-list-links {
    list-style: none;
    padding: 0;
    margin: 0;
    margin-top: 16px;
}

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

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

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

.menu-overlay-item-list-links li .menu-overlay-item-list-link {
    padding-left: 0px;
    position: relative;
}

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

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

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

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

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

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

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

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

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

@media (min-width: 1220px) {
    .menu-overlay-item {
        max-width: 351px;
        padding-top: 50px;
        padding-bottom: 50px;
    }

    .menu-overlay-inner {
        padding-right: 124px
    }

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

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

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

.component-footer {
    position: relative;
    padding-top: 16px;
    padding-bottom: 50px;
    border-top: none;
    overflow: hidden;
    background-color: #f6f5f4;
    z-index: 1;
}

.component-footer h3 {
    color: #77777a;
}

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

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

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


.footer-columns-wrapper.reverse {
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
}

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

@media (max-width: 767px) {
    .component-footer .footer-copyright .pull-left {
        display: block
    }
}
@media (max-width: 1023px) {
    .component-footer .footer-left .component-newsletter-signup {
        margin-bottom: 30px
    }
}
@media (min-width: 767px) and (max-width: 1023px) {
    .component-footer .footer-left {
        width: calc(100% + 16px);
        display: -ms-flexbox;
        display: flex;
        -ms-flex: 0 1 auto;
        flex: 0 1 auto;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

@media (min-width: 767px) and (max-width: 1023px) and (min-width: 768px) {
    .component-footer .footer-left {
        width: calc(100% + 24px)
    }
}

@media (min-width: 767px) and (max-width: 1023px) and (min-width: 1024px) {
    .component-footer .footer-left {
        width: calc(100% + 24px)
    }
}

@media (min-width: 767px) and (max-width: 1023px) {
    .component-footer .footer-left.reverse {
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
    }

    .component-footer .footer-left h3,
    .component-footer .footer-left .component-newsletter-signup {
        -ms-flex-preferred-size: calc((100% / 12 * 6) - 24px - 0.1px);
        flex-basis: calc((100% / 12 * 6) - 24px - 0.1px);
        max-width: calc((100% / 12 * 6) - 24px - 0.1px);
        margin-right: 24px
    }

    .component-footer .footer-left .component-newsletter-signup {
        margin-bottom: 30px
    }
}

@media (max-width: 1023px) {
    .component-footer .footer-left {
        margin-bottom: 20px
    }
}

@media (min-width: 768px) {
    .component-footer {
        border-width: 24px;
        padding-top: 56px;
        padding-bottom: 56px
    }

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

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

    .component-footer .footer-left > *:last-child {
        margin-bottom: 0
    }

    .component-footer .footer-right {
        -ms-flex-preferred-size: calc((100% / 12 * 7) - 24px - 0.1px);
        flex-basis: calc((100% / 12 * 7) - 24px - 0.1px);
        max-width: calc((100% / 12 * 7) - 24px - 0.1px);
        margin-right: 24px
    }
}
@media (min-width: 1024px) and (min-width: 1024px) {
    .component-footer .footer-right {
        margin-left: calc((100% / 12 * 1))
    }
}
.simple-version.footer-nav nav:last-child {
    -ms-flex: 0 0 295px;
    flex: 0 0 295px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-align: center;
    align-items: center;
}

.simple-version.footer-nav nav:last-child > * {
    height: 24px;
    margin: 0 10px 0 0;
}

.simple-version.footer-nav nav:last-child > a {
    margin-top: -5px;
}

.footer-nav {
    -ms-flex-pack: space-evenly;
    justify-content: space-evenly;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
    padding: 0 20px;
}

.footer-nav--mobile {
    display: none;
}

@media (max-width: 767px) {
    .footer-nav--mobile {
        display: -ms-flexbox;
        display: flex;
    }
}

.footer-nav--desktop {
    display: none;
}

@media (min-width: 768px) {
    .footer-nav--desktop {
        display: -ms-flexbox;
        display: flex;
    }
}
.footer-nav nav {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 50%;
    margin-bottom: 15px;
    padding: 0 10px;
}

.footer-nav nav h5 {
    color: #77777a;
    margin-bottom: 0;
}

.footer-nav nav h5.link {
    color: #50748a;
}

.footer-nav nav p,
.footer-nav nav a {
    font-size: 1rem;
}
.footer-nav nav p {
    margin-bottom: 8px;
    color: #333e48;
}
@media (max-width: 1023px) {
    .footer-nav nav p {
        margin-top: 16px;
    }
}

.footer-nav nav a {
    margin-bottom: 4px;
    color: #50748a;
}

.footer-nav nav a:last-of-type {
    margin-bottom: 16px;
}

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

.footer-nav nav a .svg-icon {
    color: #7ca6ba;
    transition: color 200ms ease-in
}

.footer-nav nav a .svg-icon:hover {
    color: #333e48
}

@media (min-width: 768px) {
    .simple-version.footer-nav {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -ms-flex-align: start;
        -ms-grid-row-align: flex-start;
        align-items: flex-start
    }
    .footer-nav nav {
        width: auto
    }
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
    .footer-nav nav a {
        font-size: 14px;
    }

    .footer-nav nav {
        width: auto;
        max-width: 131px;
    }
}

.footer-copyright p,
.footer-copyright a {
    font-size: .8125rem;
    line-height: 1.84615;
    margin-right: 8px
}

.footer-copyright p {
    color: #333e48
}

.footer-copyright a {
    margin-bottom: 0;
    text-decoration: none;
    color: #50748a
}

.footer-copyright a:hover {
    text-decoration: underline
}

.footer-copyright .pull-left {
    color: #77777a;
    margin-right: auto;
    margin-bottom: 0;
    width: auto
}

@media (min-width: 768px) {
    .footer-copyright {
        margin-top: 40px;
        border-top: 1px solid #b3b2b1;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: start;
        justify-content: flex-start;
        width: 100%;
        font-size: 14px;
        padding-top: 5px;
    }

    .footer-copyright p {
        margin-bottom: 0;
        margin-right: 0;
        color: #b3b2b1;
    }

    .footer-copyright p,
    .footer-copyright a {
        margin-left: 0;
        margin-right: 8px
    }
}

.accordion-item.is-open .accordion-heading {
    background-color: #edecea
}

.component-accordion-widget .accordion-item.is-open .accordion-heading,
.creditor-information-accordion .accordion-item.is-open .accordion-heading {
    background-color: #f6f5f4
}

.accordion-item.is-open .accordion-heading .svg-icon {
    transform: rotateZ(180deg);
}

.accordion-item.is-open .accordion-content {
    display: block;
    padding: 24px;
    height: auto;
    max-height: none;
    border-bottom: 1px solid #d8d9d6;
    visibility: visible;
    opacity: 1
}

@media (max-width: 1024px) {
    .accordion-item.is-open .accordion-content {
        padding: 24px;
    }
}

.accordion-item.is-open .accordion-content ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
}

.accordion-item.is-open .accordion-content ul li {
    padding: 0;
}

.accordion-item.is-open .accordion-content ul li::before {
    display: none;
}


.accordion-item.is-open .accordion-content a {
    display: block;
    background: #50748a;
    padding: 16px;
    border-bottom: 1px solid #d8d9d6;
    font-weight: bold;
    font-family: "HCo Chronicle Display", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #fff;
}

.accordion-heading {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
    padding: 16px;
    border-bottom: 1px solid #d8d9d6;
    color: #50748a;
    font-weight: bold;
    background-color: #fff;
}

.accordion-heading .accordion-title {
    min-width: 93%;
    margin-right: auto;
    margin-bottom: 0;
    font-size: 1.3rem;
}

.creditor-information-accordion .accordion-heading .accordion-title,
.component-accordion-widget .accordion-heading .accordion-title {
    font-family: 'Weisenhoff Grotesk Regular';
}

.homepage .accordion-heading .accordion-title {
    font-family: 'Weisenhoff Grotesk Regular';
    font-size: 1.5rem;
}

.home-mobile-section {
    margin-top: -50px;
}

.accordion-heading .svg-icon {
    -ms-flex: 0 0 24px;
    flex: 0 0 24px;
    color: #50748a;
}

.accordion-heading:hover,
.accordion-heading:focus {
    background-color: #f6f5f4;
    cursor: pointer;
}

.accordion-content {
    height: 0;
    max-height: 0;
    width: 100%;
    visibility: hidden;
    opacity: 0;
    overflow: hidden;
    will-change: height, max-height, opacity, visibility;
    transition: all 400ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
    transition-property: height, max-height, opacity, visibility;
    background-color: #fff;
    color: #333e48;
}

@media (min-width: 1024px) {
    .accordion-heading {
        padding: 16px 24px
    }
}

.component-engagement-alert_
,.component-engagement-alert_default
,.component-engagement-alert_greyborder 
{
    padding: 24px;
}

.component-engagement-alert_
,.component-engagement-alert_default {
    background-color: #ecf2f5;
    position: relative;
}

.component-engagement-alert_greyborder {
    padding: 24px;
    background-color: #FFFFFF;
    border: 2px solid #F6F5F4;
    position: relative;
}

.component-engagement-alert_ .alert-message
, .component-engagement-alert_default .alert-message {
    font-size: 1.5rem;
    line-height: 1.33333;
    margin-bottom: 24px;
    color: #50748a;
    font-weight: 600;
}

.component-engagement-alert_greyborder .alert-message {
    font-size: 1.5rem;
    font-weight: 100;
    line-height: 1.33333;
    margin-bottom: 24px;
    color: #50748a;
}

.component-engagement-alert_ .btn,
.component-engagement-alert_default .btn,
.component-engagement-alert_greyborder .btn {
    width: 100%
}

.component-engagement-alert_ .btn,
.component-engagement-alert_default .btn {
    color: #fff !important;
    background-color: #7ca6ba;
}

.component-engagement-alert_ .btn:hover,
.component-engagement-alert_default .btn:hover {
    color: #fff !important;
    background-color: #333e48;
}

.component-engagement-alert_greyborder .btn {
    color: #50748a !important;
    background-color: #f6f5f4;
}

.component-engagement-alert_greyborder .btn:hover {
    color: #000 !important;
    background-color: #d8d9d6
}

@media (min-width: 768px) {
    .component-engagement-alert_,
    .component-engagement-alert_default,
    .component-engagement-alert_greyborder {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }

    .right-col .component-engagement-alert_,
    .right-col .component-engagement-alert_default,
    .right-col .component-engagement-alert_greyborder {
        display: block;
        padding: 30px 27px !important;
    }

    .left-col .component-engagement-alert_greyborder {
        display: block;
        padding: 30px 27px !important;
    }

    .left-col .component-engagement-alert_greyborder .btn {
        position: absolute;
        right: 30px;
        top: 22px;
    }

    .component-engagement-alert_ .alert-message,
    .component-engagement-alert_default .alert-message,
    .component-engagement-alert_greyborder .alert-message {
        margin-bottom: 0;
        margin-right: auto;
        max-width: 70%
    }

    .left-col .component-engagement-alert_greyborder .alert-message {
        display: inline-block;
        font-size: 21px;
    }

    .right-col .component-engagement-alert_ .alert-message,
    .right-col .component-engagement-alert_default .alert-message,
    .right-col .component-engagement-alert_greyborder .alert-message {
        margin-bottom: 25px;
        margin-right: auto;
        max-width: 100%
    }

    .component-engagement-alert_ .btn,
    .component-engagement-alert_default .btn,
    .component-engagement-alert_greyborder .btn {
        width: auto
    }
}

@media (min-width: 1024px) {
    .component-engagement-alert_,
    .component-engagement-alert_default,
    .component-engagement-alert_greyborder {
        padding: 56px
    }
}

.component-engagement-video {
    background-color: #f6f5f4;
    text-align: center
}

.component-engagement-video.dark {
    background-color: #333e48
}

.component-engagement-video.dark .video-content h3,
.component-engagement-video.dark .video-content p,
.component-engagement-video .km-engagement-video-content h3,
.component-engagement-video .km-engagement-video-content p{
    color: #fff
}

.component-engagement-video.dark .btn-play {
    background-color: #fff
}

.component-engagement-video.dark .btn-close {
    color: #fff
}

.component-engagement-video .video-content,
.component-engagement-video .km-engagement-video-content {
    padding: 88px 16px;
    transition: opacity 200ms ease-in;
    background-position: 50% 50%;
    background-size: cover
}

.component-engagement-video .video-content h3,
.component-engagement-video .video-content p,
.component-engagement-video .km-engagement-video-content h3,
.component-engagement-video .km-engagement-video-content p{
    max-width: 800px;
    margin-left: auto;
    margin-right: auto
}

.component-engagement-video .video-content.is-hidden {
    padding: 0;
    height: 0;
    opacity: 0;
    visibility: hidden
}

.component-engagement-video .btn-play,
.videowrapper .btn-play,
.engagement-featurette-media .btn-play{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    -ms-flex-align: center;
    margin: 0 auto;
    width: 56px;
    height: 56px;
    border: none;
    border-radius: 50%;
    background-color: #7ca6ba;
    color: #fff;
}

.component-engagement-video .video-player {
    position: relative;
    height: 0;
    opacity: 0;
    visibility: hidden;
    transition: opacity 200ms ease-in;
    transition-delay: 300ms
}

.component-engagement-video .km-engagment-video-player {
    position: relative;
    transition: opacity 200ms ease-in;
    transition-delay: 300ms;
    height: auto;
    padding: 31px 0;
    opacity: 1;
    visibility: visible
}

.component-engagement-video .video-player.is-visible {
    height: auto;
    padding: 31px 0;
    opacity: 1;
    visibility: visible
}

.component-engagement-video .component-video-embed,
.component-engagement-video .component-km-video-embed {
    position: static;
    overflow: visible;
    padding-bottom: 33.3333334%
}

.component-engagement-video .btn-close {
    position: absolute;
    top: 0;
    right: 0;
    color: #7ca6ba;
    width: 36px;
    height: 36px;
}

.component-engagement-video .component-video-embed,
.component-engagement-video .component-km-video-embed {
    -ms-flex-preferred-size: calc((100% / 12 * 8) - 65px - 0.1px);
    flex-basis: calc((100% / 12 * 8) - 65px - 0.1px);
    max-width: calc((100% / 12 * 8) - 65px - 0.1px);
    margin-right: 24px;
    position: relative
}


@media (min-width: 1024px) {
    .service-line-video-section .component-tile-with-video .tile {
        height: 400px;
    }

    .service-line-video-section .videowrapper {
        height: 400px;
    }
}

.service-line-video-section button.btn-play.js-video-play {
    position: relative;
    top: calc(50% - 28px);
}

@media (min-width: 768px) {
    .component-engagement-video .component-video-embed, .component-engagement-video .component-km-video-embed{
        -ms-flex-preferred-size: calc((100% / 12 * 10) - 24px - 0.1px);
        flex-basis: calc((100% / 12 * 10) - 24px - 0.1px);
        max-width: calc((100% / 12 * 10) - 24px - 0.1px);
        margin-right: 24px;
        position: relative
    }
}

@media (min-width: 768px) and (min-width: 768px) {
    .component-engagement-video .component-video-embed,
    .component-engagement-video .component-km-video-embed  {
        margin-left: calc((100% / 12 * 1));
    }
}

@media (min-width: 768px) {
    .component-engagement-video .btn-close {
        top: -6px;
        right: -36px
    }
}

@media (min-width: 1024px) {
    .component-engagement-video .video-content,
	.component-engagement-video .km-engagement-video-content {
        padding: 133px 16px
    }

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

@media (min-width: 1024px) and (min-width: 1024px) {
    .component-engagement-video .component-video-embed,
	.component-engagement-video .component-km-video-embed  {
        margin-left: calc((100% / 12 * 2))
    }
}

.component-engagement-featurette {
    height: 526px;
    overflow: hidden
}

.component-engagement-featurette.extraSlimCutout  {
    height: 276px;
    overflow: hidden
}


.component-engagement-featurette.bothImage {
    height: auto;
}

.component-engagement-featurette.bothImage .secondaryImagePanel {
    height: 100%;
    width: 100%;
    background-repeat: no-repeat;
    background-size: initial;
}

.component-engagement-featurette:hover .icon-tile-move {
    transform: translateX(8px);
}

.component-engagement-featurette h5 {
    font-size: 21px;
    margin-bottom: 17px;
}

.bothImage > .engagement-featurette-media-container {
    max-height: 300px;
}


@media (min-width: 1024px) {
    .component-engagement-featurette.bothImage {
        height: 390px;
    }

    .bothImage > .engagement-featurette-media-container {
        max-height: 390px;
    }

    .component-engagement-featurette.reverse .engagement-featurette-media-container {
        flex-basis: calc(100% - 400px);
        max-width: calc(100% - 400px);
        margin-left: 0px;
        margin-right: 0px;
    }

    .new-page-content .component-engagement-featurette.reverse .engagement-featurette-media-container {
        background-color: #fff;
    }
}

.secondaryContainer {
    height: 200px;
    padding: 0px;
}

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

.bothImage .engagement-featurette-content,
.bothImage .text-container,
.bothImage .text-container img {
    width: auto;
    max-width: 100%;
    padding: 0px;
    margin: 0px;
}

.bothImage .engagement-featurette-content,
.bothImage .text-container,
.bothImage .text-container img {
    height: 250px;
}

@media (min-width: 1024px) {
    .bothImage .engagement-featurette-content,
    .bothImage .text-container,
    .bothImage .text-container img {
        width: 100%;
        height: 100%;
    }

    .bothImage > .engagement-featurette-media-container {
        max-height: initial;
        height: 300px;
    }

    .bothImage .engagement-featurette-content {
        height: 100%;
    }

    .component-engagement-featurette.bothImage {
        height: 390px;
    }

    .bothImage > .engagement-featurette-media-container {
        height: 100%;
    }

    .secondaryContainer {
        height: auto;
        padding: 24px;
    }


    .bothImage .engagement-featurette-content,
    .bothImage .text-container,
    .bothImage .text-container img {
        padding: 0px 10px;
    }
}
.component-engagement-featurette.slim {
    height: 450px;
}

.component-engagement-featurette.extraslim {
    height: auto;
}

.engagement-featurette-theme {
    background-color: #DBD9D6 !important;
    display: block;
    color: #333E48;
}

.engagement-featurette-media-container {
    position: relative;
    overflow: hidden
}

.engagement-featurette-media {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: cover
}

.engagement-featurette-media-no-stretch-right {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-position: top left;
    background-size: auto;
    background-repeat: no-repeat;
}

@media (min-width: 1240px) {
    .extraslim .engagement-featurette-content-no-stretch .findOutMoreBtn {
        position: absolute;
        left: 30px;
        bottom: 18px;
    }

    .extraslim.reverse .engagement-featurette-content-no-stretch .findOutMoreBtn {
        position: absolute;
        left: initial;
        bottom: 15px;
    }
}

@media (min-width: 1025px) {
    .extraslim .engagement-featurette-content-no-stretch .findOutMoreBtn {
        position: absolute;
        left: 40px;
        bottom: 35px;
    }

    .extraslim.reverse .engagement-featurette-content-no-stretch .findOutMoreBtn {
        position: absolute;
        left: initial;
        bottom: 35px;
    }
}

.engagement-featurette-media-no-stretch-left {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-position: top left;
    background-size: auto;
    background-repeat: no-repeat;
}


.engagement-featurette-content {
    -ms-flex-item-align: center;
    align-self: center;
    padding: 0 24px 0 24px
}

.engagement-featurette-content.outline {
    background: #fff;
    border-width: 2px;
    border-top-width: 0;
    border-style: solid;
    border-color: #edecea
}

.engagement-featurette-content.outline .engagement-featurette-subtext,
.engagement-featurette-content.outline .engagement-featurette-title,
.engagement-featurette-content.outline .engagement-featurette-text {
    color: #333e48
}

.engagement-featurette-content .btn {
    width: auto;
    padding: 10px 20px;
}

.engagement-featurette-subtext {
    margin-bottom: 8px;
    color: #edecea
}

.engagement-featurette-title,
.engagement-featurette-text {
    color: #fff
}

.engagement-featurette-theme .engagement-featurette-title,
.engagement-featurette-theme .engagement-featurette-text,
.engagement-featurette-theme .engagement-featurette-subtext {
    color: #333E48;
}

.engagement-featurette-theme .engagement-featurette-theme,
.engagement-featurette-theme .engagement-featurette-subtext {
    font-family: 'Weisenhoff Grotesk Light';
}

.engagement-featurette-theme .engagement-featurette-title {
    font-family: 'Weisenhoff Grotesk Regular'
}

@media (max-width: 768px) {
    .engagement-featurette-content.engagement-featurette-theme .engagement-featurette-title {
        margin-bottom: 0px;
    }
}

@media (min-width: 768px) {
    .engagement-featurette-theme .engagement-featurette-title,
    .engagement-featurette-theme .engagement-featurette-text,
    .engagement-featurette-theme .engagement-featurette-subtext {
        max-width: initial;
    }
}

@media (min-width: 1024px) {
    .engagement-featurette-theme .engagement-featurette-title,
    .engagement-featurette-theme .engagement-featurette-text,
    .engagement-featurette-theme .engagement-featurette-subtext {
        max-width: initial;
    }
}

.engagement-featurette-title:last-child {
    margin-bottom: 0
}

.extraSlimCutout .text-container h3 {
    margin-bottom: 8px;
}

.extraSlimCutout .text-container {
    padding-left: 20px;
    padding-right: 30px;
}

.component-engagement-featurette .small-text {
    font-size: 14px;
    margin-top: 25px;
}

.component-engagement-featurette .small-text a {
    font-family: 'Weisenhoff Grotesk Medium';
}

.engagement-featurette-content.engagement-featurette-theme.highlight {
    border: 3px solid #445463;
    height: auto;
}

.engagement-featurette-content.engagement-featurette-theme.highlight h3.engagement-featurette-title {
    font-size: 30px;
}

@media (max-width: 1024px) {
    .component-engagement-featurette,
    .component-engagement-featurette.extraSlimCutout {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        height: initial;
    }

    .component-engagement-featurette .engagement-featurette-content {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        padding: 30px;
        width: 100%;
        min-height: 210px;
        height: 210px;
    }

    .new-page-content .component-engagement-featurette .engagement-featurette-content {
        min-height: 190px;
        height: auto;
    }

    .component-engagement-featurette .engagement-featurette-text {
        overflow: hidden
    }

    .slide-item p.engagement-featurette-text {
        height: 0px;
        overflow: hidden;
    }

    .engagement-featurette-content-no-stretch > .engagement-featurette-text {
        height: auto;
        overflow: hidden
    }

    .engagement-featurette-media-container {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    .new-page-content .engagement-featurette-media-container {
        height: 300px; /* new forensic */
    }

    .new-page-content .slide-item .engagement-featurette-media-container {
        height: initial;
    }

    .component-engagement-featurette.extraslim {
        display: flex;
        flex-direction: column;
    }

    .engagement-featurette-media-container-no-stretch {
        width: 100%;
        height: 220px;
        order: 1;
    }

    .engagement-featurette-content-no-stretch
    {
        padding: 30px 30px;
        order: 2;
        background-position: left;
    }

    .engagement-featurette-media-container-no-stretch > .intrinsic-image {
        position: relative;
        display: block;
        height: 220px;
        width: 100%;
        background: #edecea;
        padding-bottom: 0px;
    }

    .engagement-featurette-content.engagement-featurette-theme.highlight {
        width: 100%;
    }
}

.engagement-featurette-content.engagement-featurette-theme.highlight {
    background-color: #fff;
}

.engagement-featurette-content.engagement-featurette-theme.highlight .btn-skin-1 {
    background-color: #445463;
}

@media (min-width: 1024px) {
    .component-engagement-featurette {
        position: relative;
        width: calc(100% + 16px);
        display: -ms-flexbox;
        display: flex;
        -ms-flex: 0 1 auto;
        flex: 0 1 auto;
        flex-wrap: wrap
    }

    .engagement-featurette-content.engagement-featurette-theme.highlight {
        border: 3px solid #445463;
        height: 420px !important;
        width: calc(100% + 32px);
    }


    .engagement-featurette-media-no-stretch-right {
        background-position: right;
    }

    .engagement-featurette-media-no-stretch-left {
        background-position: left;
    }

    .component-engagement-featurette.extraslim {
        height: 276px;
    }

    .engagement-featurette-content-no-stretch {
        -ms-flex-preferred-size: calc((100% / 12 * 7) - 24px - 0.1px);
        flex-basis: calc((100% / 12 * 7) - 24px - 0.1px);
        max-width: calc((100% / 12 * 7) - 24px - 0.1px);
        margin-right: 0px;
        padding: 35px 40px;
    }
}


@media (max-width: 728px) {
    .engagement-featurette-content.engagement-featurette-theme.highlight {
        width: calc(100% - 32px);
    }
}

@media (min-width: 768px) and (min-width: 768px) {
    .component-engagement-featurette {
        width: 100%;
    }

    .component-engagement-featurette.extraslim {
        width: 100%;
    }
}

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


@media (min-width: 1024px) {
    .component-engagement-featurette.reverse {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
        width: 100%;
    }

    .component-engagement-featurette.slim .engagement-featurette-content {
        padding-right: 24px;
        padding-left: 24px;
        display: flex;
    }

    .engagement-featurette-content .text-container {
        align-self: center;
    }

    .component-engagement-featurette.reverse .engagement-featurette-media::after {
        left: auto;
        right: 0;
        bottom: 0
    }

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

    .bothImage .engagement-featurette-media-container {
        -ms-flex-preferred-size: calc((100% / 12 * 6) - 0.1px);
        flex-basis: calc((100% / 12 * 6) - 0.1px);
        max-width: calc((100% / 12 * 6)  - 0.1px);
    }

    .engagement-featurette-media {
        padding-bottom: 0;
        width: calc(100% - 22px);
        margin-left: 22px;
    }

    .reverse .engagement-featurette-media {
        margin-left: 0px;
    }

    .engagement-featurette-media.outline {
        background-color: #fff
    }

    .extraSlimCutout .engagement-featurette-content {
        max-width: calc((100% / 12 * 5) - 24px - 0.1px);
        flex-basis: calc((100% / 12 * 5) - 24px - 0.1px);
    }

    .extraSlimCutout .engagement-featurette-media-container {
        flex-basis: calc((100% / 12 * 7) - 24px - 0.1px);
        max-width: calc((100% / 12 * 7) - 24px - 0.1px);
    }

    .engagement-featurette-media.outline::after {
        border-bottom: 2px solid #edecea
    }

    /*.engagement-featurette-media::after {
        content: '';
        position: absolute;
        bottom: 0;
        left: 0;
        background-color: inherit;
        width: 56px;
        height: 44%
    }*/

    .engagement-featurette-content {
        -ms-flex-preferred-size: calc((100% / 12 * 6) - 24px - 0.1px);
        flex-basis: calc((100% / 12 * 6) - 24px - 0.1px);
        max-width: calc((100% / 12 * 6) - 24px - 0.1px);
        margin-right: 24px;
        padding-left: 0px;
        padding-right: 0px;
        height: 100%;
        width: 100%;
        height: 470px;
        align-self: center;
    }

    .extraSlimCutout .engagement-featurette-content {
        align-self: center;
        padding: 0px;
        height: initial;
        padding-top: 0px;
        padding-left: 5px;
    }

    .engagement-featurette-content.outline {
        border: none;
        background: transparent
    }

    .engagement-featurette-content.outline::before {
        border: 2px solid #edecea;
        background: #fff
    }

    .engagement-featurette-content .btn {
        width: auto
    }

    .engagement-featurette-content::before {
        content: '';
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 24px;
        z-index: -1;
        display: block;
        background-color: inherit
    }

    .engagement-featurette-subtext {
        margin-bottom: 8px
    }
}

@media (min-width: 768px) and (max-width: 1219px) {
    .engagement-featurette-media-container .intrinsic-image,
    .engagement-featurette-media-container .intrinsic-image-long {
        padding-bottom: 0;
        height: 526px;
    }
    .component-engagement-featurette.slim .engagement-featurette-media-container .intrinsic-image,
    .component-engagement-featurette.slim .engagement-featurette-media-container .intrinsic-image-long {
        height: 450px;
    }
}

@media (min-width: 1024px) {
    .component-engagement-featurette.slim .engagement-featurette-media {
        margin-left: 0;
        padding-left: 24px
    }

    .component-engagement-featurette.slim .engagement-featurette-content {
        padding-right: 58px;
        padding-left: 29px;
        display: flex;
        height: 395px;
    }

    .slim .engagement-featurette-media-container {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .slim .engagement-featurette-media-container .intrinsic-image-long {
        height: auto;
        padding-bottom: 0
    }

    .engagement-featurette-media-container,
    .bothImage .engagement-featurette-media-container {
        flex-basis: calc(100% - 424px);
        max-width: calc(100% - 424px);
        display: flex;
        margin-right: 0px;
        margin-left: 24px;
    }
    
    .engagement-featurette-media-container-no-stretch {
        position: relative;
        overflow: hidden;
        -ms-flex-preferred-size: calc((100% / 12 * 5) + 24px - 0.1px);
        flex-basis: calc((100% / 12 * 5) + 24px - 0.1px);
        max-width: calc((100% / 12 * 5) + 24px - 0.1px);
        margin-right: 0px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
    
    .engagement-featurette-media-container-no-stretch .intrinsic-image,
    .engagement-featurette-media-container .intrinsic-image {
        height: auto;
        padding-bottom: 0
    }

    .reverse .engagement-featurette-content {
        flex-basis: 400px;
        max-width: 400px;
        margin-right: 0px;
        margin-top: 0px;
        height: 100%;
        align-self: start;
        padding: 30px;
        background-color: #50748a;
    }

    .engagement-featurette-content {
        flex-basis: 400px;
        max-width: 400px;
        margin-right: 0px;
        margin-top: 0px;
        height: 100%;
        align-self: start;
        padding: 30px;
        background-color: #50748a;
    }

    .component-engagement-featurette.default {
        display: flex;
        width: 100%;
        overflow: hidden;
    }

    .engagement-featurette-content::before {
        /*right: 24px*/
        right: 0px;
    }
    
    .extraSlimCutout .engagement-featurette-content {
        max-width: calc((100% / 12 * 4) - 24px - 0.1px);
        flex-basis: calc((100% / 12 * 4) - 24px - 0.1px);
        align-self: center;
        padding-left: 15px;
        height: initial;
    }

    .extraSlimCutout .engagement-featurette-media-container {
        flex-basis: calc((100% / 12 * 8) - 23px);
        max-width: calc((100% / 12 * 8) - 23px);
    }
    
    .extraSlimCutout.reverse .engagement-featurette-media-container {
        flex-basis: calc((100% / 12 * 8) - 0.1px);
        max-width: calc((100% / 12 * 8) - 0.1px);
    }
}

@media (min-width: 1220px) {
    .component-engagement-featurette.slim {
        height: 395px
    }

    .component-engagement-featurette.extraslim {
        height: 276px
    }
}
.component-featured-text {
    width: calc(100% + 16px);
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.component-engagement-featurette.extraslim h3 {
    font-family: "Weisenhoff Grotesk Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 1.5rem;
    line-height: 1;
    margin-bottom: 10px;
}

.component-engagement-featurette.extraslim p.engagement-featurette-text,
.component-engagement-featurette.extraSlimCutout p.engagement-featurette-text {
    font-family: "Weisenhoff Grotesk Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 0.9rem;
    line-height: 1.5;
    margin-bottom: 20px;
}
@media (min-width: 768px) {
    .component-featured-text {
        width: calc(100% + 24px);
    }
}
@media (min-width: 1024px) {
    .component-featured-text {
        width: calc(100% + 24px);
    }
}
.component-featured-text.reverse {
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
}
.component-featured-text .left-col,
.component-featured-text .right-col {
    -ms-flex-preferred-size: calc((100% / 6 * 6) - 16px - 0.1px);
    flex-basis: calc((100% / 6 * 6) - 16px - 0.1px);
    max-width: calc((100% / 6 * 6) - 16px - 0.1px);
    margin-right: 16px;
}
@media (min-width: 768px) {
    .component-featured-text .left-col,
    .component-featured-text .right-col {
        -ms-flex-preferred-size: calc((100% / 12 * 6) - 24px - 0.1px);
        flex-basis: calc((100% / 12 * 6) - 24px - 0.1px);
        max-width: calc((100% / 12 * 6) - 24px - 0.1px);
        margin-right: 24px;
    }
}
@media (min-width: 1024px) {
    .component-featured-text .left-col,
    .component-featured-text .right-col {
        -ms-flex-preferred-size: calc((100% / 12 * 6) - 24px - 0.1px);
        flex-basis: calc((100% / 12 * 6) - 24px - 0.1px);
        max-width: calc((100% / 12 * 6) - 24px - 0.1px);
        margin-right: 24px;
    }
}
.featurette-media {
    margin-bottom: 16px
}

.featurette-media .vjs-big-play-button {
    top: -2px !important;
}

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

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

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

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

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

    .featurette-media {
        margin-bottom: 0
    }
}

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

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

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

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

@media (min-width: 1024px) and (min-width: 1024px) {
    .reverse .featurette-content {
        margin-left: 0;
        margin-right: calc((100% / 12 * 1) + 24px)
    }
}

.component-form-builder #ui-datepicker-div {
    margin-bottom: 60px
}

@media (min-width: 768px) {
    .component-form-builder.form-builder-two-col .EditingFormTable tbody {
        width: calc(100% + 16px);
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-flex: 0;
        -ms-flex: 0 1 auto;
        flex: 0 1 auto;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

@media (min-width: 768px) and (min-width: 768px) {
    .component-form-builder.form-builder-two-col .EditingFormTable tbody {
        width: calc(100% + 24px)
    }
}

@media (min-width: 768px) and (min-width: 1024px) {
    .component-form-builder.form-builder-two-col .EditingFormTable tbody {
        width: calc(100% + 24px)
    }
}

@media (min-width: 768px) {
    .component-form-builder.form-builder-two-col .EditingFormTable tbody.reverse {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse
    }

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

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

.layout-section-full .component-html-block,
.layout-section-offset .component-html-block {
    width: calc(100% + 16px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.layout-section .page-controls-wrapper {
    margin-bottom: 0px;
}

@media (min-width: 768px) {
    .layout-section-full .component-html-block, .layout-section-offset .component-html-block {
        width: calc(100% + 24px)
    }
}

@media (min-width: 1024px) {
    .layout-section-full .component-html-block,
    .layout-section-offset .component-html-block {
        width: calc(100% + 24px)
    }
}

.layout-section-full .component-html-block.reverse,
.layout-section-offset .component-html-block.reverse {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
}

.layout-section-full .component-html-block .content,
.layout-section-offset .component-html-block .content {
    /*-ms-flex-preferred-size: calc((100% / 6 * 6) - 16px - 0.1px);
    flex-basis: calc((100% / 6 * 6) - 16px - 0.1px);
    max-width: calc((100% / 6 * 6) - 16px - 0.1px);*/
    margin-right: 16px;
    width: 100%;
}

@media (min-width: 768px) {
    .layout-section-full .component-html-block .content,
    .layout-section-offset .component-html-block .content {
        /*-ms-flex-preferred-size: calc((100% / 12 * 12) - 24px - 0.1px);
        flex-basis: calc((100% / 12 * 12) - 24px - 0.1px);
        max-width: calc((100% / 12 * 12) - 24px - 0.1px);
        */
        margin-right: 24px;
    }

    .layout-section-full .component-html-block .align-left,
    .layout-section-full .component-html-block .align-right,
    .layout-section-offset .component-html-block .align-left,
    .layout-section-offset .component-html-block .align-right {
        max-width: 50%
    }

    .layout-section-full .component-html-block .align-left,
    .layout-section-offset .component-html-block .align-left {
        margin: 0 15px 15px 0;
        float: left
    }

    .layout-section-full .component-html-block .align-right,
    .layout-section-offset .component-html-block .align-right {
        margin: 0 0 15px 15px;
        float: right
    }
}

@media (min-width: 1024px) {
    .layout-section-full .component-html-block .content,
    .layout-section-offset .component-html-block .content {
        /*-ms-flex-preferred-size: calc((100% / 12 * 8) - 24px - 0.1px);
        flex-basis: calc((100% / 12 * 8) - 24px - 0.1px);
        max-width: calc((100% / 12 * 8) - 24px - 0.1px);
        */
        margin-right: 24px;
    }
}

.layout-section-full .component-slider.image-slider,
.layout-section-full .component-slider2.image-slider {
    width: calc(100% + 16px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 24px 0;
    background-image: url("../assets/images/slider-bg.jpg");
    background-repeat: no-repeat;
    background-position: 0 0;
    background-color: transparent;
    background-size: cover;
}


@media (min-width: 768px) {
    .layout-section-full .component-slider.image-slider,
    .layout-section-full .component-slider2.image-slider {
        width: calc(100% + 24px)
    }
}

@media (min-width: 1024px) {
    .layout-section-full .component-slider.image-slider,
    .layout-section-full .component-slider2.image-slider {
        width: calc(100% + 24px)
    }
}

.layout-section-full .component-slider.image-slider.reverse,
.layout-section-full .component-slider2.image-slider.reverse {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
}

.layout-section-full .component-slider.image-slider .slider-container,
.layout-section-full .component-slider2.image-slider .slider-container {
    -ms-flex-preferred-size: calc((100% / 6 * 6) - 16px - 0.1px);
    flex-basis: calc((100% / 6 * 6) - 16px - 0.1px);
    max-width: calc((100% / 6 * 6) - 16px - 0.1px);
    margin-right: 16px
}

/* Mobile container size */
@media (max-width: 1024px) {
    .service-line-video-section .container,
    .service-line-child-pages .container,
    .related-news .container,
    .home-latest-insights .container {
        padding: 0;
    }

    .latest-insights .component-tile-container.icon-tile-container.three-col,
    .latest-insights hr,
    .related-news hr,
    .related-news .component-tile-container.icon-tile-container.three-col,
    .home-latest-insights .component-tile-container.icon-tile-container.three-col {
        margin-left: -16px;
        margin-right: -16px;
        width: calc(100% + 32px);
    }

    .home-latest-insights .readmore {
        padding-left: 16px;
        padding-right: 16px;
    }

    section#service-lines-section .component-accordion {
        margin-left: -16px;
        margin-right: -16px;
    }

    .related-news .section-heading {
        padding: 0px 16px;
    }
}


@media screen and (min-width: 768px) and (max-width: 1024px) {
    .component-slider.component-engagement-slider.js-engagement-slider,
    .component-slider2.component-engagement-slider2.js-engagement-slider {
        margin-left: -16px;
        margin-right: -16px;
        margin-bottom: 100px !important;
    }
}

@media (max-width: 767px) {
    .grad-careers-2021 .component-engagement-featurette,
    .grad-careers-2021 .component-accordion.component-accordion-widget.js-accordion,
    .sidebar-panel {
        margin-left: -16px;
        margin-right: -16px;
    }

    .sidebar-panel {
        margin-top: 40px;
    }

    .component-slider.component-engagement-slider.js-engagement-slider,
    .component-slider2.component-engagement-slider2.js-engagement-slider {
        margin-left: -16px;
        margin-right: -16px;
        margin-bottom: 140px !important;
    }
}

.slider-container {
    position: relative
}

.component-engagement-slider .slider-container,
.component-engagement-slider2 .slider-container {
    background-color: #fff;
}


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

.slider-container .slick-slide {
    float: left;
    height: 100%;
    min-height: 1px;
    padding: 0;
    transition: opacity 500ms linear !important;
    z-index: 0 !important
}

.slider-container .slick-slide.slick-active {
    z-index: 1 !important
}

.slider-container .slick-slider {
    overflow: hidden;
    max-height: 250px
}

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

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

@media (max-width: 767px) {
    .layout-section-full .component-slider.image-slider,
    .layout-section-full .component-slider2.image-slider {
        position: relative
    }

    .layout-section-full .component-slider.image-slider::before,
    .layout-section-full .component-slider2.image-slider::before{
        position: absolute;
        top: 0;
        left: -16px;
        width: 16px;
        background-color: #f6f5f4;
        height: 100%;
        content: ''
    }
}

@media (min-width: 768px) {
    .layout-section-full .component-slider.image-slider,
    .layout-section-full .component-slider2.image-slider {
        padding: 56px 0;
        background-position: -30px 0
    }

    .layout-section-full .component-slider.image-slider .slider-container,
    .layout-section-full .component-slider2.image-slider .slider-container{
        -ms-flex-preferred-size: calc((100% / 12 * 10) - 24px - 0.1px);
        flex-basis: calc((100% / 12 * 10) - 24px - 0.1px);
        max-width: calc((100% / 12 * 10) - 24px - 0.1px);
        margin-right: 24px
    }
}

@media (min-width: 768px) and (min-width: 768px) {
    .layout-section-full .component-slider.image-slider .slider-container,
    .layout-section-full .component-slider2.image-slider .slider-container {
        margin-left: calc((100% / 12 * 1))
    }
}

@media (min-width: 768px) {
    .slider-container .slick-slider {
        max-height: 470px
    }
}

@media (min-width: 1024px) {
    .layout-section-full .component-slider.image-slider .slider-container,
    .layout-section-full .component-slider2.image-slider .slider-container {
        -ms-flex-preferred-size: calc((100% / 12 * 8) - 24px - 0.1px);
        flex-basis: calc((100% / 12 * 8) - 24px - 0.1px);
        max-width: calc((100% / 12 * 8) - 24px - 0.1px);
        margin-right: 24px
    }
}

@media (min-width: 1024px) and (min-width: 1024px) {
    .layout-section-full .component-slider.image-slider .slider-container,
    .layout-section-full .component-slider2.image-slider .slider-container {
        margin-left: calc((100% / 12 * 2))
    }
}

.slick-dots {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: 8px;
    z-index: 1000;
    margin: 0;
    list-style-type: none;
    text-align: center;
    opacity: 0;
    transition: 0.3s opacity
}

.component-slider:hover .slick-dots,
.component-slider2:hover .slick-dots {
    opacity: 1
}

.slick-dots > li {
    margin: 0;
    padding: 0;
    display: inline-block
}

.slick-dots > li::before {
    display: none
}

.slick-dots li {
    position: relative;
    width: 10px;
    height: 10px;
    margin-right: 21px
}

.slick-dots li:last-of-type {
    margin-right: 0
}

.slick-dots button {
    position: absolute;
    top: 0;
    left: 0;
    padding: 0;
    margin: 0;
    border: none;
    background-color: #d8d9d6;
    width: 10px;
    height: 10px;
    text-align: center;
    font-size: 0;
    border: 2px solid #d8d9d6;
    transition: box-shadow 0.3s ease, background-color 0.3s ease
}

.slick-dots button:active,
.slick-dots button:focus {
    outline: none
}

.slick-active > button {
    background-color: transparent;
    border: 2px solid #d8d9d6;
}

.dots-top {
    margin-top: 60px
}

.dots-top .slick-dots {
    margin-top: 0;
    top: 8px;
    bottom: auto;
}
.dots-outside .slick-dots {
    bottom: -30px
}

.dots-left .slick-dots {
    left: 8px;
    -webkit-transform: none;
    transform: none
}

.dots-right .slick-dots {
    left: auto;
    right: 8px;
    -webkit-transform: none;
    transform: none
}

@media (min-width: 768px) {
    .slick-dots {
        bottom: 8px
    }
}

.slick-arrow {
    position: absolute;
    top: 50%;
    padding: 0;
    width: 40px;
    height: 40px;
    z-index: 1000;
    border: none;
    border-radius: 0;
    color: #50748a;
    -webkit-transform: translateY(-50%) scale(.9);
    transform: translateY(-50%) scale(.9);
    background-color: rgba(255, 255, 255, 0.5);
    transition: background 0.3s, -webkit-transform 0.3s;
    transition: transform 0.3s, background 0.3s;
    transition: transform 0.3s, background 0.3s, -webkit-transform 0.3s;
    cursor: pointer
}

.slick-arrow:active,
.slick-arrow:focus {
    outline: none
}

.slick-arrow:hover {
    -webkit-transform: translateY(-50%) scale(1);
    transform: translateY(-50%) scale(1);
    background-color: rgba(255, 255, 255, 0.75)
}

.slick-arrow .svg-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%)
}

.slick-arrow span {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: none
}

.slick-prev {
    left: 12px
}

.slick-next {
    right: 12px
}

.component-engagement-slider,
.component-engagement-slider2 {
    background-color: #50748a;
    border: 0px none !important;
}

.component-engagement-slider .slider-container .slick-slider,
.component-engagement-slider2 .slider-container .slick-slider{
    max-height: 470px
}

@media only screen and (max-width: 1024px) {
    .component-engagement-slider .slider-container .slick-slide,
    .component-engagement-slider2 .slider-container .slick-slide {
        /*        height: 470px*/
    }
}

.component-engagement-slider .slick-arrow,
.component-engagement-slider2 .slick-arrow {
    display: none !important
}

.component-engagement-slider .slick-dots,
.component-engagement-slider2 .slick-dots {
    bottom: -42px;
    opacity: 1 !important
}

@media (max-width: 767px) {
    .component-engagement-slider,
    .component-engagement-slider2 {
        margin-bottom: 0px !important
    }

    .component-engagement-slider .slider-container,
    .component-engagement-slider2 .slider-container{
        padding-bottom: 0px;
        margin-bottom: -50px;
    }

    .component-engagement-slider .slider-container .slick-slider,
    .component-engagement-slider2 .slider-container .slick-slider{
        max-height: initial;
        height: calc(100% - 100px);
        border: 0px none !important;
    }

    .component-engagement-slider .slider-container .slick-dots,
    .component-engagement-slider2 .slider-container .slick-dots{
        bottom: -42px;
        text-align: center;
        transform: none;
        left: initial;
        width: 100%;
    }
}

@media (max-width: 1024px) {
    .component-engagement-slider .slider-container .slick-slider,
    .component-engagement-slider2 .slider-container .slick-slider {
        max-height: initial;
    }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .component-engagement-slider .slider-container .slick-slide,
    .component-engagement-slider2 .slider-container .slick-slide {
        height: initial;
        margin-bottom: 0px;
    }
}

.tile {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    overflow: hidden;
}

.tile.tile--shade:nth-child(1n).icon-tile:hover,
.tile.tile--shade:nth-child(1n),
.tile .tile--shade:nth-child(1n) {
    color: #fff;
    background: #50748a;
}

.tile.tile--shade:nth-child(2n).icon-tile:hover,
.tile.tile--shade:nth-child(2n),
.tile .tile--shade:nth-child(2n) {
    color: #fff;
    background: #7ea8ad;
}

.tile a .more-icon {
    height: 18px;
}

.tile .btn {
    display: inline-block;
}

.tile .tile-title {
    font-family: "Weisenhoff Grotesk Medium", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

a.tile {
    color: #333e48;
}

/* related news */
a.tile .tile-title {
    font-family: "Weisenhoff Grotesk Medium", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #fff;
    font-size: 1.1rem;
}

.view-all-insights-link {
    padding-right: 0px !important;
}

@media (max-width: 1023px) {

    .view-all-insights-link {
        text-align: left;
        padding: 0px;
    }
}

.homepage a.tile .tile-title,
.new-page-content a.tile--shade h4.tile-title.icon-tile-title,
.related-news .component-tile-container.three-col a.tile .tile-title {
    font-family: "Weisenhoff Grotesk Regular", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #fff;
    font-size: 1.6rem;
    line-height: 34px;
}

.accordion-item.is-open .accordion-content a {
    background-color: #fff;
}

.creditor-information-accordion .accordion-item.is-open .accordion-content {
    padding: 0px;
}

.component-accordion-widget .accordion-item.is-open .accordion-content a,
.creditor-information-accordion .accordion-item.is-open .accordion-content a {
    font-family: "Weisenhoff Grotesk Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
    display: flex;
    padding: 20px 30px !important;
    color: #50748a;
}

.component-accordion-widget .accordion-item.is-open .accordion-content a {
    display: inline;
    margin: 0px;
    padding: 0px !important;
}

.component-accordion-widget h4.tile-title,
.creditor-information-accordion h4.tile-title {
    font-family: "Weisenhoff Grotesk Medium", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 1.125rem !important;
    line-height: 1.33333;
    margin-bottom: 0px;
    color: #50748a;
}

.component-accordion-widget .accordion-item.is-open .accordion-content a:hover,
.creditor-information-accordion .accordion-item.is-open .accordion-content a:hover {
    color: #50748a;
}

.component-accordion-widget .icon-tile-icon,
.creditor-information-accordion .icon-tile-icon {
    color: #50748a;
}

.component-accordion-widget .icon-tile-icon-text
.creditor-information-accordion .icon-tile-icon-text {
    font-size: .8125rem;
    line-height: 1.84615;
    margin: 0;
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    margin-left: auto;
    margin-right: 12px;
    color: #333e48;
}

.component-accordion-widget .icon-tile,
.creditor-information-accordion .icon-tile {
    -ms-flex-direction: column !important;
    flex-direction: row;
    -ms-flex-pack: justify !important;
    justify-content: space-between;
    padding: 20px 20px 20px 30px !important;
    color: #fff;
    border-bottom: 1px solid #d8d9d6;
    background: #fff;
    transition: border 0.3s;
}

@media (max-width: 768px) {
    .creditor-information-accordion .container,
    .creditor-information-accordion .row {
        max-width: 100%;
        width: 100%;
    }

    .creditor-information-accordion {
        margin-bottom: 40px;
    }
}

.component-tile-container.four-col a.tile .tile-title {
    color: #50748a;
    font-size: 1.3rem;
    line-height: 24px;
    font-family: 'Weisenhoff Grotesk Medium';
}

.component-tile-container.four-col.icon-tile-container a.tile .tile-title {
    font-family: "Weisenhoff Grotesk Regular", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #fff;
    font-size: 1.2rem;
    line-height: 27px;
    margin-top: 0px;
}

a.tile:hover .tile-title {
    color: inherit;
}

a.tile:hover .tile-media::before {
    opacity: 1;
}

.tile-content {
    width: 100%;
    padding: 24px;
}

.tile-content--hover {
    padding: 24px;
}

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

.tile-content div:not(.tile-content),
.tile-content div:not(.tile-meta-item),
.tile-content div:not(.tile-meta.undefined) {
    font-size: 0.915rem;
}

.tile-meta {
    font-size: 0.915rem;
    line-height: 1.55;
    margin-bottom: 20px !important;
}

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

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

.tile-media {
    overflow: hidden;
}

.tile-media img {
    will-change: opacity;
    opacity: 1;
    transition: opacity 0.3s ease-in-out;
}

.tile-media img:hover {

}

.content-tile .tile-media,
.people-tile .tile-media {
    position: relative;
    width: 100%;
    display: block;
}

.content-tile .tile-media img,
.people-tile .tile-media img {
    width: 100%;
}

.tile--style-1 {
    background: #333e48;
    color: #fff;
    margin-bottom: 24px;
}

a.tile.icon-tile.tile--shade.tile--style-1.tile--style-parent {
    background: #435363;
    color: #fff;
    margin-bottom: 24px;
}

.tile--style-1:nth-child(1n):hover .tile-content-hover {
    opacity: 1;
    background-color: #435363;
    margin-bottom: 0px;
}

.tile--style-1:nth-child(2n):hover .tile-content-hover {
    opacity: 1;
    background-color: #435363;
    margin-bottom: 0px;
}

@media (min-width: 1024px) {
    .tile--style-1 {
        height: 400px;
    }
    .four-col .tile--style-1 {
        height: 300px;
    }
}

.tile--style-1.readmore.icon-tile {
    background: none;
}

.tile--style-1.readmore.icon-tile .svg-icon {
    display: none;
}

.tile--style-1.readmore.icon-tile .tile-title {
    text-align: right;
    font-size: 16px;
    color: #50748a;
}

.tile--style-1.readmore.icon-tile .tile-title::after {
    content: " >";
    margin-left: 5px;
}

.readmore h4 {
    color: #50748A;
    font-size: 1.2rem;
    font-family: 'Weisenhoff Grotesk Medium';
}

@media (min-width: 1024px) {
    .tile--style-1.readmore.icon-tile {
        background: url("../assets/images/tile-readmore.jpg") no-repeat #f3f3f3;
    }

    .tile--style-1.readmore.icon-tile .tile-title {
        font-size: 1.625rem;
        line-height: 1.23077;
        margin-bottom: 24px;
    }
}

@media screen and (min-width: 1024px) and (min-width: 1024px) {
    .tile--style-1.readmore.icon-tile .tile-title {
        font-size: 2rem;
        line-height: 1.25;
        margin-bottom: 24px;
    }
}

@media (min-width: 1024px) {
    .tile--style-1.readmore.icon-tile .tile-title::after {
        display: none;
    }

    .tile--style-1.readmore.icon-tile .tile-title,
    .tile--style-1.readmore.icon-tile .tile-date {
        text-align: left;
        color: #333E48;
    }

    .tile--style-1.readmore.icon-tile .svg-icon {
        display: inline-block;
    }
}

.tile--style-1 .tile-date {
    color: #fff;
}

.tile--style-1 .tile-content-hover {
    transition: opacity 0.2s;
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 30px;
    font-size: 0.9rem;
    color: #fff;
}

@media (min-width: 768px) {
    .tile-meta:not(.icon-tile-meta) {
        margin-bottom: 8px;
    }
}

@media (min-width: 900px) {
    .tile--style-1 .tile-content-hover {
        font-size: 1.13rem;
    }
}

.experience-tile-container .content-tile {
    border: 2px solid #C8C7C6;
    background-color: #FFFFFF;
}

.experience-tile-container .tile-content h4.tile-title {
    font-family: "Weisenhoff Grotesk Medium", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #50748a;
}

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

.content-tile .tile-media .intrinsic-image::after {
    content: '';
    position: absolute;
    right: 0px;
    bottom: -1px;
    z-index: 1;
    height: 24px;
    width: 130px;
    background-color: #edecea;
}

.content-tile .tile-media::after {
    content: '';
    position: absolute;
    right: 0;
    bottom: -1px;
    z-index: 1;
    height: 24px;
    width: 130px;
    background-color: #edecea;
}

.experience-listing .content-tile .tile-media::after {
    content: none;
}

.content-tile .tile-emphasis {
    font-family: "Weisenhoff Grotesk Medium", "Helvetica Neue", Helvetica, Arial, sans-serif
}

.tile-horizontal .content-tile .tile-meta {
    margin-bottom: 24px
}



@media (min-width: 768px) {
    .tile-horizontal .content-tile {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -ms-flex-direction: row;
        flex-direction: row;
        margin-bottom: 24px
    }

    .tile-horizontal .content-tile .tile-media {
        width: 33.33333333334%;
        margin: 24px
    }

    /*.tile-horizontal .content-tile .tile-media::after {
        bottom: auto;
        top: 96px;
        height: 66px;
        width: 100px;
    }*/

    .tile-horizontal .content-tile .tile-media::after {
        bottom: auto;
        top: 96px;
        height: 150px;
        width: 16px;
    }

    .tile-horizontal .content-tile .tile-content {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        border: none;
    }
}
@media (min-width: 1024px) {
    .tile-horizontal .content-tile .tile-media {
        width: 290px;
    }
}
.icon-tile {
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 30px;
    color: #fff;
    border-bottom: 1px solid #d8d9d6;
    background: #fff;
    transition: border 0.3s;
}

.icon-tile:last-child {
    border-bottom: none;
}

.icon-tile:hover {
    color: #333e48;
    background: #f6f5f4;
    border-bottom-color: transparent;
}

.icon-tile:hover .icon-tile-move {
    transform: translateX(8px);
}

.icon-tile.creditors-tile.tile.icon-tile {
    padding: 16px 16px 16px 24px;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.icon-tile.creditors-tile.tile.icon-tile h4.tile-title {
    font-weight: 500;
    color: #50748a;
    font-size: 1.125rem;
    font-family: "Weisenhoff Grotesk Medium", "Helvetica Neue", Helvetica, Arial, sans-serif;
    margin-bottom: 0;
}

.icon-tile.creditors-tile.tile.icon-tile .icon-tile-meta,
.icon-tile.creditors-tile.tile.icon-tile .icon-tile-icon {
    color: #333e48;
    margin-bottom: 0;
    align-self: center;
}

.icon-tile-title {
    color: inherit;
    margin-right: auto;
    font-family: "Weisenhoff Grotesk Regular", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 1.8rem;
}

.icon-tile-subtext,
.icon-tile-meta {
    width: 100%;
    color: #fff;
}

.latest-insights .icon-tile-subtext,
.latest-insights .icon-tile-meta {
    margin-bottom: 15px;
}
@media (max-width: 500px) {
    .creditors-tile div:first-child {
        width: 270px;
    }

    .mfp-content .btn .svg-icon {
        display: none;
    }
}

@media (min-width: 728px) and (max-width: 1023px) {
    .latest-insights {
        margin-left: -16px;
        margin-right: -16px;
    }

    .component-tile-container .tile.tile--style-1.icon-tile {
        min-height: 250px;
        padding: 30px;
    }

    .latest-insights .component-tile-container .tile.tile--style-1.icon-tile,
    .related-news .component-tile-container .tile.tile--style-1.icon-tile {
        min-height: 347px;
    }

    .homepage .component-tile-container .tile.tile--style-1.icon-tile {
        padding-left: 45px;
    }

    .experience .tile-icon-single {
        padding: 30px;
        min-height: 250px;
    }

    .homepage .experience:nth-child(2n) {
        padding-top: 24px;
    }
}

@media (max-width: 727px) {
    .latest-insights {
        margin-left: -16px;
        margin-right: -16px;
    }

    .component-tile-container .tile.tile--style-1.icon-tile {
        min-height: 270px;
    }

    .latest-insights .component-tile-container {
        width: 100%;
    }
}

.icon-tile-spacer {
    margin: 0 8px;
}

.icon-tile-icon-text {
    margin: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    margin-left: auto;
    margin-right: 12px;
    /*color: #fff;*/
    color: #000;
    font-size: 0.8rem;
    font-weight: 100;
}

.icon-tile-icon {
    width: 24px;
    height: 24px;
    color: #fff;
}

.people-tile {
    -ms-flex-pack: justify;
    justify-content: space-between;
    background-color: #edecea;
    transition: background-color 0.3s;
}

.people-tile .tile-content {
    display: block;
    padding: 22px;
    padding-bottom: 0;
    color: #333e48;
}

.people-tile:hover {
    background-color: #edecea;
}

.people-tile:hover .tile-title {
    color: #333e48;
}

.people-tile .tile-title {
    margin-bottom: 8px;
    color: #50748a;
    transition: color 0.3s;
}

.people-tile .tile-meta {
    margin: 0;
}

.people-tile .title-area-of-expertise {
    margin-bottom: 15px;
}

.people-tile .people-tile-bottom {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 22px;
    padding-bottom: 22px;
    margin-top: auto;
    justify-content: space-between;
}

.people-tile .people-tile-bottom-link {
    position: relative;
    display: block;
    width: 40px;
    height: 40px;
    margin-left: auto;
}

.people-tile .people-tile-bottom-link:last-child {
    margin-left: 0;
}
.page-header-section
.people-tile .people-tile-bottom-link:hover {
    background: #f6f5f4;
}

.people-tile .people-tile-bottom-link .svg-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
}

@media (min-width: 768px) {
    .people-tile .tile-meta {
        margin: 0;
    }

    .five-col .people-tile .tile-meta {
        min-height: 66px;
        margin: 0;
    }
}

.transaction-listing .tile-media {
    padding: 24px;
}

.transaction-listing .tile-media::after {
    height: 1000px;
    width: 100px;
    right: 23px;
    bottom: auto;
    top: 50%;
}

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

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

.component-tile-container.reverse {
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
}

.component-tile-container .tile {
    flex-basis: 100%;
    max-width: 100%;
    margin-left: 16px;
    margin-right: 16px;
    margin-bottom: 24px;
}
@media (max-width: 1024px) {
    .service-line-child-pages .component-tile-container .tile {
        margin-left: 0px;
        margin-right: 0px;
    }
}

.new-page-content .latest-insights .component-tile-container .tile {
    margin-left: 0px;
    margin-right: 0px;
}

.people-details .related-news .component-tile-container .tile {
    margin-left: 0px;
}

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

.component-tile-container .tile.tile--style-1.icon-tile {
    margin-bottom: 24px;
}

.service-line-child-pages .component-tile-container .tile.tile--style-1.icon-tile {
    margin-bottom: 0px;
}

.five-col.component-tile-container .tile {
    margin-left: 0px;
}

.five-col.component-tile-container .row {
    display: flex;
    justify-content: center;
}

.container.component-tile-container.icon-tile-container.five-col {
    width: 100%;
    padding: initial;
}

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

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

    .component-tile-container.four-col.promo .tile {
        margin-bottom: 24px;
    }

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

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

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

    .component-tile-container.three-col .tile:last-child {
        margin-right: 0px;
    }

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

    .new-page-content .latest-insights .component-tile-container .tile {
        margin-right: 16px;
    }

    .five-col.component-tile-container .row {
        display: flex;
        justify-content: flex-start;
    }
}

@media (min-width: 1024px) {
    .component-tile-container.five-col .tile {
        flex-basis: calc(25% - 24px);
        max-width: calc(25% - 24px);
        margin-right: 24px;
        margin-bottom: 24px;
    }
}

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

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

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

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

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

    .component-tile-container.four-col.promo .tile {
        margin-bottom: 24px;
    }


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

    .new-page-content .latest-insights .component-tile-container .tile {
        margin-right: 24px;
    }

    .new-page-content .latest-insights .component-tile-container .tile:last-child {
        margin-right: 0px;
    }
}

@media (min-width: 1277px) {

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

.component-video-embed,
.component-km-video-embed {
    position: relative;
    display: block;
    height: 0;
    width: 100%;
    background: #edecea;
    padding-bottom: 56.25%;
    overflow: hidden;
    max-width: 100%
}

.component-video-embed iframe,
.component-video-embed object,
.component-video-embed embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.component-km-video-embed iframe{
    position: absolute;
    top: 0;
    left: 0;
}

.component-breadcrumbs a,
.component-breadcrumbs span {
    font-size: 0.8125rem;
    line-height: 1.94615;
    margin-left: 8px;
}

.component-breadcrumbs a:first-child,
.component-breadcrumbs span:first-child {
    margin-left: 0;
}

.component-breadcrumbs a:hover {
    text-decoration: underline;
}

.breadcrumb-separator::before {
    content: ">";
    color: #7ca6ba;
}

.CMSBreadCrumbsLink {
    color: #50748a;
}

.CMSBreadCrumbsCurrentItem {
    color: #000;
}

.sidebar-panel {
    margin-bottom: 16px;
    padding: 16px;
    background-color: #f6f5f4;
}

@media (min-width: 1024px) {
    .sidebar-panel {
        margin-bottom: 24px;
        padding: 25px;
    }

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

@media (max-width: 728px) {
    section.section.content-section.layout-section.bread-crumb-section {
        padding: 20px 0;
    }

    .component-breadcrumbs {
        height: 0px;
        overflow: hidden;
    }
}

.sidebar-group {
    margin-bottom: 24px;
}

.sidebar-group:last-child {
    margin-bottom: 0;
}

.sidebar-group h6 {
    margin-bottom: 20px;
}

.sidebar-group > p {
    font-size: 0.8125rem;
    line-height: 1.84615;
    margin-bottom: 8px;
}

.sidebar-group > p:last-child {
    margin-bottom: 0;
}

.sidebar-group a:not(.profile-link) {
    font-family: "Weisenhoff Grotesk Medium", "Helvetica Neue", Helvetica, Arial, sans-serif;
    white-space: pre-line;
}

.component-loader {
    width: 54px;
    height: 54px;
    border: 8px solid #7ca6ba;
    border-right-color: transparent;
    border-radius: 50%;
    position: relative;
    animation: loader-rotate 1s linear infinite;
    margin: 0px auto;
}

.component-loader::after {
    content: '';
    width: 8px;
    height: 8px;
    background: #7ca6ba;
    border-radius: 50%;
    position: absolute;
    top: -1px;
    left: 31px;
}

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

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

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

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

.component-notification {
    position: relative;
    transition: max-height 300ms cubic-bezier(0.66, 0.01, 0.51, 1);
    z-index: 1010;
    overflow: hidden;
    max-height: 500px;
    background: #7ca6ba
}

.component-notification.is-hidden {
    max-height: 0
}

.component-notification .notification-content {
    padding: 16px 38px 16px 0;
    position: relative;
    z-index: 1
}

.component-notification h4,
.component-notification a {
    padding-right: 28px;
    color: #000
}

.component-notification a:hover {
    text-decoration: underline
}

.component-notification h4 {
    margin-bottom: 0
}

.component-notification .close-icon {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 16px;
    z-index: 2;
    width: 28px;
    height: 28px;
    color: #fff
}

@media (max-width: 767px) {
    .component-notification h4,
    .component-notification a {
        padding-left: 18px;
    }

    .component-notification .notification-content {
        padding-left: 16px
    }
}

@media (min-width: 768px) {
    .component-notification h4 {
        width: 90%;
        padding-right: 56px;
        margin-bottom: 0
    }

    .component-notification .notification-content {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        padding-left: 24px
    }

    .component-notification .close-icon {
        right: 24px
    }
}

.mfp-bg {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1042;
    overflow: hidden;
    background-color: rgba(196, 196, 196, 0.8);
}

.mfp-wrap {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1043;
    position: fixed;
    outline: none !important;
    -webkit-backface-visibility: hidden
}

.mfp-container {
    text-align: center;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    padding: 0 8px;
    box-sizing: border-box
}

.mfp-container:before {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}
.mfp-align-top .mfp-container:before {
    display: none
}

.mfp-content {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin: 0 auto;
    text-align: left;
    z-index: 1045
}

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
    width: 100%;
    cursor: auto
}

.mfp-ajax-cur {
    cursor: progress
}

.mfp-zoom-out-cur,
.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
    cursor: zoom-out
}

.mfp-zoom {
    cursor: pointer;
    cursor: zoom-in
}

.mfp-auto-cursor .mfp-content {
    cursor: auto
}

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.mfp-loading.mfp-figure {
    display: none
}

.mfp-hide {
    display: none !important
}

.mfp-preloader {
    color: #CCC;
    position: absolute;
    top: 50%;
    width: auto;
    text-align: center;
    margin-top: -0.8em;
    left: 8px;
    right: 8px;
    z-index: 1044;
}

.mfp-preloader a {
    color: #ccc;
}

.mfp-preloader a:hover {
    color: #fff;
}

.mfp-s-ready .mfp-preloader {
    display: none
}

.mfp-s-error .mfp-content {
    display: none
}

button.mfp-close,
button.mfp-arrow {
    overflow: visible;
    cursor: pointer;
    background: transparent;
    border: 0;
    -webkit-appearance: none;
    display: block;
    outline: none;
    padding: 0;
    z-index: 1046;
    box-shadow: none
}

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

.mfp-close {
    width: 44px;
    height: 44px;
    line-height: 44px;
    position: absolute;
    right: 0;
    top: 0;
    text-decoration: none;
    text-align: center;
    opacity: 0.65;
    filter: alpha(opacity=65);
    padding: 0 0 18px 10px;
    color: #FFF;
    font-style: normal;
    font-size: 28px;
    font-family: Arial, Baskerville, monospace
}

.mfp-close:hover,
.mfp-close:focus {
    opacity: 1;
    filter: alpha(opacity=100);
}

.mfp-close:active {
    top: 1px;
}

.mfp-close-btn-in .mfp-close {
    color: #333
}

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
    color: #FFF;
    right: -6px;
    text-align: right;
    padding-right: 6px;
    width: 100%
}

.mfp-counter {
    position: absolute;
    top: 0;
    right: 0;
    color: #CCC;
    font-size: 12px;
    line-height: 18px;
    white-space: nowrap
}

.mfp-arrow {
    position: absolute;
    opacity: 0.65;
    filter: alpha(opacity=65);
    margin: 0;
    top: 50%;
    margin-top: -55px;
    padding: 0;
    width: 90px;
    height: 110px;
    -webkit-tap-highlight-color: transparent;
}
.mfp-arrow:active {
    margin-top: -54px;
}

.mfp-arrow:hover,
.mfp-arrow:focus {
    opacity: 1;
    filter: alpha(opacity=100);
}

.mfp-arrow:before,
.mfp-arrow:after,
.mfp-arrow .mfp-b,
.mfp-arrow .mfp-a {
    content: "";
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 35px;
    margin-left: 35px;
    border: medium inset transparent;
}

.mfp-arrow:after,
.mfp-arrow .mfp-a {
    border-top-width: 13px;
    border-bottom-width: 13px;
    top: 8px;
}

.mfp-arrow:before,
.mfp-arrow .mfp-b {
    border-top-width: 21px;
    border-bottom-width: 21px;
    opacity: 0.7;
}

.mfp-arrow-left {
    left: 0;
}

.mfp-arrow-left:after,
.mfp-arrow-left .mfp-a {
    border-right: 17px solid #fff;
    margin-left: 31px;
}

.mfp-arrow-left:before,
.mfp-arrow-left .mfp-b {
    margin-left: 25px;
    border-right: 27px solid #3f3f3f;
}

.mfp-arrow-right {
    right: 0;
}

.mfp-arrow-right:after,
.mfp-arrow-right .mfp-a {
    border-left: 17px solid #fff;
    margin-left: 39px;
}

.mfp-arrow-right:before,
.mfp-arrow-right .mfp-b {
    border-left: 27px solid #3f3f3f;
}

.mfp-iframe-holder {
    padding-top: 40px;
    padding-bottom: 40px;
}

.mfp-iframe-holder .mfp-content {
    line-height: 0;
    width: 100%;
    max-width: 900px;
}

.mfp-iframe-holder .mfp-close {
    top: -40px;
}

.mfp-iframe-scaler {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-top: 56.25%;
}

.mfp-iframe-scaler iframe {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #000;
}

img.mfp-img {
    width: auto;
    max-width: 100%;
    height: auto;
    display: block;
    line-height: 0;
    box-sizing: border-box;
    padding: 40px 0 40px;
    margin: 0 auto;
}

.mfp-figure {
    line-height: 0;
}

.mfp-figure:after {
    content: "";
    position: absolute;
    left: 0;
    top: 40px;
    bottom: 40px;
    display: block;
    right: 0;
    width: auto;
    height: auto;
    z-index: -1;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #444;
}

.mfp-figure small {
    color: #bdbdbd;
    display: block;
    font-size: 12px;
    line-height: 14px;
}

.mfp-figure figure {
    margin: 0;
}

.mfp-bottom-bar {
    margin-top: -36px;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    cursor: auto
}

.mfp-title {
    text-align: left;
    line-height: 18px;
    color: #F3F3F3;
    word-wrap: break-word;
    padding-right: 36px
}

.mfp-image-holder .mfp-content {
    max-width: 100%
}

.mfp-gallery .mfp-image-holder .mfp-figure {
    cursor: pointer
}

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
    .mfp-img-mobile .mfp-image-holder {
        padding-left: 0;
        padding-right: 0
    }

    .mfp-img-mobile img.mfp-img {
        padding: 0
    }

    .mfp-img-mobile .mfp-figure:after {
        top: 0;
        bottom: 0
    }

    .mfp-img-mobile .mfp-figure small {
        display: inline;
        margin-left: 5px
    }

    .mfp-img-mobile .mfp-bottom-bar {
        background: rgba(0, 0, 0, 0.6);
        bottom: 0;
        margin: 0;
        top: auto;
        padding: 3px 5px;
        position: fixed;
        box-sizing: border-box
    }

    .mfp-img-mobile .mfp-bottom-bar:empty {
        padding: 0;
    }
    .mfp-img-mobile .mfp-counter {
        right: 5px;
        top: 3px
    }

    .mfp-img-mobile .mfp-close {
        top: 0;
        right: 0;
        width: 35px;
        height: 35px;
        line-height: 35px;
        background: rgba(0, 0, 0, 0.6);
        position: fixed;
        text-align: center;
        padding: 0
    }
}

@media all and (max-width: 900px) {
    .mfp-arrow {
        -webkit-transform: scale(0.75);
        transform: scale(0.75)
    }

    .mfp-arrow-left {
        -webkit-transform-origin: 0;
        transform-origin: 0
    }

    .mfp-arrow-right {
        -webkit-transform-origin: 100%;
        transform-origin: 100%
    }

    .mfp-container {
        padding-left: 0px;
        padding-right: 0px
    }
}

.mfp-ie7 .mfp-img {
    padding: 0
}

.mfp-ie7 .mfp-bottom-bar {
    width: 600px;
    left: 50%;
    margin-left: -300px;
    margin-top: 5px;
    padding-bottom: 5px
}

.mfp-ie7 .mfp-container {
    padding: 0
}

.mfp-ie7 .mfp-content {
    padding-top: 44px
}

.mfp-ie7 .mfp-close {
    top: 0;
    right: 0;
    padding-top: 0
}

.mfp-close {
    display: none !important
}

.modal-heading,
.modal-action-buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.modal-heading {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -ms-grid-row-align: center;
    align-items: center;
    padding: 16px 18px 14px 24px;
    background-color: #edecea
}

.modal-heading h4,
.modal-heading span {
    margin-bottom: 0;
    line-height: 1
}

.modal-heading .svg-icon {
    width: 18px;
    height: 18px;
    color: #50748a
}

.modal-content {
    padding: 24px;
    font-size: 0.9rem;
}

.modal-content p
,.appointmentContact h6
,.appointmentContact p
,.appointmentContact small
,.appointmentContact strong
,.appointmentContact span
{
    font-size: 0.9rem;
    margin-bottom: 0px;
    color: #333e48;
}

.disclaimerContent {
    margin-bottom: 20px;
}

.modal-content input[type=text] {
    width: 100% !important;
    padding: 20px;
    font-size: 0.9rem;
    margin-top: 10px;
    margin-bottom: 10px;
}

#passcodeErrMsg {
    color: red;
    margin-bottom: 20px;
}

.white-popup {
    position: relative;
    background: #fff;
    width: auto;
    min-width: 300px;
    max-width: 500px;
    margin: 24px auto
}

.disclaimer-and-passcode
{
    max-width: 1000px !important
}

.disclaimerContactDetails {
    border: 1px solid #d8d9d6;
    padding: 20px;
    margin-top: 5px;
    margin-bottom: 20px;    
    overflow-y: auto;
}

.contact-details-scroll {
    max-height: 200px;
}


.component-page-controls {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.control-item {
    position: relative;
    -webkit-box-align: end;
    -ms-flex-align: end;
    -ms-grid-row-align: flex-end;
    align-items: flex-end
}

.control-item:not(.control-item-share) {
    margin-left: 8px;
}

.control-item a,
.control-item button {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: end;
    align-items: flex-end;
    padding: 0;
    color: #7ca6ba;
}

.control-item:not(.control-item-share):hover {
    text-decoration: underline;
    color: #50748a;
}

.control-item:not(.control-item-share):hover a,
.control-item:not(.control-item-share):hover button {
    color: inherit;
}

.control-item:first-child {
    margin-left: 0;
}

.control-item-print {
    display: none
}

@media (min-width: 1024px) {
    .control-item-print {
        display: block
    }
}

.component-page-title .page-summary {
    font-size: 1.4rem;
    line-height: 1.33333;
    margin-bottom: 24px;
    margin: 0;
    margin-top: 24px
}

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

.component-pagination li {
    padding: 0
}

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

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

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

.component-pagination .selected a {
    color: #333e48;
}

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

.component-pagination a {
    display: block;
    color: #7ca6ba
}

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

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

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

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

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

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

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

.component-pagination .break {
    display: none
}

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

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

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

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

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

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

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

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

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

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

.search-wrapper.reverse {
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
}

.search-wrapper .component-search-form,
.search-wrapper .component-search-listing,
.search-wrapper .component-pagination {
    -ms-flex-preferred-size: calc((100% / 6 * 6) - 16px - 0.1px);
    flex-basis: calc((100% / 6 * 6) - 16px - 0.1px);
    max-width: calc((100% / 6 * 6) - 16px - 0.1px);
    margin-right: 16px;
    margin-bottom: 24px !important
}

.search-wrapper .component-pagination {
    margin-bottom: 0 !important
}

.component-search-form .editing-form-label-cell {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: none
}

.component-search-form .editing-form-label-cell label {
    display: block;
}

.component-search-form .form-horizontal {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: end;
    align-items: flex-end;
}

.component-search-form .form-horizontal input,
.component-search-form .form-horizontal .btn {
    margin-bottom: 0;
}

.component-search-form .form-horizontal input {
    padding-top: 28px;
    padding-bottom: 30px;
    border: 1px solid #50748a;
}

.component-search-form .form-horizontal .btn {
    margin-left: 25px;
}

.component-search-form .form-horizontal > .form-group:first-child {
    width: 100%;
}
.search-result-item {
    padding-bottom: 16px;
}

.search-result-item:last-child {
    padding-bottom: 0;
}

.search-result-item .search-result-title {
    margin-bottom: 8px;
}

.search-result-item .search-result-title h3 {
    margin-bottom: 0;
    font-family: "Weisenhoff Grotesk Regular", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 1.5rem;
}

@media (max-width: 767px) {
    .component-search-form .form-horizontal .btn {
        min-width: 48px;
    }

    .component-pagination .next a span {
        text-align: right;
        width: 100%;
    }
}

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

    .search-wrapper .component-search-form {
        margin-bottom: 56px !important;
    }

    .search-wrapper .component-search-listing {
        margin-bottom: 40px !important;
    }

    .search-wrapper .component-pagination {
        margin-bottom: 0 !important;
    }

    .search-result-item {
        padding-bottom: 24px;
    }
}

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

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

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

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

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

header .component-social a .svg-icon {
    color: #fff;
}


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

.component-social.component-social--skin-1 .svg-icon {
    color: #50748a;
}
.component-social--bigger .svg-icon {
    width: 32px;
    height: 32px;
}

.share-links {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
}

.share-link {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    margin-left: 8px;
    color: #7ca6ba;
}

.share-link:first-child {
    margin-left: 0;
}

.share-link:hover {
    color: #50748a;
}

.share-link.share-twitter{
    margin-top: -5px;
}

.share-link.share-facebook:hover {
    color: #3b5998;
}

.share-link.share-linkedin:hover {
    color: #0077b5;
}

.share-link.share-twitter:hover {
    color: #55acee;
}

.profile-link {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    font-family: "Weisenhoff Grotesk Medium", "Helvetica Neue", Helvetica, Arial, sans-serif
}

.profile-link .profile-link-image-contanier {
    -ms-flex: 0 0 56px;
    flex: 0 0 56px;
    width: 56px;
    margin-right: 24px;
}
.profile-link .profile-link-image {
    position: relative;
    display: block;
    height: 0;
    width: 100%;
    background: #edecea;
    padding-bottom: 100%;
}

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

.component-profile-link-list {
    list-style: none;
    padding: 0;
    margin: 0
}

.component-profile-link-list li {
    padding: 0
}

.component-profile-link-list li::before {
    display: none;
    content: ''
}

.component-profile-link-list .profile-link-list-item {
    margin-bottom: 24px
}

.component-profile-link-list .profile-link-list-item:last-child {
    margin-bottom: 0
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.component-links-list {
    list-style: none;
    padding: 0;
    margin: 0;
    font-size: 14px
}

.component-links-list li {
    padding: 0
}

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

.component-links-list li {
    margin-bottom: 8px;
}

.component-child-navigation {
    margin-left: 0px !important;
    max-width: initial !important;
    flex-basis: initial !important;
}

.component-child-navigation .select-wrapper {
    margin: 16px 0
}

.component-child-navigation .select-wrapper select {
    margin: 0
}

.component-child-navigation .child-navigation-list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 72px;
    margin: 0;
    font-family: "Weisenhoff Grotesk Medium", "Helvetica Neue", Helvetica, Arial, sans-serif
}

.component-child-navigation .child-navigation-list li {
    padding: 0
}

.component-child-navigation .child-navigation-list li::before {
    display: none;
    content: ''
}

.component-child-navigation .child-navigation-list li {
    margin-right: 24px
}

.component-child-navigation .child-navigation-list li:last-child {
    margin-right: 0
}

.component-child-navigation .child-navigation-list a {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%;
    color: #7ca6ba;
    overflow: hidden
}

.component-child-navigation .child-navigation-list a:hover {
    color: #fff
}

.component-child-navigation .child-navigation-list a:hover::after {
    -webkit-transform: translateY(50%);
    transform: translateY(50%)
}

.component-child-navigation .child-navigation-list a.is-active {
    color: #fff
}

.component-child-navigation .child-navigation-list a.is-active::after {
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.component-child-navigation .child-navigation-list a::after {
    content: '';
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 8px;
    background: #50748a;
    z-index: 1;
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s
}

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

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

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

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

.filter-container-wrapper > div {
    width: 100%;
}
.filters-section,
.active-filters-section {
    margin-bottom: 24px
}

.filters-section {
    padding: 24px 0;
    background-color: #333e48
}

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

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

@media (min-width: 768px) {
    .filters-section,
    .active-filters-section {
        margin-bottom: 56px
    }
}

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

.filters .filter-item.filter-select > div {
    padding-left: 0;
    border: none;
    border-bottom: 1px solid #50748a;
    background-color: transparent;
    color: #b3b2b1;
}

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

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

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

.filters .filter-item.is-open p {
    color: #fff;
}
.filters .btn .svg-icon {
    margin-left: 2px
}

@media (min-width: 1024px) {
    .filters .btn .svg-icon {
        margin-left: 6px
    }
}

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

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

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

.multi-checkbox-filter {
    position: relative;
    width: 100%;
    min-height: 48px;
    height: auto;
    background-color: #edecea;
    z-index: 1
}
.multi-checkbox-filter .multi-checkbox-filter-title {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center;
    height: 48px;
}
.multi-checkbox-filter .multi-checkbox-filter-title .multi-checkbox-filter-title-text {
    margin-bottom: 0;
    color: #b3b2b1;
}
.multi-checkbox-filter .multi-checkbox-filter-panel {
    list-style: none;
    padding: 0;
    margin: 0;
    padding-left: 12px;
    padding-right: 12px;
    height: 0;
    width: 100%;
    border: 1px solid #d8d9d6;
    border-top: none;
    background-color: #fff;
    z-index: 10;
    overflow: hidden;
    overflow-y: auto;
    visibility: hidden;
    transition: all 200ms ease-in-out;
    position: static;
}

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

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

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

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

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

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

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

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

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

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

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

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

@media (min-width: 768px) {
    .multi-checkbox-filter {
        height: 48px
    }

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

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

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

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

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

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

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

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

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

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

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

.keyword-filter {
    position: relative;
    width: 100%
}

.keyword-filter .svg-icon {
    position: absolute;
    top: 12px;
    left: 0;
}

.keyword-filter input[type="text"] {
    padding-left: 30px;
    margin-bottom: 0;
    color: #fff
}

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

.listing-prompt {
    text-align: center
}

.listing-toolbar-section {
    display: none
}

.listing-pagination .page,
.listing-pagination .break {
    display: block;
    color: #50748a
}

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

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

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

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

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

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

@media (max-width: 768px) {
    .listing-content-wrapper {
        padding: 0px;
        margin-left: 0px;
    }
}


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

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

    .listing-content-wrapper {
        padding: 0px;
    }
}

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

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

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

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

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

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

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

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

    .real-estate-invest-listing .filters-top .filter-item {
        -ms-flex-preferred-size: calc(50% - 24px - 0.1px);
        flex-basis: calc(50% - 24px - 0.1px);
        max-width: calc(50% - 24px - 0.1px);
    }

    .real-estate-invest-listing .filters-top .filter-item:first-child {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%;
    }

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

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

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

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

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

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

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

    .filters-top .active-filter-item span {
        font-size: 0.8125rem;
        line-height: 1.84615;
    }
    .filters-top .listing-results {
        -ms-flex-preferred-size: calc((100% / 12 * 12) - 24px - 0.1px);
        flex-basis: calc((100% / 12 * 12) - 24px - 0.1px);
        max-width: calc((100% / 12 * 12) - 24px - 0.1px);
        margin-right: 24px
    }

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

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

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

    .experience-listing .filters-top .filters .filter-item,
    .experience-listing .filters-top .filters .btn {
        -ms-flex-preferred-size: 19%;
        flex-basis: 19%;
        max-width: 19%;
        margin-right: 18px;
    }

    .insights-listing .filters-top .filters .filter-item,
    .insights-listing .filters-top .filters .btn {
        -ms-flex-preferred-size: 18.4%;
        flex-basis: 18.4%;
        max-width: 18.4%;
        margin-right: 18px;
    }

    .experience-listing .filters-top .filters .filter-item:last-child,
    .insights-listing .filters-top .filters .filter-item:last-child {
        margin-right: 0px;
    }

    .experience-listing .filters-top .filters .single-checkbox-filter,
    .experience-listing .filters-top .filters .single-checkbox-filter .single-checkbox-filter-item {
        max-width: 200px;
    }

    .real-estate-invest-listing .filters-top .filters .filter-item,
    .real-estate-invest-listing .filters-top .filters .btn,
    .real-estate-invest-listing .filters-top .filter-item:first-child {
        -ms-flex-preferred-size: calc(100% / 3 - 24px - 0.1px);
        flex-basis: calc(100% / 3 - 24px - 0.1px);
        max-width: calc(100% / 3 - 24px - 0.1px);
        margin-right: 24px
    }

    .real-estate-invest-listing .multi-checkbox-filter.is-open .multi-checkbox-filter-panel {
        width: 250px;
    }

    .people-listing .filters-top div#KM_ServiceLines {
        flex-basis: 316px;
        max-width: 316px;
        -ms-flex-preferred-size: 316px;
    }

    .people-listing .filters-top .filters .filter-item {
        -ms-flex-preferred-size: 275px;
        flex-basis: 275px;
        max-width: 275px;
        margin-right: 18px
    }

    .people-listing .filters-top .filters .filter-item:last-child {
        margin-right: 0px
    }

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

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

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

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

@media (min-width: 1024px) and (min-width: 1024px) {
    .filters-top .has-resources .listing-resources {
        margin-left: 0px;
    }
}

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

@media (min-width: 1024px) and (min-width: 1024px) {
    .creditors-listing .filters-top .has-resources .listing-results {
        margin-left: 0px;
    }
}

@media (min-width: 1024px) {
    .experience-listing .filters-top .listing-results,
    .real-estate-listing .filters-top .listing-results {
        -ms-flex-preferred-size: calc((100% / 12 * 10) - 24px - 0.1px);
        flex-basis: calc((100% / 12 * 10) - 24px - 0.1px);
        max-width: calc((100% / 12 * 10) - 24px - 0.1px);
        margin-right: 24px
    }

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

@media (min-width: 1024px) and (min-width: 1024px) {
    .experience-listing .filters-top .listing-results,
    .real-estate-listing .filters-top .listing-results {
        margin-left: calc((100% / 12 * 1))
    }
}

@media (max-width: 767px) {
    .component-filtered-listing .component-tile-container .tile {
        margin-left: 0px;
    }
}

.component-newsletter-signup label {
    color: #000
}

.hero-banner-media-container {
    position: relative;
    display: none
}

.hero-banner-media {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: cover
}

.hero-banner-content {
    -ms-flex-item-align: center;
    align-self: center;
    padding: 40px;
}

.hero-banner-content h1 {
    margin-bottom: 24px;
    font-size: 3rem;
}

.hero-banner-content .btn {
    width: 100%;
    padding: 10px 20px;
}

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

@media (min-width: 768px) and (min-width: 768px) {
    .component-hero-banner {
        width: calc(100% + 24px)
    }
}

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

@media (min-width: 768px) {
    .component-hero-banner.reverse {
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
    }
    
    .hero-banner-media-container,
    .hero-banner-content {
        -ms-flex-preferred-size: calc((100% / 12 * 12) - 24px - 0.1px);
        flex-basis: calc((100% / 12 * 12) - 24px - 0.1px);
        max-width: calc((100% / 12 * 12) - 24px - 0.1px);
        margin-right: 24px
    }

    .hero-banner-media {
        padding-bottom: 0
    }

    .hero-banner-content .btn {
        width: auto
    }
}

@media (min-width: 1024px) and (max-width: 1219px) {
    .hero-banner-media-container .intrinsic-image,
    .hero-banner-media-container .intrinsic-image-long {
        padding-bottom: 0;
        height: 526px
    }
}

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

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

    .hero-banner-content::before {
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 24px;
        z-index: -1;
        display: block;
        background-color: inherit;
    }
}

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

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

    .hero-banner-content::before {
        right: 24px;
    }
}

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

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

@media (min-width: 1600px) and (min-width: 1600px) {
    .hero-banner-content {
        margin-left: calc((100% / 12 * 1))
    }
}

@media (min-width: 1800px) {
    .hero-banner-content {
        padding: 0 82px 0 164px
    }
}

.homepage .container {
    padding: 0px !important;
}

.homepage .accordion-item.is-open ul li {
    position: relative;
    padding-left: 28px;
}

.homepage .accordion-item.is-open ul li::before {
    position: absolute;
    left: 0;
    top: 11px;
    content: '';
    display: block;
    width: 4px;
    height: 4px;
    background-color: #333e48;
    border-radius: 50%;
}

.homepage .accordion-item.is-open .accordion-content a {
    background-color: transparent;
    color: #50748a;
    font-family: "Weisenhoff Grotesk Regular", "Helvetica Neue", Helvetica, Arial, sans-serif;
    border-bottom: 0px none;
    padding: 0px;
    padding-top: 40px !important;
}

.homepage .component-hero-banner {
    display: block;
}

section#service-lines-section .accordion-item.is-open .accordion-content a {
    border-bottom: 0px none;
    color: #7CA7BA;
    font-family: "Weisenhoff Grotesk Regular", "Helvetica Neue", Helvetica, Arial, sans-serif;
    padding: 0px;
}

section#service-lines-section .accordion-item .accordion-content a.download-brochure-link .svg-icon {
    color: transparent;
    margin-left: 16px;
    position: relative;
    top: 9px;
}

@media (max-width: 767px) {
    section#service-lines-section {
        margin-top: 0px;
    }

    section#service-lines-section .row {
        width: 100%;
    }

    section#service-lines-section .component-accordion {
        margin-top: 20px;
    }

    .homepage section#service-lines-section .accordion-heading {
        padding-left: 32px;
        padding-right: 32px;
    }

    .homepage .component-hero-banner [class*="bg-theme-"] {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-flow: row nowrap;
        flex-flow: row nowrap;
        -ms-flex-align: center;
        align-items: center;
        height: 90vh;
        background: url("../assets/images/hero-banner-mobile-bg.jpg") #333e48 no-repeat right bottom;
    }
    .homepage .component-hero-banner [class*="bg-theme-"] .fullwidth {
        width: 100%;
    }
}

@media (min-width: 768px) {
    .homepage .component-hero-banner {
        display: none;
    }
}

.homepage .hero-banner-title {
    text-align: center;
}

.homepage .btn {
    margin: 0 auto;
}

.component-person-details {
    margin-bottom: 16px
}

.person-details-spacer {
    margin: 0 16px;
    opacity: .24
}

.person-details-contact {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.person-details-contact a {
    margin-right: 8px;
    color: #7ca6ba;
}

.person-details-contact a:hover {
    color: #000;
}

.person-details-contact a[href^="tel:"] {
    margin-left: 16px;
}
@media (min-width: 768px) {
    .component-person-details {
        margin-top: 28px
    }
}

@media (min-width: 1024px) {
    .component-person-details {
        margin-bottom: 56px
    }
}

.component-sitemap ul {
    width: 100%;
    margin: 0
}

.component-sitemap ul ul {
    margin-left: -24px;
    box-shadow: inset 0 2px 0 0 #edecea
}

.component-sitemap li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    box-shadow: inset 0 -2px 0 0 #edecea;
    font-size: 1.125rem;
    line-height: 1.33333;
    margin-bottom: 8px;
    padding: 0 0 0 48px;
    margin: 0;
    font-weight: bold
}

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

.component-sitemap li::before {
    display: none
}

.component-sitemap ul li:last-child {
    box-shadow: none
}

.component-sitemap li a {
    padding: 18px 18px 18px 0;
    width: calc(100% - 48px)
}

.component-sitemap li a:hover {
    color: #000;
}
.component-sitemap li .svg-icon {
    color: #50748a;
    padding: 18px 0;
    box-sizing: content-box;
    position: absolute;
    left: 0;
    top: 0
}

.component-sitemap .open > .svg-icon {
    -webkit-transform: rotateZ(180deg);
    transform: rotateZ(180deg)
}

.section {
    padding: 16px 0
}

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

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

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

.content-section:not(.bg-theme-2) {
    z-index: 1
}

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

.content-section.bread-crumb-section {
    padding: 40px 0;
}

.cta-section.content-section {
    padding: 12px 0;
}

.bread-crumb-section .page-controls-wrapper {
    margin: 0px;
}

.ctaItem a.btn.btn-skin-3:hover {
    background-color: #fff;
    fill: #000;
    color: #000;
}


.ctaItem .btn svg.svg-icon.icon-tile-icon.icon-tile-move:hover {
    color: #000;
    fill: #000;
}

.ctaItem a.btn-skin-3:hover svg.svg-icon {
    fill: #000 !important;
    color: #000 !important;
}


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

    .content-section {
        padding: 56px 0;
    }

    .cta-section.content-section {
        padding: 20px 0;
    }

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

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

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

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

@media (min-width: 1024px) {
    .section {
        padding: 24px 0
    }

    .section.indentation {
        position: relative
    }

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

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

    .content-section {
        padding: 80px 0;
    }

    .cta-section.content-section {
        padding: 20px 0;
    }

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

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

.no-padding {
    padding: 0 !important
}

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

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

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

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

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

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

.content-sidebar-section {
    position: relative;
}
.content-sidebar-section .left-col,
.content-sidebar-section .right-col {
    -ms-flex-preferred-size: calc((100% / 6 * 6) - 16px - 0.1px);
    flex-basis: calc((100% / 6 * 6) - 16px - 0.1px);
    max-width: calc((100% / 6 * 6) - 16px - 0.1px);
    margin-right: 16px;
}

@media (min-width: 768px) {
    .content-sidebar-section .left-col {
        -ms-flex-preferred-size: calc(70% - 70px);
        flex-basis: calc(70% - 70px);
        max-width: calc(70% - 70px);
        margin-right: 70px;
    }

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

}

@media (min-width: 1024px) {
    .content-sidebar-section {
        padding: 80px 0 0;
        margin-bottom: 80px;
    }

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

@media (min-width: 1024px)  {
    .content-sidebar-section .left-col {
        margin-left: 0px;
    }
}

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

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

.page-header-section {
    position: relative;
    padding: 16px 0 40px
}

.page-header-section.has-image {
    padding-bottom: 0 !important
}

.page-header-section.has-image > .container {
    background-color: inherit
}

.page-header-section.has-image .page-summary {
    margin-bottom: 0
}

.page-header-section.has-image-side .component-page-title {
    margin-bottom: 24px
}

.page-header-section.has-image-side .page-header-image {
    position: relative;
    display: block;
    height: 0;
    width: 100%;
    background: #edecea;
    padding-bottom: 66.66667%
}

.page-header-section.has-image-side .page-header-image::before {
    height: 49%;
    width: 16px
}

.page-header-section.has-subnav.has-image .page-header-image-container {
    padding-bottom: 24px
}

.page-header-section:not(.has-image-side):not(.has-image) .component-page-title {
    width: calc(100% + 16px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media (min-width: 768px) {
    .page-header-section:not(.has-image-side):not(.has-image) .component-page-title {
        width: calc(100% + 24px)
    }
}

@media (min-width: 1024px) {
    .page-header-section:not(.has-image-side):not(.has-image) .component-page-title {
        width: calc(100% + 24px)
    }
}

.page-header-section:not(.has-image-side):not(.has-image) .component-page-title.reverse {
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
}

.page-header-section:not(.has-image-side):not(.has-image) h1,
.page-header-section:not(.has-image-side):not(.has-image) .page-summary {
    -ms-flex-preferred-size: calc((100% / 6 * 6) - 16px - 0.1px);
    flex-basis: calc((100% / 6 * 6) - 16px - 0.1px);
    max-width: calc((100% / 6 * 6) - 16px - 0.1px);
    margin-right: 16px
}

.page-header-section .component-page-title,
.page-header-section .page-header-image-container {
    position: relative;
    z-index: 2
}

.page-header-section .page-header-image-container {
    background-color: inherit
}

.page-header-section .page-header-image {
    position: relative;
    display: block;
    height: 0;
    width: 100%;
    background: #edecea;
    padding-bottom: 42.85714%;
    background-color: inherit
}

.page-header-section .page-header-image::before {
    position: absolute;
    top: -1px;
    left: 0;
    content: "";
    width: 66%;
    height: 16px;
    background-color: inherit;
    z-index: 10
}

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

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

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

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

.page-controls-wrapper.reverse {
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
}

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

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

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

@media (min-width: 1024px) {
    .page-summary {
        flex-basis: 100%;
        max-width: initial;
        margin-right: 0px;
    }
}

.page-summary--full {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%;
    margin-right: 0px;
}

@media (min-width: 1024px) {
    .page-summary--full {
        -ms-flex-preferred-size: calc(75% - 113px - 0.1px);
        flex-basis: calc(75% - 113px - 0.1px);
        max-width: calc(75% - 113px - 0.1px);
        margin-right: 113px;
    }

    .page-summary--full.promo {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%;
        margin-right: 0px;
    }

}

.page-summary--full h6 {
    color: #333E48;
    font-size: 18px;
    margin-bottom: 22px;
}

@media (min-width: 768px) {
    .page-header-section {
        padding: 30px;
        min-height: 200px;
        padding-left: 14px;
    }

    .page-header-section:not(.has-image-side):not(.has-image) h1,
    .page-header-section:not(.has-image-side):not(.has-image) .page-summary {
        -ms-flex-preferred-size: calc((100% / 12 * 9) - 24px - 0.1px);
        flex-basis: calc((100% / 12 * 9) - 24px - 0.1px);
        max-width: calc((100% / 12 * 9) - 24px - 0.1px);
        margin-right: 24px;
    }

    .page-header-section.has-image .component-page-title {
        width: 66%;
        padding-right: 64px;
    }

    .page-header-section.has-image-side .page-header-image::before {
        width: 32px;
    }

    .page-header-section.has-subnav.has-image .page-header-image-container {
        padding-bottom: 56px;
    }

    .page-header-section .page-header-image::before {
        height: 32px;
    }

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

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

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

    .page-controls-wrapper .component-breadcrumbs {
        flex-basis: initial;
        max-width: initial;
        margin-right: 24px;
    }
    .page-header-columns {
        width: calc(100% + 16px);
        display: -ms-flexbox;
        display: flex;
        -ms-flex: 0 1 auto;
        flex: 0 1 auto;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
}

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

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

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

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

@media (min-width: 1024px) {
    .page-header-section.has-image .component-page-title {
        padding-right: 0px
    }

    .page-header-section.has-image-side > .container::after {
        content: "";
        display: table;
        clear: both
    }

    .page-header-section.has-image-side .component-page-title {
        float: left;
        width: calc(100% - 59% - 24px)
    }

    .page-header-section.has-image-side .page-header-image-container {
        float: right;
        width: 59%
    }

    .page-header-section.has-image-side .page-header-image::before {
        width: 56px
    }

    .page-header-section.has-image-side .page-header-image::before {
        width: 56px
    }

    .page-header-section:not(.has-image-side):not(.has-image) h1,
    .page-header-section:not(.has-image-side):not(.has-image) .page-summary {
        -ms-flex-preferred-size: calc((100% / 12 * 9) - 24px - 0.1px);
        flex-basis: calc((100% / 12 * 9) - 24px - 0.1px);
        max-width: calc((100% / 12 * 9) - 24px - 0.1px);
        margin-right: 24px
    }

    .page-header-section .page-header-image::before {
        height: 56px
    }

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

@media (min-width: 1220px) {
    .page-header-section {
        padding: 80px 30px 80px;
    }
    .page-header-section:not(.has-image-side):not(.has-image) h1,
    .page-header-section:not(.has-image-side):not(.has-image) .page-summary {
        -ms-flex-preferred-size: calc(100% / 12 * 7);
        flex-basis: calc(100% / 12 * 7);
        max-width: calc(100% / 12 * 7);
        margin-right: 24px;
    }
    .page-header-column {
        -ms-flex-preferred-size: calc((100% / 12 * 3) - 24px - 0.1px);
        flex-basis: calc((100% / 12 * 3) - 24px - 0.1px);
        max-width: calc((100% / 12 * 3) - 24px - 0.1px);
        margin-right: 24px
    }
}

@media (min-width: 1600px) {
    .page-header-section::after {
        right: 224px;
    }
}

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

.homepage .layout-section.experience .row > div {
    -ms-flex-preferred-size: calc((100% / 12 * 12) - 15px);
    flex-basis: calc((100% / 12 * 12) - 15px);
    max-width: calc((100% / 12 * 12) - 15px);
    margin-right: 0px !important;
    margin-bottom: 0;
}

@media (max-width: 500px) {
    .page-content.new-page-content.people .layout-section .row > div {
        margin-left: -8px;
    }
}

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

    .homepage .layout-section.experience .row > div {
        -ms-flex-preferred-size: calc((100% / 12 * 12) - 24px);
        flex-basis: calc((100% / 12 * 12) - 24px);
        max-width: calc((100% / 12 * 12) - 24px);
        margin-right: 0px !important;
        margin-bottom: 0;
    }

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

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

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

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

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

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

    #service-lines-section .row > div {
        -ms-flex-preferred-size: calc((100% / 12 * 7) - 24px);
        flex-basis: calc((100% / 12 * 7) - 24px);
        max-width: calc((100% / 12 * 7) - 24px);
        margin-right: 0px;
    }

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

    #service-lines-section .row > div:first-child {
        -ms-flex-preferred-size: calc((100% / 12 * 5) - 70px);
        flex-basis: calc((100% / 12 * 5) - 70px);
        max-width: calc((100% / 12 * 5) - 70px);
        margin-right: 70px;
    }

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

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

    .page-content.new-page-content.people .layout-section .row > div {
        margin-bottom: 24px;
    }
}

@media (min-width: 1024px) and (min-width: 1024px) {
    .layout-section-offset .row > div {
        margin-left: 0px;
    }
}

@media (min-width: 1024px) and (min-width: 1024px) {
    .layout-section-58-gap-33 .row > div:not(: first-child) {
        margin-left: 0
    }
}

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

    #service-lines-section .row > div {
        -ms-flex-preferred-size: calc((100% / 12 * 8) - 24px);
        flex-basis: calc((100% / 12 * 8) - 24px);
        max-width: calc((100% / 12 * 8) - 24px);
        margin-right: 0px;
    }

    #service-lines-section .row > div:first-child {
        -ms-flex-preferred-size: calc((100% / 12 * 4) - 70px);
        flex-basis: calc((100% / 12 * 4) - 70px);
        max-width: calc((100% / 12 * 4) - 70px);
        margin-right: 70px;
    }
}

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

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

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

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

.homepage .layout-section-50-50 .news-title.right-title {
    margin-left: 24px;
    margin-bottom: 4px !important;
}
@media (max-width: 767px) {
    .homepage .layout-section-50-50 .left-col {
        margin-bottom: 24px
    }
}

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

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

    .homepage .layout-section-50-50 .left-col,
    .homepage .layout-section-50-50 .right-col{
        margin-left: 0px;
    }

    .homepage .layout-section-50-50 .left-col,
    .homepage .layout-section-50-50 .right-col {
        flex-basis: calc((100% / 12 * 6) - 24px - 0.1px);
        max-width: calc((100% / 12 * 6) - 24px - 0.1px);
    }
}

.contact section.section.page-header-section.bg-theme-2 {
    overflow: hidden;
}

.contact .location-tile a {
    display: inline;
    text-decoration: underline
}

.contact .location-tile a:hover {
    text-decoration: none
}

.contact .location-tile .nolink {
    display: none
}

.contact .contact-header {
    margin-bottom: 24px
}

.contact .contact-header::after {
    content: "";
    display: block;
    height: 1px;
    width: 100%;
    float: none;
    clear: both;
}

.contact .social-connect {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background-color: #f6f5f4;
    height: 44px;
    padding: 10px;
    float: left
}

.contact .component-social {
    margin-left: 16px
}

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

.contactForm .EditingFormTable {
    table-layout: fixed;
}


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


}

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

.contact-content-wrapper.reverse {
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
}

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

@media (min-width: 768px) {
    .contact .location-tile .nolink {
        display: inline
    }

    .contact .location-tile a.link {
        display: none
    }

    .contact .page-header-section::before {
        position: absolute;
        top: -65px;
        right: -72px;
        width: 690px;
        height: 450px;
        content: "";
        background-image: url("/getmedia/1aaefe6a-05f7-4734-b179-38e1cefac5ce/contact-bg.webp");
        background-repeat: no-repeat;
        background-position: top right
    }

    .contact.no-map .page-header-section::before {
        display: none
    }

    .contact .contact-header {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .contact .contact-header::after {
        display: none;
    }
    .contact .social-connect {
        padding: 10px 16px;
        float: none
    }

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

@media (min-width: 1024px) {
    .contact .page-header-section::before {
        right: 24px;
        width: 690px
    }

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

@media (min-width: 1220px) {
    .contact .page-header-section::before {
        right: 22%
    }

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

@media (min-width: 1220px) and (min-width: 1024px) {
    .contact-content {
        margin-left: 0px;
    }
}

.real-estate-listing .tile-horizontal .content-tile .tile-media {
    margin: 0
}

.example-css .row {
    margin-bottom: 60px
}

.example-css .image {
    -ms-flex-preferred-size: calc((100% / 6 * 6) - 16px - 0.1px);
    flex-basis: calc((100% / 6 * 6) - 16px - 0.1px);
    max-width: calc((100% / 6 * 6) - 16px - 0.1px);
    margin-right: 16px;
    margin-bottom: 20px
}

.example-css .image img {
    width: 100%;
}

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

.example-html .image {
    margin-bottom: 20px
}

.example-html .image img {
    width: 100%;
}

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

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

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

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

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

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

@media (min-width: 1024px) and (min-width: 1024px) {
    .example-css.reverse .image {
        margin-left: 0;
        margin-right: calc((100% / 12 * 4) + 24px)
    }
}

.styleguide code {
    background-color: #edecea;
    font-size: 1.2rem;
    padding: 0 4px
}

.styleguide .content-section .container > h2,
.styleguide .content-section .container > h3,
.styleguide .content-section .container > h4 {
    padding-top: 24px
}

.styleguide .buttons .container > div {
    margin-bottom: 24px
}

.styleguide .icons .icons-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 48px
}

.styleguide .icons .icons-wrapper > div {
    display: -ms-flexbox;
    display: flex;
    margin-left: 12px;
    margin-bottom: 12px;
    width: calc(25% - 12px);
}

.styleguide .icons .icons-wrapper > div .svg-icon {
    width: 36px;
    height: 36px;
    margin-right: 8px;
}

.styleguide .colour-swatch-wrapper {
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 24px;
}

.styleguide .colour-swatch-wrapper .colour {
    margin: 0 8px;
    text-align: center;
}

.styleguide .colour-swatch-wrapper .colour > div {
    height: 100px;
    width: 100px;
    border-radius: 50%;
}

.styleguide .form-examples {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: end;
    align-items: flex-end;
}

.styleguide .form-examples > div {
    margin-left: 24px;
}

.styleguide .form-examples > div:first-child {
    margin-left: 0;
}

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

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

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

.styleguide .tile-wrapper.reverse {
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
}

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

@media (max-width: 767px) {
    .styleguide .tile-wrapper .tile {
        margin-bottom: 24px
    }

        .styleguide .tile-wrapper .tile:last-child {
            margin-bottom: 0
        }
}

@media (min-width: 768px) {
    .styleguide .tile-wrapper > div {
        -ms-flex-preferred-size: calc((100% / 12 * 4) - 24px - 0.1px);
        flex-basis: calc((100% / 12 * 4) - 24px - 0.1px);
        max-width: calc((100% / 12 * 4) - 24px - 0.1px);
        margin-right: 24px
    }
}

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

.eventDetails .eventDetailsContent table {
    margin-top: 0px;
        margin-bottom: 24px;
}

.eventDetails .eventDetailsSideBarContent h6 {
    margin-bottom: 10px;
        -ms-flex-preferred-size: calc((100% / 12 * 4) - 24px - 0.1px);
}

.eventDetails .sideBarLogoImage {
    width: 200px;
    margin-top: 30px;
        -ms-flex-preferred-size: calc((100% / 12 * 4) - 24px - 0.1px);
}

.sidebar-panel.eventDetailsSideBarContent p {
    margin-bottom: 7px;
        margin-bottom: 20pt;
    }
}

@media print {
    html,
    body {
        height: 99%
    }

    #content,
    #page {
        width: 100%;
        margin: 0;
        float: none
    }

    @page {
        margin: 2cm
    }

    body {
        line-height: 1.3;
        background: #fff !important;
        color: #000
    }

    h1 {
        font-size: 24pt
    }

    h2,
    h3,
    h4,
    .widgetHeading {
        font-size: 14pt;
        margin-top: 25px
    }

    a {
        page-break-inside: avoid
    }

    blockquote {
        page-break-inside: avoid
    }

    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        page-break-after: avoid;
        page-break-inside: avoid
    }

    img {
        page-break-inside: auto
    }

    table,
    pre {
        page-break-inside: avoid
    }

    ul,
    ol,
    dl {
        page-break-before: avoid
    }

    a:link,
    a:visited,
    a {
        background: transparent;
        color: #520;
        font-weight: bold;
        text-decoration: underline;
        text-align: left
    }

    a {
        page-break-inside: avoid
    }

        a[href^=http]::after {
            content: " <" attr(href) "> "
        }

    article a[href^="#"]::after {
        content: ""
    }

    .entry iframe,
    ins {
        display: none;
        width: 0 !important;
        height: 0 !important;
        overflow: hidden !important;
        line-height: 0 !important;
        white-space: nowrap
    }

    .embed-youtube,
    .embed-responsive {
        position: absolute;
        height: 0;
        overflow: hidden
    }

    #header-widgets,
    nav,
    .right-col,
    .component-page-pagination,
    .no-print,
    .component-page-controls,
    .component-video-embed,
    .component-km-video-embed,
    .component-footer {
        display: none;
        height: 0
    }

    #header::before {
        content: "Optional header content";
        color: #777 !important;
        font-size: 1em;
        padding-top: 30px;
        text-align: center !important
    }

    p,
    address,
    li,
    dt,
    dd,
    blockquote {
        font-size: 100%
    }

    ul,
    ol {
        list-style: square;
        margin-left: 18pt;
        margin-bottom: 20pt
    }

    li {
        line-height: 1.6em
    }
}


/* Grad Careers */

.verticalNavigationPanel {
    width: 100%;
    background-color: #f2f2f0;
}

.verticalNavigationPanel a {
    font-weight: 600;
}

.verticalNavigationPanel a:hover .vitem {
    background-color: #dbd9d7 !important;
}

.verticalNavigationPanel div.vitem {
    padding-left: 30px;
    padding-right: 30px;
    display: table;
}

.verticalNavigationPanel a .vitemInnerLeft {
    padding-top: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #b3b2b2;
    display: table-cell;
    width: 90%;
}

.verticalNavigationPanel a .vitemInnerRight {
    padding-top: 20px;
    padding-bottom: 20px;
    display: table-cell;
    width: 10%;
    border-bottom: 1px solid #b3b2b2;
    position: relative;
    height: 100%;
    vertical-align: middle;
}

.verticalNavigationPanel a:last-child .vitemInnerLeft,
.verticalNavigationPanel a:last-child .vitemInnerRight {
    border-bottom: 0px none;
}

.verticalNavigationPanel .vitemInnerRight .svg-icon {
}

@media (max-width: 767px) {
    .verticalNavigationPanel {
        display: none;
    }
}

.register-update-modal-outer {
    border: 1px solid blue;
    overflow-y: hidden;
    z-index: 1011
}

.register-update-modal {
    border: 1px solid red;
    z-index: 1012;
}

article .subscribe
{
    margin-top: 46px;
}

#gradCareers .meetOurBrightMinds .meetOurBrightMindsItem {
    height: 290px;
    overflow: hidden;
    margin-bottom: 40px;
}

#gradCareers .meetOurBrightMinds .photo {
    float: left;
    width: 50%;
}

#gradCareers .meetOurBrightMinds .rightDescription {
    margin-left: 3%;
    float: left;
    width: 44%;
    background-color: #FFFFFF;
    border: 2px solid #dbd9d5;
    padding-left: 25px;
    padding-right: 25px;
    padding-top: 20px;
    padding-bottom: 0px;
    position: relative;
}

#gradCareers .meetOurBrightMinds .leftDescription {
    margin-right: 3%;
    float: left;
    width: 44%;
    background-color: #FFFFFF;
    border: 2px solid #dbd9d5;
    padding-left: 25px;
    padding-right: 25px;
    padding-top: 20px;
    padding-bottom: 0px;
    position: relative;
}

    #gradCareers .meetOurBrightMinds .leftDescription::after,
    #gradCareers .meetOurBrightMinds .rightDescription::after {
        content: '';
        position: absolute;
        right: -2px;
        bottom: -2px;
        z-index: 1;
        height: 35px;
        width: 180px;
        background-color: #FFFFFF;
        border-top: 2px solid #dbd9d5;
        border-left: 2px solid #dbd9d5;
    }

#gradCareers .wrapper {
    width: 100%;
    height: 100%;
}

#gradCareers .h_iframe {
    position: relative;
    height: 100%;
}

    #gradCareers .h_iframe .ratio {
        display: block;
        width: 100%;
        height: 100%;
    }

    #gradCareers .h_iframe iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

#gradCareers .leftDescription p,
#gradCareers .rightDescription p {
    font-size: 0.90rem;
    margin-bottom: 10px;
}

#gradCareers #gradAwards,
.gradAwards {
    background-color: #f2f2f0;
    width: 100%;
    padding-top: 30px;
    padding-bottom: 20px;
    margin-top: 20px;
    margin-bottom: 15px;
    text-align: center;
}

    #gradCareers #gradAwards img,
    .gradAwards img {
        width: auto;
        height: 70px;
        margin-right: 15px;
        margin-bottom: 15px;
    }

        #gradCareers #gradAwards img:last-child,
        .gradAwards img {
            margin-right: 0px;
        }

#gradCareers #comeMeetUs {
    margin-bottom: 50px;
}

    #gradCareers #comeMeetUs #datesLocations {
        text-align: left;
        width: 100%;
    }

        #gradCareers #comeMeetUs #datesLocations .table {
            margin: 0 auto;
            margin-left: 0px;
            margin-right: 0px;
        }

#gradCareers .highlightBox,
#gradReadyToApply .highlightBox {
    font-size: 1.05rem;
    font-weight: 600;
    padding: 10px 20px;
    color: #4f738b;
    border: 1px solid #4f738b;
    margin-top: 30px;
}

#gradCareers .grad-component-accordion {
    margin-top: 50px;
    margin-bottom: 10px;
}

    #gradCareers .grad-component-accordion .accordion-item .accordion-heading {
        background-color: #f2f2f0;
        border-bottom: 0px none;
        margin-bottom: 20px;
    }

        #gradCareers .grad-component-accordion .accordion-item .accordion-heading:hover {
            background-color: #dbd9d5;
            color: #425362;
        }

    #gradCareers .grad-component-accordion .accordion-subtitle {
        font-size: 0.9rem;
        font-weight: 300;
    }

    #gradCareers .grad-component-accordion .accordion-content .wrapper {
        margin-bottom: 30px;
    }

    #gradCareers .grad-component-accordion .accordion-content p {
        margin-bottom: 20px;
    }

    #gradCareers .grad-component-accordion .accordion-content li {
        margin-bottom: 5px;
    }

    #gradCareers .grad-component-accordion .accordion-item.is-open .accordion-content {
        border-bottom: 0px none;
        padding-top: 5px;
        padding-left: 3px;
        padding-right: 3px;
        font-weight: 100;
        color: #333e48;
        font-size: 0.9rem;
    }

    #gradCareers .grad-component-accordion .accordion-item .accordionLeft img {
        width: 45px;
        height: 45px;
    }

    #gradCareers .grad-component-accordion .accordion-item:nth-child(2) .accordionLeft,
    #gradCareers .grad-component-accordion .accordion-item:nth-child(3) .accordionLeft,
    #gradCareers .grad-component-accordion .accordion-item:nth-child(4) .accordionLeft {
        position: relative;
        top: 10px;
    }

#gradCareers .keyDatesAccordion,
.gradCareersDatesLocation {
    font-size: 0.9rem;
    width: 100%;
}

    #gradCareers .keyDatesAccordion .accordion-item.is-open .accordion-content {
        margin-top: 30px;
    }

    #gradCareers .keyDatesAccordion .accordion-item.is-open .accordion-heading {
        background-color: #7ca6ba;
    }

        #gradCareers .keyDatesAccordion .accordion-item.is-open .accordion-heading h4,
        #gradCareers .keyDatesAccordion .accordion-item.is-open .accordion-heading .svg-icon {
            color: #ffffff;
        }

#gradCareers .grad-component-accordion .accordion-content ul {
    font-size: 1rem;
}

#gradCareers #datesLocations .grad-component-accordion {
    width: 100%;
}

#gradCareers #datesLocations .accordion-item.is-open .accordion-content {
    padding: 0px;
}

#gradCareers .grad-component-accordion .accordion-content section {
    position: relative;
}

#gradCareers .grad-component-accordion .accordionCollapse {
    cursor: pointer;
    position: absolute;
    bottom: 0px;
    right: 0px;
}

#gradCareers .grad-component-accordion .accordionCollapse {
    color: #66869a;
    font-weight: 600;
}

#gradCareers .grad-component-accordion .accordionCollapse .svg-icon {
    position: relative;
    top: 6px;
}

#gradCareers #collapseAllRow {
    width: 100%;
    position: relative;
    display: flex;
    justify-content: flex-end
}

#gradCareers .grad-component-accordion .accordion-title .accordionLeft {
    width: 15%;
    float: left;
    padding-right: 20px;
}

#gradCareers .grad-component-accordion .accordion-title .accordionRight {
    width: 85%;
    float: left;
}

#gradCareers #datesLocations .keyDates .headerRow,
.keyDates .headerRow {
    color: #646d79;
    font-weight: 600;
    display: flex;
}

#gradCareers #datesLocations .keyDates .dataRow,
.keyDates .dataRow{
    border-bottom: 1px solid #cccccc;
}

.keyDates .headerRow .col-md-1,
.keyDates .dataRow .col-md-1 {
    flex-basis: auto !important;
    margin-right: 0px !important;
}

.keyDatesAccordion {
    margin-right: 0px !important;
}

#gradCareers #datesLocations .keyDates .headerRow .col-md-1:nth-child(1),
#gradCareers #datesLocations .keyDates .headerRow .col-md-1:nth-child(2),
#gradCareers #datesLocations .keyDates .headerRow .col-md-1:nth-child(3),
.keyDates .headerRow .col-md-1:nth-child(1),
.keyDates .headerRow .col-md-1:nth-child(2),
.keyDates .headerRow .col-md-1:nth-child(3) {
    background-color: #dbd9d5;
    margin-right: 0.5% !important;
}

#gradCareers #datesLocations .keyDates .headerRow .col-md-1:nth-child(4),
.keyDates .headerRow .col-md-1:nth-child(4) {
    background-color: #dbd9d5;
}

#gradCareers #datesLocations .keyDates .dataRow .col-md-1:nth-child(1),
#gradCareers #datesLocations .keyDates .dataRow .col-md-1:nth-child(2),
#gradCareers #datesLocations .keyDates .dataRow .col-md-1:nth-child(3),
.keyDates .dataRow .col-md-1:nth-child(1),
.keyDates .dataRow .col-md-1:nth-child(2),
.keyDates .dataRow .col-md-1:nth-child(3) {
    margin-right: 0.5% !important;
}

#gradCareers #datesLocations .keyDates .headerRow .col-md-1:nth-child(1),
#gradCareers #datesLocations .keyDates .dataRow .col-md-1:nth-child(1),
.keyDates .headerRow .col-md-1:nth-child(1),
.keyDates .dataRow .col-md-1:nth-child(1) {
    width: 29.5%;
}

#gradCareers #datesLocations .keyDates .headerRow .col-md-1:nth-child(2),
#gradCareers #datesLocations .keyDates .dataRow .col-md-1:nth-child(2),
.keyDates .headerRow .col-md-1:nth-child(2),
.keyDates .dataRow .col-md-1:nth-child(2) {
    width: 19.5%;
}

#gradCareers #datesLocations .keyDates .headerRow .col-md-1:nth-child(3),
#gradCareers #datesLocations .keyDates .dataRow .col-md-1:nth-child(3),
.keyDates .headerRow .col-md-1:nth-child(3),
.keyDates .dataRow .col-md-1:nth-child(3) {
    width: 14.5%;
}

#gradCareers #datesLocations .keyDates .headerRow .col-md-1:nth-child(4),
#gradCareers #datesLocations .keyDates .dataRow .col-md-1:nth-child(4),
.keyDates .headerRow .col-md-1:nth-child(4),
.keyDates .dataRow .col-md-1:nth-child(4) {
    width: 35%;
}

#gradCareers #datesLocations .keyDates .col-md-1,
.keyDates .col-md-1 {
    padding: 10px;
}

#gradCareers #datesLocations .accordion-heading,
.gradCareersDatesLocation .accordion-heading {
    display: flex;
}

#gradCareers #datesLocations .applicationDates,
.applicationDates {
    font-weight: 600;
    margin-top: 20px;
    margin-bottom: 20px;
    font-size: 1.01rem;
    padding: 10px;
}

#gradCareers #locationList,
.gradCareersLocationList {
    width: 100%;
    text-align: center;
}

#gradCareers #locationList a,
.gradCareersLocationList a{
    display: inline-block;
    width: calc((100% / 5) - 1.1%);
    background-color: #f2f2f0;
    padding-top: 15px;
    padding-bottom: 15px;
    text-align: center;
    margin-right: 1%;
    font-weight: 600;
}

#gradCareers #locationList a:last-child,
.gradCareersLocationList a:last-child{
    margin-right: 0%;
}

#gradCareers #locationList a:hover,
.gradCareersLocationList a:hover{
    background-color: #e2dfdd;
}

#gradCareers #locationList a.active,
.gradCareersLocationList a.active{
    background-color: #7ca6bb;
    color: #ffffff;
}

.divTable {
    font-size: 13px;
    max-width: 584px;
}

    .divTable .col-md-1 {
        padding: 10px 10px;
    }

    .divTable .row,
    .divTable .headerRow {
        width: 100%;
    }

    .divTable .headerRow {
        background-color: #d8d9d6;
        font-weight: 600;
        display: inline-flex;
        visibility: visible;
    }

    .divTable .row:nth-child(odd) {
        background-color: #f6f5f4;
    }


#gradReadyToApply .divTable .col-md-1:nth-child(1) {
    width: 45%;
}

#gradReadyToApply .divTable .col-md-1:nth-child(2) {
    width: 25%;
}

#gradReadyToApply .divTable .col-md-1:nth-child(3) {
    width: 30%;
}


#gradCareers #datesLocations .row {
    width: 100%;
}

@media (min-width: 1177px) {
    .divTable {
        font-size: 14px;
        width: 584px;
    }

        .divTable .row,
        .divTable .headerRow {
            width: 584px;
        }

        .divTable .col-md-1 {
            padding: 10px 18px;
        }


        .divTable .headerRow {
            background-color: #d8d9d6;
            font-weight: 600;
            display: inline-flex;
            visibility: visible;
        }

        .divTable .row:nth-child(odd) {
            background-color: #f6f5f4;
        }


    #gradReadyToApply .divTable .col-md-1:nth-child(1) {
        width: 45%;
    }

    #gradReadyToApply .divTable .col-md-1:nth-child(2) {
        width: 25%;
    }

    #gradReadyToApply .divTable .col-md-1:nth-child(3) {
        width: 25%;
    }
}

@media (min-width: 768px) {

    #gradCareers .meetOurBrightMinds,
    #gradCareers #comeMeetUs,
    #gradCareers #gradAwards,
    .gradAwards 
    .comeMeetUs {
        margin-left: 0px;
        width: calc(100% - (100% / 12 * 1) + 40px);
    }
}


@media (min-width: 1024px) {
    #gradCareers .meetOurBrightMinds,
    #gradCareers #comeMeetUs,
    #gradCareers #gradAwards,
    .gradAwards
    .comeMeetUs {
        margin-left: calc((100% / 12 * 1));
        padding-top: 40px;
        width: calc(100% - ((100% / 12 * 2) + 18px));
    }

    #gradCareers #datesLocations .accordion-heading,
    .gradCareersDatesLocation .accordion-heading {
        display: none;
    }
}


@media (max-width: 600px) {
    #gradCareers .grad-component-accordion .accordionCollapse {
        position: relative;
        bottom: 0px;
        right: 0px;
    }
}

@media (max-width: 767px) {
    #gradCareers .right-col,
    #gradReadyToApply .right-col {
        display: none;
    }
}

@media (max-width: 1024px) {
    #gradCareers {
        margin-top: 50px;
    }

    #gradCareers .meetOurBrightMinds .meetOurBrightMindsItem {
        height: auto;
        width: 100%;
    }

    #gradCareers .meetOurBrightMinds h3 {
        margin-left: 0px !important;
    }

    #gradCareers .meetOurBrightMinds .leftDescription,
    #gradCareers .meetOurBrightMinds .rightDescription,
    #gradCareers .meetOurBrightMinds .photo {
        width: calc((100% / 6 * 6) - 16px - 0.1px);
        margin-left: 0px;
        margin-right: 0px;
    }

    #gradCareers {
        padding: 0px;
    }

    #gradCareers .meetOurBrightMinds .meetOurBrightMindsItem {
    display: flex;
    flex-direction: column;
    }

    #gradCareers .meetOurBrightMinds .meetOurBrightMindsItem .leftDescription,
    #gradCareers .meetOurBrightMinds .meetOurBrightMindsItem .rightDescription {
        margin-top: 20px;
        order: 2;
        padding-bottom: 50px;
    }

    #gradCareers .meetOurBrightMinds .meetOurBrightMindsItem .photo {
        order: 1;
    }

    #gradCareers #locationList,
    #gradCareers #datesLocations .keyDates .headerRow,
    .keyDates .headerRow,
    .gradCareersLocationList{
        display: none;
    }

    #gradCareers #datesLocations .keyDates .dataRow,
    .keyDates .dataRow
    {
        border-bottom: 0px none;
        margin-bottom: 20px;
    }

    #gradCareers #datesLocations .keyDates .dataRow .col-md-1:nth-child(1),
    #gradCareers #datesLocations .keyDates .dataRow .col-md-1:nth-child(2),
    #gradCareers #datesLocations .keyDates .dataRow .col-md-1:nth-child(3),
    #gradCareers #datesLocations .keyDates .dataRow .col-md-1:nth-child(4),
    .keyDates .dataRow .col-md-1:nth-child(1),
    .keyDates .dataRow .col-md-1:nth-child(2),
    .keyDates .dataRow .col-md-1:nth-child(3),
    .keyDates .dataRow .col-md-1:nth-child(4) {
        margin-right: 0%;
        width: 100%;
        padding-top: 2px;
        padding-bottom: 2px;
    }

    #gradCareers #datesLocations .keyDates .dataRow .col-md-1:nth-child(1),
    .keyDates .dataRow .col-md-1:nth-child(1){
        font-weight: 600;
    }

    #gradCareers #comeMeetUsPhoto {
    display: none;
    }
}

@media (max-width: 1220px) {
    #gradCareers .meetOurBrightMinds {
        margin-left: 0px;
        padding-top: 40px;
        width: calc(100% - 10px);
    }

    #gradCareers .meetOurBrightMinds h3 {
        margin-left: calc((100% / 12 * 1));
    }
}

.ultraSlimNavy {
    background-color: #333e48;
    color: #FFFFFF;
}

.ultraSlimBlue {
    background-color: #50748a;
    color: #FFFFFF;
}

.ultraSlimLightGrey {
    background-color: #f6f5f4;
}

.ultraSlimLightBlue {
    background-color: #ecf2f5;
}

    .ultraSlimLightGrey .engagement-featurette-title, .ultraSlimLightGrey .engagement-featurette-text, .ultraSlimLightBlue .engagement-featurette-title, .ultraSlimLightBlue .engagement-featurette-text, .ultraSlimLightBlue h5, .ultraSlimLightBlue h5 {
        color: #333e48;
    }

.km-engagement-featurette-container h5 {
    font-weight: 600;
    font-size: 1.15rem;
}

.km-engagement-featurette-container p {
    font-weight: 100;
    font-size: 0.9rem;
}

.km-engagement-featurette-container {
    width: 100%;
    height: 410px;
    position: relative;
    display: table;
}

.km-engagement-featurette {
    width: 100%;
    height: 410px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.km-heading-text-button {
    padding: 25px;
}

.km-cutout {
    background-color: inherit;
    position: absolute;
    bottom: 0px;
}

@media screen and (max-width: 380px) {
    .ultraSlimNavy .km-cutout.leftText::after,
    .ultraSlimNavy .km-cutout.rightText::after,
    .ultraSlimBlue .km-cutout.leftText::after,
    .ultraSlimBlue .km-cutout.rightText::after,
    .ultraSlimLightGrey .km-cutout.leftText::after,
    .ultraSlimLightGrey .km-cutout.rightText::after,
    .ultraSlimLightBlue .km-cutout.leftText::after,
    .ultraSlimLightBlue .km-cutout.rightText::after {
        content: '';
        position: absolute;
        top: auto;
        width: auto;
        height: auto;
        background: inherit;
    }
}

@media screen and (min-width: 380px) {
    .km-engagement-featurette {
        background-size: cover;
    }

    .ultraSlimNavy .km-cutout.leftText::after,
    .ultraSlimNavy .km-cutout.rightText::after,
    .ultraSlimBlue .km-cutout.leftText::after,
    .ultraSlimBlue .km-cutout.rightText::after,
    .ultraSlimLightGrey .km-cutout.leftText::after,
    .ultraSlimLightGrey .km-cutout.rightText::after,
    .ultraSlimLightBlue .km-cutout.leftText::after,
    .ultraSlimLightBlue .km-cutout.rightText::after {
        content: '';
        position: absolute;
        top: -20%;
        width: 100%;
        height: 20%;
    }

    .ultraSlimNavy .km-cutout.leftText::after,
    .ultraSlimNavy .km-cutout.rightText::after {
        background: linear-gradient(to top,rgb(51,62,72), rgba(51,62,72, 0.01));
    }

    .ultraSlimBlue .km-cutout.leftText::after,
    .ultraSlimBlue .km-cutout.rightText::after {
        background: linear-gradient(to top, rgb(80, 116, 138), rgba(80, 116, 138, 0.01));
    }

    .ultraSlimLightGrey .km-cutout.leftText::after,
    .ultraSlimLightGrey .km-cutout.rightText::after {
        background: linear-gradient(to top,rgb(246, 245, 244), rgba(246, 245, 244, 0.01));
    }

    .ultraSlimLightBlue .km-cutout.leftText::after,
    .ultraSlimLightBlue .km-cutout.rightText::after {
        background: linear-gradient(to top,rgb(236, 242, 245), rgba(236, 242, 245, 0.01));
    }
}

@media screen and (min-width: 550px) {
    .ultraSlimNavy .km-cutout.leftText::after,
    .ultraSlimNavy .km-cutout.rightText::after,
    .ultraSlimBlue .km-cutout.leftText::after,
    .ultraSlimBlue .km-cutout.rightText::after,
    .ultraSlimLightGrey .km-cutout.leftText::after,
    .ultraSlimLightGrey .km-cutout.rightText::after,
    .ultraSlimLightBlue .km-cutout.leftText::after,
    .ultraSlimLightBlue .km-cutout.rightText::after {
        content: '';
        position: absolute;
        top: -50%;
        width: 100%;
        height: 50%;
    }
}





@media screen and (min-width: 768px) {
    .km-engagement-featurette-button {
        width: auto;
    }

    .km-engagement-featurette {
        background-position: left;
    }

    .km-engagement-featurette-container {
        width: 100%;
        height: 300px;
        position: relative;
        display: table;
    }

    .km-engagement-featurette.leftText {
        position: absolute;
        left: 0px;
        top: 0px;
        height: 300px;
        width: 100%;
        background-repeat: no-repeat;
        background-size: auto 300px;
        padding-right: 50%;
        z-index: 1;
        background-position: right;
    }

    .km-engagement-featurette.rightText {
        position: absolute;
        left: 0px;
        top: 0px;
        height: 300px;
        width: 100%;
        background-repeat: no-repeat;
        background-size: contain;
        padding-left: 50%;
        z-index: 1;
        background-position: left;
    }

    .km-cutout.leftText {
        width: 100%;
        height: 100%;
        z-index: 2;
        position: absolute;
        top: 0px;
        left: 0px;
        background-color: inherit;
    }

    .km-cutout.rightText {
        width: 100%;
        height: 100%;
        z-index: 2;
        position: absolute;
        top: 0px;
        right: 0px;
        background-color: inherit;
    }

    .km-cutout.leftText::after {
        content: '';
        position: absolute;
        width: 56px !important;
        height: 44%;
        left: auto;
        right: -56px;
        bottom: 0;
        top: auto !important;
        background-color: inherit;
        background: inherit !important;
    }

    .km-cutout.rightText::after {
        content: '';
        position: absolute;
        width: 56px;
        height: 44%;
        left: -56px;
        bottom: 0;
        top: auto !important;
        background-color: inherit;
    }

    .km-engagement-featurette-text-media .leftText {
        width: calc((100% / 2) + 12%);
        height: 300px;
        position: absolute;
        top: 0px;
        left: 0px;
        z-index: 3;
        display: table;
    }

    .km-engagement-featurette-text-media .rightText {
        width: calc((100% / 2) + 12%);
        height: 300px;
        position: absolute;
        top: 0px;
        right: 0px;
        z-index: 3;
        display: table;
    }

    .km-heading-text-button {
        vertical-align: middle;
        display: table-cell;
        height: 300px;
        padding: 0px;
        padding-right: 5%;
        padding-left: 5%;
    }

    .km-engagement-featurette-media-mobile {
        display: none;
    }
}

.experience-title {
    height: auto;
    min-height: 400px;
    position: relative;
}

.experience-title .intrinsic-image,
.experience-title .intrinsic-image img {
    width: 100px;
    height: 100px;
    background: transparent;
    background-color: transparent;
    padding-bottom: 0px;
    margin-bottom: 20px;
}

.experience-title .tile-content {
    padding-bottom: 70px;
}
    
.experience-title .intrinsic-image img {
    margin-top: 20px;
}

.experience-title .tile-media
{
    padding: 0px;
}

.experience-title a.btn.btn-skin-1 {
    position: absolute;
    bottom: 24px;
    left: 24px;
}

.no-top-space
{
    margin-top: 0px;
    padding-top: 0px;
}

.km-experience-listing .tile-media::after {
    background-color: transparent;
}

.tile-content span div div {
}

.km-experience-listing span p a {
    color: black;
    transition: 1s;
    -webkit-transition: 1s;
    -moz-transition: 1s;
    transition: all 0.1s ease-in-out;
    padding-left: 0px;
}

.km-experience-listing span p a:hover {
    padding-left: 7px;
    color: #50748a;
}

svg.experience-more-text-icon {
    height: 20px;
    width: 20px;

}

#km-contact h2 {
    margin-bottom: 10px;
}

.people-list p, .people-list {
    font-size: 0.85rem;
}

@media screen and (min-width: 768px) {
    #km-contact .contactMessageForm {
        margin-top: -100px;
    }
}

.people-list .people-left-col, .people-list .people-right-col {
    width: 100%;
    padding-left: 0px;
    float: left;
}

@media (min-width: 768px) {
    .people-list .people-left-col {
        width: 170px;
    }

    .people-list .people-right-col {
        width: calc(100% - 190px);
        padding-left: 20px;
    }
}

.people-list-no-top-margin{
    margin-top: 75px;
}

.creditor-info-content {
    z-index: 2 !important;
}

.right-col-second-credit-info-container {
    margin-bottom: 50px;
}

#img-rich-text-modal
{
    width: 1048px;
}

.img-rich-text-popup {
    position: relative;
    background: #fff;
    max-width: 1048px;
    margin: 24px auto
}

.modal-content-image {
    display: block;
    width: 100%;
    max-height: 700px;
    overflow-y: auto;
    text-align: center;
}



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

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

.responsiveIframe .ratio {
    display: block;
    width: 100%;
    height: 100%;
}

.responsiveIframe #kmYouTubePlayer {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.youtube-media-atom__overlay {
    background-position: 49% 49%;
    background-size: cover;
    background-repeat: no-repeat;
    color: #FFF;
    height: 100%;
    position: absolute;
    line-height: 1.5;
    text-align: center;
    width: 100%;
    z-index: 0;
}

.vjs-big-play-button {
    position: absolute;
    left: 0px;
    top: 0px;
    line-height: 1.5;
}

.youtube-media-atom__play-button {
    position: absolute;
    top: calc(50% - (56px / 2));
    left: calc(50% - (56px / 2));
    cursor: pointer;
    display: inline-block;
    user-select: none;
    line-height: 1.5;
    overflow: hidden !important;
    text-align: center;
    transition-delay: 0s, 0s;
    transition-duration: 0.3s, 0.3s;
    transition-property: transform, -webkit-transform;
    z-index: 2;
}

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

#cambridge .nextPage {
    margin-top: 40px;
}

#cambridge h4 {
    margin-top: 10px;
}


#cambridge .contact-form {
    margin-bottom: 0px;
}

#cambridge .component-form-builder .EditingFormTable tr:last-child {
    margin-bottom: 0px;
}

#cambridge label {
    color: #333e48;
}

#cambridge .otherOpp {
    height: 60px;
}

#cambridge .btnHiddenSubmit {
    display: none;
}

.sampleCode {
    font-family: SFMono-Regular,Consolas,Liberation Mono,Menlo,Courier,monospace;
    font-size: 12px;
    height: 300px;
}

.IndentedQuote {
    margin-left: 20px;
}

.autogenSidebar {
    min-height: 200px;
}

@media screen and (min-width: 1024px) {
    .autogenSidebar {
        margin-bottom: 100px !important;
    }
}

.eventDetails .presenter {
    border: 1px solid #e3e3e3;
    padding: 30px;
}

.eventDetails .presenter .profile-link .profile-link-image-contanier {
    flex: 0 0 81px;
    width: 81px;
}

.eventDetails .presenter .right-col p {
    color:#77777A;
}

.eventDetails .eventDetailsContent table {
    margin-top: 0px;
}

.eventDetails .eventDetailsSideBarContent h6 {
    margin-bottom: 10px;
}

.eventDetails .sideBarLogoImage {
    width: 200px;
    margin-top: 30px;
}

.sidebar-panel.eventDetailsSideBarContent p {
    margin-bottom: 7px;
}

.vimeo-wrapper {
    top: auto !important;
    bottom: 0 !important;
    width: 100%;
    height: 100%;
    z-index: -1;
    pointer-events: none;
    overflow: hidden;
}

.vimeo-wrapper iframe {
    width: 100vw;
    height: 56.25vw; /* Given a 16:9 aspect ratio, 9/16*100 = 56.25 */
    min-height: 100vh;
    min-width: 177.77vh; /* Given a 16:9 aspect ratio, 16/9*100 = 177.77 */
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.homepage-slider.slider-container .slider-image-container img {
    top: auto !important;
    bottom: 0 !important;
}

.homepage-slider {
    display: none;
}

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

.homepage-slider .slick-arrow {
    display: none !important;
}

.homepage-slider .slick-dots {
    position: absolute;
}

.homepage-slider .slider-image-content-container {
    max-height: 92vh;
}
.homepage-slider .slick-track .slick-slide:first-child .slider-image-content-container {
    background: transparent;
}

.homepage-slider .slick-track .slick-slide:nth-child(2) .slider-image-content-container {
    background: #50748A;
}

.homepage-slider .slick-track .slick-slide:nth-child(2) .title span:nth-child(2),
.homepage-slider .slick-track .slick-slide:nth-child(2) .title span:nth-child(3) {
    color: #333e48;
}

.homepage-slider .slick-track .slick-slide:nth-child(3) .slider-image-content-container {
    background: #7ca6ba;
}

.homepage-slider .slick-track .slick-slide:nth-child(3) .title span:nth-child(1),
.homepage-slider .slick-track .slick-slide:nth-child(3) .title span:nth-child(3) {
    color: #333e48;
}

.homepage-slider .slick-track .slick-slide:nth-child(4) .slider-image-content-container {
    background: #7ea8ad;
}

.homepage-slider .slick-track .slick-slide:nth-child(4) .title span:nth-child(1),
.homepage-slider .slick-track .slick-slide:nth-child(4) .title span:nth-child(2) {
    color: #333e48;
}

.homepage-slider .slider-image-content-container {
    position: absolute;
    z-index: 10;
    color: #fff;
    height: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    padding:  56px;
    width: 100%;
    opacity: 0.8;
}

.carousel-down-arrow {
    height: 10px;
    width: 19px;
    position: relative;
    left: calc(50% - 9.5px);
    top: -60px;
    z-index: 10;
    display: none;
}

@media (min-width: 1220px) {
    .carousel-down-arrow {
        display: block;
    }


    .homepage-slider .slider-image-content-container {
        width: 60%;
        opacity: 1;
    }
}

@media (min-width: 1600px) {
    .homepage-slider .slider-image-content-container {
        width: 45%;
    }
}

.homepage-slider .slider-image-content {
    width: 100%;
}

.homepage-slider .slick-dots {
    opacity: 1;
    bottom: 56px;
    left: 56px;
    transform: none;
    display: -ms-flexbox;
    display: flex;
    width: 490px;
}



.homepage-slider .slick-dots .slick-active button {
    background: #fff;
    box-shadow: none;
}
.homepage-slider .slick-dots li {
    width: 100%;
    max-width: 150px;
}
.homepage-slider .slick-dots button {
    width: 100%;
    border-radius: 0;
    background: #253038;
    height: 3px;
}
.homepage-slider .title {
    font-family: "HCo Chronicle Display", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 60px;
}

@media (max-width: 1024px) {
    .homepage-slider .title {
        line-height: 44px;
    }

    .homepage-slider .slider-image-content {
        height: 100%;
    }
}

.homepage-slider .title,
.homepage-slider p {
    color: #fff;
}
.homepage-slider p {
    line-height: 28px;
    max-width: 510px;
    margin: 16px 0 32px 0;
    font-weight: 100;
    letter-spacing: 0.03rem;
    font-family: 'Weisenhoff Grotesk Light';
}
.homepage-slider.slider-container {
    position: relative;
}
.homepage-slider.slider-container .slick-initialized .slick-slide {
    display: block;
}
.homepage-slider.slider-container .slick-slide {
    float: left;
    height: 100%;
    min-height: 1px;
    padding: 0;
    transition: opacity 500ms linear !important;
    z-index: 0 !important;
}

.homepage-slider.slider-container .slick-slide.slick-active {
    z-index: 1 !important;
}

.homepage-slider.slider-container .slick-slider {
    overflow: hidden;
    max-height: calc(92vh - 24px);
}

.homepage-slider.slider-container .slider-image-container {
    position: relative;
    display: block;
    height: 0;
    width: 100%;
    background: #333e48;
    padding-bottom: 56.25%;
}

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

@media (max-width: 767px) {
    .homepage-slider .layout-section-full .component-slider.image-slider {
        position: relative;
    }
    .homepage-slider .layout-section-full .component-slider.image-slider::before {
        content: "";
        position: absolute;
        top: 0;
        left: -16px;
        width: 16px;
        background-color: #f6f5f4;
        height: 100%;
    }
}
@media (min-width: 768px) {
    .homepage-slider .layout-section-full .component-slider.image-slider {
        padding: 56px 0;
        background-position: -30px 0;
    }
    .homepage-slider .layout-section-full .component-slider.image-slider .slider-container {
        -ms-flex-preferred-size: calc((100% / 12 * 10) - 24px - 0.1px);
        flex-basis: calc((100% / 12 * 10) - 24px - 0.1px);
        max-width: calc((100% / 12 * 10) - 24px - 0.1px);
        margin-right: 24px;
    }
}
@media (min-width: 768px) and (min-width: 768px) {
    .homepage-slider .layout-section-full .component-slider.image-slider .slider-container {
        margin-left: calc((100% / 12 * 1));
    }
}
@media (min-width: 768px) {
    .homepage-slider .slider-container .slick-slider {
        max-height: 92vh;
    }
}
@media (min-width: 1024px) {
    .homepage-slider .layout-section-full .component-slider.image-slider .slider-container {
        -ms-flex-preferred-size: calc((100% / 12 * 8) - 24px - 0.1px);
        flex-basis: calc((100% / 12 * 8) - 24px - 0.1px);
        max-width: calc((100% / 12 * 8) - 24px - 0.1px);
        margin-right: 24px;
    }
}
@media (min-width: 1024px) and (min-width: 1024px) {
    .homepage-slider .layout-section-full .component-slider.image-slider .slider-container {
        margin-left: calc((100% / 12 * 2));
    }
}

.homepage-slider .btn {
    margin-bottom: 110px !important;
}

.layout-section-full .component-slider.image-slider,
.layout-section-full .component-slider2.image-slider {
    width: calc(100% + 16px);
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 24px 0;
    background-color: #50748a;
}
@media (min-width: 768px) {
    .layout-section-full .component-slider.image-slider,
    .layout-section-full .component-slider2.image-slider {
        width: calc(100% + 24px);
    }
}


@media (min-width: 1024px) {
    .layout-section-full .component-slider.image-slider,
    .layout-section-full .component-slider2.image-slider {
        width: calc(100% + 24px);
    }
}

.layout-section-full .component-slider.image-slider.reverse,
.layout-section-full .component-slider2.image-slider.reverse {
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
}

.layout-section-full .component-slider.image-slider .slider-container,
.layout-section-full .component-slider2.image-slider .slider-container {
    -ms-flex-preferred-size: calc((100% / 6 * 6) - 16px - 0.1px);
    flex-basis: calc((100% / 6 * 6) - 16px - 0.1px);
    max-width: calc((100% / 6 * 6) - 16px - 0.1px);
    margin-right: 16px;
}

.slick-dots {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 8px;
    z-index: 1000;
    margin: 0;
    list-style-type: none;
    text-align: center;
    opacity: 0;
    transition: 0.3s opacity;
}

.component-slider:hover .slick-dots,
.component-slider2:hover .slick-dots {
    opacity: 1;
}

.slick-dots > li {
    margin: 0;
    padding: 0;
    display: inline-block;
}

.slick-dots > li::before {
    display: none;
}

.slick-dots li {
    position: relative;
    width: 8px;
    height: 8px;
    margin-right: 16px;
}

.slick-dots li:last-of-type {
    margin-right: 0;
}

.slick-dots button {
    position: absolute;
    top: 0;
    left: 0;
    padding: 0;
    margin: 0;
    border: none;
    background-color: #d8d9d6;
    width: 8px;
    height: 8px;
    text-align: center;
    font-size: 0;
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0);
    transition: box-shadow 0.3s ease, background-color 0.3s ease;
}

.slick-dots button:active,
.slick-dots button:focus {
    outline: none;
}

.slick-active > button {
    background-color: transparent;
    box-shadow: 0 0 0 2px #d8d9d6;
}
.dots-top {
    margin-top: 60px;
}

.dots-top .slick-dots {
    margin-top: 0;
    top: 8px;
    bottom: auto;
}

.dots-outside .slick-dots {
    bottom: -30px;
}

.dots-left .slick-dots {
    left: 8px;
    transform: none;
}

.dots-right .slick-dots {
    left: auto;
    right: 8px;
    transform: none;
}

@media (min-width: 768px) {
    .slick-dots {
        bottom: 8px;
    }
}

.slick-arrow {
    position: absolute;
    top: 50%;
    padding: 0;
    width: 40px;
    height: 40px;
    z-index: 1000;
    border: none;
    border-radius: 0;
    color: #50748a;
    transform: translateY(-50%) scale(0.9);
    background-color: rgba(255, 255, 255, 0.5);
    transition: transform 0.3s, background 0.3s;
    cursor: pointer;
}

.slick-arrow:active,
.slick-arrow:focus {
    outline: none;
}

.slick-arrow:hover {
    transform: translateY(-50%) scale(1);
    background-color: rgba(255, 255, 255, 0.75);
}

.slick-arrow .svg-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
}
.slick-arrow span {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: none;
}

.slick-prev {
    left: 12px;
}

.slick-next {
    right: 12px;
}



@media (min-width: 768px) {
    .content-section .component-engagement-slider {
        margin-bottom: 80px !important;
    }
}


.video-banner-container {
    height: auto;
    overflow: hidden;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    color: #fff;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    -ms-flex-pack: center;
    justify-content: center;
}


@media (min-width: 1220px) {
    .video-banner-container {
        height: initial;
        width: 100%;
    }
}

@media (min-width: 1400px) {
    .video-banner-container {
        height: 600px;
    }
}


@media (min-width: 1650px) {
    .video-banner-container {
        height: 800px;
    }
}

.video-banner-container .video-banner-content-container {
    padding: 30px;
    z-index: 3;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    max-width: 1200px;
}

@media (min-width: 1220px) {
    .video-banner-container .video-banner-content-container {
        -ms-flex-flow: row nowrap;
        flex-flow: row nowrap;
        padding: 60px;
    }
}

.video-banner-content-container--left h3,
.video-banner-content-container--left h2{
    color: #fff;
}

.video-banner-content-container--left h3 {
    font-family: 'Weisenhoff Grotesk Regular'
}

.video-banner-content-container--left h2 {
    margin-bottom: 24px;
}

.video-banner-content-container--left p {
    margin-bottom: 63px;
    color: #fff;
}

.video-banner-content-container--left .btn {
    margin: 0 auto;
    margin: initial;
    width: 190px;
}

.video-banner-container .video-banner-content-container--left {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
}

@media (min-width: 1220px) {
    .video-banner-container .video-banner-content-container--left {
        padding-bottom: 40px;
        padding-right: 100px;
    }
}

.video-banner-container .video-banner-content-container--right {
    display: none;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
}

@media (min-width: 1220px) {
    .video-banner-container .video-banner-content-container--right {
        display: -ms-flexbox;
        display: flex;
    }
}

.video-banner-container .video-banner-content-container .heading {
    color: #fff;
    font-size: 38px;
}

.video-banner-container .video-banner-content-container .subheading {
    font-size: 32px;
}

.video-banner-container .video-banner-content-container .dollar-value {
    margin: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-bottom: 40px;
    color: #fff;
}

.video-banner-container .video-banner-content-container .dollar-text {
    width: 100%;
    text-align: center;
    display: block;
    color: #fff;
}

.video-banner-container .video-banner-content-container .dollar-value li {
    padding: 0;
    font-family: "HCo Chronicle Display", "Helvetica Neue", Helvetica, Arial, sans-serif;
    display: -ms-flexbox;
    display: flex;
    color: #fff;
}

.video-banner-container .video-banner-content-container .dollar-value li::before {
    display: none;
}

.video-banner-container .video-banner-content-container .dollar-value li:first-child {
    line-height: 80px;
}

.video-banner-container .video-banner-content-container .dollar-value li:nth-child(3) {
    line-height: 80px;
    -ms-flex-item-align: end;
    align-self: flex-end;
}

.video-banner-container .video-banner-content-container .dollar-value li:first-child,
.video-banner-container .video-banner-content-container .dollar-value li:nth-child(3) {
    font-size: 100px;
}

.video-banner-container .video-banner-content-container .dollar-value li:nth-child(2) {
    line-height: 130px;
    font-size: 180px;
}

.video-banner-container .video-container {
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    transform: none;
    position: absolute;
    z-index: 1;
    width: 100%;
}

@media (min-width: 1220px) {
    .video-banner-container .video-container {
        top: 50%;
        left: 50%;
        bottom: auto;
        right: auto;
        transform: translate(-50%, -50%);
    }
}

.video-banner-container .video-container::before {
    content: "";
    background: #50748a;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-size: cover;
}


.video-responsive-container {
    position: absolute;
    top: 0px;
    left: 0px;
}

.video-banner-container .video-container video,
.video-banner-container .video-container iframe {
    display: none;
    z-index: -1;
    min-height: 1000px;
}

@media (min-width: 1220px) {
    .video-banner-container .video-container video,
    .video-banner-container .video-container iframe {
        display: block;
        height: 100%;
        width: 100%;
    }
}

@media (min-width: 1599px) {
    .video-banner-container .video-container video,
    .video-banner-container .video-container iframe {
        width: 100%;
        height: auto;
    }
}

.component-tile-slider {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row;
    flex-flow: row;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    position: relative;
    overflow: hidden;
    cursor: pointer;
}


.disputes .component-tile-slider,
.investigations .component-tile-slider,
.forensic-technology .component-tile-slider,
.cybersecurity .component-tile-slider,
.digital-forensics .component-tile-slider,
.ediscovery .component-tile-slider,
.data-analytics .component-tile-slider {
    cursor: default;
}

.component-tile-slider:hover .tile-image-slider {
    transition: left 0.3s, right 0.3s;
    left: -40px;
}

.component-tile-slider--reversed:hover .tile-image-slider {
    transition: left 0.3s, right 0.3s;
    right: -40px;
}

.component-tile-slider--reversed {
    -ms-flex-flow: row-reverse;
    flex-flow: row-reverse;
}
.component-tile-slider .tile-icon-single {
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    pointer-events: none;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    border-bottom: 0;
    width: 380px;
}
.in-the-community .tile-icon-single {
    display: flex;
    justify-content: center;
}
.component-tile-slider .tile-icon-single--shade-1 {
    background: #50748a;
    color: #fff;
}
.component-tile-slider .tile-icon-single--shade-2 {
    background: #7ea8ad;
    color: #fff;
}

.component-tile-slider .tile-icon-single--left-tile {
    width: 100%;
    background-color: #435363;
}

.component-tile-slider .tile-icon-single--left-tile h4.tile-title {
    color: #fff;
}

@media (min-width: 1024px) {
    .component-tile-slider .tile-icon-single--left-tile {
        width: 380px;
        height: 400px;
        padding: 50px;
        justify-content: center;
    }
}
.component-tile-slider .tile-icon-single--right-tile {
    margin-left: auto;
    display: none;
}
@media (min-width: 1024px) {
    .component-tile-slider .tile-icon-single--right-tile {
        display: block;
        height: 400px;
        display: flex;
        justify-content: center;
    }
}
.component-tile-slider .tile-icon-single .svg-icon {
    justify-self: flex-end;
}
.component-tile-slider .tile-icon-single .tile-content {
    padding: 0;
    color: #fff;
}
.tile-image-slider {
    left: 400px;
    z-index: 1;
    position: absolute;
    transition: left 0.3s, right 0.3s;
    height: 100%;
    display: none;
}

.component-tile-slider--reversed .tile-image-slider {
    right: 405px;
    left: auto;
}
.component-tile-slider--reversed .tile-image-slider img {
    float: right;
}


.tile-image-slider img {
    height: 100%;
    max-width: none;
    width: 830px;
}

@media (min-width: 1024px) {
    .tile-image-slider {
        display: block;
    }
}
.component-tile-slider--reversed .tile-icon-single--right-tile {
    margin-right: auto;
    margin-left: 0;
}
.component-tile-with-image {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row;
    flex-flow: row;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    position: relative;
    overflow: hidden;
}
.component-tile-with-image--reversed {
    -ms-flex-flow: row-reverse;
    flex-flow: row-reverse;
}
.component-tile-with-image .tile-icon-single {
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    border-bottom: 0;
    width: 380px;
}
.component-tile-with-image .tile-icon-single--shade-1 {
    background: #50748a;
    color: #fff;
}
.component-tile-with-image .tile-icon-single--shade-2 {
    background: #7ea8ad;
    color: #fff;
}
.component-tile-with-image .tile-icon-single--left-tile {
    width: 100%;
}
@media (min-width: 1024px) {
    .component-tile-with-image .tile-icon-single--left-tile {
        width: 380px;
        height: 400px;
    }
}
.component-tile-with-image .tile-icon-single--right-tile {
    margin-left: auto;
    display: none;
}
.component-tile-slider--reversed .component-tile-with-image .tile-icon-single--right-tile {
    margin-right: auto;
    margin-left: 0;
}
@media (min-width: 1024px) {
    .component-tile-with-image .tile-icon-single--right-tile {
        display: block;
        height: 400px;
    }
}
.component-tile-with-image .tile-icon-single .svg-icon {
    justify-self: flex-end;
}
.component-tile-with-image .tile-icon-single .tile-content {
    padding: 0;
    color: #fff;
}
.tile-with-image-container {
    left: 400px;
    z-index: 1;
    position: absolute;
    height: 100%;
    max-width: 67%;
    display: none;
    overflow: hidden;
}
.component-tile-with-image--reversed .tile-with-image-container {
    right: 400px;
    left: auto;
}
.component-tile-with-image--reversed .tile-with-image-container img {
    float: right;
}
.tile-with-image-container img {
    height: 100%;
    max-width: none;
}
@media (min-width: 1024px) {
    .tile-with-image-container {
        display: block;
    }
}
.component-tile-with-video {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
}

@media (min-width: 1024px) {
    .component-tile-with-video {
        -ms-flex-flow: row nowrap;
        flex-flow: row nowrap;
    }
}

@media (min-width: 1024px) {
    .component-tile-with-video > :first-child {
        margin-bottom: 20px;
    }
}

.component-tile-with-video > :nth-child(2) {
    -ms-flex: 1;
    flex: 1;
}

@media (min-width: 1024px) {
    .component-tile-with-video--reversed {
        -ms-flex-flow: row-reverse nowrap;
        flex-flow: row-reverse nowrap;
    }
    .component-tile-with-video--reversed .tile {
        margin-right: 0;
        margin-left: 20px;
    }
}

.component-tile-with-video .tile {
    padding: 30px;
    margin-bottom: 0px;
}

@media (min-width: 1024px) {
    .component-tile-with-video .tile {
        width: 470px;
        height: 400px;
        margin-right: 20px;
        margin-bottom: 0;
        display: flex;
        justify-content: center;
        padding: 50px;
    }
}

.component-tile-with-video .tile--shade-1 {
    background: #50748a;
    color: #fff;
}

.component-tile-with-video .tile--shade-2 {
    background: #7ea8ad;
    color: #fff;
}

.component-tile-with-video .tile--shade-3 {
    background: #f3f3f3;
    color: #333e48;
}

@media (max-width: 1023px) {
    .component-tile-with-video {
        display: flex;
        flex-direction: column-reverse;
    }
}

.service-line-video-section .watch-video,
.rea-our-exp h5.subtext{
    font-family: 'Weisenhoff Grotesk Regular';
    font-size: 1.2rem;
    color: #333e48;
    margin-bottom: 21px;
}

.service-line-video-section .tile .tile-title,
.rea-our-exp .tile-title{
    font-family: 'Weisenhoff Grotesk Regular';
    font-size: 2rem;
    color: #333e48;
}

.service-line-video-section .tile .tile-content {
    color: #333e48;
}

.component-tile-with-video .tile-content {
    padding: 0;
}

.component-tile-with-video .component-engagement-video .video-content h3 {
    display: none;
}

.component-slider.component-slider-with-tile .slick-arrow,
.component-slider2.component-slider-with-tile .slick-arrow {
    display: none !important;
}

.component-slider.component-slider-with-tile .slick-dots,
.component-slider2.component-slider-with-tile .slick-dots {
    opacity: 1;
}

.component-slider-with-tile .tile {
    position: absolute;
    z-index: 1;
    height: 100%;
    padding: 20px;
    max-height: 250px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    opacity: 0.75;
    width: 100%;
}

@media (min-width: 768px) {
    .component-slider-with-tile .tile {
        max-height: 500px;
        max-width: 470px;
        opacity: 1;
    }
}

.component-slider-with-tile .tile--title {
    font-family: "Weisenhoff Grotesk Regular", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 32px;
}

@media (min-width: 768px) {
    .component-slider-with-tile .tile--left {
        border-right: 20px solid #fff;
    }
}

@media (min-width: 768px) {
    .component-slider-with-tile .tile--right {
        right: 0;
        border-left: 20px solid #fff;
    }
}

.component-slider-with-tile .tile--content {
    display: none;
}

@media (min-width: 768px) {
    .component-slider-with-tile .tile--content {
        display: block;
    }
}

.component-slider-with-tile .tile--shade-1 h4 {
    color: #fff;
}

.component-slider-with-tile .tile--shade-2 h4 {
    color: #fff;
}

.feature-block-container {
    background: #f6f5f4;
    padding: 40px;
    margin-bottom: 20px;
}

.feature-block-container .title {
    font-family: "Weisenhoff Grotesk Medium", "Helvetica Neue", Helvetica, Arial, sans-serif;
    margin-bottom: 10px;
    display: block;
    font-size: 21px;
}

.feature-block-container--news ul {
    list-style: none;
    padding: 0;
    margin-top: 0px;
}

.feature-block-container--news ul li {
    margin-bottom: 5px;
    word-break: break-all;
    padding: 0;
}

ul.list-contact-details a,
ul.list-services a {
    color: #333E48;
    font-size: 1rem;
}

.feature-block-container--news ul li::before {
    display: none;
}

.feature-block-container--news .fullname {
    color: #50748a;
    font-size: 1.4rem;
}

.feature-block-container.feature-block-container--news img {
    width: 56px;
    height: 56px;
    margin-bottom: 12px;
}

input#p_lt_ctl00_plcPageContentZone_lt_ctl00_ctl00_OneColumnLayoutOffset_OneColumnLayoutOffset_BizForm_viewBiz_btnOK {
    height: 60px;
}

tr#Message {
    vertical-align: top;
}


.grad-careers-2021 .mobile {
    display: block;
}

.grad-careers-2021 .desktop {
    display: none;
}

.rea-how-we-can-help .featured-studies {
    padding-left: 0px;
    padding-right: 0px;
}

.rea-our-exp .row > div,
.rea-our-exp .row {
    flex-basis: 100%;
    max-width: 100%;
    margin: 0px;
    padding: 0px;
}

.rea-our-exp .component-engagement-featurette {
    flex-direction: column;
    width: 100%;
}

.rea-our-exp .btn {
    width: 100%;
}

@media (min-width: 1024px) {
    .rea-our-exp .btn {
        width: 210px;
    }

    .rea-our-exp .component-engagement-featurette {
        flex-direction: row-reverse;
        width: 100%;
        height: 420px;
    }

    .grad-careers-2021 .engagement-featurette-content.engagement-featurette-theme,
    .rea-our-exp .engagement-featurette-content.engagement-featurette-theme,
    .new-page-content .engagement-featurette-content.engagement-featurette-theme {
        height: 100%;
        justify-content: center;
    }

    .grad-careers-2021 .engagement-featurette-content.engagement-featurette-theme,
    .rea-our-exp .engagement-featurette-content.engagement-featurette-theme,
    .new-page-content .engagement-featurette-content.engagement-featurette-theme {
        display: flex;
        flex-direction: column;
        align-content: center;
        height: auto;
    }

    .grad-careers-2021 .component-engagement-featurette,
    .rea-how-we-can-help .component-engagement-featurette,
    .new-page-content .component-engagement-featurette{
        height: 470px;
        font-size: 1.571rem;
    }

    .forensic-service-line-template .component-engagement-featurette.new {
        height: auto;
        min-height: 400px;
    }

    .grad-careers-2021 .engagement-featurette-content .btn,
    .rea-how-we-can-help .engagement-featurette-content .btn,
    .new-page-content .engagement-featurette-content .btn {
        width: 200px;
    }

    .grad-careers-2021 .engagement-featurette-content.engagement-featurette-theme,
    .new-page-content .engagement-featurette-content.engagement-featurette-theme {
        height: auto;
        align-self: center;
    }

    .rea-our-exp .engagement-featurette-content.engagement-featurette-theme {
        height: auto;
        padding: 45px;
        align-self: flex-start;
    }

    .rea-how-we-can-help .engagement-featurette-media,
    .new-page-content .engagement-featurette-media {
        width: calc(100% - 24px) !important;
        margin-left: 24px;
    }

    .grad-careers-2021 .layout-section-50-50 .engagement-featurette-media,
    .new-page-content .layout-section-50-50 .engagement-featurette-media {
        width: 100% !important;
        margin-left: 0px;
    }

    .new-page-content .reverse .engagement-featurette-media {
        width: calc(100% - 24px) !important;
        margin-left: 0px;
    }

    .engagement-featurette-content.engagement-featurette-theme h3 {
        font-size: 1.58rem;
    }

    .grad-careers-2021 .desktop {
        display: block;
    }

    .grad-careers-2021 .mobile {
        display: none;
    }
}


@media (max-width: 1024px) {

    .rea-our-exp .container:nth-child(2) {
        margin-left: -16px;
        margin-right: -16px;
        margin-top: 40px;
    }

    .rea-our-exp .component-engagement-featurette .engagement-featurette-content {
        height: initial;
    }
}

.component-engagement-featurette.default h3.engagement-featurette-title {
    color: #fff;
}

.grad-careers-2021 .quote-section .engagement-featurette-content.engagement-featurette-theme,
.new-page-content .quote-section .engagement-featurette-content.engagement-featurette-theme {
    padding-left: 34px;
    padding-right: 40px;
    padding-top: 0px;
    padding-bottom: 0px;
    flex-direction: row;
    display: flex;
    align-self: center;
}

@media (max-width: 1024px) {
    .grad-careers-2021 .quote-section .engagement-featurette-content.engagement-featurette-theme,
    .new-page-content .quote-section .engagement-featurette-content.engagement-featurette-theme {
        padding: 30px;
    }
}


@media (min-width: 1024px) {
    .new-page-content .quote-section .container {
        max-width: 1200px;
    }
}

.grad-careers-2021 h3.engagement-featurette-title,
.new-page-content h3.engagement-featurette-title {
    font-family: 'Weisenhoff Grotesk Regular';
    font-size: 2rem;
    color: #333e48;
    line-height: 2.4rem;
}

span.large-quote-open,
span.large-quote-close {
    font-size: 60px;
    color: #50748a;
    font-weight: 100;
    font-family: "HCo Chronicle Display", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

span.large-quote-close {
    line-height: 0;
}

span.large-quote-open{
    margin-top: -18px;
    margin-right: 8px;
}


.large-quote-open::before {
    content: open-quote;
}

.large-quote-close::before {
    content: close-quote;
    font-size: 60px;
    display: inline-block;
    height: 30px;
    margin-top: -50px;
    position: relative;
    top: 22px;
    left: 5px;
    color: #50748a;
}

.grad-careers-2021 h3.quote,
.new-page-content h3.quote {
    color: #333e48;
    margin-bottom: 0px;
    font-size: 27px;
}

.img-text-tile {
    display: flex;
    flex-direction: column;
}

.why-choose-us .cover-image {
    height: 400px;
    width: 100%;
}

.tile-text {
    padding: 30px;
    background-color: #DBD9D6;
}

@media (min-width: 1024px) {
    .rea-how-we-can-help .tile-text {
        min-height: 340px;
    }
}

.rea-how-we-can-help .container {
    max-width: calc(1200px + (13px * 2));
}

.tile-text .row {
    width: 100%;
}

.tile-heading {
    font-family: 'Weisenhoff Grotesk Medium';
    font-size: 1.19rem;
    margin-bottom: 15px;
    display: block;
}

.service-lines-section p {
    margin-bottom: 24px !important;
}

.tile-text p {
    margin-bottom: 0px !important;
}

.grad-careers-2021 h3.more-questions {
    font-family: 'Weisenhoff Grotesk Regular';
    font-size: 1.55rem;
}

.grad-careers-2021 .layout-section-50-50.service-lines-section .row:first-child,
.layout-section-50-50.rea-how-we-can-help .heading-row,
.rea-our-exp .heading-row {
    margin-bottom: 20px;
}

@media (min-width: 768px) {
    .layout-section-50-50.rea-how-we-can-help .heading-row,
    .rea-our-exp .heading-row {
        margin-bottom: 10px;
        flex-direction: column;
    }

    .grad-careers-2021 .layout-section-50-50.service-lines-section .row:first-child {
        flex-direction: row;
    }
}

@media (max-width: 1023px) {
    .grad-careers-2021 .layout-section-50-50.service-lines-section .row:first-child,
    .layout-section-50-50.rea-how-we-can-help .heading-row,
    .rea-our-exp .heading-row {
        padding-left: 16px;
        padding-right: 16px;
        padding-bottom: 40px;
    }
}

@media (max-width: 757px) {
    .rea-our-exp .heading-row {
        padding-bottom: 0px;
    }
}

@media (min-width: 1024px) {
    .grad-careers-2021 .layout-section-50-50.service-lines-section .row:first-child,
    .layout-section-50-50.rea-how-we-can-help .row:first-child,
    .rea-our-exp .row:first-child {
        margin-bottom: 0px; /* 80px*/
    }

    .service-line-content .rea-our-exp .container .row:first-child {
        margin-bottom: 50px;
    }

    .why-choose-us .tile-text {
        min-height: 340px;
    }

    .service-lines-section .tile-text {
        min-height: 400px;
    }

    .rea-how-we-can-help .img-text-tile .btn {
        position: absolute;
        bottom: 120px;
        margin-top: 0px;
    }
}

@media (min-width: 1286px) {
    .why-choose-us .tile-text {
        min-height: 290px;
    }

    .service-lines-section .tile-text {
        min-height: 340px;
    }
}

@media (min-width: 1290px) {

    .grad-careers-2021 .cover-image {
        height: 400px;
        width: 100%;
        overflow: hidden;
    }

}

@media (min-width: 1024px) {
    .grad-careers-2021 .layout-section-50-50 .row > div:first-child,
    .layout-section-50-50.rea-how-we-can-help .row > div:first-child {
        -ms-flex-preferred-size: calc((100% / 12 * 6) - 24px);
        flex-basis: calc((100% / 12 * 6) - 24px);
        max-width: calc((100% / 12 * 6) - 24px);
        margin-right: 24px;
    }

    .rea-how-we-can-help .column {
        margin-top: 50px;
    }

    .grad-careers-2021 .layout-section-50-50 .row .left-col, .grad-careers-2021 .layout-section-50-50 .row .right-col {
        margin-top: 30px;
    }
}

@media (max-width: 1024px) {
    .grad-careers-2021 h3.quote {
        font-size: 25px;
    }

    .grad-careers-2021 .component-engagement-featurette .engagement-featurette-content {
        height: initial;
    }

    .grad-careers-2021 .layout-section-50-50 .row,
    .layout-section-50-50.rea-how-we-can-help .row {
        width: 100%;
        margin-bottom: 40px;
    }

    .grad-careers-2021 .layout-section-50-50 .row:last-child,
    .layout-section-50-50.rea-how-we-can-help .row:last-child {
        margin-bottom: 0px;
    }

    .grad-careers-2021 .layout-section-50-50 .row > div:first-child,
    .layout-section-50-50.rea-how-we-can-help .row > .column,
    .layout-section-50-50.rea-how-we-can-help .row:last-child {
        margin-bottom: 40px;
    }

    .grad-careers-2021 .layout-section-50-50 .row > div:first-child,
    .grad-careers-2021 .layout-section-50-50 .row > div,
    .layout-section-50-50.rea-how-we-can-help .row > div:first-child,
    .layout-section-50-50.rea-how-we-can-help .row > div {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%;
        margin-right: 0px;
    }

    .grad-careers-2021 .service-lines-section .cover-image,
    .layout-section-50-50.rea-how-we-can-help .cover-image {
        height: initial;
    }

    .layout-section-50-50.rea-how-we-can-help .cover-image,
    .layout-section-50-50.rea-how-we-can-help .tile-text {
        margin-left: -16px;
        margin-right: -16px;
    }
}


.white-popup .pop-up-content {
    float: none;
    clear: both;
    width: 100%;
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 25px;
    height: 0;
}

.white-popup .pop-up-content iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    max-width: 900px;
    max-height: 506.25px;
    margin: auto;
    left: calc(50% - 450px);
    top: calc(50% - 320px);
}

.event-listing .col-1,
.event-listing .col-2,
.event-listing .col-3,
.event-listing .col-4,
.event-listing .col-5 {
    width: calc(20% - 20px);
    flex-basis: initial !important;
    max-width: initial !important;
    margin-right: 20px !important;
}

.event-listing .col-5 {
    margin-right: 0px !important;
}


.event-header {
    padding: 10px;
    background-color: #445463;
    position: fixed;
    top: 0px;
    width: 100%;
    height: 60px;
    z-index: 999;
}


.crm-event-section {
    padding-top: 25px;
}

@media (min-width: 728px) {
    .crm-event-section {
        padding-top: 74px;
    }

    .event-header {
        padding: 12px 25px;
        height: 63px;
    }
}

@media (min-width: 1400px) {
    .crm-event-section {
        padding-top: 113px;
    }
}

.crm-event-section .row {
    width: 100%;
}

.crm-event-section .event-sub-heading {
    font-size: 16px;
    line-height: 22px;
    color: #445463;
    margin-bottom: 4px;
}

.crm-event-section .event-heading {
    font-family: "HCo Chronicle Display";
    font-size: 32px;
    line-height: 39px;
    color: #445463;
    margin-bottom: 11.29px;
}

.crm-event-section .section-heading {
    font-family: "Weisenhoff Grotesk Medium";
    font-size: 21px;
    line-height: 30px;
    color: #445463;
    margin-bottom: 8px;
}

.crm-event-section .section-heading.event-info {
    font-family: "Weisenhoff Grotesk Regular";
}

.crm-event-section #event-banner {
    background-color: #F4F4F3;
    margin-bottom: 28px;
    margin-right: 0px;
    padding-right: 0px;
    flex-basis: 100%;
    max-width: 100%;
}

.crm-event-section .side-panel .subheading {
    font-family: 'Weisenhoff Grotesk Medium';
    font-size: 16px;
    line-height: 22px;
    margin-top: 16px;
}

.crm-event-section .side-panel {
    background-color: #DBD9D64D;
    padding: 30px 35px;
}

.crm-event-section .side-panel .heading {
    font-size: 21px;
    line-height: 30px;
    font-family: 'Weisenhoff Grotesk Medium';
}

.crm-event-section .row .left-col {
    flex-basis: 100%;
    max-width: 100%;
    padding-right: 0px;
    margin-right: 0px;
    padding-top: 27px;
}

.crm-event-section .row .right-col {
    flex-basis: 100%;
    max-width: 100%;
    margin-right: 0px;
}

.crm-event-section .side-panel .row {
    margin-right: 0px;
    max-width: initial;
    flex-basis: initial;
}

.crm-event-section .side-panel .row.date {
    flex-direction: column;
}

.crm-event-section .side-panel .row.date a {
    display: none;
}

.response-buttons {
    display: block;
}

.btn.btn-skin-event-primary {
    margin-top: 26px;
    background-color: #7ca6ba;
    color: #fff;
    width: auto;
}

.btn.btn-skin-event-secondary {
    margin-top: 26px;
    width: 100%;
    border: 1px solid #445463;
    color: #445463;
    width: 100%;
}

.crm-event-section .event-desc {
    min-height: 200px;
    margin-bottom: 25px;
    display: inline;
}

.crm-event-section .speakers {
    margin-bottom: 15px;
    margin-top: 54px;
}

.crm-event-section .speakers .tile {
    margin-bottom: 26px;
    display: flex;
    flex-direction: column;
    flex-basis: 100%;
    max-width: 100%;
}

.crm-event-section .speakers .speaker-photo,
.crm-event-section .speaker-photo a img {
    width: 113px;
    height: 113px;  
    display: flex;
    justify-content: center;
}

.crm-event-section .speakers .speaker-name,
.crm-event-section .speakers .speaker-name a {
    font-family: 'Weisenhoff Grotesk Medium';
    font-size: 16px;
    line-height: 22px;
    color: #445463 !important;
    text-decoration: none !important;
}

.crm-event-section .speakers .speaker-name {
    margin-bottom: 5px;
}

.crm-event-section .speakers .speaker-photo a {
    display: flex;
    width: 100%;
}

.crm-event-section .speakers .position-title {
    font-size: 16px;
    line-height: 22px;
    margin-bottom: 19px;
}

.crm-event-section .speakers .info-card {
    margin: auto;
    padding-top: 16px;
    padding-bottom: 16px;
    border-bottom: 1px solid #E6E4E2;
    align-content: flex-start;
}

.crm-event-section .speakers .speaker-photo {
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
    height: 100%;
}

.crm-event-section .speakers .info-card div {
    display: inline;
    margin-right: 0px;
    flex-basis: 100%;
    max-width: 100%;
}

.crm-event-section button#d365_submit {
    width: auto;
    background-color: #7ca6ba;
    color: #fff;
}

.crm-event-section .registration-form {
    margin-top: 35px;
    display: none;
}

.crm-event-section .registration-form.opened {
    display: block;
}

.crm-event-section .row.cond {
    display: block;
    margin-top: 20px;
}

.crm-event-section .border-side-panel {
    border: 1px solid #DBD9D6;
    padding: 50px;
}

.crm-event-section .border-side-panel .row {
    width: 100%;
    flex-basis: 100%;
    max-width: 100%;
    margin-right: initial;
}

.crm-event-section .border-side-panel .heading {
    font-family: 'Weisenhoff Grotesk Medium';
    font-size: 21px;
    line-height: 30px;
    margin-bottom: 10px;
}

.crm-event-section .more-text {
    display: none;
}

.crm-event-section .read-more {
    font-weight: bold;
    cursor: pointer;
}

.crm-event-section .more-text.opened {
    display: inline;
}

@media (min-width: 728px) {
    .crm-event-section .event-sub-heading {
        font-size: 16px;
        line-height: 21px;
        margin-bottom: 6px;
    }

    .crm-event-section .event-heading {
        font-size: 32px;
        line-height: 39px;
        margin-bottom: 22.3px;
    }

    .crm-event-section .section-heading {
        font-size: 20px;
        line-height: 30px;
        margin-bottom: 22px;
    }

    .crm-event-section #event-banner {
        margin-bottom: 43.6px;
    }

    .crm-event-section .side-panel .subheading {
        font-family: 'Weisenhoff Grotesk Medium';
        font-size: 14px;
        line-height: 21px;
    }

    .crm-event-section .side-panel {
        background-color: #DBD9D64D;
        padding: 30px;
    }

    .layout-section.crm-event-section .row .left-col {
        flex-basis: calc(100% - 241px);
        max-width: calc(100% - 241px);
        padding-top: 0px;
        padding-right: 51px;
        margin-right: 0px;
    }

    .layout-section.crm-event-section .row .right-col {
        flex-basis: 241px;
        max-width: 241px;
        margin-right: 0px;
    }

    .crm-event-section .side-panel .heading {
        font-size: 16px;
        line-height: 30px;
    }

    .crm-event-section .event-desc {
        min-height: 200px;
        margin-bottom: 54px;
    }

    .crm-event-section .speakers .tile {
        margin-bottom: 16px;
        display: flex;
        flex-direction: row;
        flex-basis: 100%;
        max-width: 100%;
        margin-right: 0px;
    }

    .crm-event-section .speakers .speaker-photo {
        width: 113px;
    }

    .crm-event-section .speaker-photo a img {
        width: 113px;
        height: 113px;
    }

    .crm-event-section .speakers .info-card {
        padding: 21px;
        min-height: 113px;
        max-width: initial;
        width: calc(100% - 113px);
        border-top: 1px solid #E6E4E2;
        border-bottom: 1px solid #E6E4E2;
        margin-left: 17px;
    }

    .crm-event-section .registration-form {
        margin-top: 15px;
    }

    .crm-event-section .border-side-panel {
        padding: 30px;
    }

    .crm-event-section .border-side-panel .heading {
        font-size: 16px;
    }
}

@media (min-width: 1400px) {
    .crm-event-section .event-sub-heading {
        font-size: 21px;
        line-height: 28px;
        margin-bottom: 4px;
    }

    .crm-event-section .event-heading {
        font-size: 64px;
        line-height: 76px;
        margin-bottom: 46.5px;
    }

    .crm-event-section .section-heading {
        font-size: 29px;
        line-height: 40px;
        margin-bottom: 39px;
    }

    .crm-event-section #event-banner {
        margin-bottom: 59px;
    }

    .layout-section.crm-event-section .row .left-col {
        flex-basis: calc(100% - 413px);
        max-width: calc(100% - 413px);
        padding-right: 47px;
        margin-right: 0px;
    }

    .layout-section.crm-event-section .row .right-col {
        flex-basis: 413px;
        max-width: 413px;
        margin-right: 0px;
    }

    .crm-event-section .side-panel {
        background-color: #DBD9D64D;
        padding: 51px;
    }

    .crm-event-section .side-panel .heading {
        font-size: 22px;
        line-height: 30px;
    }

    .btn.btn-skin-event-primary {
        margin-top: 40px;
    }

    .crm-event-section .speakers .tile {
        margin-bottom: 30px;
    }

    .crm-event-section .speakers .speaker-photo {
        width: 113px;
        display: flex;
        align-items: flex-start;
    }

    .crm-event-section .speaker-photo a img {
        width: 113px;
        height: 113px;
    }

    .crm-event-section .speakers .info-card {
        min-height: 113px;
        width: calc(100% - 113px);
    }

    .crm-event-section .registration-form {
        margin-top: 40px;
    }

    .crm-event-section .border-side-panel {
        padding: 50px;
    }

    .crm-event-section .border-side-panel .heading {
        font-size: 22px;
    }
}

.subscription-form,
.large-placeholder-text-form {
    font-family: "Weisenhoff Grotesk Light";
    max-width: 500px;
}

.subscription-form input,
.large-placeholder-text-form input{
    margin-bottom: 16px;
}

.subscription-form .subcription-container .left-col,
.subscription-form .subcription-container .right-col,
.large-placeholder-text-form .subcription-container .left-col,
.large-placeholder-text-form .subcription-container .right-col{
    margin: 0;
}


.subscription-form .subcription-container .row:nth-child(2),
.large-placeholder-text-form .subcription-container .row:nth-child(2){
    margin-top: 30px;
    font-family: 'Weisenhoff Grotesk Medium';
    color: #445463;
    font-size: 16px;
}

.subscription-form .subcription-container label.lp-ellipsis,
.large-placeholder-text-form .subcription-container label.lp-ellipsis{
    color: #445463;
}

@media screen and (min-width: 768px) {
    .subscription-form .subcription-container,
    .large-placeholder-text-form .subcription-container {
        display: flex;
        flex-direction: column;
    }

    .subscription-form .subcription-container .right-col,
    .subscription-form .subcription-container .left-col,
    .large-placeholder-text-form .subcription-container .right-col,
    .large-placeholder-text-form .subcription-container .left-col{
        flex-basis: 100%;
        max-width: 100%;
    }
}

.subscription-form button,
.large-placeholder-text-form button {
    background: #7ca6ba;
    color: #FFF;
    font-size: 18px;
    line-height: 21px;
    border: 0px none;
    height: 55px;
    font-family: 'Weisenhoff Grotesk Medium';
    margin-top: 30px;
    font-size: 1rem;
    padding: 14px 40px;
}

.subscription-form .subcription-container,
.large-placeholder-text-form .subcription-container {
    font-family: 'Weisenhoff Grotesk Light';
    color: #445463;
    font-size: 14px;
    letter-spacing: 0.07px;
    line-height: 21px;
    margin-top: 16px;
    padding: 30px;
    background: #DBD9D64D;
    margin-top: 25px;
    margin-bottom: 30px;
}

.subscription-form .privacyCheckbox,
.large-placeholder-text-form .privacyCheckbox {
    font-family: 'Weisenhoff Grotesk Medium';
}

.subscription-form .subcription-container div[data-editorblocktype='Field-checkbox'],
.large-placeholder-text-form .subcription-container div[data-editorblocktype='Field-checkbox'] {
    font-family: 'Weisenhoff Grotesk Light';
    font-size: 16px;
    margin-top: 40px;
}

.subscription-form .subcription-container .heading,
.large-placeholder-text-form .subcription-container .heading {
    font-family: 'Weisenhoff Grotesk Medium';
    font-size: 16px;
    line-height: 30px;
    letter-spacing: 0.08px;
    color: #445463;
    margin-bottom: 15px;
    margin-top: 15px;
}

.subscription-form .subcription-container .marketing-subscription-list,
.large-placeholder-text-form .subcription-container .marketing-subscription-list {
    margin-bottom: 16px;
}

.subscription-form .subcription-container .left-col .heading,
.large-placeholder-text-form .subcription-container .left-col .heading {
    margin-top: 0px;
}

.subscription-form input[type="checkbox"]:not(:checked) + label::before,
.subscription-form input[type="radio"]:not(:checked) + label::before,
.large-placeholder-text-form input[type="checkbox"]:not(:checked) + label::before,
.large-placeholder-text-form input[type="radio"]:not(:checked) + label::before {
    background-color: #fff;
}

.subscription-form #unsubscribeAll,
.large-placeholder-text-form #unsubscribeAll {
    border: 1.5px solid #445463;
    background-color: transparent;
    height: 55px;
    margin: 0px !important;
    width: 100% !important;
    margin-top: 15px !important;
    font-family: 'Weisenhoff Grotesk Regular';
    color: #445463 !important;
}

.sydney-alumni-latest-news {
    display: block;
}

.kordamentha-sydney-alumni-update .tile .tile-title {
    font-family: "Weisenhoff Grotesk Medium", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 20px;
}

.kordamentha-sydney-alumni-update .component-html-block h3 {
    margin-bottom: 0px;
}

.subscription-form .subcription-container .left-col div[data-editorblocktype="SubscriptionListBlock"]:last-child .marketing-subscription-list,
.large-placeholder-text-form .subcription-container .left-col div[data-editorblocktype="SubscriptionListBlock"]:last-child .marketing-subscription-list {
    margin-bottom: 0px;
}

@media screen and (min-width: 768px) {
    .kordamentha-sydney-alumni-update .component-tile-container.content-tile-container.two-col.tile-vertical {
        display: flex;
        border-bottom: 1px solid #e6e6e6;
        width: 100%;
        justify-content: space-between;
        padding-bottom: 45px;
    }

    .kordamentha-sydney-alumni-update .component-tile-container.two-col .tile:last-child {
        margin-right: 0px;
    }
}

@media screen and (max-width: 768px) {

    .kordamentha-sydney-alumni-update .listing-content-wrapper h3 {
        margin-left: 13px;
    }

    .kordamentha-sydney-alumni-update .listing-widget-container {
        border: 0px none;
        padding: 0;
        margin-bottom: 10px;
    }

    .kordamentha-sydney-alumni-update .component-tile-container.content-tile-container.two-col.tile-vertical .tile {
        margin-left: 0px;
        margin-right: 0px;
        max-width: calc((100% / 6 * 6) - 16px - 0.1px);
    }

    .kordamentha-sydney-alumni-update .latest-insights {
        max-width: calc((100% / 6 * 6) - 16px - 0.1px);
    }

    .kordamentha-sydney-alumni-update .latest-insights .component-tile-container.icon-tile-container.three-col,
    .kordamentha-sydney-alumni-update .latest-insights hr,
    .kordamentha-sydney-alumni-update .related-news hr,
    .kordamentha-sydney-alumni-update .related-news
    .kordamentha-sydney-alumni-update .component-tile-container.icon-tile-container.three-col {
        margin-left: 0px;
        margin-right: 0px;
        width: calc(100% + 15px);
        margin-top: 50px;
        margin-bottom: 40px;
    }
}

.layout-section.for-how-we-can-help .row {
    width: 100%;
}

.layout-section.for-how-we-can-help .tile-text .row {
    margin-bottom: 20px;
}

.layout-section.for-how-we-can-help .row .column:first-child {
    margin-top: 50px;
}

.layout-section.for-how-we-can-help .row .column {
    flex-basis: 100%;
    max-width: 100%;
    margin-right: 0px;
    margin-bottom: 20px;
}

.kordamentha-sydney-alumni-update .component-html-block:nth-child(2) {
    margin-bottom: 0px;
}

.for-service-line .left-col,
.for-service-line .right-col {
    max-width: 100%;
    flex-basis: 100%;
}

.for-service-line .accordion-item.is-open .accordion-content a {
    background-color: transparent;
    color: #50748A;
    font-family: 'Weisenhoff Grotesk Regular';
    padding: 0px;
    padding-top: 20px;
    border: 0px;
}

.for-service-line .left-col {
    margin-bottom: 20px;
}

.for-our-exp .component-tile-slider {
    margin-top: 20px !important;
    margin-bottom: 40px !important;
}

.layout-section.for-how-we-can-help .row .column .tablet-background-image {
    display: none
}

.layout-section.for-how-we-can-help .row .column .background-image {
    height: 280px;
    display: block;
}

.layout-section.for-how-we-can-help .row .column .tablet-background-image {
    height: none;
}

.layout-section.for-how-we-can-help .btn {
    color: #fff !important;
    margin-top: 25px;
}

@media screen and (min-width: 728px) {
    .layout-section.for-how-we-can-help .row .column .tablet-background-image {
        display: block;
        height: 300px;
    }

    .layout-section.for-how-we-can-help .row .column .background-image {
        display: none;
    }
}

@media screen and (min-width: 1024px) {
    .for-service-line .left-col {
        margin-bottom: 0px;
        max-width: 427px;
        flex-basis: 427px;
        padding-right: 70px;
    }

    .for-service-line  .right-col {
        flex-basis: calc(100% - 427px);
        max-width: calc(100% - 427px);
    }

    .for-service-line.component-accordion {
        display: flex;
    }

    .layout-section.for-how-we-can-help .container {
        padding: 0 16px;
    }

    .layout-section.for-how-we-can-help .row {
        width: 100%;
        justify-content: space-between;
    }

    .layout-section.for-how-we-can-help .new-tiles-row {
        width: calc(100% + 16px);
    }

    .layout-section.for-how-we-can-help .tile-text .row {
        margin-bottom: 0px;
        width: 100%;
    }

    .layout-section.for-how-we-can-help .row .column .background-image {
        height: 280px;
        display: block;
    }

    .cybersecurity-services .layout-section.for-how-we-can-help .row .column .background-image,
    .financial-crime .layout-section.for-how-we-can-help .row .column .background-image {
        height: 400px;
        display: block;
    }

    .layout-section.for-how-we-can-help .row .column.horizontal .background-image,
    .layout-section.for-how-we-can-help .row .column.horizontal .cover-image a {
        height: 100%;
        display: block;
    }

    .layout-section.for-how-we-can-help .row .column .tablet-background-image {
        display: none;
    }

    .layout-section.for-how-we-can-help .row .column:first-child {
        margin-top: 50px;
    }

    layout-section.for-how-we-can-help .row {

    }

    .layout-section.for-how-we-can-help .row .column {
        margin-top: 50px;
        margin-bottom: 0px;
    }

    .cybersecurity---technology .layout-section.for-how-we-can-help .row .column.legacy {
        flex-basis: calc(100% / 4 - 23.5px);
        max-width: calc(100% / 4 - 23.5px);
    }

    .layout-section.for-how-we-can-help .row .column.legacy .tile-text {
        min-height: 395px;
    }

    .layout-section.for-how-we-can-help .row .column:last-child {
        margin-right: 0px !important;
    }

    .layout-section.for-how-we-can-help .btn {
        padding: 14px 20px;
        margin-top: 40px;
        position: absolute;
        bottom: 40px;
    }

    .new-forensic .layout-section.for-how-we-can-help .row .column,
    .forensic .layout-section.for-how-we-can-help .row .column,
    .new-real-estate .layout-section.for-how-we-can-help .row .column,
    .real-estate .layout-section.for-how-we-can-help .row .column {
        flex-basis: calc(100% / 3 - 23px);
        max-width: calc(100% / 3 - 23px);
        margin-right: 28px;
        margin-top: 50px;
    }

    .new-forensic .layout-section.for-how-we-can-help .btn,
    .forensic .layout-section.for-how-we-can-help .btn,
    .new-real-estate .layout-section.for-how-we-can-help .btn,
    .real-estate .layout-section.for-how-we-can-help .btn {
        padding: 14px 40px;
    }

    .layout-section.for-how-we-can-help .row .tile-text {
        min-height: 480px;
        position: relative;
    }

    .new-forensic .layout-section.for-how-we-can-help .row .tile-text,
    .forensic .layout-section.for-how-we-can-help .row .tile-text,
    .new-real-estate .layout-section.for-how-we-can-help .row .tile-text,
    .real-estate .layout-section.for-how-we-can-help .row .tile-text {
        min-height: 470px;
        position: relative;
    }

    .forensic-service-line-template .layout-section.for-how-we-can-help .row .tile-text {
        min-height: 300px;
    }

    .layout-section.for-how-we-can-help .img-text-tile .btn {
        position: absolute;
        bottom: 40px;
    }

    .for-our-exp .component-tile-slider {
        margin-top: 0px !important;
        margin-bottom: 0px !important;
    }
}

@media screen and (min-width: 1288px) {
    .layout-section.for-how-we-can-help .btn {
        padding: 14px 40px;
        margin-top: 40px;
        position: absolute;
        bottom: 40px;
    }

    .layout-section.for-how-we-can-help .row .tile-text {
        position: relative;
    }

    .new-forensic .layout-section.for-how-we-can-help .row .tile-text,
    .forensic .layout-section.for-how-we-can-help .row .tile-text {
        min-height: 395px;
        position: relative;
    }
}

@media screen and (max-width: 1024px) {
    .layout-section.for-how-we-can-help .container .column {
        margin-left: -15px;
        margin-right: -15px !important;
        width: calc(100% + 30px);
        flex-basis: calc(100% + 60px) !important;
        max-width: calc(100% + 60px) !important;
    }

    .layout-section.for-how-we-can-help .container .right-col {
        margin-left: -16px;
        margin-right: -16px;
        width: calc(100% + 30px);
        max-width: calc(100% + 30px);
        flex-basis: calc(100% + 30px);
    }

    .rea-our-exp .container {
        margin-left: -16px;
        margin-right: -16px;
    }

    .rea-our-exp .row > div {
        margin-bottom: 0px !important;
    }

    .rea-our-exp .component-tile-slider {
        min-height: 270px;
    }
}

@media screen and (min-width: 728px) and (max-width: 1024px) {
    div#p_lt_ctl00_plcPageContentZone_lt_ctl00_ctl00_rptFeaturedCaseStudies_ctl00_componentTileSlider {
        margin-top: 0 !important;
    }
}

.reainvest-tile-container .tile-content {
    width: 100%;
    padding: 29px;
    background: #edecea;
    font-family: 'Weisenhoff Grotesk Light';
    font-size: 14px;
    color: #333E48;
    letter-spacing: 0.08px;
}

.reainvest-tile-container .tile-content .row {
    display: flex;
    flex-direction: row;
    width: 100%;
    border-bottom: 0.5px solid #707070;
    padding-top: 6.5px;
    padding-bottom: 6.5px;
    padding-left: 5px;
    padding-right: 5px;
    min-height: 36.3px;
}

.reainvest-tile-container .tile-content .row:first-child {
    padding-top: 0px;
}

.reainvest-tile-container .tile-content .row .left-col {
    flex-basis: 120px;
    max-width: 120px;
    margin: 0;
    font-size: 13px;
    font-family: 'Weisenhoff Grotesk Medium';
}

.reainvest-tile-container .tile-content .row .right-col {
    flex-basis: calc(100% - 120px);
    max-width: calc(100% - 120px);
    margin: 0;
    font-size: 13px;
    font-family: 'Weisenhoff Grotesk Regular';
}

.reainvest-tile-container .tile .tile-title {
    font-family: 'Weisenhoff Grotesk Regular';
    font-size: 24px;
    color: #333E48;
    margin-bottom: 35px;
}

.multiple-items-carousel {
    width: 100%;
    display: block;
    z-index: 200;
    padding: 0 0;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
}

.carousel-center-mode-slider-section .container:last-child {
    max-width: initial !important;
    padding: 0;
}

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

.multiple-items-carousel .slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
    padding-bottom: 15px !important;
}

.multiple-items-carousel.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
    width: 100%;
    flex-basis: 100% !important;
    max-width: 100% !important;
    margin-right: 0px !important;
}

.multiple-items-carousel.rea-center-slider {
    display: none;
}

.mobile-property-info-container .rea-invest-tile {
    width: 100%;
    margin-bottom: 30px;
}

.carousel-arrow-container .carousel-arrow .svg-icon {
    width: 35px;
    height: 53px;
}

.carousel-arrow-container .carousel-arrow.left .svg-icon {
    left: 25px;
}

.mobile-property-info-container .view-all {
    margin-top: 30px;
    display: block;
    text-align: center;
    width: calc(100% - 20px);
}

.carousel-center-mode-container {
    position: relative;
    width: 100%;
    flex-basis: 100% !important;
    max-width: 100% !important;
    min-height: 676px;
    display: none;
}

.carousel-arrow-container {
    position: absolute;
    top: 0px;
    left: 0px;
    height: 100%;
    width: calc(100% - 24px);
    z-index: 201;
    display: none;
}

.carousel-arrow.left,
.carousel-arrow.right {
    position: absolute;
    top: calc((100% / 2) - (53px / 2));
    left: 30px;
    border-radius: 53px;
    width: 53px;
    height: 53px;
}

.carousel-arrow.right {
    left: initial;
    right: 30px;
}

.carousel-arrow {
    background-color: rgba(0,0,0,.28);
    opacity: 0;
    transition: opacity .25s linear;
}

carousel-center-mode-container {
    background-color: rgba(0,0,0,.28);
    opacity: 0;
    transition: opacity .25s linear;
    position: relative;
}

.carousel-arrow-container:hover .carousel-arrow {
    opacity: 1;
    transition: opacity .25s linear;
}

.carousel-arrow-container .carousel-arrow .svg-icon,
.carousel-arrow-container .slick-arrow {
    color: #fff;
}

.carousel-arrow-container .slick-arrow:active,
.carousel-arrow-container .slick-arrow:hover{
    background-color: rgba(0,0,0,.28);
}

.mobile-property-info-container {
    margin-top: 35px;
}

.rea-center-mode .container {
    overflow: hidden;
}

@media screen and (min-width: 728px) {
    .rea-center-mode .container {
        overflow: initial;
    }

    .multiple-items-carousel.slick-slider .slick-track {
        position: relative;
        left: 10px;
    }

    .carousel-center-mode-container {
        display: block;
    }

    .mobile-property-info-container {
        display: none;
    }

    .multiple-items-carousel.rea-center-slider {
        display: block;
        width: 100%;
    }

    .multiple-items-carousel.rea-center-slider,
    .rea-center-slider .slick-list,
    .rea-center-slider .slick-slider,
    .rea-center-slider .slick-track {
        min-height: 676px;
    }

    .rea-center-slider .slick-slide {
        width: 384px;
        margin-right: 26px;
    }

    .multiple-items-carousel .slick-track {
        position: relative;
        top: 0;
        left: -16px;
        display: flex;
        margin-left: auto;
        margin-right: auto;
    }

    .multiple-items-carousel-section .container:first-child .row {
        margin-bottom: 50px;
    }

    .rea-center-slider .slick-slide:last-child {
        margin-right: 32px;
    }
}

@media screen and (min-width: 1400px) {
    .rea-center-slider .slick-slide:last-child {
        margin-right: 26px;
    }

    .rea-center-mode .container {
        overflow: hidden;
    }

    .multiple-items-carousel.slick-slider .slick-track {
        left: -20px;
        padding-right: 0px;
        border-right: 1px solid black;
    }

    .carousel-arrow-container {
        display: block;
    }

    .slick-slide[data-slick-index='5'],
    .slick-slide[data-slick-index='6'],
    .slick-slide[data-slick-index='7'],
    .slick-slide[data-slick-index='8'] {
        opacity: 0;
    }
}

.rea-carousel-arrow-container .carousel-arrow.right svg.svg-icon {
    right: -10px;
}

.rea-carousel-arrow-container .carousel-arrow.left svg.svg-icon {
    left: 8px;
}

@media screen and (max-width: 767px) {
    .multiple-items-carousel-section.rea-center-mode .row {
        width: 100%;
    }

    .reainvest-tile-container .tile-content {
        padding: 30px;
    }
}

table.EditingFormTable br {
    display: none;
}

table.EditingFormTable input[type="checkbox"]:last-of-type + label,
table.EditingFormTable input[type="radio"]:last-of-type + label {
    margin-bottom: 28px;
}

span#p_lt_ctl00_plcPageContentZone_lt_ctl00_ctl00_OneColumnLayoutOffset_OneColumnLayoutOffset_BizForm_viewBiz_January2022_18_1_lb {
    margin-bottom: 28px;
    display: block;
}

.wrapper .DropDownField {
    width: 100%;
}

table.EditingFormTable tr td {
    vertical-align: top;
}

.EditingFormValueCell .ExplanationText {
    font-style: initial !important;
    margin-bottom: 28px;
}

tr#SecurityCode {
    height: 100px;
}

@media screen and (max-width: 450px) {
    .crm-event-section #event-banner {
        margin-bottom: 0px;
    }

    .crm-event-section .row .right-col {
        margin-top: 30px;
    }
}

.accordion-item.is-open {
    color: #50748a;
}


div#download-brochure-modal {
    width: 100%;
    background-color: #fff;
    margin: auto;
    position: relative;
}

.brochure-modal p {
    color: #fff;
}

.brochure-modal .btnDownload {
    background-color: #7CA7BA;
    width: 100% !important;
    border: 0px none;
    color: #fff;
    padding: 10px;
    margin-top: 29px;
    margin-bottom: 29px;
    font-family: 'Weisenhoff Grotesk Regular';
    font-size: 15px;
    line-height: 19.38px;
}

.brochure-modal p.footer a {
    text-decoration: underline;
    color: #9B9999;
}

.brochure-form .brochure-header {
    padding: 48px;
    padding-top: 59px;
    min-height: 176px;
    background-color: #7CA7BA;
    text-align: center;
}

.brochure-modal .brochure-form p {
    max-width: 234px;
    margin: auto;
}

@media screen and (min-width: 798px) {
    .brochure-form .brochure-header {
        padding: 48px;
        min-height: 171px;
    }

    .brochure-modal .brochure-form p {
        max-width: initial;
    }
}

.brochure-form .footer {
    font-family: 'Weisenhoff Grotesk Light';
    font-style: normal;
    font-size: 11px;
    line-height: 16px;
    color: #9B9999;
    max-width: initial !important;
}

.brochure-form .main-form {
    padding: 20px;
    padding-bottom: 50px;
}

@media screen and (min-width: 798px) {
    .brochure-form .main-form {
        padding: 36px 64px;
    }
}

.brochure-form .brochure-heading {
    font-family: 'HCo Chronicle Display';
    font-style: normal;
    font-weight: 100;
    font-size: 24px;
    line-height: 28.8px;
    text-align: center;
    color: #FFFFFF;
    margin-bottom: 13px;
}

@media screen and (min-width: 798px) {
    .brochure-form .brochure-heading {
        font-size: 44px;
        line-height: 53px;
        margin-bottom: 4px;
    }
}

.brochure-form .brochure-subheading {
    font-family: Weissenhof Grotesk;
    font-style: normal;
    font-weight: 100;
    font-size: 16px;
    line-height: 21px;
    text-align: center;
    color: #FFFFFF;
}

.brochure-confirm .brochure-heading {
    font-family: 'HCo Chronicle Display';
    font-style: normal;
    font-weight: 100;
    font-size: 48px;
    line-height: 58px;
    text-align: center;
    color: #FFFFFF;
    margin-bottom: 26px;
}

.brochure-confirm {
    flex-direction: column;
    align-items: center;
    text-align: center;
    background-color: #7CA7BA;
    color: #fff;
    height: 80vh;
    justify-content: center;
    padding: 30px;
    display: none;
}

.brochure-modal input[type="checkbox"]:checked + label {
    position: relative;
    margin-top: 37px;
    margin-bottom: 24px;
}

.brochure-confirm p {
    margin-bottom: 26px;
    max-width: 349px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

.brochure-confirm a {
    color: #fff;
    text-decoration: underline;
    max-width: 349px;
    font-size: 14px;
}

svg.svg-icon.popup-modal-dismiss {
    position: absolute;
    top: 30px;
    right: 30px;
    color: #fff;
}

.brochure-modal input[type="checkbox"] + label {
    margin-top: 20px;
    margin-bottom: 47px;
    min-height: 52px;
}

@media screen and (min-width: 798px) {
    .brochure-modal input[type="checkbox"] + label {
        margin-top: 37px;
        margin-bottom: 22px;
        min-height: initial;
    }
}

.brochure-modal input[type="checkbox"]:not(:checked) + label::before {
    border: 1px solid #CBCBCB;
}

@media screen and (min-width: 798px) {
    div #download-brochure-modal {
        width: 595px;
    }
}

.brochure-modal .error-message {
    display: none;
    color: #f6323e;
}

.brochure-modal input[type=text] {
    margin-bottom: 0px;
    margin-top: 21px;
}

.brochure-modal input[type=text]:first-child {
    margin-top:0px;
}

.brochure-modal input.error {
    border: 1px solid #f6323e;
    margin-bottom: 8px;
}

.rea-our-exp .tile-title.dark {
    color: #333e48;
    line-height: 1.2;
}


.main-tiles-row {
    justify-content: space-between;
}

.layout-section.for-how-we-can-help .row.new-tiles-row {
    margin-top: 30px;
}

div[class^='how-we-can-help-tiles'] {
    max-width: 100% !important;
    flex-basis: 100% !important;
    margin-right: 0px !important;
}

div[class^='how-we-can-help-tiles'] .column.horizontal .tile-text {
    align-items: center;
    display: flex;
}

div[class^='how-we-can-help-tiles'] .column .tile-text .inner {
    display: flex;
    flex-direction: column;
}

div[class^='how-we-can-help-tiles'] .column .tile-text .row {
    margin-bottom: 0px;
}

.layout-section.for-how-we-can-help .row .column.horizontal .tile-heading {
    font-size: 1.6rem;
}

.layout-section.for-how-we-can-help .row .column.horizontal .row,
.layout-section.for-how-we-can-help .row .column.horizontal .row p{
    font-size: 1.3rem;
}


div[class^='how-we-can-help-tiles'] .separator-row {
    display: block;
    margin-top: 25px;
    margin-bottom: 25px;
}

@media (min-width: 1024px) {
    .layout-section.for-how-we-can-help .row.new-tiles-row {
        margin-top: 0px;
    }

    .layout-section.for-how-we-can-help .row .column.horizontal .tile-heading {
        font-size: 1.85rem;
    }

    .layout-section.for-how-we-can-help .row .column.horizontal .row,
    .layout-section.for-how-we-can-help .row .column.horizontal .row p {
        font-size: 1.2rem;
    }

    div [class^='how-we-can-help-tiles'] {
        max-width: calc(100% - 16px) !important;
        flex-basis: calc(100% - 16px) !important;
        margin-top: 0px;
    }

    div[class^='how-we-can-help-tiles'] .column {
        margin-top: 32px !important;
    }

    .layout-section.for-how-we-can-help .row .column.horizontal {
        flex-direction: row;
        display: flex;
        width: 100%;
    }

    .layout-section.for-how-we-can-help .row .column.horizontal.reversed {
        flex-direction: row-reverse;
    }

    .layout-section.for-how-we-can-help .row .column.horizontal div {
        flex-basis: 100%;
        max-width: 100%;
    }

    div[class^='how-we-can-help-tiles'] .column .tile-text .inner {
        padding: 0 40px;
    }

    div[class^='how-we-can-help-tiles'] .separator-row {
        display: block;
        margin-top: 50px;
        margin-bottom: 50px;
    }
}


.alt-image-text-container .mobilePhoto {
    display: block;
    margin:auto;
}

.alt-image-text-container .desktopPhoto {
    display: none;
}

.alt-image-text-row,
.alt-image-text-row.reverse {
    display: flex;
    flex-direction: column;
}

.alt-image-text-row .left-col,
.alt-image-text-row .right-col {
    flex-basis: 100% !important;
    max-width: 100% !important;
    margin-right: 0px !important;
}

.alt-image-text-row .heading {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 15px;
}

.alt-image-text-row .right-col {
    border-top: 3px solid #e6e6e6;
    border-bottom: 3px solid #e6e6e6;
    margin-top: 30px;
    margin-bottom: 30px !important;
    padding-top: 30px;
    padding-bottom: 30px;
}

@media (min-width: 768px) {
    .alt-image-text-container {
        margin-right: 0px !important;
        flex-basis: 100% !important;
        max-width: 100% !important;
    }

    .alt-image-text-section .row {
        width: 100%;
    }
}


@media (min-width: 1024px) {
    .alt-image-text-container .mobilePhoto {
        display: none;
    }

    .alt-image-text-container .desktopPhoto {
        display: block;
    }

    .alt-image-text-row {
        display: flex;
        flex-direction: row;
        height: 265px;
        margin-bottom: 50px;
    }

    .alt-image-text-row.reverse {
        flex-direction: row-reverse;
    }

    .alt-image-text-row .left-col,
    .alt-image-text-row .right-col {
        height: 265px;
    }

    .alt-image-text-row .left-col {
        flex-basis: 238px !important;
        max-width: 238px !important;
        margin-right: 30px !important;
    }

    .alt-image-text-row.reverse .left-col {
        margin-left: 30px !important;
        margin-right: 0px !important;
    }

    .alt-image-text-row .right-col {
        height: 265px;
        flex-basis: calc(100% - 238px - 30px) !important;
        max-width: calc(100% - 238px - 30px) !important;
        margin-right: 0px;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    .alt-image-text-row .heading, .alt-image-text-row p {
        margin-left: 8%;
        margin-right: 8%;
    }

    .alt-image-text-row .right-col {
        margin-top: 0px;
        margin-bottom: 30px;
        padding-top: 0px;
        padding-bottom: 0px;
    }
}

@media (max-width: 640px) {
    .alt-image-text-section .row {
        width: 100%;
    }
}

.component-accordion-widget .accordion-item.is-open .accordion-content a.btn.btn-skin-1,
.creditor-information-accordion .accordion-item.is-open .accordion-content a.btn.btn-skin-1 {
    margin: 30px;
    background-color: #50748a;
    border-color: transparent;
    color: #fff;
}

.mailingAddress {
    margin-bottom: 24px;
}

div[data-form-block-id] .lookup-behavior {
    filter: initial;
}

.component-featured-header {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    margin-bottom: 0px !important;
}

.component-featured-header h3 {
    color: #fff;
    line-height: 58px;
    font-size: 48px;
    font-family: "HCo Chronicle Display";
    font-weight: 400;
    margin-bottom: 0px;
}

.frameless-heading {
    background: transparent;
    margin-bottom: 80px;
    width: 100%;
    position: relative;
    z-index:2;
}

.esgAnchorsRow {
    display: flex;
    flex-direction: column;

}

.esgAnchorTile {
    display: flex;
    text-align: center !important;
    justify-content: center;
    align-items: center;
    font-family: 'Weisenhoff Grotesk Regular';
    font-size: 20px !important;
    color: #fff !important;
    line-height: 22px !important;
    min-height: 200px;
    margin-bottom: 20px;
}

.row.esgInfoRow,
.row.esgAnchorsRow {
    width: 100% !important;
}

.row.esgAnchorsRow {
    margin-left:0px;
    margin-right: 0px;
    width: 100% !important;
}

@media (min-width: 768px) {
    .esgAnchorsRow {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        height: 360px;
    }

    .esgAnchorTile {
        font-size: 30px !important;
        line-height: 32px !important;
        width: calc((100% / 3) - 30px);
        margin-right: 30px;
        margin-bottom: 0px;
    }

    .esgAnchorTile:last-child {
        margin-right: 0px;
    }

    .row.esgAnchorsRow {
        margin-left: 0px;
        margin-right: 0px;
        width: 100% !important;
    }
}

.esgInfoRow .headingDescRow {
    margin-bottom: 30px;
}

.esgInfoRow .headingDescRow p {
    margin-bottom: 0;
}

.esgInfoRow,
.esgInfoRow .outerTiles,
.esgInfoRow .left,
.esgInfoRow .topLeft,
.esgInfoRow .topRight,
.esgInfoRow .bottomLeft,
.esgInfoRow .bottomRight,
.esgInfoRow .right {
    display: flex;
    color: #fff !important;
    position: relative;
    justify-content: center;
}

.esgInfoRow .topLeft,
.esgInfoRow .bottomRight {
    background-color: #7FA9B8;
}

.esgInfoRow .topRight,
.esgInfoRow .bottomLeft {
    background-color: #4f7694;
}

.esgInfoRow .right {
    padding: 30px;
    z-index: 1;
}

/*.esgInfoRow .right:before {
    content: '';
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 2;
    width: 100%;
    height: 100%;
    background-color: rgb(122,168,199, 0.85);
}*/

.esgCta, .playVideoCta {
    cursor: pointer;
}

.esgCta::after {
    content: '';
    position: absolute;
    bottom: 20px;
    right: 20px;
    background-image: url('data:image/svg+xml,<svg width="21" height="22" viewBox="0 0 21 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M8.76072 9.71726V0.954834H11.6815V9.71726H20.4439V12.6381H11.6815V21.4005H8.76072V12.6381H-0.00170898V9.71726H8.76072Z" fill="%23AAE4AC"/></svg>');
    background-repeat: no-repeat;
    background-size: cover;
    width: 20.45px;
    height: 20.45px;
    z-index: 4;
}

.playVideoCta:after {
    content: '';
    position: absolute;
    bottom: 20px;
    right: 20px;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="26" viewBox="0 0 20 26" fill="none"><path d="M19.36 13.588L2.13665 25.0703C2.0143 25.1517 1.87215 25.1984 1.72535 25.2054C1.57855 25.2124 1.43259 25.1795 1.30302 25.1101C1.17345 25.0408 1.06513 24.9376 0.989583 24.8115C0.914037 24.6854 0.874099 24.5412 0.874023 24.3943V1.42976C0.874099 1.28279 0.914037 1.13859 0.989583 1.01253C1.06513 0.886461 1.17345 0.783247 1.30302 0.713878C1.43259 0.644508 1.57855 0.611581 1.72535 0.618604C1.87215 0.625627 2.0143 0.672336 2.13665 0.753757L19.36 12.236C19.4713 12.3102 19.5625 12.4107 19.6256 12.5287C19.6887 12.6466 19.7218 12.7783 19.7218 12.912C19.7218 13.0458 19.6887 13.1774 19.6256 13.2954C19.5625 13.4133 19.4713 13.5138 19.36 13.588Z" fill="%23AAE4AC"/></svg>');
    background-repeat: no-repeat;
    background-size: cover;
    width: 19px;
    height: 25px;
    z-index: 4;
}

.esgCta .modalHeading,
.esgCta .modalSubheading,
.esgCta .modalMainText,
.playVideoCta .popupVideoUrl,
.playVideoCta .popupVideoOverlay,
.esgModalOuter .non-video,
.esgModalOuter .video {
    display: none;
}

.outerTiles h4,
.outerTiles h3,
.outerTiles p {
    color: #fff;
}


.outerTiles {
    flex-basis: initial !important;
    max-width: initial !important;
    margin-right: initial !important;
}

.headingDescRow {
    margin-right: initial !important;
    max-width: initial !important;
    flex-basis: initial !important;
    margin-bottom: 40px !important;
}


.outerTiles h3 {
    z-index: 3;
    font-size: 50px;
    line-height: 55px;
    display: flex;
    text-align: center;
    justify-content: center;
    align-items: center;
    margin: auto;
    max-width: initial !important;
}

.esgInfoRow .left,
.esgInfoRow .right,
.esgInfoRow .topLeft,
.esgInfoRow .topRight,
.esgInfoRow .bottomLeft,
.esgInfoRow .bottomRight {
    flex-basis: 100%;
    max-width: 100%;
}

.outerTiles .left h3 {
    font-size: 60px;
    margin-bottom: 7px;
}

.outerTiles .left p {
    font-family: 'Weisenhoff Grotesk Light';
    line-height: 22px;
}

.outerTiles .left h4,
.outerTiles .right h4 {
    font-size: 22px;
    font-family: 'Weisenhoff Grotesk Regular';
    line-height: 26px;
}

.esgInfoRow .right {
    display: flex;
    flex-direction: column;
    padding: 47px;
}

.esgInfoRow .right h4 {
    font-size: 22px;
    font-family: 'Weisenhoff Grotesk Regular';
    line-height: 26px;
    margin-bottom: 20px;
}

.esgInfoRow .right h3, .esgInfoRow .right h4, .esgInfoRow .right p {
    position: relative;
    z-index: 3;
    max-width: 289px;
    justify-content: left;
    display: flex;
    margin: initial;
  /*  margin-bottom: 20px !important;*/
}
/*
.esgInfoRow .outerTiles .left,
.esgInfoRow .outerTiles .right *:last-child {
    margin-bottom: 0px !important;
}*/

.esgInfoRow .right h3.largeNumber {
    font-size: 120px;
}

.esgInfoRow .right h4 {
    margin-bottom: 20px;
}

.esgInfoRow .outerTiles, .esgInfoRow .outerTiles .left, .esgInfoRow .outerTiles .right {
    flex-direction: column;
}

.esgInfoRow .outerTiles .right {
    flex-direction: row;
}




.esgInfoRow .topLeft,
.esgInfoRow .topRight,
.esgInfoRow .bottomLeft,
.esgInfoRow .bottomRight {
    padding: 30px;
    flex-direction: column;
}

.esgInfoRow .outerTiles .left > div {
    margin-bottom: 20px;
}

.esgVideoRow .outerTiles {
    flex-basis: 100% !important;
    max-width: 100% !important;
}

.row.esgVideoRow {
    width: 100%;
}

@media (min-width: 768px) {
    .esgInfoRow .left,
    .esgInfoRow .right {
        flex-basis: calc(50% - 15px);
        max-width: calc(50% - 15px);
    }

    .esgInfoRow .topLeft,
    .esgInfoRow .topRight,
    .esgInfoRow .bottomLeft,
    .esgInfoRow .bottomRight {
        flex-basis: calc(50% - 15px);
        max-width: calc(50% - 15px);
        height: 207px;
    }

    .outerTiles {
        justify-content: space-between !important;
        max-width: calc(100% - 8px) !important;
        flex-basis: calc(100% - 8px) !important;
        min-height: 444px;
    }

    .esgInfoRow .left {
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .esgInfoRow .outerTiles, .esgInfoRow .outerTiles .left, .esgInfoRow .outerTiles .right {
        flex-direction: row;
    }

    .esgInfoRow .outerTiles .left > div {
        margin-bottom: initial;
    }

    .esgInfoRow .outerTiles .topLeft, .esgInfoRow .outerTiles .topRight {
        margin-bottom: 30px !important;
    }
}

@media (max-width: 500px) {
    .esgInfoRow .outerTiles {
        display: flex;
        margin-left: 0px;
        margin-right: 0px;
        width: 100%;
    }

    .esgInfoRow .right h3 {
        font-size: 44px;
        line-height: 50px;
    }

    .esgAnchorTile {
        font-size: 28px !important;
        line-height: 32px !important;
    }
}

.esgVideoRow .left,
.esgVideoRow .right {
    display: flex;
    flex-direction: column;
    flex-basis: 100%;
    max-width: 100%;
    position: relative;
    z-index: 1;
    margin-bottom: 20px;
    padding: 30px;
}

.esgVideoRow .video-banner-container {
    margin-right: 0px !important;
    max-width: 100% !important;
    flex-basis: 100% !important;
}




@media (min-width: 1220px) {
    .esgVideoRow .video-banner-container .video-container::before {
        background-color: rgba(80, 116, 138, 0.7);
    }
}

/*.esgVideoRow .left:before,
.esgVideoRow .right:before {
    content: '';
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 2;
    width: 100%;
    height: 100%;
    background-color: rgb(122,168,199, 0.85);
}*/

.esgVideoRow .outerTiles h3, .esgVideoRow .outerTiles h4, .esgVideoRow .outerTiles p {
    position: relative;
    z-index: 3;
    max-width: 289px;
    justify-content: left;
    display: flex;
    margin: initial;
    margin-bottom: 20px;
}

.esgVideoRow .outerTiles h3.largeNumber {
    font-size: 120px;
}

.esgVideoRow .outerTiles .right *:last-child,
.esgVideoRow .outerTiles .left *:last-child {
    margin-bottom: 0px !important;
}

@media (min-width: 768px) {
    .esgVideoRow .outerTiles {
        justify-content: space-between !important;
        display: flex;
    }

    .esgVideoRow .left,
    .esgVideoRow .right {
        justify-content: space-between;
        flex-basis: calc(50% - 15px);
        max-width: calc(50% - 15px);
        padding: 57px 70px;
        min-height: 392px;
        margin-bottom: 0px;
    }
}


.esgModalOuter {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100vh;
    z-index: 1042;
    overflow: hidden;
    background-color: rgba(255, 255, 255, 0.8);
    flex-direction: column;
    justify-content: center;
    display: none;
    backdrop-filter: blur(1px);
}

.esgModalOuter.show {
    display: flex;
}

.esgModalOuter .modal-content.video.show,
.esgModalOuter .modal-content.non-video.show {
    display: flex;
    flex-direction: column;
    align-self: center;
}

.esgModalInner {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    align-self: center;
    position: relative;
    box-shadow: 0px 2px 7px 0px rgba(0, 0, 0, 0.25);
    background-color: #ffffff;
    justify-content: center;
}

.esgModalInner .modal-content {
    padding: 48px;
}

.esgModalInner .modal-content,
.esgModalInner .modal-content p {
    font-size: 1rem;
    color: #333E48;
    font-weight: 400;
    line-height: 26px;
}

.esgModalInner .modal-content p {
    margin-bottom: 20px;
}

.esgModalOuter .modal-content.video {
    width: 100%;
}

.esgModalInner .modal-content.video .youtube-video-player,
.esgModalInner .modal-content.video .youtube-video-player .videowrapper,
.esgModalInner .modal-content.video .youtube-video-player .responsiveIframe,
.esgModalInner .modal-content.video .youtube-video-player .responsiveIframe div,
.esgModalInner .modal-content.video .youtube-video-player .responsiveIframe div iframe,
.esgModalInner .modal-content.video .youtube-video-player .responsiveIframe #kmYouTubeMediaOverlay {
    height: 388px;
    width: 100%;
}

.esgModalInner .modal-content p:last-child {
    margin-bottom: 0px !important;
}

.svg-icon.closeEsgModal {
    position: absolute;
    top: 21px;
    right: 24px;
}

.svg-icon.closeEsgModal * {
    fill: inherit;
}

.svg-icon.closeEsgModal path.Vector {
    fill: #B2B4BE;
}

.modalContent {
    display: none;
}

@media (max-width: 500px) {
    .modal-content.video.show {
        padding: 0px;
    }
}

@media (min-width: 1024px) {
    .esgModalInner {
        display: flex;
        width: 80%;
        height: 80%;
        max-width: 800px;
    }

    .esgModalInner .modal-content {
        padding: 54px;
    }

    .esgModalInner .modal-content #mainText {
        column-count: 2;
        column-gap: 29.4px;
    }
}

.esgVideoRow .youtubeID {
    display: none;
}

.esgModalOuter #kmYouTubeIDPlayer {
    width: 100%;
    height: 100%;
}

.marketing-field input,
.marketing-field select,
.marketing-field textarea {
    border: 1px solid #d8d9d6 !important;
}


div[data-form-block-id] .lookup-behavior {
    filter: initial;
}

div[data-form-block-id] .ui-menu .ui-menu-item:before {
    content: initial;
}



.differentCampaignSection.section1 {
    background: #343e49;
    height: 100vh;
    margin-top: 73px;
}

.differentCampaignSection.section2,
.differentCampaignSection.section3,
.differentCampaignSection.section4 {
    background: #343e49;
    height: 100vh;
}

.differentCampaignSection,
.differentCampaignSection h3,
.differentCampaignSection p {
    color: #F2F6F9;
}


.differentCampaignSection h3 {
    line-height: 62px;
    font-size: 46px;
}

.differentCampaignSection p {
    font-family: 'Weisenhoff Grotesk Light';
    line-height: 34px;
    font-size: 24px;
}


.differentCampaignSection.section {
    padding: initial;
    display: flex;
    justify-content: space-between;
    position: relative;
}

.differentCampaignSection.section:not(.section1) .containedText {
    margin-left: 20px;
    margin-right: 0;
}

.differentCampaignSection.section.reversed:not(.section1) .containedText {
    margin-left: 20px;
    margin-right: 20px;
    position: relative;
    z-index: 3;
}

.differentCampaignSection.section1 .containedText {
    width: 100%;
    height: 600px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-left: 20px;
    margin-right: 20px;
}

.differentCampaignSection.section:not(.section1) .containedText {
    width: 100%;
    height: 600px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.fadeInCharByChar {
    max-width: 390px;
}

.messageUsForm {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.messageUsForm .editing-form-category.category_ #field_Message textarea {
margin-bottom: 0px;
}

.messageUsForm .editing-form-category.category_ input, .messageUsForm .editing-form-category.category_ textarea, .messageUsForm .editing-form-category.category_ select {
background-color: #E2E3E7;
border: 0px none;
}

.messageUsForm .editing-form-category.category_ .form-group {
position: relative;
margin-top: 13px;
}

.messageUsForm .editing-form-category.category_ .form-group .editing-form-label-cell {
    position: absolute;
    top: 14px;
    left: 14px;
}

.messageUsForm .editing-form-category.category_ .form-group.focus .editing-form-label-cell label {
    color: #fff;
    font-size: 13px;
}

.messageUsForm .editing-form-category.category_ .form-group.focus .editing-form-label-cell {
    top: -23px;
    left: 0px;
}

#messageUs .FormButton {
    background-color: transparent !important;
    margin-top: 55px;
    color: #50748a !important;
    background-color: #fff !important;
    font-family: 'Weisenhoff Grotesk Medium';
    padding: 14px 20px;
    line-height: initial;
}

#messageUs.differentCampaignSection.section {
    padding: 0px 20px;
    height: initial;
    padding-bottom: 50px;
    flex-direction: column;
}

#messageUs.differentCampaignSection.section .containedText {
    margin-left: 0px;
    justify-content: start;
    height: initial;
    margin-bottom: 50px;
    margin-top: 100px;
}

.differentCampaignSection .EditingFormErrorLabel,
.differentCampaignSection .ErrorLabel {
    color: #ffb0b0;
}

.differentCampaignSection .ErrorLabel {
    border: 1px solid #ffb0b0;
    padding: 15px;
}

.differentCampaignSection .InfoLabel {
    font-size: 34px;
}
/*
#section1.differentCampaignSection {
    background-image: url(/resources/images/horizontal-u.png);
    background-repeat: no-repeat;
    background-size: contain;
    width: 100%;
    background-position-x: 100%;
    background-position-y: 211px;
}

#section2.differentCampaignSection {
    background-image: url(/resources/images/Layer_1.png);
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    background-position-y: -50px;
}

#section3.differentCampaignSection {
    background-image: url(/resources/images/module3.png);
    background-repeat: no-repeat;
    background-size: contain;
    width: 100%;
    height: 100%;
    background-position-y: -40px;
    background-position-x: 100%
}
*/

.differentCampaignSection.section {
    position: relative;
}

.differentCampaignSection.section .containedImage {
    position: absolute;
    width: calc(100% + 20px);
    top: -87px;
    right: -20px;
    margin-top: 61px;
}

.differentCampaignSection.section.reversed .containedImage {
    top: -180px;
}

.differentCampaignSection.section .containedText {
    position: relative;
    z-index: 3;
}

.differentCampaignSection.section .containedImage .video-background {
    padding:100vh 0 0 0;
    position: relative;
    width: 100%;
    height: 100vh;
}

.differentCampaignSection.section.reversed .containedImage .video-background {
    transform: rotate(180deg);
}

.section .video-background {
    position: relative;
    overflow: hidden;
    width: 100vw;
    height: 100vh;
}

.section .video-background iframe {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100vw;
    height: 100vh;
    transform: translate(-80%, -50%);
}

.messageUs {
    background-color: #4F7694;
    height: 100vh
}


@media (min-aspect-ratio: 16/9) {
    .section .video-background iframe {
        /* height = 100 * (9 / 16) = 56.25 */
        height: 56.25vw;
    }
}
@media (max-aspect-ratio: 16/9) {
  .section .video-background iframe {
    /* width = 100 / (9 / 16) = 177.777777 */
    width: 177.78vh;
  }
}

@media screen and (min-width: 728px) {
    .fadeInCharByChar {
        max-width: 700px;
    }

    .section .video-background iframe {
        transform: translate(-66%, -50%);
    }

}

@media screen and (min-width: 1024px) {
    .section .video-background iframe {
        position: absolute;
        top: -190px;
        left: 0;
        width: calc(100% + 5px);
        height: 100%;
        transform: initial;
        min-height: 1400px;
        transform: translate(0%, 0%);
    }

    .section.reversed .video-background iframe {
        top: 100px;
    }

    .differentCampaignSection.section .containedImage .video-background {
        padding: 72% 0 0 0;
        position: relative;
    }

    #messageUs.differentCampaignSection.section {
        padding: 0px;
        height: initial;
        padding-bottom: 50px;
        flex-direction: row;
    }

    #messageUs.differentCampaignSection.section .containedText {
        margin-left: 8%;
        height: 600px;
        margin-top: initial;
        margin-bottom: initial;
    }

    .fadeInCharByChar {
        max-width: initial;
    }

    .differentCampaignSection.section.messageUs {
        justify-content: center;
    }

    .differentCampaignSection.section.reversed {
        flex-direction: row-reverse;
    }

    .differentCampaignSection.section {
        /*	padding: 0px 8%;*/
    }

    .differentCampaignSection.section1 .containedText {
        width: 60%;
        margin-left: 8%;
        margin-right: 0;
        max-width: 700px;
        display: flex;
        align-self: center;
    }

    .differentCampaignSection.section:not(.section1) .containedText {
        width: 60%;
        margin-left: 8%;
        margin-right: 0;
        max-width: 700px;
        display: flex;
        align-self: center;
    }

    .differentCampaignSection.section.reversed:not(.section1) .containedText {
        width: 60%;
        margin-left: 0%;
        margin-right: 8%;
        max-width: 700px;
    }

    .containedImage {
        display: flex;
        align-self: center;
        width: 40%;
        height: 100%;
    }

    .differentCampaignSection.section.messageUs .containedText {
        width: 40%;
        margin-right: 6%;
    }

    .messageUsForm {
        margin-right: 8%;
        width: 60%;
        display: flex;
        margin-top: 100px
    }

    .messageUsForm .editing-form-category.category_ .editing-form-category-fields {
        display: flex;
        width: 100%;
        flex-wrap: wrap;
    }

    .messageUsForm .editing-form-category.category_ #field_FirstName,
    .messageUsForm .editing-form-category.category_ #field_LastName,
    .messageUsForm .editing-form-category.category_ #field_Company,
    .messageUsForm .editing-form-category.category_ #field_Email,
    .messageUsForm .editing-form-category.category_ #field_Phone,
    .messageUsForm .editing-form-category.category_ #field_State {
        flex-basis: calc(50% - 15px);
        max-width: calc(50% - 15px);
    }

    .messageUsForm .editing-form-category.category_ #field_ServiceLine,
    .messageUsForm .editing-form-category.category_ #field_Message {
        flex-basis: 100%;
        max-width: 100%;
    }

    .messageUsForm .editing-form-category.category_ #field_FirstName,
    .messageUsForm .editing-form-category.category_ #field_Company,
    .messageUsForm .editing-form-category.category_ #field_Phone {
        margin-right: 15px;
    }

    .messageUsForm .editing-form-category.category_ #field_LastName,
    .messageUsForm .editing-form-category.category_ #field_Email,
    .messageUsForm .editing-form-category.category_ #field_State {
        margin-left: 15px;
    }

    .messageUsForm .editing-form-category.category_ {
        display: flex;
        align-self: center;
    }

    #messageUs .FormButton {
        margin-bottom: 90px;
    }
}


@media screen and (max-width: 1023px) {
    .differentCampaignSection.section1, .differentCampaignSection.section2, .differentCampaignSection.section3, .differentCampaignSection.section4 {
        height: 550px;
    }
}


@media screen and (orientation:landscape) and (max-width: 900px) {

    .differentCampaignSection.section .containedImage .video-background {
        padding: initial;
        position: relative;
        width: calc(100% + 70px);
        height: 100vh;
    }

    .section .video-background iframe {
        position: absolute;
        top: 0px;
        left: 0px;
        width: calc(100% + 100px);
        height: 100vh;
        transform: translate(-119px, 0px);
    }

}


.differentCampaign2023 {
    position: relative;
    width: 100%;
    height: 700px;
    background-repeat: repeat !important;
    background-position: center !important;
    background-image: url(/resources/images/bg_color1.png);
    background-repeat: repeat;
    justify-content: center;
    display: flex;
}

.differentCampaign2023_container {
    max-width: 300px;
    display: flex;
    flex-direction: column;
    align-self: center;
    position: relative;
}

.differentCampaign2023_container h3 {
    font-size: 50px;
    line-height: 62px;
    color: #e2e3e7;
    margin-bottom: 0px;
    text-align: center;
}

.differentCampaign2023_container p {
    color: #e2e3e7;
    font-weight: 100;
    letter-spacing: 0.03rem;
    font-family: 'Weisenhoff Grotesk Light';
    margin-top: 32px;
}

.differentCampaign2023_container .btn {    
    padding: 9px 20px;
	height: 49px;
    width: 155px;
    margin: initial;
    margin-top: 32px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

.differentCampaign2023_image {
    position: absolute;
    top: 0px;
    right: 0px;
    height: 100%;
    width: 100%;
}

@media screen and (min-width: 728px) {
    .differentCampaign2023 {
        width: 100%;
        height: 776px;
        justify-content: start;
    }

    .differentCampaign2023_image {
        display: block;
    }

    .differentCampaign2023_container {
        width: 316px;
        max-width: initial;
        text-align: left;
        margin-left: 84.75px;
        position: relative;
        z-index: 3;
    }

    .differentCampaign2023_container h3 {
        text-align: left;
    }

    .differentCampaign2023_image {
        position: absolute;
        top: 0px;
        right: 0px;
        height: 100%;
    }

    .differentCampaign2023_container .btn {
        margin-left: initial;
        margin-right: initial;
    }
}

@media screen and (min-width: 1300px) {
    .differentCampaign2023 {
        width: 100%;
        height: calc(100vh - 100px)
    }

    .differentCampaign2023_container {
        width: 344px;
        align-self: center;
    }
	
	.differentCampaign2023_container h3 {
		font-size: 75px;
		line-height: 82px;
	}
	
	.differentCampaign2023_container .btn {
		font-size: 17px;
	}

    .differentCampaign2023_image {
        position: absolute;
        top: 0px;
        right: 0px;
    }

    .differentCampaignSection.section2, .differentCampaignSection.section3, .differentCampaignSection.section4 {
        height: calc(100vh - 150px) !important;
    }
}

.differentCampaign2023 .homeinner {
display: flex;	
flex-direction: column;
position: relative;
z-index: 3;
}


.differentCampaignSection.section1, .differentCampaignSection.section2, .differentCampaignSection.section3, .differentCampaignSection.section4 {
    background-color: #3f556b;
}

.differentCampaignSection .mobile,
.differentCampaign2023_image .mobile {
    display: block;
}

.differentCampaignSection .desktop,
.differentCampaign2023_image .desktop,
.differentCampaign2023_image .desktop4k {
    display: none;
}

.differentCampaignSection.section.reversed .containedImage .video-background {
    transform: initial;
}

@media screen and (min-width: 728px) {
    .differentCampaignSection .mobile,
    .differentCampaign2023_image .mobile,
    .differentCampaign2023_image .desktop4k {
        display: none;
    }

    .differentCampaignSection .desktop,
    .differentCampaign2023_image .desktop {
        display: block;
    }
}

@media screen and (min-width: 2560px) {
    .differentCampaign2023_image .mobile,
    .differentCampaign2023_image .desktop {
        display: none;
    }

    .differentCampaign2023_image .desktop4k {
        display: block;
    }


}

.differentCampaignSection.section .containedImage {
    top: -60px;
    right: 0px;
    width: 100vw;
}

.differentCampaignSection.section.reversed .containedImage {
    top: -60px;
}

video {
    object-fit: cover;
}


.differentCampaign2023_image video.mobile {
    object-fit: cover;
}


@media (max-width: 767px) {
    #messageUs .FormButton {
        margin-top: 30px;
    }

    .messageUsForm .editing-form-category.category_ .form-group {
        margin-top: 10px;
    }

}

svg.svg-icon.closeEsgModal {
    width: 20px;
    height: 20px;
}

.js-menu-expertise-overlay-close-button-trigger .svg-icon {
    width: 18px;
    height: 18px;
}

.menu-overlay-item.js-overlay-item.menu-overlay-close-button {
    position: absolute;
    right: 25px;
    top: 45px;
    width: initial;
}

@media (min-width: 1220px) {
    .menu-overlay-item {
        max-width: 351px;
        padding: 20px;
        padding-top: 50px;
        padding-bottom: 50px;
    }
}

.tile-with-video-container img {
    width: 100%;
    max-height: 400px;
}

h5 {
    margin-top: 0;
    color: #333e48;
    -webkit-font-smoothing: antialiased;
    font-size: 1.3rem;
    line-height: 1.10;
    margin-bottom: 10px;
    font-family: "HCo Chronicle Display", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 500;
    color: #50748a;
}

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

.tile-with-video-container img {
    height: 400px;
    width: 100%;
}

.ctaItem {
    height: 150px;
    background: #50748A;
    color: #fff;
}

.ctaItem {    
    color: #fff;
    font-family: 'Weisenhoff Grotesk Light';
    font-size: 32px;
    line-height: 42px;
    padding: 40px;
    height: auto;
}

.ctaItem:nth-child(odd) {
    background-color: #50748A;
}

.ctaItem:nth-child(even) {
    background-color: #7FA9B8;
}

.ctaItem a.btn.btn-skin-3 {
    height: initial;
    display: flex;
    flex-direction: row;
    align-items: center;
    width: initial;
    margin-left: 30px;
    text-wrap: nowrap;
    min-width: 181px;
    max-height: 60px;
    align-self: center;
}

.ctaItem .btn svg.svg-icon.icon-tile-icon.icon-tile-move {
    color: #50748a;
}

.ctaItem .btn .svg-icon {
    top: 0px;
}

span.heading {
    display: block;
}

@media screen and (max-width: 1024px) {
    .cta-section .container {
        padding: 0px;
    }

    .ctaItem a.btn.btn-skin-3 {
        min-width: initial;
        display: inline-flex;
        align-self: flex-start;
        margin-top: 30px;
        margin-left: 0px;
    }

    .cta-section.two-col .container {
        display: flex;
        flex-direction: column;
        justify-content: unset;
        padding: 0px;
    }

    .cta-section.two-col .ctaItem {
        margin-bottom: 20px;
        display: flex;
        flex-direction: column;
    }

    .youtube-video-player, .youtube-video-player img, .youtube-video-player .youtube-media-atom__overlay {
        margin-bottom: -10px;
    }

}

@media screen and (min-width: 1024px) {
    .ctaItem {
        color: #fff;
        padding: 50px;
        display: flex;
        flex-direction: row;
        justify-content: space-between;    
    }

    .ctaItem .heading {
        display: flex;
        align-self: center;
    }

    .cta-section.two-col .container {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
    }

    .cta-section.two-col .ctaItem {
        flex-basis: calc(50% - 10px);
        max-width: calc(50% - 10px);
        margin-bottom: 0px;
        display: flex;
        justify-content: space-between;
    }
}

.tile.people-tile {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}

.component-tile-container.four-col a.tile .tile-title {
    font-size: 1.124rem;
}

.large-placeholder-text-form .privacyCheckbox {
    margin-top: 20px;
    margin-bottom: 5px;
}



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

    .container.component-tile-container.icon-tile-container.promo.four-col .tile:nth-child(4n) {
        margin-right: 0px;
    }
}


@media (max-width: 500px) {
    .container.component-tile-container.icon-tile-container.promo.four-col .tile {
        margin-left: 0px;
        margin-right: 16px;
    }
}

.forensic-book-form {
    background-color: #F6F5F4;
    padding: 40px 20px;
    display: flex;
    flex-direction: column-reverse;
}

.forensic-book-form .marketing-field input,
.forensic-book-form .marketing-field select,
.forensic-book-form .marketing-field textarea {
    border: 1px solid #e2e3e7;
    background-color: rgba(226, 227, 231, 0.2);
}

.forensic-book-form .right-col {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-content: center;
    align-self: center;
    text-align: center;
    margin-bottom: 30px;
}

@media (min-width: 1024px) {
    .forensic-book-form {
        padding: 60px 65px;
        flex-direction: row;
        justify-content: space-between;
    }

    .forensic-book-form .right-col {
        margin-bottom: 0px;
    }
}

h6 {
    font-family: 'Weisenhoff Grotesk Regular';
    font-style: normal;
    font-weight: 280;
    font-size: 20px;
    line-height: 28px;
    color: #333E48;
    margin-bottom: 24px;
}


.promoInsightRightColSection img {
    width: 100%;
}


.people-mobile-expand-more {
    border-top: 1px solid #b2b4be;
    display: flex;
    justify-content: flex-end;
    max-width: calc(100% - 16px) !important;
}


@media (min-width: 501px) {
    .people-mobile-expand-more {
        display: none;
    }
}


@media (max-width: 500px) {
    .large-hero-image-content-people-list .people-tile {
        display: none;
    }

    .large-hero-image-content-people-list .people-tile:first-child {
        display: block;
    }
}


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

div#p_lt_ctl00_plcPageContentZone_lt_ctl00_ctl00_pKeyPeopleServiceLines {
    max-width: 313px;
}

.people-tile .people-tile-bottom {
    padding: 0px;
}

.people-tile .tile-content {
    padding-bottom: 22px;
}


.people-tile .tile-content {
    padding-bottom: 22px;
    height: calc(100% - 187.91px);
    justify-content: space-between;
    display: flex;
    flex-direction: column;
}

span.tile-meta-item {
    display: inline-block;
}

.people-tile span.tile-meta-item {
    display: inline;
}