@font-face {
    font-family: 'MulberryWealthSecurities';
    src: url('/etc/designs/mulberry-wealth-securities/clientlibs/fonts/MulberryWealthSecurities-sans-Thin.woff2') format('woff2'),
    url('/etc/designs/mulberry-wealth-securities/clientlibs/fonts/MulberryWealthSecurities-sans-Thin.woff') format('woff'),
    url('/etc/designs/mulberry-wealth-securities/clientlibs/fonts/MulberryWealthSecurities-sans-Thin.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}



@font-face {
    font-family: 'MulberryWealthSecurities';
    src: url('/etc/designs/mulberry-wealth-securities/clientlibs/fonts/MulberryWealthSecurities-sans-ThinItalic.woff2') format('woff2'),
    url('/etc/designs/mulberry-wealth-securities/clientlibs/fonts/MulberryWealthSecurities-sans-ThinItalic.woff') format('woff'),
    url('/etc/designs/mulberry-wealth-securities/clientlibs/fonts/MulberryWealthSecurities-sans-ThinItalic.ttf') format('truetype');
    font-weight: 100;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'MulberryWealthSecurities';
    src: url('/etc/designs/mulberry-wealth-securities/clientlibs/fonts/MulberryWealthSecurities-sans-Extralight.woff2') format('woff2'),
    url('/etc/designs/mulberry-wealth-securities/clientlibs/fonts/MulberryWealthSecurities-sans-Extralight.woff') format('woff'),
    url('/etc/designs/mulberry-wealth-securities/clientlibs/fonts/MulberryWealthSecurities-sans-Extralight.ttf') format('truetype');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'MulberryWealthSecurities';
    src: url('/etc/designs/mulberry-wealth-securities/clientlibs/fonts/MulberryWealthSecurities-sans-ExtralightItalic.woff2') format('woff2'),
    url('/etc/designs/mulberry-wealth-securities/clientlibs/fonts/MulberryWealthSecurities-sans-ExtralightItalic.woff') format('woff'),
    url('/etc/designs/mulberry-wealth-securities/clientlibs/fonts/MulberryWealthSecurities-sans-ExtralightItalic.ttf') format('truetype');
    font-weight: 200;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'MulberryWealthSecurities';
    src: url('/etc/designs/mulberry-wealth-securities/clientlibs/fonts/MulberryWealthSecurities-sans-Light.woff2') format('woff2'),
    url('/etc/designs/mulberry-wealth-securities/clientlibs/fonts/MulberryWealthSecurities-sans-Light.woff') format('woff'),
    url('/etc/designs/mulberry-wealth-securities/clientlibs/fonts/MulberryWealthSecurities-sans-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'MulberryWealthSecurities';
    src: url('/etc/designs/mulberry-wealth-securities/clientlibs/fonts/MulberryWealthSecurities-sans-LightItalic.woff2') format('woff2'),
    url('/etc/designs/mulberry-wealth-securities/clientlibs/fonts/MulberryWealthSecurities-sans-LightItalic.woff') format('woff'),
    url('/etc/designs/mulberry-wealth-securities/clientlibs/fonts/MulberryWealthSecurities-sans-LightItalic.ttf') format('truetype');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'MulberryWealthSecurities';
    src: url('/etc/designs/mulberry-wealth-securities/clientlibs/fonts/MulberryWealthSecurities-sans-Regular.woff2') format('woff2'),
    url('/etc/designs/mulberry-wealth-securities/clientlibs/fonts/MulberryWealthSecurities-sans-Regular.woff') format('woff'),
    url('/etc/designs/mulberry-wealth-securities/clientlibs/fonts/MulberryWealthSecurities-sans-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'MulberryWealthSecurities';
    src: url('/etc/designs/mulberry-wealth-securities/clientlibs/fonts/MulberryWealthSecurities-sans-RegularItalic.woff2') format('woff2'),
    url('/etc/designs/mulberry-wealth-securities/clientlibs/fonts/MulberryWealthSecurities-sans-RegularItalic.woff') format('woff'),
    url('/etc/designs/mulberry-wealth-securities/clientlibs/fonts/MulberryWealthSecurities-sans-RegularItalic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'MulberryWealthSecurities';
    src: url('/etc/designs/mulberry-wealth-securities/clientlibs/fonts/MulberryWealthSecurities-sans-Medium.woff2') format('woff2'),
    url('/etc/designs/mulberry-wealth-securities/clientlibs/fonts/MulberryWealthSecurities-sans-Medium.woff') format('woff'),
    url('/etc/designs/mulberry-wealth-securities/clientlibs/fonts/MulberryWealthSecurities-sans-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'MulberryWealthSecurities';
    src: url('/etc/designs/mulberry-wealth-securities/clientlibs/fonts/MulberryWealthSecurities-sans-MediumItalic.woff2') format('woff2'),
    url('/etc/designs/mulberry-wealth-securities/clientlibs/fonts/MulberryWealthSecurities-sans-MediumItalic.woff') format('woff'),
    url('/etc/designs/mulberry-wealth-securities/clientlibs/fonts/MulberryWealthSecurities-sans-MediumItalic.ttf') format('truetype');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

:root {

    --container-width:85%;
    --black-color: #000000;
    --dark-blue-color: #010920;
    --teal-color: #052699;
    --teal-secondary-color:#878EA0;
    --teal-background-color:#DCE3EB;
    --teal-light-background-color:#f3f6fb;

    --background-gradient-color: linear-gradient(45deg, rgba(1, 7, 23, 1) 0%, rgba(6, 38, 142, 1) 60%, rgba(25, 134, 225, 1) 100%);

    --slate-background-color:#BEC6C8;
    --slate-light-background-color:#D3D8DB;
    --grey:#848c98;

    --off-white-color:#f3f6fb;
    --blue-color:#052699;
    --border-color:#d3d7d8;
    --blue-secondary-color:#29404D;
    --mid-blue:#116AF8;

    --font-family: 'MulberryWealthSecurities', sans-serf;
    --font-size: 16px;

    /* light, medium, regular */
}
html { font-size: var(--font-size); }
body { padding:0; margin:0; font-size: 1rem; font-family: var(--font-family); }

.has-sub > .nav-sub-menu {
    visibility: hidden;
    transition: visibility 0s linear 0.7s;
}

.has-sub:hover > .nav-sub-menu {
    visibility: visible;
    transition: visibility 0s linear 0s;
}


.col-xs-12 {
    width: 100%;
}

#mainNavBar {
    width: var(--container-width);
    margin: 0 auto;
    padding-top: 5.313rem;
    position: absolute;
    left: 50%;
    top: 0;
    z-index: 100;
    transform: translate(-50%,0);
}

.navbar {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
}

.navbar .navbar-menu-layer .navbar-container {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
}

.navbar .nav.navbar-menu {
    display: flex;
    flex-flow: row wrap;
    margin: unset;
    padding: unset;
    list-style: none;
    position: relative;
}

.navbar .navbar-menu > li {
    color: var(--off-white-color);
    font-weight: 300;
    font-size: 0.938rem;
    letter-spacing: 0.025em;
}

.navbar .navbar-menu > li > a {
    color: var(--off-white-color);
    text-decoration: none;
}

.navbar .navbar-menu > li > a,
.navbar .navbar-menu > li > span {
    position: relative;
}
.accordion-option { cursor: pointer; }
.navbar .navbar-menu > li > a::before, .navbar .navbar-menu > li > span::before {
    content: '';
    position: absolute;
    width: 0;
    height: 1px;
    left: 50%;
    background: rgba(255,255,255,0);
    top: calc(-5.313rem - 1rem + 1px);
    transform: translateX(-50%);

    transition: width 0.7s cubic-bezier(0.65, 0, 0.35, 1), background 0.3s cubic-bezier(0.65, 0, 0.35, 1);

}

figure {
    padding: 0;
    margin: 0;
    width: 100%;
    display: flex;
    flex-flow: column;
    flex-grow: 1;
}

figure img {
    height: 100%;
    object-fit: cover;
    object-position: center;
}

figcaption {
    font-size: 1.125rem;
    line-height: 1.5;
}


html {
    scroll-behavior: smooth;
}
.navbar .navbar-menu > li:hover > a::before, .navbar .navbar-menu > li:hover > span::before {

    width: 100%;
    background: rgba(20,188,237,0.5);

}

.navbar .navbar-logo-layer {
    flex-shrink: 1;
    width: 30%;
    position: relative;
    z-index: 10;
}

.navbar .navbar-menu-layer {
    flex-grow: 1;
    align-self: center;
}

.main {
    width: 100%;
    position: relative;
}

.hero-banner {
    background: var(--blue-color);
    height: 100vh;
    position: relative;
    min-height: 60rem;
    max-height: 75rem;
}

.hero-banner .slides {
    position: relative;
    width: 100%;
    height: 100%;
}
.navbar .brand svg {
    height: 3.25rem;
}
.hero-banner .slides .slide {
    position: absolute;
    width: 100%;
    height: 100%;
    background-size: 125% auto;
    background-position: center;
}
h1.headline.title-page small {
    display: block;
    font-size: 2rem;
    margin-bottom: 1rem;
    opacity: 0.4;
}


.disclaimers {
    margin-top:8rem;
}
.disclaimers p {
    color: #708089;
    font-size: 0.875rem;
    line-height: 1.9;
    font-weight: 300;
    margin-bottom: 1.8rem;
}
ul.company_details {
    list-style: none;
    margin: 0;
    padding: 0;
    line-height: 1.7;
    font-size: 1rem;
    color: var(--blue-color);
    font-weight: 400;
    letter-spacing: -0.01em;
}

ul.company_details li {
    display: flex;
    flex-flow: column;
    text-align: left;

    margin-bottom: 1rem;
}

.top-margin-6 {
    margin-top: 6rem !important;
}

ul.company_details span:first-child {
    min-width: 15rem;
}
.hours span {
    font-weight: 500;
    display: inline-block;
    min-width: 40%;
}

.slide-text-layer {
    width: var(--container-width);
    position: absolute;
    left: 50%;
    bottom: 9.375rem;
    transform: translate(-50%,0);
    z-index: 3;
}
.hero-banner .slides::before {
    content: '';
    background: linear-gradient( 45deg, rgba(01, 07, 23, 1) 0%, rgba(05, 26, 99, 0.85) 50%, rgba(25, 134, 255, 0.1) 100%);
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    opacity: 1;
}

form button {
    border: unset;
    font-size: 1rem;
    font-family: var(--font-family);
    padding-left: 3rem !important;
    padding-right: 4rem !important;
}

form .icon-right::after {
    right: 2rem;
}

.check-box label {
    width: 70%;
    margin-left: 2rem;
    margin-bottom: unset;
}
form button {
    margin-top: 4rem;
}
.hero-banner .slides::after {
    content: '';
    background: linear-gradient(180deg, rgb(6 17 54) 0%, rgba(05, 26, 99, 0) 100%);
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 50%;
    z-index: 1;
    opacity: 1;
}
.hero-banner .slide h2.headline {
    color: var(--off-white-color);
    font-size: 0.938rem;
    font-weight: 300;
    margin-top: 0;
    margin-bottom: 3.125rem;
    letter-spacing: 0.025em;
}

.padding-left-1 { padding-left: 1rem; }
.padding-right-6 { padding-right: 6%; }

.hero-banner h3.sub-title {
    color: var(--off-white-color);
    font-weight: 300;
    font-size: 4rem;
    width: 65%;
    margin-top: 0;
    margin-bottom: 6.875rem;
}

.button-action.button-type-01 {
    color: var(--off-white-color);
    font-weight: 500;
    line-height: 1;
    font-size: 1rem;
    background-color: #116AF8;
    padding: 1.563rem 1.563rem 1.563rem 1.563rem;
    border-radius: 4rem;
    display: inline-block;
}
.picture-block.gradient-background {
    overflow: clip;
}
.picture-block.gradient-background a {
    position: relative;
}
.picture-block.gradient-background::before {
    content: '';
    position: absolute;
    right: -13rem;
    bottom: -15rem;
    width: 50%;
    background-image: url('/etc/designs/mulberry-wealth-securities/img/watermark.svg');
    height: 100%;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    opacity: 0.02;
}

.button-action.icon { position: relative;}
.button-action.icon.icon-right {
    padding-right: 2rem;
}

.picture-block.gradient-background {
    position: relative;
}


.navbar .navbar-menu > li:not(:first-child) {
    margin-left: 2.813rem;
}

.grid-12 {
    width: 100%;
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
}
.col-md-1 { width:  8.33%; }
.col-md-1-half { width: 12.495%; }
.col-md-2 { width: 16.67%; }
.col-md-3 { width: 25%; }
.col-md-3-half { width: 29.17%; }
.col-md-3-33 { width: 33.333%; }
.col-md-4 { width: 33.33%; }
.col-md-5 { width: 41.67%; }
.col-md-5-half { width: 45.835%; }
.col-md-6 {
    width: 50%;
}
.col-md-7 { width: 58.33%; }
.col-md-8 { width: 66.67%; }
.col-md-9 { width: 755%; }
.col-md-10 { width:83.333333333%; }
.col-md-11 { width: 91.67%; }

.off-white-background { background-color: var(--off-white-color); }

.position-left { margin-right: auto; }

.content-block_container {
    width: var(--container-width);
    margin: 0 auto;
}

.shadow-bottom-straight {
    box-shadow: 0 5rem 4rem rgba(0,0,0,0.05);
}

.top-spacing-8 { padding-top: 8.438rem; }
.top-bottom-spacing-8 { padding-top: 8.438rem; padding-bottom: 8.438rem; }
.bottom-spacing-5 {
    padding-bottom: 5rem;
}
.bottom-spacing-3 {
    padding-bottom: 3.125rem;
}
.main h1.headline {
    font-size: 0.938rem;
    font-weight: 400;
    margin-top: unset;
    margin-bottom: 3.125rem;
    letter-spacing: 0.025em;
    color: var(--teal-secondary-color);
}

.main .gradient-background h1.headline {
    font-size: 0.938rem;
    font-weight: 400;
    margin-top: unset;
    margin-bottom: 3.125rem;
    letter-spacing: 0.025em;
    color: #20BCED;
}

.home-sub-services h1.list-title {
    color: #fff;
    font-weight: 400;
}

.gradient-background .button-type-02 {
    color: #fff;
}

.remove-bottom-margin { margin-bottom: unset; }
.main h2.headline {
    font-size: 3.125rem;
    font-weight: 400;
    margin-bottom: 9.375rem;
    margin-top: unset;
    line-height: 1.2;
    color: var(--blue-color);
}

.main .gradient-background h2.headline {
    color: #fff;
}

.main .gradient-background .grid-12.orientation-vertical p {
    color: #9ca4aa;
}


p.sub-title {
    margin-top: unset;
    font-size: 1.125rem;
    font-weight: 500;
    margin-bottom: 3.125rem;
    line-height: 1.56;
    letter-spacing: 0em;
    color: var(--blue-color);
}
p {
    margin-top: unset;
    margin-bottom: 3.125rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.7;
    letter-spacing: -0.01em;
    color: var(--grey);
}

.milestones-block {
    margin-top: 5.625rem;
}

.border-top-line {
    padding-top: 6.25rem;
    border-top:1px solid var(--border-color);
}

.border-bottom-line {
    padding-bottom: 6.25rem;
    border-bottom:1px solid var(--border-color);
}

h3.headline {
    font-weight: 500;
    color: var(--teal-secondary-color);
    font-size: 0.938rem;
    margin-top: unset;
    letter-spacing: 0.025em;
    margin-bottom: 3.75rem;
}

.milestone-data {
    font-size: 3rem;
    color: var(--blue-secondary-color);
    font-weight: 400;
    margin-bottom: 2.5rem;
    display: block;
    line-height: 1;
}

p:last-child {
    margin-bottom: unset;
}
.action-buttons {
    display: flex;
    flex-flow: row wrap;
}
.spaced-between {
    justify-content: space-between;
}

.milestones-block p {
    margin-bottom: unset;
    font-size: 0.813rem;
    color: var(--teal-secondary-color);
    line-height: 1.4;
}

.button-type-02 {
    color: var(--dark-blue-color);
    font-weight: 300;
    letter-spacing: 0.025em;
}

.teal-background { background-color: var(--teal-background-color); }
.gradient-background { background: #052699; }

.picture {
    display: flex;
    flex-flow: column wrap;
    height: 100%;
    width: 100%;
}

.picture img {
    object-fit: cover;
    width: 100%;
    height: 100%;
}

.orientation-vertical {
    display: flex;
    flex-flow: column wrap;
}

.teal-light-background { background-color: var(--teal-light-background-color); }



.row.padding {
    width: 35.4vw;
    margin: 0 auto;
    padding-top: 5rem;
    padding-bottom: 3.125rem;
}

h2.headline.section {
    font-size: 2.125rem;
    margin-bottom: 2.813rem;
}

.bottom-spacing-12 {
    margin-bottom: 12.5rem !important;
}

ul.icon-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

ul.icon-list li {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
}

ul.icon-list li:not(:last-child) {
    border-bottom: 1px solid var(--border-color);
}

.home-sub-services ul.icon-list li:not(:last-child) {
    border-bottom: 1px solid #ffffff24;
}

.home-sub-services ul.icon-list li:first-child {
    border-top: 1px solid #ffffff24;
}

ul.icon-list a {
    text-decoration: none;
    width: 35.4vw;
    display: block;
    margin: 0 auto;
}

h1.list-title {

    margin-top: unset;
    color: var(--blue-color);
    font-size: 1.25rem;
    font-weight: 500;

    letter-spacing: -0.01em;

}

p.list-text {
    font-size: 0.875rem;
    line-height: 1.3;
}

.remove-top-margin { margin-top:0; }

.top-spacing-4 {
    margin-top: 4.5rem;
}

.top-padding-4 {
    padding-top: 4.5rem;
}

.bottom-padding-4 {
    padding-bottom: 4.5rem;
}

.top-bottom-padding-4 {
    padding-top: 4.5rem;
    padding-bottom: 4.5rem;
}

.top-bottom-padding-5 {
    padding-top:5.625rem;
    padding-bottom: 5.625rem;
}

.top-bottom-padding-8 {
    padding-top:8.125rem;
    padding-bottom: 8.125rem;
}

.top-margin-2px { margin-top: 2px; }
.top-margin-4px { margin-top: 4px; }

.left-right-padding-5 {
    padding-left: 5.625rem;
    padding-right: 5.625rem;
}

.left-right-padding-4 {
    padding-left:  4.5rem;
    padding-right: 4.5rem;
}

.position-bottom {
    margin-top: auto;
}

.top-spacing-3 { padding-top: 3.125rem;}
.bottom-spacing-8 { padding-bottom: 8.438rem;}
.top-spacing-6 {
    margin-top: 6.25rem;
}
.bottom-spacing-6 {
    margin-bottom: 6.25rem;
}
.justify-center {
    justify-content: center;
}
.grid-12.justify-center {
    text-align: center;
}

.orientation-horizontal {
    display: flex;
    flex-flow: row wrap;
}

.split-list > div {
    width: 16%;
}

.grid-12.gutter {
    margin-top: 2rem;
}

.grid-12.gutter article.col-md-6 {
    width: 49%;
}

.split-list h1.list-title {
    font-size: 1.5rem;
    font-weight: 400;
    line-height: 1.2;
    margin-bottom: 2.5rem;
}

.split-list p.list-text {
    margin-bottom: unset;
    font-size: 0.813rem;
    color: var(--teal-secondary-color);
    line-height: 1.4;
}

.split-list hr {
    padding: unset;
    margin: unset;
    color: #d6d9da;
    background-color: #d3d7d8;
    border: unset;
    width: 1px;
}
div { box-sizing: border-box; }
.picture-height-550 {
    height: 34.375rem;
}

.height-100 { height: 100%; }

footer {
    background-color:#00124e;
    width: 100%;
    position: relative;
overflow: clip;
}

footer::before {
    content: '';
    position: absolute;
    left: -25rem;
    bottom: -19rem;
    width: 100%;
    background-image: url('/etc/designs/mulberry-wealth-securities/img/watermark.svg');
    height: 100%;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    opacity: 0.013;
}

footer > * {
    position: relative;
}

#wrapper {
    position: relative;
    z-index: 2;
}

.footer_container {
    width: var(--container-width);
    margin: 0 auto;
}

footer h1.headline {
    font-size: 0.938rem;
    font-weight: 300;
    margin-top: unset;
    margin-bottom: 3.125rem;
    letter-spacing: 0.025em;
    color: var(--teal-secondary-color);
}

footer h2.headline.section {
    color: var(--off-white-color);
    font-weight: 300;
    margin-top: unset;
    line-height: 1.2;
    margin-bottom: 5rem;
}

ul.contact-list {
    padding: 0;
    margin: 0;
    list-style: none;
}

ul.contact-list a {
    color: var(--off-white-color);
    font-weight: 300;
    text-decoration: none;
    line-height: 1.4;
    font-size: 1.75rem;
}

footer p {
    color: var(--off-white-color);
    font-weight: 300;
    font-size: 1rem;
    line-height: 1.6;
}

h4.headline {
    margin-top: 0;
    color: var(--off-white-color);
    font-weight: 500;
    font-size: 0.938rem;
    letter-spacing: 0.025em;
    line-height: 1;
    margin-bottom: 2.813rem;
}
h4.headline:not(.first) {
    margin-top: 5.938rem;
}

ul.link-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

ul.link-list.split-2 {
    display: flex;
    flex-flow: row wrap;
}

ul.link-list a {
    color: var(--off-white-color);
    text-decoration: none;
    font-weight: 300;
    font-size: 1.25rem;
    line-height: 2;
}

footer ul.link-list.split-1 a {
    font-size: 0.875rem;
    line-height: 1;
}

footer ul.link-list.split-1 {
    display: flex;
    flex-flow: row wrap;
}

span.rights-reserved {
    color: var(--off-white-color);
    font-size: 0.875rem;
    line-height: 1;
    font-weight: 300;
}

footer .button-type-02 {
    color: var(--off-white-color);
}

.action-buttons.spaced-normally .button-action:not(:last-child) {
    margin-right: 1rem;
}
ul.company_details li span:last-child {
    color: var(--grey);
}
.icon::after {
    content: '';
    position: absolute;
    width: 1rem;
    height: 1rem;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

.icon-arrow-diagonal::after {
    background-image: url('/etc/designs/mulberry-wealth-securities/clientlibs/icons/arrow-top-right.svg');
    filter: brightness(0) saturate(100%) invert(61%) sepia(52%) saturate(1407%) hue-rotate(157deg) brightness(98%) contrast(89%);
}

.icon-login::after {
    background-image: url('/etc/designs/mulberry-wealth-securities/clientlibs/icons/login.svg');
    filter: brightness(0) saturate(100%) invert(61%) sepia(52%) saturate(1407%) hue-rotate(157deg) brightness(98%) contrast(89%);
}


.icon-arrow-diagonal-down::after {
    background-image: url('/etc/designs/mulberry-wealth-securities/clientlibs/icons/arrow-bottom-right.svg');
    filter: brightness(0) saturate(100%) invert(61%) sepia(52%) saturate(1407%) hue-rotate(157deg) brightness(98%) contrast(89%);
}

.icon-right::after {
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    margin-top: 0px;
}

.right-margin-4 {
    margin-right: 4rem !important;
}

a.button-action.button-type-01.icon.icon-arrow-right-down.icon-right {

    padding-right: 3.125rem;

}

.nav-login a,
.nav-invest a {
    position: relative;
    padding-right: 1.5rem;
}
.nav-login a::after{
    content: '';
    width: 1rem;
    height: 1rem;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url('/etc/designs/mulberry-wealth-securities/clientlibs/icons/login.svg');
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    filter: brightness(0) saturate(100%) invert(61%) sepia(52%) saturate(1407%) hue-rotate(157deg) brightness(98%) contrast(89%);
}

.nav-invest a::after{
    content: '';
    width: 1rem;
    height: 1rem;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url('/etc/designs/mulberry-wealth-securities/clientlibs/icons/arrow-top-right.svg');
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    filter: brightness(0) saturate(100%) invert(61%) sepia(52%) saturate(1407%) hue-rotate(157deg) brightness(98%) contrast(89%);
}

.navbar .nav.navbar-menu .has-sub span {
    cursor: pointer;
    position: relative;
    z-index: 2;
}

.navbar .nav.navbar-menu .has-sub > a {
    position: relative;
    z-index: 2;
}

.navbar .nav.navbar-menu .has-sub .nav-sub-menu {
    list-style: none;
    padding-top: 5rem;
    position: absolute;
    left: 0;
    padding-left: 0;
    padding-bottom: 5rem;



}
.navbar .nav.navbar-menu .has-sub:hover .nav-sub-menu {
    display: block;
    visibility: visible;
    opacity: 1;
}

.button-action { text-decoration: none; }

.icon-arrow-right-down::after {
    background-image: url('/etc/designs/mulberry-wealth-securities/clientlibs/icons/arrow-bottom-right.svg');
    filter: invert(1);
}

a.button-action.button-type-01.icon.icon-arrow-right-down.icon-right::after {
    right: 1.5rem;
}

.page .hero-banner {
    display: flex;
    flex-flow: column;
    padding-bottom: 18.75rem;
    height: 80vh;
    margin-bottom: -18.75rem;
}

.header-block_container {
    width: var(--container-width);
    margin-left: auto;
    margin-right: auto;
    margin-top: auto;
}

h1.headline.title-page {
    font-size: 5rem;
    color: #fff;
    font-weight: 400;
    letter-spacing: unset;
    margin-bottom: 5.313rem;
}

ul.nav.navbar-menu.page-menu {
    padding: 0;
    list-style: none;
    margin-top: 0;
    margin-bottom: 0;
    border-top: 1px solid #5C5C5C;
    display: flex;
}

ul.nav.navbar-menu.page-menu li a {
    color: rgba(255,255,255,0.5);
    text-decoration: none;
    font-size: 1rem;
    padding-top: 2.5rem;
    display: block;
    padding-bottom: 3.125rem;
    position: relative;
    font-weight: 300;

    transition: color 0.7s cubic-bezier(0.65, 0, 0.35, 1);

}
ul.nav.navbar-menu.page-menu li a::before {
    width: 0%;
    height: 1px;
    background: rgba(255,255,255,0);
    position: absolute;
    left: 50%;
    top: -1px;
    content: '';
    transform: translateX(-50%);

    transition: width 0.7s cubic-bezier(0.65, 0, 0.35, 1), background 0.3s cubic-bezier(0.65, 0, 0.35, 1);


}
body.fade-page-up #site_refpoint {
    transition: opacity 1s cubic-bezier(0.65, 0, 0.35, 1);
    opacity: 1;
}

body.fade-page-up.fade-page-down #site_refpoint {
    opacity: 0;
}

body {
    background: var(--dark-blue-color);
    overflow-x: hidden;
}

.navbar .nav.navbar-menu > li > span,
.navbar .nav.navbar-menu > li > a {
    position: relative;
    text-transform: capitalize;
}



.js-enabled #site_refpoint {
    opacity: 0;
}

ul.nav.navbar-menu.page-menu li a:hover::before {
    width: 100%;
    background: rgba(255,255,255,0.5);
}

ul.nav.navbar-menu.page-menu li.active a::before {

    background: rgba(255,255,255,1);
    width: 100%;

}
ul.nav.navbar-menu.page-menu li.active a {
    color: #fff;
}

ul.nav.navbar-menu.page-menu li {
    margin-right: 2.5rem;
}

ul.nav.navbar-menu.page-menu li.last {
    margin-right: 0rem;
}


.layer-index-2 {
    position: relative;
    z-index: 2;
}

.header-color-01 { background-color: var(--teal-background-color);}

h1.headline.page-header {
    font-size: 1.25rem;
    letter-spacing: 0;
    font-weight: 300;
    line-height: 1.35;
    color: var(--blue-color);
}

.full-white-background {
    background: #fff;
}

.full-grey-background {
    background: var(--teal-background-color);
    position: relative;
}

.full-grey-slate-background {
    background: var(--teal-background-color);
}
.padding-left-7 { padding-left: 7%; }
h3.headline.inner-section-header {
    font-weight: 400;
}

.form.padding {
    width: 35.4vw;
    margin: 0 auto;
    padding-top: 5rem;
    padding-bottom: 3.125rem;
}

.full-grey-background h1.headline.numbers.number-02 {
    color: var(--teal-secondary-color);
}

.full-grey-background  h2.headline.section {

    color: var(--blue-color);
}

.full-grey-background p.bottom-spacing-3 {
    color: var(--grey);
}

blockquote {
    padding: 0;
    margin: 0;
}

blockquote {
    font-size: 1.625rem;
    font-weight: 300;
    color: var(--mid-blue);
    line-height: 1.4;
}

.accordion-menu {
    width: 100%;
}

.accordion-option {
    padding-bottom: 2.188rem;
    border-bottom: 1px solid var(--border-color);
    margin-bottom: 2.188rem;
}

.accordion-number {
    font-size: 1.25rem;
    font-weight: 300;
    color: var(--blue-color);
}

h1.accordion-title {
    margin-top: unset;
    font-weight: 400;
    font-size: 1.25rem;
    margin-bottom: unset;
    color: var(--blue-color);
    line-height: 1.4;
}
footer ul.link-list a {
    font-size: 1.09rem;
}
.accordion-option  p {
    margin-bottom: unset;
    font-size: 0.813rem;
    color: var(--grey);
    line-height: 1.4;
    visibility: hidden;
    opacity: 0;
    display: block;
    height: 0;
}
span.required {
    color: red;
}
button {
    cursor: pointer;}

.accordion-option.active h1.accordion-title {
    margin-bottom: 1.875rem;
}
.accordion-text {
    padding-right: 8%;
    position: relative;
}

.accordion-option.active p {
    visibility: visible;
    opacity: 1;
    height: unset;
}

.accordion-text::after {
    content: '';
    width: 2rem;
    height: 2rem;
    background: #E4E9EA;
    position: absolute;
    border-radius: 1rem;
    line-height: 1;
    right: 0;
    background-size: 65%;
    top: -0.27rem;
    background-image: url('/etc/designs/mulberry-wealth-securities/clientlibs/icons/action-plus.svg');
    background-position: center center;
    background-repeat: no-repeat;
}

.accordion-option.active .accordion-text::after {
    background-size: 40%;
    background-image: url('/etc/designs/mulberry-wealth-securities/clientlibs/icons/action-minus.svg');
}

.accordion-option.last {

    border-bottom:unset;
    margin-bottom: unset;
    padding-bottom: unset;
}

.teal-dark-background { background-color: var(--teal-color); }
.dark-blue-background { background-color:var(--teal-background-color); }

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

.content-block.action-block.dark-blue-background.shadow-bottom-straight {
    background: linear-gradient(225deg, rgba(1, 7, 23, 1) 0%, rgba(6, 38, 142, 1) 60%, rgba(25, 134, 225, 1) 100%);
}

.teal-dark-background h3.headline.inner-section-header,
.dark-blue-background h3.headline.inner-section-header{
    color: #fff;
    font-weight: 400;
}

.teal-dark-background h2.headline.page-header,
.dark-blue-background h2.headline.page-header{
    color: #fff;
    margin-bottom: 3.75rem;
    font-size: 2.125rem;
    width: 50%;
    margin-left: auto;
    margin-right: auto;
}

.content-block.action-block.teal-dark-background,
.content-block.action-block.dark-blue-background {
    margin-top: -3.75rem;
    padding-top: 12.5rem;
    padding-bottom: 10.625rem;
}

.spaced-center {
    justify-content: center;
}

.button-type-03 {
    color: #fff;
    font-weight: 300;
    letter-spacing: 0.025em;
}

.button-type-03.icon-arrow-diagonal::after {
    filter: brightness(0) saturate(100%) invert(61%) sepia(52%) saturate(1407%) hue-rotate(157deg) brightness(98%) contrast(89%);
}

.accordion-menu.link-list .accordion-text {
    padding-right: 0;
    display: flex;
}

.accordion-menu.link-list .accordion-option .accordion-text::after {
    content:unset;
}

.default-open .accordion-option p {
    visibility: visible;
    opacity: 1;
    height: unset;
}

ul.nav.navbar-menu.page-menu li a:hover {
    color: rgba(255,255,255,0.8);
}

.team_container .team-columns .team-member {
    width: 25%;
    padding: 0;
}

figure.team-member-photo {
    padding: 0;
    margin: 0;
    width: 100%;
    height: 15rem;
    display: flex;
    flex-flow: column;
    max-height: 14rem;
}

.team_container .team-columns .team-member .team-member-photo img {
    object-fit: cover;
    width: 100%;
    height: 100%;
}

.team_container .team-columns .team-member {
    width: calc(25% - 2px);
    padding: 0;
    background: #fff;
    margin-bottom:2px;
}

.site-wrapper {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    background: var(--dark-blue-color);
    height: 100%;
    z-index: 4;
    visibility: hidden;
    opacity: 0;
    transition: opacity 0.7s cubic-bezier(0.65, 0, 0.35, 1), visibility 0s linear 0.7s;
}

.site-wrapper.active {
    visibility: visible;
    opacity: 0.95;

    transition: opacity 0.7s cubic-bezier(0.65, 0, 0.35, 1), visibility 0s linear 0s;
}

.navbar.navbar-top:hover a,
.navbar.navbar-top:hover span { position: relative; }

.navbar .navbar-menu > li.active span::before {
 width: 100%;
    background: rgba(255,255,255,1);
}

.navbar-top li.has-sub ul::before {
    position: absolute;
    content: '';
    left: -50vw;
    top: -8rem;
    width: 150vw;
    height: 0;
    background: var(--blue-color);

    transition: height 0.7s cubic-bezier(0.65, 0, 0.35, 1) 0.25s;

}

.navbar-top li.has-sub:hover ul::before {

    height: calc(100% + 8rem);
}

.navbar .nav.navbar-menu .has-sub .nav-sub-menu.double-columns { display: flex; flex-flow: row wrap;
                                                                                                        width: calc(100% + 15rem);
                                                                                                     }


.navbar .nav.navbar-menu .has-sub .nav-sub-menu a {
    transition: color 0.7s cubic-bezier(0.65, 0, 0.35, 1);
    position: relative;
}

.navbar .nav.navbar-menu .has-sub .nav-sub-menu a::after {
    content: '';
    width: 1.25rem;
    background-image: url('/etc/designs/mulberry-wealth-securities/clientlibs/icons/arrow-top-right.svg');
    height: 1.25rem;
    position: absolute;
    filter: brightness(0) saturate(100%) invert(61%) sepia(52%) saturate(1407%) hue-rotate(157deg) brightness(98%) contrast(89%);
    top: 50%;
    transform: translateY(-50%);
    margin-left: 1rem;
    opacity: 0;
    transition: opacity 0.7s cubic-bezier(0.65, 0, 0.35, 1);
}

.navbar .nav.navbar-menu .has-sub .nav-sub-menu a:hover::after {
    opacity: 1;
}

.navbar .nav.navbar-menu .has-sub .nav-sub-menu a:hover {
    color: #fff;
}
/* Initial state: hidden */
.navbar-top li.has-sub li {
    position: relative;
    opacity: 0;
    /* Set a delay here when it's about to get shown */
    transition: opacity 0.5s cubic-bezier(0.65, 0, 0.35, 1) 0s;
}

/* Hover state: shown */
.navbar .nav.navbar-menu .has-sub:hover .nav-sub-menu li {
    opacity: 1;
    /* No delay when hiding */
    transition: opacity 0.7s cubic-bezier(0.65, 0, 0.35, 1) 0.3s;
}
ul.nav-sub-menu a {
    color: var(--off-white-color);
    font-size: 1.25rem;
    text-decoration: none;
    display: block;
    line-height: 2.5;
}
.nav-sub-menu.double-columns li {
    width: 50%;
}
.navbar .nav.navbar-menu .has-sub:hover .nav-sub-menu.double-columns {
    display: flex;
    flex-flow: row wrap;
    width: calc(100% + 15rem);
}

.team-member h2 {
    font-size: 1.5rem;
    font-weight: 400;
    color: var(--black-color);
    margin: 0 0 0.125rem;
}

p.team-member-icons {
    display: flex;
}

p.team-member-icons img {
    height: 1.125rem;
}

p.team-member-title {
    font-size: 1rem;
    color: var(--teal-color);
    font-weight: 300;
}

.team-member-phone a {
    text-decoration: none;
    color: var(--teal-color);
}

.team-member-details {
    padding: 3rem 2.5rem;
}

.team-member-details .buttons {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    align-items: center;
}

p.team-member-phone {
    margin-bottom: unset;
}

p.team-member-icons a {
    display: block;
    line-height: 1;
    margin-left: 0.5rem;
}

.point-scroller ul {
    padding: 0;
    list-style: none;
    position: relative;
    margin: 0 0 7rem;
}

.point-scroller ul::before {
    content: '';
    position: absolute;
    width: 2px;
    height: calc(100% - 3.438rem);
    background: var(--border-color);
    left: -10rem;
    top: 50%;
    transform: translateY(-50%);
}

.point-scroller li.active::before {
    background: var(--teal-color);
    border: 2px solid var(--teal-color);
}

.point-scroller li {
    font-size: 3.438rem;
    font-weight: 300;
    color: var(--teal-color);
    position: relative;
    line-height: 1;
    margin-bottom: 1.5rem;
}

.point-scroller li::before {
    content: '';
    position: absolute;
    width: 1rem;
    height: 1rem;
    background: #fff;
    border: 2px solid var(--border-color);
    border-radius: 1rem;
    left: -10rem;
    transform: translate(-50%,-50%);
    top: 50%;
    margin-left: 1px;
}

.point-scroller li.active {
    color: var(--blue-color);
}

.point-scroller p {
    margin-bottom: unset;
    font-size: 0.813rem;
    color: var(--teal-secondary-color);
    line-height: 1.4;
}

.point-scroller p strong {
    font-weight: 400;
    color: var(--blue-color);
}

.benefits-list .inner-section-header {
    font-size: 1.5rem;
    line-height: 1.26;
}

.benefits-list.split-list h1.list-title {
    margin-bottom: 1.5rem;
}
.benefits-list hr {
    opacity: 0.4;
}
.bottom-spacing-0 { margin-bottom: 0 !important; }

form input[type="text"], form input[type="email"], form input[type="tel"], form select, form textarea {
    width: 100%;
    box-sizing: border-box;
    border: none;
    border-radius: 0.2rem;
    padding: 1.25rem 1.5rem;
    font-size: 1rem;
    font-weight: 400;
    font-family: var(--font-family);
    outline: unset;
}

form input[type="text"]:focus,
form input[type="email"]:focus,
form input[type="tel"]:focus,
form select:focus,
form textarea:focus {
    box-shadow: 0rem 0.1rem 0.5rem rgba(0,0,0,0.1);
}

form .row {
    margin-bottom: 2.5rem;
}

form label {
    margin-bottom: 1rem;
    font-family: var(--font-family);
    color: var(--blue-color);
}

select:invalid,
option:disabled,
option:invalid,
select[disabled] {
    color: #a7aeb8;
}

select:invalid {
    color: #a7aeb8;
    font-weight: 400;
}


/* WebKit, Blink, Edge */
::placeholder {
    color: #a7aeb8;
    opacity: 1; /* Firefox needs this */
}

/* Mozilla Firefox */
:-moz-placeholder {
    color: #a7aeb8;
    opacity: 1;
}

::-moz-placeholder {
    color: #a7aeb8;
    opacity: 1;
}

/* Internet Explorer */
:-ms-input-placeholder {
    color: #a7aeb8;
}

p.address-text:first-child {
    margin-top: -1px;
}

p.contact-links {
    display: flex;
    flex-flow: row wrap;
}

p.contact-links a {
    font-size: 1rem;
    font-weight: 300;
    color: var(--teal-color);
    line-height: 1.7;
    text-decoration: none;
}

p.address-text {
    font-size: 1.25rem;
    font-weight: 300;
    color: var(--teal-color);
    line-height: 1.4;
    margin-bottom: 2.5rem;
}

p.contact-links a:first-child {
    margin-right: 2rem;
}

.content-block ul.bullet-list {
    margin-top: unset;
    margin-bottom: 3.125rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.7;
    letter-spacing: -0.01em;
    color: var(--blue-color);
    list-style: none;
    padding-left: 2.5rem;
    position: relative;
}

.content-block ul.bullet-list li { position: relative; }
.content-block ul.bullet-list li::before {
    content: '';
    width: 1rem;
    height: 1rem;
    position: absolute;
    left: -2.5rem;
    top: 0.2rem;
    background-image: url('/etc/designs/mulberry-wealth-securities/clientlibs/icons/arrow-bottom-right.svg');
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    filter: brightness(0) saturate(100%) invert(61%) sepia(52%) saturate(1407%) hue-rotate(157deg) brightness(98%) contrast(89%);
}

.position-right { margin-left: auto; }

.background-gradient-animation, .hero-banner {
    background: linear-gradient(
            45deg, rgba(1, 7, 23, 1) 0%, rgba(6, 38, 142, 1) 60%, rgba(25, 134, 225, 1) 100%);



}

footer {
    background: #06123c;



}

@-webkit-keyframes background-gradient {
    0%{background-position:1% 0%}
    50%{background-position:99% 100%}
    100%{background-position:1% 0%}
}
@-moz-keyframes background-gradient {
    0%{background-position:1% 0%}
    50%{background-position:99% 100%}
    100%{background-position:1% 0%}
}
@-o-keyframes background-gradient {
    0%{background-position:1% 0%}
    50%{background-position:99% 100%}
    100%{background-position:1% 0%}
}
@keyframes background-gradient {
    0%{background-position:1% 0%}
    50%{background-position:99% 100%}
    100%{background-position:1% 0%}
}


.office-details .picture {
    height: 35rem;
}

.office-details .picture-column { position: relative; }

.address-overlay {
    position: absolute;
    padding-left: 4.5rem;
    left: 0;
    padding-right: 4.5rem;
    padding-top: 5rem;
    padding-bottom: 5rem;
    width: 100%;
    display: flex;
    height: 100%;
    flex-flow: column;
    justify-content: space-between;
}

.address-overlay::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: linear-gradient(0deg, rgba(18,45,59,1) 0%, rgba(18,45,59,0.3533788515406162) 100%);
    left: 0;
    top: 0;
}

.address-overlay address {
    font-size: 1.25rem;
    font-weight: 300;
    color: var(--off-white-color);
    line-height: 1.4;
    margin-bottom:0;
    font-style: inherit;
    position: relative;
}

.address-overlay address a {
    color: var(--off-white-color);
    text-decoration: none;
    margin-top: 3rem;
    font-size: 1rem;
    display: block;
}

.time {
    position: relative;
    color: var(--off-white-color);
    font-weight: 300;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.1);
    font-size: 1rem;
}

.column-stick-top {
    position: sticky;
    top: 0rem;
}


#notice {
    position: relative;
    z-index: 10;
    bottom: 0;
    width: 100%;
    box-shadow: 0 0 2rem rgba(0,0,0,0.1);
    background: #F46E00;
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
}

#notice > div {
    display: flex;
    flex-flow: row;
    align-items: center;
}

#notice svg.warning {
    height: 1.5rem;
    margin-right: 0.5rem;
}

.notice-text {
    padding-top: 2rem;
    padding-bottom: 2rem;
    width: calc(100% - 4rem);
}

span.notice-title {
    display: block;
    color: #fff;
    margin-bottom: 0;
    font-weight: 500;
    font-size: 0.875rem;
    text-shadow: 1px 1px 2px rgba(0,0,0,0.15);
}

span.notice-paragraph {
    display: block;
    font-size: 0.65rem;
    line-height: 1.7;
    padding: 0;
    color: #fff;
    width: 75%;
    font-weight: 300;
    border-left: 1px solid rgba(255,255,255,0.2);
    border-right: 1px solid rgba(255,255,255,0.2);
    padding-left: 2rem;
    margin-left: 2rem;
    padding-right: 2rem;
    margin-right: 2rem;
    text-shadow: 1px 1px 2px rgba(0,0,0,0.15);
}

span.notice-paragraph a {
    color: #fff;
    font-weight: 400;
}

#notice button {
    display: block;
    font-size: 0.7rem;
    line-height: 1.7;
    background: transparent;
    padding: 0;
    color: var(--blue-secondary-color);
    border: none;
}

#notice button svg {
    width: 2rem;
    height: 2rem;
    display: block;
}