@charset "UTF-8";@media print {
    .showPrint {
        display: block!important
    }

    .hidePrint {
        display: none!important
    }
}

.test {
    font-size: 11px
}

/*!
 * Bootstrap v5.1.3 (https://getbootstrap.com/)
 * Copyright 2011-2021 The Bootstrap Authors
 * Copyright 2011-2021 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */
:root {
    --bs-blue: #0d6efd;
    --bs-indigo: #6610f2;
    --bs-purple: #6f42c1;
    --bs-pink: #d63384;
    --bs-red: #dc3545;
    --bs-orange: #fd7e14;
    --bs-yellow: #ffc107;
    --bs-green: #198754;
    --bs-teal: #20c997;
    --bs-cyan: #0dcaf0;
    --bs-white: #fff;
    --bs-gray: #6c757d;
    --bs-gray-dark: #343a40;
    --bs-gray-100: #f8f9fa;
    --bs-gray-200: #e9ecef;
    --bs-gray-300: #dee2e6;
    --bs-gray-400: #ced4da;
    --bs-gray-500: #adb5bd;
    --bs-gray-600: #6c757d;
    --bs-gray-700: #495057;
    --bs-gray-800: #343a40;
    --bs-gray-900: #212529;
    --bs-primary: #0d6efd;
    --bs-secondary: #6c757d;
    --bs-success: #198754;
    --bs-info: #0dcaf0;
    --bs-warning: #ffc107;
    --bs-danger: #dc3545;
    --bs-light: #f8f9fa;
    --bs-dark: #212529;
    --bs-primary-rgb: 13,110,253;
    --bs-secondary-rgb: 108,117,125;
    --bs-success-rgb: 25,135,84;
    --bs-info-rgb: 13,202,240;
    --bs-warning-rgb: 255,193,7;
    --bs-danger-rgb: 220,53,69;
    --bs-light-rgb: 248,249,250;
    --bs-dark-rgb: 33,37,41;
    --bs-white-rgb: 255,255,255;
    --bs-black-rgb: 0,0,0;
    --bs-body-color-rgb: 33,37,41;
    --bs-body-bg-rgb: 255,255,255;
    --bs-font-sans-serif: system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
    --bs-font-monospace: SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
    --bs-gradient: linear-gradient(180deg,hsla(0,0%,100%,0.15),hsla(0,0%,100%,0));
    --bs-body-font-family: var(--bs-font-sans-serif);
    --bs-body-font-size: 1rem;
    --bs-body-font-weight: 400;
    --bs-body-line-height: 1.5;
    --bs-body-color: #212529;
    --bs-body-bg: #fff
}

*,:after,:before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

@media (prefers-reduced-motion:no-preference) {
    :root {
        scroll-behavior: smooth
    }
}

body {
    margin: 0;
    font-family: var(--bs-body-font-family);
    font-size: var(--bs-body-font-size);
    font-weight: var(--bs-body-font-weight);
    line-height: var(--bs-body-line-height);
    color: var(--bs-body-color);
    text-align: var(--bs-body-text-align);
    background-color: var(--bs-body-bg);
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: rgba(0,0,0,0)
}

hr {
    margin: 1rem 0;
    color: inherit;
    background-color: currentColor;
    border: 0;
    opacity: .25
}

hr:not([size]) {
    height: 1px
}

.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6 {
    margin-top: 0;
    margin-bottom: .5rem;
    font-weight: 500;
    line-height: 1.2
}

.h1,h1 {
    font-size: -moz-calc(1.375rem + 1.5vw);
    font-size: calc(1.375rem + 1.5vw)
}

@media (min-width: 1200px) {
    .h1,h1 {
        font-size:2.5rem
    }
}

.h2,h2 {
    font-size: -moz-calc(1.325rem + .9vw);
    font-size: calc(1.325rem + .9vw)
}

@media (min-width: 1200px) {
    .h2,h2 {
        font-size:2rem
    }
}

.h3,h3 {
    font-size: -moz-calc(1.3rem + .6vw);
    font-size: calc(1.3rem + .6vw)
}

@media (min-width: 1200px) {
    .h3,h3 {
        font-size:1.75rem
    }
}

.h4,h4 {
    font-size: -moz-calc(1.275rem + .3vw);
    font-size: calc(1.275rem + .3vw)
}

@media (min-width: 1200px) {
    .h4,h4 {
        font-size:1.5rem
    }
}

.h5,h5 {
    font-size: 1.25rem
}

.h6,h6 {
    font-size: 1rem
}

p {
    margin-top: 0;
    margin-bottom: 1rem
}

ol,ul {
    padding-left: 2rem
}

dl,ol,ul {
    margin-top: 0;
    margin-bottom: 1rem
}

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

blockquote {
    margin: 0 0 1rem
}

b,strong {
    font-weight: bolder
}

.small,small {
    font-size: .875em
}

.mark,mark {
    padding: .2em;
    background-color: #fcf8e3
}

a {
    color: #0d6efd;
    text-decoration: underline
}

a:hover {
    color: #0a58ca
}

a:not([href]):not([class]),a:not([href]):not([class]):hover {
    color: inherit;
    text-decoration: none
}

code,kbd,pre,samp {
    font-family: var(--bs-font-monospace);
    font-size: 1em;
    direction: ltr;
    unicode-bidi: bidi-override
}

pre code {
    font-size: inherit;
    color: inherit;
    word-break: normal
}

code {
    font-size: .875em;
    color: #d63384;
    word-wrap: break-word
}

a>code {
    color: inherit
}

img,svg {
    vertical-align: middle
}

label {
    display: inline-block
}

button {
    border-radius: 0
}

button:focus:not(:focus-visible) {
    outline: 0
}

button,input,optgroup,select,textarea {
    margin: 0;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit
}

button,select {
    text-transform: none
}

[role=button] {
    cursor: pointer
}

select {
    word-wrap: normal
}

select:disabled {
    opacity: 1
}

[list]::-webkit-calendar-picker-indicator {
    display: none
}

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

[type=button]:not(:disabled),[type=reset]:not(:disabled),[type=submit]:not(:disabled),button:not(:disabled) {
    cursor: pointer
}

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

textarea {
    resize: vertical
}

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

iframe {
    border: 0
}

[hidden] {
    display: none!important
}

.container,.container-fluid,.container-lg,.container-md,.container-sm,.container-xl,.container-xxl {
    width: 100%;
    padding-right: var(--bs-gutter-x,.75rem);
    padding-left: var(--bs-gutter-x,.75rem);
    margin-right: auto;
    margin-left: auto
}

@media (min-width: 576px) {
    .container,.container-sm {
        max-width:540px
    }
}

@media (min-width: 768px) {
    .container,.container-md,.container-sm {
        max-width:720px
    }
}

@media (min-width: 992px) {
    .container,.container-lg,.container-md,.container-sm {
        max-width:960px
    }
}

@media (min-width: 1200px) {
    .container,.container-lg,.container-md,.container-sm,.container-xl {
        max-width:1140px
    }
}

@media (min-width: 1400px) {
    .container,.container-lg,.container-md,.container-sm,.container-xl,.container-xxl {
        max-width:1320px
    }
}

.row {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    display: -moz-box;
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(-1 * var(--bs-gutter-y));
    margin-right: calc(-.5 * var(--bs-gutter-x));
    margin-left: calc(-.5 * var(--bs-gutter-x))
}

.row>* {
    flex-shrink: 0;
    width: 100%;
    max-width: 100%;
    padding-right: calc(var(--bs-gutter-x) * .5);
    padding-left: calc(var(--bs-gutter-x) * .5);
    margin-top: var(--bs-gutter-y)
}

.col {
    -moz-box-flex: 1;
    flex: 1 0
}

.row-cols-auto>* {
    -moz-box-flex: 0;
    flex: 0 0 auto;
    width: auto
}

.row-cols-1>* {
    width: 100%
}

.row-cols-1>*,.row-cols-2>* {
    -moz-box-flex: 0;
    flex: 0 0 auto
}

.row-cols-2>* {
    width: 50%
}

.row-cols-3>* {
    width: 33.3333333333%
}

.row-cols-3>*,.row-cols-4>* {
    -moz-box-flex: 0;
    flex: 0 0 auto
}

.row-cols-4>* {
    width: 25%
}

.row-cols-5>* {
    width: 20%
}

.row-cols-5>*,.row-cols-6>* {
    -moz-box-flex: 0;
    flex: 0 0 auto
}

.row-cols-6>* {
    width: 16.6666666667%
}

.col-auto {
    width: auto
}

.col-1,.col-auto {
    -moz-box-flex: 0;
    flex: 0 0 auto
}

.col-1 {
    width: 8.33333333%
}

.col-2 {
    width: 16.66666667%
}

.col-2,.col-3 {
    -moz-box-flex: 0;
    flex: 0 0 auto
}

.col-3 {
    width: 25%
}

.col-4 {
    width: 33.33333333%
}

.col-4,.col-5 {
    -moz-box-flex: 0;
    flex: 0 0 auto
}

.col-5 {
    width: 41.66666667%
}

.col-6 {
    width: 50%
}

.col-6,.col-7 {
    -moz-box-flex: 0;
    flex: 0 0 auto
}

.col-7 {
    width: 58.33333333%
}

.col-8 {
    width: 66.66666667%
}

.col-8,.col-9 {
    -moz-box-flex: 0;
    flex: 0 0 auto
}

.col-9 {
    width: 75%
}

.col-10 {
    width: 83.33333333%
}

.col-10,.col-11 {
    -moz-box-flex: 0;
    flex: 0 0 auto
}

.col-11 {
    width: 91.66666667%
}

.col-12 {
    -moz-box-flex: 0;
    flex: 0 0 auto;
    width: 100%
}

.offset-1 {
    margin-left: 8.33333333%
}

.offset-2 {
    margin-left: 16.66666667%
}

.offset-3 {
    margin-left: 25%
}

.offset-4 {
    margin-left: 33.33333333%
}

.offset-5 {
    margin-left: 41.66666667%
}

.offset-6 {
    margin-left: 50%
}

.offset-7 {
    margin-left: 58.33333333%
}

.offset-8 {
    margin-left: 66.66666667%
}

.offset-9 {
    margin-left: 75%
}

.offset-10 {
    margin-left: 83.33333333%
}

.offset-11 {
    margin-left: 91.66666667%
}

.g-0,.gx-0 {
    --bs-gutter-x: 0
}

.g-0,.gy-0 {
    --bs-gutter-y: 0
}

.g-1,.gx-1 {
    --bs-gutter-x: 0.25rem
}

.g-1,.gy-1 {
    --bs-gutter-y: 0.25rem
}

.g-2,.gx-2 {
    --bs-gutter-x: 0.5rem
}

.g-2,.gy-2 {
    --bs-gutter-y: 0.5rem
}

.g-3,.gx-3 {
    --bs-gutter-x: 1rem
}

.g-3,.gy-3 {
    --bs-gutter-y: 1rem
}

.g-4,.gx-4 {
    --bs-gutter-x: 1.5rem
}

.g-4,.gy-4 {
    --bs-gutter-y: 1.5rem
}

.g-5,.gx-5 {
    --bs-gutter-x: 3rem
}

.g-5,.gy-5 {
    --bs-gutter-y: 3rem
}

@media (min-width: 576px) {
    .col-sm {
        -moz-box-flex:1;
        flex: 1 0
    }

    .row-cols-sm-auto>* {
        -moz-box-flex: 0;
        flex: 0 0 auto;
        width: auto
    }

    .row-cols-sm-1>* {
        -moz-box-flex: 0;
        flex: 0 0 auto;
        width: 100%
    }

    .row-cols-sm-2>* {
        -moz-box-flex: 0;
        flex: 0 0 auto;
        width: 50%
    }

    .row-cols-sm-3>* {
        -moz-box-flex: 0;
        flex: 0 0 auto;
        width: 33.3333333333%
    }

    .row-cols-sm-4>* {
        -moz-box-flex: 0;
        flex: 0 0 auto;
        width: 25%
    }

    .row-cols-sm-5>* {
        -moz-box-flex: 0;
        flex: 0 0 auto;
        width: 20%
    }

    .row-cols-sm-6>* {
        -moz-box-flex: 0;
        flex: 0 0 auto;
        width: 16.6666666667%
    }

    .col-sm-auto {
        width: auto
    }

    .col-sm-1,.col-sm-auto {
        -moz-box-flex: 0;
        flex: 0 0 auto
    }

    .col-sm-1 {
        width: 8.33333333%
    }

    .col-sm-2 {
        width: 16.66666667%
    }

    .col-sm-2,.col-sm-3 {
        -moz-box-flex: 0;
        flex: 0 0 auto
    }

    .col-sm-3 {
        width: 25%
    }

    .col-sm-4 {
        width: 33.33333333%
    }

    .col-sm-4,.col-sm-5 {
        -moz-box-flex: 0;
        flex: 0 0 auto
    }

    .col-sm-5 {
        width: 41.66666667%
    }

    .col-sm-6 {
        width: 50%
    }

    .col-sm-6,.col-sm-7 {
        -moz-box-flex: 0;
        flex: 0 0 auto
    }

    .col-sm-7 {
        width: 58.33333333%
    }

    .col-sm-8 {
        width: 66.66666667%
    }

    .col-sm-8,.col-sm-9 {
        -moz-box-flex: 0;
        flex: 0 0 auto
    }

    .col-sm-9 {
        width: 75%
    }

    .col-sm-10 {
        width: 83.33333333%
    }

    .col-sm-10,.col-sm-11 {
        -moz-box-flex: 0;
        flex: 0 0 auto
    }

    .col-sm-11 {
        width: 91.66666667%
    }

    .col-sm-12 {
        -moz-box-flex: 0;
        flex: 0 0 auto;
        width: 100%
    }

    .offset-sm-0 {
        margin-left: 0
    }

    .offset-sm-1 {
        margin-left: 8.33333333%
    }

    .offset-sm-2 {
        margin-left: 16.66666667%
    }

    .offset-sm-3 {
        margin-left: 25%
    }

    .offset-sm-4 {
        margin-left: 33.33333333%
    }

    .offset-sm-5 {
        margin-left: 41.66666667%
    }

    .offset-sm-6 {
        margin-left: 50%
    }

    .offset-sm-7 {
        margin-left: 58.33333333%
    }

    .offset-sm-8 {
        margin-left: 66.66666667%
    }

    .offset-sm-9 {
        margin-left: 75%
    }

    .offset-sm-10 {
        margin-left: 83.33333333%
    }

    .offset-sm-11 {
        margin-left: 91.66666667%
    }

    .g-sm-0,.gx-sm-0 {
        --bs-gutter-x: 0
    }

    .g-sm-0,.gy-sm-0 {
        --bs-gutter-y: 0
    }

    .g-sm-1,.gx-sm-1 {
        --bs-gutter-x: 0.25rem
    }

    .g-sm-1,.gy-sm-1 {
        --bs-gutter-y: 0.25rem
    }

    .g-sm-2,.gx-sm-2 {
        --bs-gutter-x: 0.5rem
    }

    .g-sm-2,.gy-sm-2 {
        --bs-gutter-y: 0.5rem
    }

    .g-sm-3,.gx-sm-3 {
        --bs-gutter-x: 1rem
    }

    .g-sm-3,.gy-sm-3 {
        --bs-gutter-y: 1rem
    }

    .g-sm-4,.gx-sm-4 {
        --bs-gutter-x: 1.5rem
    }

    .g-sm-4,.gy-sm-4 {
        --bs-gutter-y: 1.5rem
    }

    .g-sm-5,.gx-sm-5 {
        --bs-gutter-x: 3rem
    }

    .g-sm-5,.gy-sm-5 {
        --bs-gutter-y: 3rem
    }
}

@media (min-width: 768px) {
    .col-md {
        -moz-box-flex:1;
        flex: 1 0
    }

    .row-cols-md-auto>* {
        -moz-box-flex: 0;
        flex: 0 0 auto;
        width: auto
    }

    .row-cols-md-1>* {
        -moz-box-flex: 0;
        flex: 0 0 auto;
        width: 100%
    }

    .row-cols-md-2>* {
        -moz-box-flex: 0;
        flex: 0 0 auto;
        width: 50%
    }

    .row-cols-md-3>* {
        -moz-box-flex: 0;
        flex: 0 0 auto;
        width: 33.3333333333%
    }

    .row-cols-md-4>* {
        -moz-box-flex: 0;
        flex: 0 0 auto;
        width: 25%
    }

    .row-cols-md-5>* {
        -moz-box-flex: 0;
        flex: 0 0 auto;
        width: 20%
    }

    .row-cols-md-6>* {
        -moz-box-flex: 0;
        flex: 0 0 auto;
        width: 16.6666666667%
    }

    .col-md-auto {
        width: auto
    }

    .col-md-1,.col-md-auto {
        -moz-box-flex: 0;
        flex: 0 0 auto
    }

    .col-md-1 {
        width: 8.33333333%
    }

    .col-md-2 {
        width: 16.66666667%
    }

    .col-md-2,.col-md-3 {
        -moz-box-flex: 0;
        flex: 0 0 auto
    }

    .col-md-3 {
        width: 25%
    }

    .col-md-4 {
        width: 33.33333333%
    }

    .col-md-4,.col-md-5 {
        -moz-box-flex: 0;
        flex: 0 0 auto
    }

    .col-md-5 {
        width: 41.66666667%
    }

    .col-md-6 {
        width: 50%
    }

    .col-md-6,.col-md-7 {
        -moz-box-flex: 0;
        flex: 0 0 auto
    }

    .col-md-7 {
        width: 58.33333333%
    }

    .col-md-8 {
        width: 66.66666667%
    }

    .col-md-8,.col-md-9 {
        -moz-box-flex: 0;
        flex: 0 0 auto
    }

    .col-md-9 {
        width: 75%
    }

    .col-md-10 {
        width: 83.33333333%
    }

    .col-md-10,.col-md-11 {
        -moz-box-flex: 0;
        flex: 0 0 auto
    }

    .col-md-11 {
        width: 91.66666667%
    }

    .col-md-12 {
        -moz-box-flex: 0;
        flex: 0 0 auto;
        width: 100%
    }

    .offset-md-0 {
        margin-left: 0
    }

    .offset-md-1 {
        margin-left: 8.33333333%
    }

    .offset-md-2 {
        margin-left: 16.66666667%
    }

    .offset-md-3 {
        margin-left: 25%
    }

    .offset-md-4 {
        margin-left: 33.33333333%
    }

    .offset-md-5 {
        margin-left: 41.66666667%
    }

    .offset-md-6 {
        margin-left: 50%
    }

    .offset-md-7 {
        margin-left: 58.33333333%
    }

    .offset-md-8 {
        margin-left: 66.66666667%
    }

    .offset-md-9 {
        margin-left: 75%
    }

    .offset-md-10 {
        margin-left: 83.33333333%
    }

    .offset-md-11 {
        margin-left: 91.66666667%
    }

    .g-md-0,.gx-md-0 {
        --bs-gutter-x: 0
    }

    .g-md-0,.gy-md-0 {
        --bs-gutter-y: 0
    }

    .g-md-1,.gx-md-1 {
        --bs-gutter-x: 0.25rem
    }

    .g-md-1,.gy-md-1 {
        --bs-gutter-y: 0.25rem
    }

    .g-md-2,.gx-md-2 {
        --bs-gutter-x: 0.5rem
    }

    .g-md-2,.gy-md-2 {
        --bs-gutter-y: 0.5rem
    }

    .g-md-3,.gx-md-3 {
        --bs-gutter-x: 1rem
    }

    .g-md-3,.gy-md-3 {
        --bs-gutter-y: 1rem
    }

    .g-md-4,.gx-md-4 {
        --bs-gutter-x: 1.5rem
    }

    .g-md-4,.gy-md-4 {
        --bs-gutter-y: 1.5rem
    }

    .g-md-5,.gx-md-5 {
        --bs-gutter-x: 3rem
    }

    .g-md-5,.gy-md-5 {
        --bs-gutter-y: 3rem
    }
}

@media (min-width: 992px) {
    .col-lg {
        -moz-box-flex:1;
        flex: 1 0
    }

    .row-cols-lg-auto>* {
        -moz-box-flex: 0;
        flex: 0 0 auto;
        width: auto
    }

    .row-cols-lg-1>* {
        -moz-box-flex: 0;
        flex: 0 0 auto;
        width: 100%
    }

    .row-cols-lg-2>* {
        -moz-box-flex: 0;
        flex: 0 0 auto;
        width: 50%
    }

    .row-cols-lg-3>* {
        -moz-box-flex: 0;
        flex: 0 0 auto;
        width: 33.3333333333%
    }

    .row-cols-lg-4>* {
        -moz-box-flex: 0;
        flex: 0 0 auto;
        width: 25%
    }

    .row-cols-lg-5>* {
        -moz-box-flex: 0;
        flex: 0 0 auto;
        width: 20%
    }

    .row-cols-lg-6>* {
        -moz-box-flex: 0;
        flex: 0 0 auto;
        width: 16.6666666667%
    }

    .col-lg-auto {
        width: auto
    }

    .col-lg-1,.col-lg-auto {
        -moz-box-flex: 0;
        flex: 0 0 auto
    }

    .col-lg-1 {
        width: 8.33333333%
    }

    .col-lg-2 {
        width: 16.66666667%
    }

    .col-lg-2,.col-lg-3 {
        -moz-box-flex: 0;
        flex: 0 0 auto
    }

    .col-lg-3 {
        width: 25%
    }

    .col-lg-4 {
        width: 33.33333333%
    }

    .col-lg-4,.col-lg-5 {
        -moz-box-flex: 0;
        flex: 0 0 auto
    }

    .col-lg-5 {
        width: 41.66666667%
    }

    .col-lg-6 {
        width: 50%
    }

    .col-lg-6,.col-lg-7 {
        -moz-box-flex: 0;
        flex: 0 0 auto
    }

    .col-lg-7 {
        width: 58.33333333%
    }

    .col-lg-8 {
        width: 66.66666667%
    }

    .col-lg-8,.col-lg-9 {
        -moz-box-flex: 0;
        flex: 0 0 auto
    }

    .col-lg-9 {
        width: 75%
    }

    .col-lg-10 {
        width: 83.33333333%
    }

    .col-lg-10,.col-lg-11 {
        -moz-box-flex: 0;
        flex: 0 0 auto
    }

    .col-lg-11 {
        width: 91.66666667%
    }

    .col-lg-12 {
        -moz-box-flex: 0;
        flex: 0 0 auto;
        width: 100%
    }

    .offset-lg-0 {
        margin-left: 0
    }

    .offset-lg-1 {
        margin-left: 8.33333333%
    }

    .offset-lg-2 {
        margin-left: 16.66666667%
    }

    .offset-lg-3 {
        margin-left: 25%
    }

    .offset-lg-4 {
        margin-left: 33.33333333%
    }

    .offset-lg-5 {
        margin-left: 41.66666667%
    }

    .offset-lg-6 {
        margin-left: 50%
    }

    .offset-lg-7 {
        margin-left: 58.33333333%
    }

    .offset-lg-8 {
        margin-left: 66.66666667%
    }

    .offset-lg-9 {
        margin-left: 75%
    }

    .offset-lg-10 {
        margin-left: 83.33333333%
    }

    .offset-lg-11 {
        margin-left: 91.66666667%
    }

    .g-lg-0,.gx-lg-0 {
        --bs-gutter-x: 0
    }

    .g-lg-0,.gy-lg-0 {
        --bs-gutter-y: 0
    }

    .g-lg-1,.gx-lg-1 {
        --bs-gutter-x: 0.25rem
    }

    .g-lg-1,.gy-lg-1 {
        --bs-gutter-y: 0.25rem
    }

    .g-lg-2,.gx-lg-2 {
        --bs-gutter-x: 0.5rem
    }

    .g-lg-2,.gy-lg-2 {
        --bs-gutter-y: 0.5rem
    }

    .g-lg-3,.gx-lg-3 {
        --bs-gutter-x: 1rem
    }

    .g-lg-3,.gy-lg-3 {
        --bs-gutter-y: 1rem
    }

    .g-lg-4,.gx-lg-4 {
        --bs-gutter-x: 1.5rem
    }

    .g-lg-4,.gy-lg-4 {
        --bs-gutter-y: 1.5rem
    }

    .g-lg-5,.gx-lg-5 {
        --bs-gutter-x: 3rem
    }

    .g-lg-5,.gy-lg-5 {
        --bs-gutter-y: 3rem
    }
}

@media (min-width: 1200px) {
    .col-xl {
        -moz-box-flex:1;
        flex: 1 0
    }

    .row-cols-xl-auto>* {
        -moz-box-flex: 0;
        flex: 0 0 auto;
        width: auto
    }

    .row-cols-xl-1>* {
        -moz-box-flex: 0;
        flex: 0 0 auto;
        width: 100%
    }

    .row-cols-xl-2>* {
        -moz-box-flex: 0;
        flex: 0 0 auto;
        width: 50%
    }

    .row-cols-xl-3>* {
        -moz-box-flex: 0;
        flex: 0 0 auto;
        width: 33.3333333333%
    }

    .row-cols-xl-4>* {
        -moz-box-flex: 0;
        flex: 0 0 auto;
        width: 25%
    }

    .row-cols-xl-5>* {
        -moz-box-flex: 0;
        flex: 0 0 auto;
        width: 20%
    }

    .row-cols-xl-6>* {
        -moz-box-flex: 0;
        flex: 0 0 auto;
        width: 16.6666666667%
    }

    .col-xl-auto {
        width: auto
    }

    .col-xl-1,.col-xl-auto {
        -moz-box-flex: 0;
        flex: 0 0 auto
    }

    .col-xl-1 {
        width: 8.33333333%
    }

    .col-xl-2 {
        width: 16.66666667%
    }

    .col-xl-2,.col-xl-3 {
        -moz-box-flex: 0;
        flex: 0 0 auto
    }

    .col-xl-3 {
        width: 25%
    }

    .col-xl-4 {
        width: 33.33333333%
    }

    .col-xl-4,.col-xl-5 {
        -moz-box-flex: 0;
        flex: 0 0 auto
    }

    .col-xl-5 {
        width: 41.66666667%
    }

    .col-xl-6 {
        width: 50%
    }

    .col-xl-6,.col-xl-7 {
        -moz-box-flex: 0;
        flex: 0 0 auto
    }

    .col-xl-7 {
        width: 58.33333333%
    }

    .col-xl-8 {
        width: 66.66666667%
    }

    .col-xl-8,.col-xl-9 {
        -moz-box-flex: 0;
        flex: 0 0 auto
    }

    .col-xl-9 {
        width: 75%
    }

    .col-xl-10 {
        width: 83.33333333%
    }

    .col-xl-10,.col-xl-11 {
        -moz-box-flex: 0;
        flex: 0 0 auto
    }

    .col-xl-11 {
        width: 91.66666667%
    }

    .col-xl-12 {
        -moz-box-flex: 0;
        flex: 0 0 auto;
        width: 100%
    }

    .offset-xl-0 {
        margin-left: 0
    }

    .offset-xl-1 {
        margin-left: 8.33333333%
    }

    .offset-xl-2 {
        margin-left: 16.66666667%
    }

    .offset-xl-3 {
        margin-left: 25%
    }

    .offset-xl-4 {
        margin-left: 33.33333333%
    }

    .offset-xl-5 {
        margin-left: 41.66666667%
    }

    .offset-xl-6 {
        margin-left: 50%
    }

    .offset-xl-7 {
        margin-left: 58.33333333%
    }

    .offset-xl-8 {
        margin-left: 66.66666667%
    }

    .offset-xl-9 {
        margin-left: 75%
    }

    .offset-xl-10 {
        margin-left: 83.33333333%
    }

    .offset-xl-11 {
        margin-left: 91.66666667%
    }

    .g-xl-0,.gx-xl-0 {
        --bs-gutter-x: 0
    }

    .g-xl-0,.gy-xl-0 {
        --bs-gutter-y: 0
    }

    .g-xl-1,.gx-xl-1 {
        --bs-gutter-x: 0.25rem
    }

    .g-xl-1,.gy-xl-1 {
        --bs-gutter-y: 0.25rem
    }

    .g-xl-2,.gx-xl-2 {
        --bs-gutter-x: 0.5rem
    }

    .g-xl-2,.gy-xl-2 {
        --bs-gutter-y: 0.5rem
    }

    .g-xl-3,.gx-xl-3 {
        --bs-gutter-x: 1rem
    }

    .g-xl-3,.gy-xl-3 {
        --bs-gutter-y: 1rem
    }

    .g-xl-4,.gx-xl-4 {
        --bs-gutter-x: 1.5rem
    }

    .g-xl-4,.gy-xl-4 {
        --bs-gutter-y: 1.5rem
    }

    .g-xl-5,.gx-xl-5 {
        --bs-gutter-x: 3rem
    }

    .g-xl-5,.gy-xl-5 {
        --bs-gutter-y: 3rem
    }
}

@media (min-width: 1400px) {
    .col-xxl {
        -moz-box-flex:1;
        flex: 1 0
    }

    .row-cols-xxl-auto>* {
        -moz-box-flex: 0;
        flex: 0 0 auto;
        width: auto
    }

    .row-cols-xxl-1>* {
        -moz-box-flex: 0;
        flex: 0 0 auto;
        width: 100%
    }

    .row-cols-xxl-2>* {
        -moz-box-flex: 0;
        flex: 0 0 auto;
        width: 50%
    }

    .row-cols-xxl-3>* {
        -moz-box-flex: 0;
        flex: 0 0 auto;
        width: 33.3333333333%
    }

    .row-cols-xxl-4>* {
        -moz-box-flex: 0;
        flex: 0 0 auto;
        width: 25%
    }

    .row-cols-xxl-5>* {
        -moz-box-flex: 0;
        flex: 0 0 auto;
        width: 20%
    }

    .row-cols-xxl-6>* {
        -moz-box-flex: 0;
        flex: 0 0 auto;
        width: 16.6666666667%
    }

    .col-xxl-auto {
        width: auto
    }

    .col-xxl-1,.col-xxl-auto {
        -moz-box-flex: 0;
        flex: 0 0 auto
    }

    .col-xxl-1 {
        width: 8.33333333%
    }

    .col-xxl-2 {
        width: 16.66666667%
    }

    .col-xxl-2,.col-xxl-3 {
        -moz-box-flex: 0;
        flex: 0 0 auto
    }

    .col-xxl-3 {
        width: 25%
    }

    .col-xxl-4 {
        width: 33.33333333%
    }

    .col-xxl-4,.col-xxl-5 {
        -moz-box-flex: 0;
        flex: 0 0 auto
    }

    .col-xxl-5 {
        width: 41.66666667%
    }

    .col-xxl-6 {
        width: 50%
    }

    .col-xxl-6,.col-xxl-7 {
        -moz-box-flex: 0;
        flex: 0 0 auto
    }

    .col-xxl-7 {
        width: 58.33333333%
    }

    .col-xxl-8 {
        width: 66.66666667%
    }

    .col-xxl-8,.col-xxl-9 {
        -moz-box-flex: 0;
        flex: 0 0 auto
    }

    .col-xxl-9 {
        width: 75%
    }

    .col-xxl-10 {
        width: 83.33333333%
    }

    .col-xxl-10,.col-xxl-11 {
        -moz-box-flex: 0;
        flex: 0 0 auto
    }

    .col-xxl-11 {
        width: 91.66666667%
    }

    .col-xxl-12 {
        -moz-box-flex: 0;
        flex: 0 0 auto;
        width: 100%
    }

    .offset-xxl-0 {
        margin-left: 0
    }

    .offset-xxl-1 {
        margin-left: 8.33333333%
    }

    .offset-xxl-2 {
        margin-left: 16.66666667%
    }

    .offset-xxl-3 {
        margin-left: 25%
    }

    .offset-xxl-4 {
        margin-left: 33.33333333%
    }

    .offset-xxl-5 {
        margin-left: 41.66666667%
    }

    .offset-xxl-6 {
        margin-left: 50%
    }

    .offset-xxl-7 {
        margin-left: 58.33333333%
    }

    .offset-xxl-8 {
        margin-left: 66.66666667%
    }

    .offset-xxl-9 {
        margin-left: 75%
    }

    .offset-xxl-10 {
        margin-left: 83.33333333%
    }

    .offset-xxl-11 {
        margin-left: 91.66666667%
    }

    .g-xxl-0,.gx-xxl-0 {
        --bs-gutter-x: 0
    }

    .g-xxl-0,.gy-xxl-0 {
        --bs-gutter-y: 0
    }

    .g-xxl-1,.gx-xxl-1 {
        --bs-gutter-x: 0.25rem
    }

    .g-xxl-1,.gy-xxl-1 {
        --bs-gutter-y: 0.25rem
    }

    .g-xxl-2,.gx-xxl-2 {
        --bs-gutter-x: 0.5rem
    }

    .g-xxl-2,.gy-xxl-2 {
        --bs-gutter-y: 0.5rem
    }

    .g-xxl-3,.gx-xxl-3 {
        --bs-gutter-x: 1rem
    }

    .g-xxl-3,.gy-xxl-3 {
        --bs-gutter-y: 1rem
    }

    .g-xxl-4,.gx-xxl-4 {
        --bs-gutter-x: 1.5rem
    }

    .g-xxl-4,.gy-xxl-4 {
        --bs-gutter-y: 1.5rem
    }

    .g-xxl-5,.gx-xxl-5 {
        --bs-gutter-x: 3rem
    }

    .g-xxl-5,.gy-xxl-5 {
        --bs-gutter-y: 3rem
    }
}

.btn {
    display: inline-block;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: transparent;
    border: 1px solid transparent;
    padding: .375rem .75rem;
    font-size: 1rem;
    border-radius: .25rem;
    -webkit-transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
    -moz-transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .btn {
        -webkit-transition: none;
        -moz-transition: none;
        transition: none
    }
}

.btn:hover {
    color: #212529
}

.btn-check:focus+.btn,.btn:focus {
    outline: 0;
    -webkit-box-shadow: 0 0 0 .25rem rgba(13,110,253,.25);
    box-shadow: 0 0 0 .25rem rgba(13,110,253,.25)
}

.btn.disabled,.btn:disabled,fieldset:disabled .btn {
    pointer-events: none;
    opacity: .65
}

.btn-primary {
    color: #fff;
    background-color: #0d6efd;
    border-color: #0d6efd
}

.btn-check:focus+.btn-primary,.btn-primary:focus,.btn-primary:hover {
    color: #fff;
    background-color: #0b5ed7;
    border-color: #0a58ca
}

.btn-check:focus+.btn-primary,.btn-primary:focus {
    -webkit-box-shadow: 0 0 0 .25rem rgba(49,132,253,.5);
    box-shadow: 0 0 0 .25rem rgba(49,132,253,.5)
}

.btn-check:active+.btn-primary,.btn-check:checked+.btn-primary,.btn-primary.active,.btn-primary:active,.show>.btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #0a58ca;
    border-color: #0a53be
}

.btn-check:active+.btn-primary:focus,.btn-check:checked+.btn-primary:focus,.btn-primary.active:focus,.btn-primary:active:focus,.show>.btn-primary.dropdown-toggle:focus {
    -webkit-box-shadow: 0 0 0 .25rem rgba(49,132,253,.5);
    box-shadow: 0 0 0 .25rem rgba(49,132,253,.5)
}

.btn-primary.disabled,.btn-primary:disabled {
    color: #fff;
    background-color: #0d6efd;
    border-color: #0d6efd
}

.btn-secondary {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d
}

.btn-check:focus+.btn-secondary,.btn-secondary:focus,.btn-secondary:hover {
    color: #fff;
    background-color: #5c636a;
    border-color: #565e64
}

.btn-check:focus+.btn-secondary,.btn-secondary:focus {
    -webkit-box-shadow: 0 0 0 .25rem rgba(130,138,145,.5);
    box-shadow: 0 0 0 .25rem rgba(130,138,145,.5)
}

.btn-check:active+.btn-secondary,.btn-check:checked+.btn-secondary,.btn-secondary.active,.btn-secondary:active,.show>.btn-secondary.dropdown-toggle {
    color: #fff;
    background-color: #565e64;
    border-color: #51585e
}

.btn-check:active+.btn-secondary:focus,.btn-check:checked+.btn-secondary:focus,.btn-secondary.active:focus,.btn-secondary:active:focus,.show>.btn-secondary.dropdown-toggle:focus {
    -webkit-box-shadow: 0 0 0 .25rem rgba(130,138,145,.5);
    box-shadow: 0 0 0 .25rem rgba(130,138,145,.5)
}

.btn-secondary.disabled,.btn-secondary:disabled {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d
}

.btn-success {
    color: #fff;
    background-color: #198754;
    border-color: #198754
}

.btn-check:focus+.btn-success,.btn-success:focus,.btn-success:hover {
    color: #fff;
    background-color: #157347;
    border-color: #146c43
}

.btn-check:focus+.btn-success,.btn-success:focus {
    -webkit-box-shadow: 0 0 0 .25rem rgba(60,153,110,.5);
    box-shadow: 0 0 0 .25rem rgba(60,153,110,.5)
}

.btn-check:active+.btn-success,.btn-check:checked+.btn-success,.btn-success.active,.btn-success:active,.show>.btn-success.dropdown-toggle {
    color: #fff;
    background-color: #146c43;
    border-color: #13653f
}

.btn-check:active+.btn-success:focus,.btn-check:checked+.btn-success:focus,.btn-success.active:focus,.btn-success:active:focus,.show>.btn-success.dropdown-toggle:focus {
    -webkit-box-shadow: 0 0 0 .25rem rgba(60,153,110,.5);
    box-shadow: 0 0 0 .25rem rgba(60,153,110,.5)
}

.btn-success.disabled,.btn-success:disabled {
    color: #fff;
    background-color: #198754;
    border-color: #198754
}

.btn-info {
    color: #000;
    background-color: #0dcaf0;
    border-color: #0dcaf0
}

.btn-check:focus+.btn-info,.btn-info:focus,.btn-info:hover {
    color: #000;
    background-color: #31d2f2;
    border-color: #25cff2
}

.btn-check:focus+.btn-info,.btn-info:focus {
    -webkit-box-shadow: 0 0 0 .25rem rgba(11,172,204,.5);
    box-shadow: 0 0 0 .25rem rgba(11,172,204,.5)
}

.btn-check:active+.btn-info,.btn-check:checked+.btn-info,.btn-info.active,.btn-info:active,.show>.btn-info.dropdown-toggle {
    color: #000;
    background-color: #3dd5f3;
    border-color: #25cff2
}

.btn-check:active+.btn-info:focus,.btn-check:checked+.btn-info:focus,.btn-info.active:focus,.btn-info:active:focus,.show>.btn-info.dropdown-toggle:focus {
    -webkit-box-shadow: 0 0 0 .25rem rgba(11,172,204,.5);
    box-shadow: 0 0 0 .25rem rgba(11,172,204,.5)
}

.btn-info.disabled,.btn-info:disabled {
    color: #000;
    background-color: #0dcaf0;
    border-color: #0dcaf0
}

.btn-warning {
    color: #000;
    background-color: #ffc107;
    border-color: #ffc107
}

.btn-check:focus+.btn-warning,.btn-warning:focus,.btn-warning:hover {
    color: #000;
    background-color: #ffca2c;
    border-color: #ffc720
}

.btn-check:focus+.btn-warning,.btn-warning:focus {
    -webkit-box-shadow: 0 0 0 .25rem rgba(217,164,6,.5);
    box-shadow: 0 0 0 .25rem rgba(217,164,6,.5)
}

.btn-check:active+.btn-warning,.btn-check:checked+.btn-warning,.btn-warning.active,.btn-warning:active,.show>.btn-warning.dropdown-toggle {
    color: #000;
    background-color: #ffcd39;
    border-color: #ffc720
}

.btn-check:active+.btn-warning:focus,.btn-check:checked+.btn-warning:focus,.btn-warning.active:focus,.btn-warning:active:focus,.show>.btn-warning.dropdown-toggle:focus {
    -webkit-box-shadow: 0 0 0 .25rem rgba(217,164,6,.5);
    box-shadow: 0 0 0 .25rem rgba(217,164,6,.5)
}

.btn-warning.disabled,.btn-warning:disabled {
    color: #000;
    background-color: #ffc107;
    border-color: #ffc107
}

.btn-danger {
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545
}

.btn-check:focus+.btn-danger,.btn-danger:focus,.btn-danger:hover {
    color: #fff;
    background-color: #bb2d3b;
    border-color: #b02a37
}

.btn-check:focus+.btn-danger,.btn-danger:focus {
    -webkit-box-shadow: 0 0 0 .25rem rgba(225,83,97,.5);
    box-shadow: 0 0 0 .25rem rgba(225,83,97,.5)
}

.btn-check:active+.btn-danger,.btn-check:checked+.btn-danger,.btn-danger.active,.btn-danger:active,.show>.btn-danger.dropdown-toggle {
    color: #fff;
    background-color: #b02a37;
    border-color: #a52834
}

.btn-check:active+.btn-danger:focus,.btn-check:checked+.btn-danger:focus,.btn-danger.active:focus,.btn-danger:active:focus,.show>.btn-danger.dropdown-toggle:focus {
    -webkit-box-shadow: 0 0 0 .25rem rgba(225,83,97,.5);
    box-shadow: 0 0 0 .25rem rgba(225,83,97,.5)
}

.btn-danger.disabled,.btn-danger:disabled {
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545
}

.btn-light {
    color: #000;
    background-color: #f8f9fa;
    border-color: #f8f9fa
}

.btn-check:focus+.btn-light,.btn-light:focus,.btn-light:hover {
    color: #000;
    background-color: #f9fafb;
    border-color: #f9fafb
}

.btn-check:focus+.btn-light,.btn-light:focus {
    -webkit-box-shadow: 0 0 0 .25rem rgba(211,212,213,.5);
    box-shadow: 0 0 0 .25rem rgba(211,212,213,.5)
}

.btn-check:active+.btn-light,.btn-check:checked+.btn-light,.btn-light.active,.btn-light:active,.show>.btn-light.dropdown-toggle {
    color: #000;
    background-color: #f9fafb;
    border-color: #f9fafb
}

.btn-check:active+.btn-light:focus,.btn-check:checked+.btn-light:focus,.btn-light.active:focus,.btn-light:active:focus,.show>.btn-light.dropdown-toggle:focus {
    -webkit-box-shadow: 0 0 0 .25rem rgba(211,212,213,.5);
    box-shadow: 0 0 0 .25rem rgba(211,212,213,.5)
}

.btn-light.disabled,.btn-light:disabled {
    color: #000;
    background-color: #f8f9fa;
    border-color: #f8f9fa
}

.btn-dark {
    color: #fff;
    background-color: #212529;
    border-color: #212529
}

.btn-check:focus+.btn-dark,.btn-dark:focus,.btn-dark:hover {
    color: #fff;
    background-color: #1c1f23;
    border-color: #1a1e21
}

.btn-check:focus+.btn-dark,.btn-dark:focus {
    -webkit-box-shadow: 0 0 0 .25rem rgba(66,70,73,.5);
    box-shadow: 0 0 0 .25rem rgba(66,70,73,.5)
}

.btn-check:active+.btn-dark,.btn-check:checked+.btn-dark,.btn-dark.active,.btn-dark:active,.show>.btn-dark.dropdown-toggle {
    color: #fff;
    background-color: #1a1e21;
    border-color: #191c1f
}

.btn-check:active+.btn-dark:focus,.btn-check:checked+.btn-dark:focus,.btn-dark.active:focus,.btn-dark:active:focus,.show>.btn-dark.dropdown-toggle:focus {
    -webkit-box-shadow: 0 0 0 .25rem rgba(66,70,73,.5);
    box-shadow: 0 0 0 .25rem rgba(66,70,73,.5)
}

.btn-dark.disabled,.btn-dark:disabled {
    color: #fff;
    background-color: #212529;
    border-color: #212529
}

.btn-outline-primary {
    color: #0d6efd;
    border-color: #0d6efd
}

.btn-outline-primary:hover {
    color: #fff;
    background-color: #0d6efd;
    border-color: #0d6efd
}

.btn-check:focus+.btn-outline-primary,.btn-outline-primary:focus {
    -webkit-box-shadow: 0 0 0 .25rem rgba(13,110,253,.5);
    box-shadow: 0 0 0 .25rem rgba(13,110,253,.5)
}

.btn-check:active+.btn-outline-primary,.btn-check:checked+.btn-outline-primary,.btn-outline-primary.active,.btn-outline-primary.dropdown-toggle.show,.btn-outline-primary:active {
    color: #fff;
    background-color: #0d6efd;
    border-color: #0d6efd
}

.btn-check:active+.btn-outline-primary:focus,.btn-check:checked+.btn-outline-primary:focus,.btn-outline-primary.active:focus,.btn-outline-primary.dropdown-toggle.show:focus,.btn-outline-primary:active:focus {
    -webkit-box-shadow: 0 0 0 .25rem rgba(13,110,253,.5);
    box-shadow: 0 0 0 .25rem rgba(13,110,253,.5)
}

.btn-outline-primary.disabled,.btn-outline-primary:disabled {
    color: #0d6efd;
    background-color: transparent
}

.btn-outline-secondary {
    color: #6c757d;
    border-color: #6c757d
}

.btn-outline-secondary:hover {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d
}

.btn-check:focus+.btn-outline-secondary,.btn-outline-secondary:focus {
    -webkit-box-shadow: 0 0 0 .25rem rgba(108,117,125,.5);
    box-shadow: 0 0 0 .25rem rgba(108,117,125,.5)
}

.btn-check:active+.btn-outline-secondary,.btn-check:checked+.btn-outline-secondary,.btn-outline-secondary.active,.btn-outline-secondary.dropdown-toggle.show,.btn-outline-secondary:active {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d
}

.btn-check:active+.btn-outline-secondary:focus,.btn-check:checked+.btn-outline-secondary:focus,.btn-outline-secondary.active:focus,.btn-outline-secondary.dropdown-toggle.show:focus,.btn-outline-secondary:active:focus {
    -webkit-box-shadow: 0 0 0 .25rem rgba(108,117,125,.5);
    box-shadow: 0 0 0 .25rem rgba(108,117,125,.5)
}

.btn-outline-secondary.disabled,.btn-outline-secondary:disabled {
    color: #6c757d;
    background-color: transparent
}

.btn-outline-success {
    color: #198754;
    border-color: #198754
}

.btn-outline-success:hover {
    color: #fff;
    background-color: #198754;
    border-color: #198754
}

.btn-check:focus+.btn-outline-success,.btn-outline-success:focus {
    -webkit-box-shadow: 0 0 0 .25rem rgba(25,135,84,.5);
    box-shadow: 0 0 0 .25rem rgba(25,135,84,.5)
}

.btn-check:active+.btn-outline-success,.btn-check:checked+.btn-outline-success,.btn-outline-success.active,.btn-outline-success.dropdown-toggle.show,.btn-outline-success:active {
    color: #fff;
    background-color: #198754;
    border-color: #198754
}

.btn-check:active+.btn-outline-success:focus,.btn-check:checked+.btn-outline-success:focus,.btn-outline-success.active:focus,.btn-outline-success.dropdown-toggle.show:focus,.btn-outline-success:active:focus {
    -webkit-box-shadow: 0 0 0 .25rem rgba(25,135,84,.5);
    box-shadow: 0 0 0 .25rem rgba(25,135,84,.5)
}

.btn-outline-success.disabled,.btn-outline-success:disabled {
    color: #198754;
    background-color: transparent
}

.btn-outline-info {
    color: #0dcaf0;
    border-color: #0dcaf0
}

.btn-outline-info:hover {
    color: #000;
    background-color: #0dcaf0;
    border-color: #0dcaf0
}

.btn-check:focus+.btn-outline-info,.btn-outline-info:focus {
    -webkit-box-shadow: 0 0 0 .25rem rgba(13,202,240,.5);
    box-shadow: 0 0 0 .25rem rgba(13,202,240,.5)
}

.btn-check:active+.btn-outline-info,.btn-check:checked+.btn-outline-info,.btn-outline-info.active,.btn-outline-info.dropdown-toggle.show,.btn-outline-info:active {
    color: #000;
    background-color: #0dcaf0;
    border-color: #0dcaf0
}

.btn-check:active+.btn-outline-info:focus,.btn-check:checked+.btn-outline-info:focus,.btn-outline-info.active:focus,.btn-outline-info.dropdown-toggle.show:focus,.btn-outline-info:active:focus {
    -webkit-box-shadow: 0 0 0 .25rem rgba(13,202,240,.5);
    box-shadow: 0 0 0 .25rem rgba(13,202,240,.5)
}

.btn-outline-info.disabled,.btn-outline-info:disabled {
    color: #0dcaf0;
    background-color: transparent
}

.btn-outline-warning {
    color: #ffc107;
    border-color: #ffc107
}

.btn-outline-warning:hover {
    color: #000;
    background-color: #ffc107;
    border-color: #ffc107
}

.btn-check:focus+.btn-outline-warning,.btn-outline-warning:focus {
    -webkit-box-shadow: 0 0 0 .25rem rgba(255,193,7,.5);
    box-shadow: 0 0 0 .25rem rgba(255,193,7,.5)
}

.btn-check:active+.btn-outline-warning,.btn-check:checked+.btn-outline-warning,.btn-outline-warning.active,.btn-outline-warning.dropdown-toggle.show,.btn-outline-warning:active {
    color: #000;
    background-color: #ffc107;
    border-color: #ffc107
}

.btn-check:active+.btn-outline-warning:focus,.btn-check:checked+.btn-outline-warning:focus,.btn-outline-warning.active:focus,.btn-outline-warning.dropdown-toggle.show:focus,.btn-outline-warning:active:focus {
    -webkit-box-shadow: 0 0 0 .25rem rgba(255,193,7,.5);
    box-shadow: 0 0 0 .25rem rgba(255,193,7,.5)
}

.btn-outline-warning.disabled,.btn-outline-warning:disabled {
    color: #ffc107;
    background-color: transparent
}

.btn-outline-danger {
    color: #dc3545;
    border-color: #dc3545
}

.btn-outline-danger:hover {
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545
}

.btn-check:focus+.btn-outline-danger,.btn-outline-danger:focus {
    -webkit-box-shadow: 0 0 0 .25rem rgba(220,53,69,.5);
    box-shadow: 0 0 0 .25rem rgba(220,53,69,.5)
}

.btn-check:active+.btn-outline-danger,.btn-check:checked+.btn-outline-danger,.btn-outline-danger.active,.btn-outline-danger.dropdown-toggle.show,.btn-outline-danger:active {
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545
}

.btn-check:active+.btn-outline-danger:focus,.btn-check:checked+.btn-outline-danger:focus,.btn-outline-danger.active:focus,.btn-outline-danger.dropdown-toggle.show:focus,.btn-outline-danger:active:focus {
    -webkit-box-shadow: 0 0 0 .25rem rgba(220,53,69,.5);
    box-shadow: 0 0 0 .25rem rgba(220,53,69,.5)
}

.btn-outline-danger.disabled,.btn-outline-danger:disabled {
    color: #dc3545;
    background-color: transparent
}

.btn-outline-light {
    color: #f8f9fa;
    border-color: #f8f9fa
}

.btn-outline-light:hover {
    color: #000;
    background-color: #f8f9fa;
    border-color: #f8f9fa
}

.btn-check:focus+.btn-outline-light,.btn-outline-light:focus {
    -webkit-box-shadow: 0 0 0 .25rem rgba(248,249,250,.5);
    box-shadow: 0 0 0 .25rem rgba(248,249,250,.5)
}

.btn-check:active+.btn-outline-light,.btn-check:checked+.btn-outline-light,.btn-outline-light.active,.btn-outline-light.dropdown-toggle.show,.btn-outline-light:active {
    color: #000;
    background-color: #f8f9fa;
    border-color: #f8f9fa
}

.btn-check:active+.btn-outline-light:focus,.btn-check:checked+.btn-outline-light:focus,.btn-outline-light.active:focus,.btn-outline-light.dropdown-toggle.show:focus,.btn-outline-light:active:focus {
    -webkit-box-shadow: 0 0 0 .25rem rgba(248,249,250,.5);
    box-shadow: 0 0 0 .25rem rgba(248,249,250,.5)
}

.btn-outline-light.disabled,.btn-outline-light:disabled {
    color: #f8f9fa;
    background-color: transparent
}

.btn-outline-dark {
    color: #212529;
    border-color: #212529
}

.btn-outline-dark:hover {
    color: #fff;
    background-color: #212529;
    border-color: #212529
}

.btn-check:focus+.btn-outline-dark,.btn-outline-dark:focus {
    -webkit-box-shadow: 0 0 0 .25rem rgba(33,37,41,.5);
    box-shadow: 0 0 0 .25rem rgba(33,37,41,.5)
}

.btn-check:active+.btn-outline-dark,.btn-check:checked+.btn-outline-dark,.btn-outline-dark.active,.btn-outline-dark.dropdown-toggle.show,.btn-outline-dark:active {
    color: #fff;
    background-color: #212529;
    border-color: #212529
}

.btn-check:active+.btn-outline-dark:focus,.btn-check:checked+.btn-outline-dark:focus,.btn-outline-dark.active:focus,.btn-outline-dark.dropdown-toggle.show:focus,.btn-outline-dark:active:focus {
    -webkit-box-shadow: 0 0 0 .25rem rgba(33,37,41,.5);
    box-shadow: 0 0 0 .25rem rgba(33,37,41,.5)
}

.btn-outline-dark.disabled,.btn-outline-dark:disabled {
    color: #212529;
    background-color: transparent
}

.btn-link {
    font-weight: 400;
    color: #0d6efd;
    text-decoration: underline
}

.btn-link:hover {
    color: #0a58ca
}

.btn-link.disabled,.btn-link:disabled {
    color: #6c757d
}

.btn-group-lg>.btn,.btn-lg {
    padding: .5rem 1rem;
    font-size: 1.25rem;
    border-radius: .3rem
}

.btn-group-sm>.btn,.btn-sm {
    padding: .25rem .5rem;
    font-size: .875rem;
    border-radius: .2rem
}

.fade {
    -webkit-transition: opacity .15s linear;
    -moz-transition: opacity .15s linear;
    transition: opacity .15s linear
}

@media (prefers-reduced-motion:reduce) {
    .fade {
        -webkit-transition: none;
        -moz-transition: none;
        transition: none
    }
}

.fade:not(.show) {
    opacity: 0
}

.collapse:not(.show) {
    display: none
}

.collapsing {
    height: 0;
    overflow: hidden;
    -webkit-transition: height .35s ease;
    -moz-transition: height .35s ease;
    transition: height .35s ease
}

@media (prefers-reduced-motion:reduce) {
    .collapsing {
        -webkit-transition: none;
        -moz-transition: none;
        transition: none
    }
}

.collapsing.collapse-horizontal {
    width: 0;
    height: auto;
    -webkit-transition: width .35s ease;
    -moz-transition: width .35s ease;
    transition: width .35s ease
}

@media (prefers-reduced-motion:reduce) {
    .collapsing.collapse-horizontal {
        -webkit-transition: none;
        -moz-transition: none;
        transition: none
    }
}

.dropdown,.dropend,.dropstart,.dropup {
    position: relative
}

.dropdown-toggle {
    white-space: nowrap
}

.dropdown-toggle:after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid;
    border-right: .3em solid transparent;
    border-bottom: 0;
    border-left: .3em solid transparent
}

.dropdown-toggle:empty:after {
    margin-left: 0
}

.dropdown-menu {
    position: absolute;
    z-index: 1000;
    display: none;
    min-width: 10rem;
    padding: .5rem 0;
    margin: 0;
    font-size: 1rem;
    color: #212529;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: .25rem
}

.nav {
    display: -moz-box;
    display: flex;
    flex-wrap: wrap;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none
}

.nav-link {
    color: #0d6efd
}

@media (prefers-reduced-motion:reduce) {
    .nav-link {
        -webkit-transition: none;
        -moz-transition: none;
        transition: none
    }
}

.nav-link:focus,.nav-link:hover {
    color: #0a58ca
}

.nav-link.disabled {
    color: #6c757d;
    pointer-events: none;
    cursor: default
}

.nav-tabs {
    border-bottom: 1px solid #dee2e6
}

.nav-tabs .nav-link {
    margin-bottom: -1px;
    background: none;
    border: 1px solid transparent;
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem
}

.nav-tabs .nav-link:focus,.nav-tabs .nav-link:hover {
    border-color: #e9ecef #e9ecef #dee2e6;
    isolation: isolate
}

.nav-tabs .nav-link.disabled {
    color: #6c757d;
    background-color: transparent;
    border-color: transparent
}

.nav-tabs .nav-item.show .nav-link,.nav-tabs .nav-link.active {
    color: #495057;
    background-color: #fff;
    border-color: #dee2e6 #dee2e6 #fff
}

.nav-tabs .dropdown-menu {
    margin-top: -1px;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.nav-pills .nav-link {
    background: none;
    border: 0;
    border-radius: .25rem
}

.nav-pills .nav-link.active,.nav-pills .show>.nav-link {
    color: #fff;
    background-color: #0d6efd
}

.nav-fill .nav-item,.nav-fill>.nav-link {
    -moz-box-flex: 1;
    flex: 1 1 auto;
    text-align: center
}

.nav-justified .nav-item,.nav-justified>.nav-link {
    flex-basis: 0;
    -moz-box-flex: 1;
    flex-grow: 1;
    text-align: center
}

.nav-fill .nav-item .nav-link,.nav-justified .nav-item .nav-link {
    width: 100%
}

.tab-content>.tab-pane {
    display: none
}

.tab-content>.active {
    display: block
}

.navbar {
    position: relative;
    display: -moz-box;
    display: flex;
    flex-wrap: wrap;
    -moz-box-align: center;
    align-items: center;
    -moz-box-pack: justify;
    justify-content: space-between;
    padding-top: .5rem;
    padding-bottom: .5rem
}

.navbar>.container,.navbar>.container-fluid,.navbar>.container-lg,.navbar>.container-md,.navbar>.container-sm,.navbar>.container-xl,.navbar>.container-xxl {
    display: -moz-box;
    display: flex;
    flex-wrap: inherit;
    -moz-box-align: center;
    align-items: center;
    -moz-box-pack: justify;
    justify-content: space-between
}

.navbar-brand {
    padding-top: .3125rem;
    padding-bottom: .3125rem;
    margin-right: 1rem;
    font-size: 1.25rem;
    text-decoration: none;
    white-space: nowrap
}

.navbar-nav {
    display: -moz-box;
    display: flex;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none
}

.navbar-nav .nav-link {
    padding-right: 0;
    padding-left: 0
}

.navbar-nav .dropdown-menu {
    position: static
}

.navbar-text {
    padding-top: .5rem;
    padding-bottom: .5rem
}

.navbar-collapse {
    flex-basis: 100%;
    -moz-box-flex: 1;
    flex-grow: 1;
    -moz-box-align: center;
    align-items: center
}

.navbar-toggler {
    padding: .25rem .75rem;
    font-size: 1.25rem;
    line-height: 1;
    background-color: transparent;
    border: 1px solid transparent;
    border-radius: .25rem;
    -webkit-transition: -webkit-box-shadow .15s ease-in-out;
    transition: -webkit-box-shadow .15s ease-in-out;
    -moz-transition: box-shadow .15s ease-in-out;
    transition: box-shadow .15s ease-in-out;
    transition: box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .navbar-toggler {
        -webkit-transition: none;
        -moz-transition: none;
        transition: none
    }
}

.navbar-toggler:hover {
    text-decoration: none
}

.navbar-toggler:focus {
    text-decoration: none;
    outline: 0;
    -webkit-box-shadow: 0 0 0 .25rem;
    box-shadow: 0 0 0 .25rem
}

.navbar-toggler-icon {
    display: inline-block;
    width: 1.5em;
    height: 1.5em;
    vertical-align: middle;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: 100%
}

.navbar-nav-scroll {
    max-height: var(--bs-scroll-height,75vh);
    overflow-y: auto
}

@media (min-width: 576px) {
    .navbar-expand-sm {
        flex-wrap:nowrap;
        -moz-box-pack: start;
        justify-content: flex-start
    }

    .navbar-expand-sm .navbar-nav {
        -moz-box-orient: horizontal;
        -moz-box-direction: normal;
        flex-direction: row
    }

    .navbar-expand-sm .navbar-nav .dropdown-menu {
        position: absolute
    }

    .navbar-expand-sm .navbar-nav .nav-link {
        padding-right: .5rem;
        padding-left: .5rem
    }

    .navbar-expand-sm .navbar-nav-scroll {
        overflow: visible
    }

    .navbar-expand-sm .navbar-collapse {
        display: -moz-box!important;
        display: flex!important;
        flex-basis: auto
    }

    .navbar-expand-sm .navbar-toggler {
        display: none
    }
}

@media (min-width: 768px) {
    .navbar-expand-md {
        flex-wrap:nowrap;
        -moz-box-pack: start;
        justify-content: flex-start
    }

    .navbar-expand-md .navbar-nav {
        -moz-box-orient: horizontal;
        -moz-box-direction: normal;
        flex-direction: row
    }

    .navbar-expand-md .navbar-nav .dropdown-menu {
        position: absolute
    }

    .navbar-expand-md .navbar-nav .nav-link {
        padding-right: .5rem;
        padding-left: .5rem
    }

    .navbar-expand-md .navbar-nav-scroll {
        overflow: visible
    }

    .navbar-expand-md .navbar-collapse {
        display: -moz-box!important;
        display: flex!important;
        flex-basis: auto
    }

    .navbar-expand-md .navbar-toggler {
        display: none
    }
}

@media (min-width: 992px) {
    .navbar-expand-lg {
        flex-wrap:nowrap;
        -moz-box-pack: start;
        justify-content: flex-start
    }

    .navbar-expand-lg .navbar-nav {
        -moz-box-orient: horizontal;
        -moz-box-direction: normal;
        flex-direction: row
    }

    .navbar-expand-lg .navbar-nav .dropdown-menu {
        position: absolute
    }

    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: .5rem;
        padding-left: .5rem
    }

    .navbar-expand-lg .navbar-nav-scroll {
        overflow: visible
    }

    .navbar-expand-lg .navbar-collapse {
        display: -moz-box!important;
        display: flex!important;
        flex-basis: auto
    }

    .navbar-expand-lg .navbar-toggler {
        display: none
    }
}

@media (min-width: 1200px) {
    .navbar-expand-xl {
        flex-wrap:nowrap;
        -moz-box-pack: start;
        justify-content: flex-start
    }

    .navbar-expand-xl .navbar-nav {
        -moz-box-orient: horizontal;
        -moz-box-direction: normal;
        flex-direction: row
    }

    .navbar-expand-xl .navbar-nav .dropdown-menu {
        position: absolute
    }

    .navbar-expand-xl .navbar-nav .nav-link {
        padding-right: .5rem;
        padding-left: .5rem
    }

    .navbar-expand-xl .navbar-nav-scroll {
        overflow: visible
    }

    .navbar-expand-xl .navbar-collapse {
        display: -moz-box!important;
        display: flex!important;
        flex-basis: auto
    }

    .navbar-expand-xl .navbar-toggler {
        display: none
    }
}

@media (min-width: 1400px) {
    .navbar-expand-xxl {
        flex-wrap:nowrap;
        -moz-box-pack: start;
        justify-content: flex-start
    }

    .navbar-expand-xxl .navbar-nav {
        -moz-box-orient: horizontal;
        -moz-box-direction: normal;
        flex-direction: row
    }

    .navbar-expand-xxl .navbar-nav .dropdown-menu {
        position: absolute
    }

    .navbar-expand-xxl .navbar-nav .nav-link {
        padding-right: .5rem;
        padding-left: .5rem
    }

    .navbar-expand-xxl .navbar-nav-scroll {
        overflow: visible
    }

    .navbar-expand-xxl .navbar-collapse {
        display: -moz-box!important;
        display: flex!important;
        flex-basis: auto
    }

    .navbar-expand-xxl .navbar-toggler {
        display: none
    }
}

.navbar-expand {
    flex-wrap: nowrap;
    -moz-box-pack: start;
    justify-content: flex-start
}

.navbar-expand .navbar-nav {
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    flex-direction: row
}

.navbar-expand .navbar-nav .dropdown-menu {
    position: absolute
}

.navbar-expand .navbar-nav .nav-link {
    padding-right: .5rem;
    padding-left: .5rem
}

.navbar-expand .navbar-nav-scroll {
    overflow: visible
}

.navbar-expand .navbar-collapse {
    display: -moz-box!important;
    display: flex!important;
    flex-basis: auto
}

.navbar-expand .navbar-toggler {
    display: none
}

.navbar-light .navbar-brand,.navbar-light .navbar-brand:focus,.navbar-light .navbar-brand:hover {
    color: rgba(0,0,0,.9)
}

.navbar-light .navbar-nav .nav-link {
    color: rgba(0,0,0,.55)
}

.navbar-light .navbar-nav .nav-link:focus,.navbar-light .navbar-nav .nav-link:hover {
    color: rgba(0,0,0,.7)
}

.navbar-light .navbar-nav .nav-link.disabled {
    color: rgba(0,0,0,.3)
}

.navbar-light .navbar-nav .nav-link.active,.navbar-light .navbar-nav .show>.nav-link {
    color: rgba(0,0,0,.9)
}

.navbar-light .navbar-toggler {
    color: rgba(0,0,0,.55);
    border-color: rgba(0,0,0,.1)
}

.navbar-light .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")
}

.navbar-light .navbar-text {
    color: rgba(0,0,0,.55)
}

.navbar-light .navbar-text a,.navbar-light .navbar-text a:focus,.navbar-light .navbar-text a:hover {
    color: rgba(0,0,0,.9)
}

.navbar-dark .navbar-brand,.navbar-dark .navbar-brand:focus,.navbar-dark .navbar-brand:hover {
    color: #fff
}

.navbar-dark .navbar-nav .nav-link {
    color: hsla(0,0%,100%,.55)
}

.navbar-dark .navbar-nav .nav-link:focus,.navbar-dark .navbar-nav .nav-link:hover {
    color: hsla(0,0%,100%,.75)
}

.navbar-dark .navbar-nav .nav-link.disabled {
    color: hsla(0,0%,100%,.25)
}

.navbar-dark .navbar-nav .nav-link.active,.navbar-dark .navbar-nav .show>.nav-link {
    color: #fff
}

.navbar-dark .navbar-toggler {
    color: hsla(0,0%,100%,.55);
    border-color: hsla(0,0%,100%,.1)
}

.navbar-dark .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")
}

.navbar-dark .navbar-text {
    color: hsla(0,0%,100%,.55)
}

.navbar-dark .navbar-text a,.navbar-dark .navbar-text a:focus,.navbar-dark .navbar-text a:hover {
    color: #fff
}

.card {
    position: relative;
    display: -moz-box;
    display: flex;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0,0,0,.125);
    border-radius: .25rem
}

.card>hr {
    margin-right: 0;
    margin-left: 0
}

.card>.list-group {
    border-top: inherit;
    border-bottom: inherit
}

.card>.list-group:first-child {
    border-top-width: 0;
    border-top-left-radius: -moz-calc(.25rem - 1px);
    border-top-left-radius: calc(.25rem - 1px);
    border-top-right-radius: -moz-calc(.25rem - 1px);
    border-top-right-radius: calc(.25rem - 1px)
}

.card>.list-group:last-child {
    border-bottom-width: 0;
    border-bottom-right-radius: -moz-calc(.25rem - 1px);
    border-bottom-right-radius: calc(.25rem - 1px);
    border-bottom-left-radius: -moz-calc(.25rem - 1px);
    border-bottom-left-radius: calc(.25rem - 1px)
}

.card>.card-header+.list-group,.card>.list-group+.card-footer {
    border-top: 0
}

.card-body {
    -moz-box-flex: 1;
    flex: 1 1 auto;
    padding: 1rem
}

.card-title {
    margin-bottom: .5rem
}

.card-subtitle {
    margin-top: -.25rem
}

.card-subtitle,.card-text:last-child {
    margin-bottom: 0
}

.card-link+.card-link {
    margin-left: 1rem
}

.card-header {
    padding: .5rem 1rem;
    margin-bottom: 0;
    background-color: rgba(0,0,0,.03);
    border-bottom: 1px solid rgba(0,0,0,.125)
}

.card-header:first-child {
    border-radius: -moz-calc(.25rem - 1px) -moz-calc(.25rem - 1px) 0 0;
    border-radius: calc(.25rem - 1px) calc(.25rem - 1px) 0 0
}

.card-footer {
    padding: .5rem 1rem;
    background-color: rgba(0,0,0,.03);
    border-top: 1px solid rgba(0,0,0,.125)
}

.card-footer:last-child {
    border-radius: 0 0 -moz-calc(.25rem - 1px) -moz-calc(.25rem - 1px);
    border-radius: 0 0 calc(.25rem - 1px) calc(.25rem - 1px)
}

.card-header-tabs {
    margin-bottom: -.5rem;
    border-bottom: 0
}

.card-header-pills,.card-header-tabs {
    margin-right: -.5rem;
    margin-left: -.5rem
}

.card-img-overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 1rem;
    border-radius: -moz-calc(.25rem - 1px);
    border-radius: calc(.25rem - 1px)
}

.card-img,.card-img-bottom,.card-img-top {
    width: 100%
}

.card-img,.card-img-top {
    border-top-left-radius: -moz-calc(.25rem - 1px);
    border-top-left-radius: calc(.25rem - 1px);
    border-top-right-radius: -moz-calc(.25rem - 1px);
    border-top-right-radius: calc(.25rem - 1px)
}

.card-img,.card-img-bottom {
    border-bottom-right-radius: -moz-calc(.25rem - 1px);
    border-bottom-right-radius: calc(.25rem - 1px);
    border-bottom-left-radius: -moz-calc(.25rem - 1px);
    border-bottom-left-radius: calc(.25rem - 1px)
}

.card-group>.card {
    margin-bottom: .75rem
}

@media (min-width: 576px) {
    .card-group {
        display:-moz-box;
        display: flex;
        -moz-box-orient: horizontal;
        -moz-box-direction: normal;
        flex-flow: row wrap
    }

    .card-group>.card {
        -moz-box-flex: 1;
        flex: 1 0;
        margin-bottom: 0
    }

    .card-group>.card+.card {
        margin-left: 0;
        border-left: 0
    }

    .card-group>.card:not(:last-child) {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0
    }

    .card-group>.card:not(:last-child) .card-header,.card-group>.card:not(:last-child) .card-img-top {
        border-top-right-radius: 0
    }

    .card-group>.card:not(:last-child) .card-footer,.card-group>.card:not(:last-child) .card-img-bottom {
        border-bottom-right-radius: 0
    }

    .card-group>.card:not(:first-child) {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0
    }

    .card-group>.card:not(:first-child) .card-header,.card-group>.card:not(:first-child) .card-img-top {
        border-top-left-radius: 0
    }

    .card-group>.card:not(:first-child) .card-footer,.card-group>.card:not(:first-child) .card-img-bottom {
        border-bottom-left-radius: 0
    }
}

.accordion-button {
    position: relative;
    display: -moz-box;
    display: flex;
    -moz-box-align: center;
    align-items: center;
    width: 100%;
    padding: 1rem 1.25rem;
    font-size: 1rem;
    color: #212529;
    text-align: left;
    background-color: #fff;
    border: 0;
    border-radius: 0;
    overflow-anchor: none;
    -webkit-transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,border-radius .15s ease,-webkit-box-shadow .15s ease-in-out;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,border-radius .15s ease,-webkit-box-shadow .15s ease-in-out;
    -moz-transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,border-radius .15s ease;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,border-radius .15s ease;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,border-radius .15s ease,-webkit-box-shadow .15s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .accordion-button {
        -webkit-transition: none;
        -moz-transition: none;
        transition: none
    }
}

.accordion-button:not(.collapsed) {
    color: #0c63e4;
    background-color: #e7f1ff;
    -webkit-box-shadow: inset 0 -1px 0 rgba(0,0,0,.125);
    box-shadow: inset 0 -1px 0 rgba(0,0,0,.125)
}

.accordion-button:not(.collapsed):after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%230c63e4'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
    -webkit-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    transform: rotate(-180deg)
}

.accordion-button:after {
    width: 1.25rem;
    height: 1.25rem;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
    background-size: 1.25rem;
    -webkit-transition: -webkit-transform .2s ease-in-out;
    transition: -webkit-transform .2s ease-in-out;
    -moz-transition: transform .2s ease-in-out,-moz-transform .2s ease-in-out;
    transition: transform .2s ease-in-out;
    transition: transform .2s ease-in-out,-webkit-transform .2s ease-in-out,-moz-transform .2s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .accordion-button:after {
        -webkit-transition: none;
        -moz-transition: none;
        transition: none
    }
}

.accordion-button:hover {
    z-index: 2
}

.accordion-button:focus {
    border-color: #86b7fe;
    -webkit-box-shadow: 0 0 0 .25rem rgba(13,110,253,.25);
    box-shadow: 0 0 0 .25rem rgba(13,110,253,.25)
}

.accordion-header {
    margin-bottom: 0
}

.accordion-item {
    border: 1px solid rgba(0,0,0,.125)
}

.accordion-item:first-of-type .accordion-button {
    border-top-left-radius: -moz-calc(.25rem - 1px);
    border-top-left-radius: calc(.25rem - 1px);
    border-top-right-radius: -moz-calc(.25rem - 1px);
    border-top-right-radius: calc(.25rem - 1px)
}

.accordion-item:not(:first-of-type) {
    border-top: 0
}

.accordion-item:last-of-type {
    border-bottom-right-radius: .25rem;
    border-bottom-left-radius: .25rem
}

.accordion-item:last-of-type .accordion-button.collapsed {
    border-bottom-right-radius: -moz-calc(.25rem - 1px);
    border-bottom-right-radius: calc(.25rem - 1px);
    border-bottom-left-radius: -moz-calc(.25rem - 1px);
    border-bottom-left-radius: calc(.25rem - 1px)
}

.accordion-item:last-of-type .accordion-collapse {
    border-bottom-right-radius: .25rem;
    border-bottom-left-radius: .25rem
}

.accordion-body {
    padding: 1rem 1.25rem
}

.accordion-flush .accordion-collapse {
    border-width: 0
}

.accordion-flush .accordion-item {
    border-right: 0;
    border-left: 0;
    border-radius: 0
}

.accordion-flush .accordion-item:first-child {
    border-top: 0
}

.accordion-flush .accordion-item:last-child {
    border-bottom: 0
}

.accordion-flush .accordion-item .accordion-button {
    border-radius: 0
}

.modal {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1055;
    display: none;
    width: 100%;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    outline: 0
}

.modal-dialog {
    position: relative;
    width: auto;
    margin: .5rem;
    pointer-events: none
}

.modal.fade .modal-dialog {
    -webkit-transition: -webkit-transform .3s ease-out;
    transition: -webkit-transform .3s ease-out;
    -moz-transition: transform .3s ease-out,-moz-transform .3s ease-out;
    transition: transform .3s ease-out;
    transition: transform .3s ease-out,-webkit-transform .3s ease-out,-moz-transform .3s ease-out;
    -webkit-transform: translateY(-50px);
    -moz-transform: translateY(-50px);
    transform: translateY(-50px)
}

@media (prefers-reduced-motion:reduce) {
    .modal.fade .modal-dialog {
        -webkit-transition: none;
        -moz-transition: none;
        transition: none
    }
}

.modal.show .modal-dialog {
    -webkit-transform: none;
    -moz-transform: none;
    transform: none
}

.modal.modal-static .modal-dialog {
    -webkit-transform: scale(1.02);
    -moz-transform: scale(1.02);
    transform: scale(1.02)
}

.modal-dialog-scrollable {
    height: -moz-calc(100% - 1rem);
    height: calc(100% - 1rem)
}

.modal-dialog-scrollable .modal-content {
    max-height: 100%;
    overflow: hidden
}

.modal-dialog-scrollable .modal-body {
    overflow-y: auto
}

.modal-dialog-centered {
    display: -moz-box;
    display: flex;
    -moz-box-align: center;
    align-items: center;
    min-height: -moz-calc(100% - 1rem);
    min-height: calc(100% - 1rem)
}

.modal-content {
    position: relative;
    display: -moz-box;
    display: flex;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0,0,0,.2);
    border-radius: .3rem;
    outline: 0
}

.modal-backdrop {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1050;
    width: 100vw;
    height: 100vh;
    background-color: #000
}

.modal-backdrop.fade {
    opacity: 0
}

.modal-backdrop.show {
    opacity: .5
}

.modal-header {
    display: -moz-box;
    display: flex;
    flex-shrink: 0;
    -moz-box-align: center;
    align-items: center;
    -moz-box-pack: justify;
    justify-content: space-between;
    padding: 1rem;
    border-bottom: 1px solid #dee2e6;
    border-top-left-radius: -moz-calc(.3rem - 1px);
    border-top-left-radius: calc(.3rem - 1px);
    border-top-right-radius: -moz-calc(.3rem - 1px);
    border-top-right-radius: calc(.3rem - 1px)
}

.modal-header .btn-close {
    padding: .5rem;
    margin: -.5rem -.5rem -.5rem auto
}

.modal-title {
    margin-bottom: 0;
    line-height: 1.5
}

.modal-body {
    position: relative;
    -moz-box-flex: 1;
    flex: 1 1 auto;
    padding: 1rem
}

.modal-footer {
    display: -moz-box;
    display: flex;
    flex-wrap: wrap;
    flex-shrink: 0;
    -moz-box-align: center;
    align-items: center;
    -moz-box-pack: end;
    justify-content: flex-end;
    padding: .75rem;
    border-top: 1px solid #dee2e6;
    border-bottom-right-radius: -moz-calc(.3rem - 1px);
    border-bottom-right-radius: calc(.3rem - 1px);
    border-bottom-left-radius: -moz-calc(.3rem - 1px);
    border-bottom-left-radius: calc(.3rem - 1px)
}

.modal-footer>* {
    margin: .25rem
}

@media (min-width: 576px) {
    .modal-dialog {
        max-width:500px;
        margin: 1.75rem auto
    }

    .modal-dialog-scrollable {
        height: -moz-calc(100% - 3.5rem);
        height: calc(100% - 3.5rem)
    }

    .modal-dialog-centered {
        min-height: -moz-calc(100% - 3.5rem);
        min-height: calc(100% - 3.5rem)
    }

    .modal-sm {
        max-width: 300px
    }
}

@media (min-width: 992px) {
    .modal-lg,.modal-xl {
        max-width:800px
    }
}

@media (min-width: 1200px) {
    .modal-xl {
        max-width:1140px
    }
}

.modal-fullscreen {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0
}

.modal-fullscreen .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0
}

.modal-fullscreen .modal-header {
    border-radius: 0
}

.modal-fullscreen .modal-body {
    overflow-y: auto
}

.modal-fullscreen .modal-footer {
    border-radius: 0
}

@media (max-width: 575.98px) {
    .modal-fullscreen-sm-down {
        width:100vw;
        max-width: none;
        height: 100%;
        margin: 0
    }

    .modal-fullscreen-sm-down .modal-content {
        height: 100%;
        border: 0;
        border-radius: 0
    }

    .modal-fullscreen-sm-down .modal-header {
        border-radius: 0
    }

    .modal-fullscreen-sm-down .modal-body {
        overflow-y: auto
    }

    .modal-fullscreen-sm-down .modal-footer {
        border-radius: 0
    }
}

@media (max-width: 767.98px) {
    .modal-fullscreen-md-down {
        width:100vw;
        max-width: none;
        height: 100%;
        margin: 0
    }

    .modal-fullscreen-md-down .modal-content {
        height: 100%;
        border: 0;
        border-radius: 0
    }

    .modal-fullscreen-md-down .modal-header {
        border-radius: 0
    }

    .modal-fullscreen-md-down .modal-body {
        overflow-y: auto
    }

    .modal-fullscreen-md-down .modal-footer {
        border-radius: 0
    }
}

@media (max-width: 991.98px) {
    .modal-fullscreen-lg-down {
        width:100vw;
        max-width: none;
        height: 100%;
        margin: 0
    }

    .modal-fullscreen-lg-down .modal-content {
        height: 100%;
        border: 0;
        border-radius: 0
    }

    .modal-fullscreen-lg-down .modal-header {
        border-radius: 0
    }

    .modal-fullscreen-lg-down .modal-body {
        overflow-y: auto
    }

    .modal-fullscreen-lg-down .modal-footer {
        border-radius: 0
    }
}

@media (max-width: 1199.98px) {
    .modal-fullscreen-xl-down {
        width:100vw;
        max-width: none;
        height: 100%;
        margin: 0
    }

    .modal-fullscreen-xl-down .modal-content {
        height: 100%;
        border: 0;
        border-radius: 0
    }

    .modal-fullscreen-xl-down .modal-header {
        border-radius: 0
    }

    .modal-fullscreen-xl-down .modal-body {
        overflow-y: auto
    }

    .modal-fullscreen-xl-down .modal-footer {
        border-radius: 0
    }
}

@media (max-width: 1399.98px) {
    .modal-fullscreen-xxl-down {
        width:100vw;
        max-width: none;
        height: 100%;
        margin: 0
    }

    .modal-fullscreen-xxl-down .modal-content {
        height: 100%;
        border: 0;
        border-radius: 0
    }

    .modal-fullscreen-xxl-down .modal-header {
        border-radius: 0
    }

    .modal-fullscreen-xxl-down .modal-body {
        overflow-y: auto
    }

    .modal-fullscreen-xxl-down .modal-footer {
        border-radius: 0
    }
}

.fixed-top {
    top: 0
}

.fixed-bottom,.fixed-top {
    position: fixed;
    right: 0;
    left: 0;
    z-index: 1030
}

.fixed-bottom {
    bottom: 0
}

.sticky-top {
    position: sticky;
    top: 0;
    z-index: 1020
}

@media (min-width: 576px) {
    .sticky-sm-top {
        position:sticky;
        top: 0;
        z-index: 1020
    }
}

@media (min-width: 768px) {
    .sticky-md-top {
        position:sticky;
        top: 0;
        z-index: 1020
    }
}

@media (min-width: 992px) {
    .sticky-lg-top {
        position:sticky;
        top: 0;
        z-index: 1020
    }
}

@media (min-width: 1200px) {
    .sticky-xl-top {
        position:sticky;
        top: 0;
        z-index: 1020
    }
}

@media (min-width: 1400px) {
    .sticky-xxl-top {
        position:sticky;
        top: 0;
        z-index: 1020
    }
}

.text-truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.align-baseline {
    vertical-align: baseline!important
}

.align-top {
    vertical-align: top!important
}

.align-middle {
    vertical-align: middle!important
}

.align-bottom {
    vertical-align: bottom!important
}

.align-text-bottom {
    vertical-align: text-bottom!important
}

.align-text-top {
    vertical-align: text-top!important
}

.float-start {
    float: left!important
}

.float-end {
    float: right!important
}

.float-none {
    float: none!important
}

.opacity-0 {
    opacity: 0!important
}

.opacity-25 {
    opacity: .25!important
}

.opacity-50 {
    opacity: .5!important
}

.opacity-75 {
    opacity: .75!important
}

.opacity-100 {
    opacity: 1!important
}

.d-inline {
    display: inline!important
}

.d-inline-block {
    display: inline-block!important
}

.d-block {
    display: block!important
}

.d-grid {
    display: grid!important
}

.d-table {
    display: table!important
}

.d-table-row {
    display: table-row!important
}

.d-table-cell {
    display: table-cell!important
}

.d-flex {
    display: -moz-box!important;
    display: flex!important
}

.d-inline-flex {
    display: -moz-inline-box!important;
    display: inline-flex!important
}

.d-none {
    display: none!important
}

.position-static {
    position: static!important
}

.position-relative {
    position: relative!important
}

.position-absolute {
    position: absolute!important
}

.position-fixed {
    position: fixed!important
}

.position-sticky {
    position: sticky!important
}

.top-0 {
    top: 0!important
}

.top-50 {
    top: 50%!important
}

.top-100 {
    top: 100%!important
}

.bottom-0 {
    bottom: 0!important
}

.bottom-50 {
    bottom: 50%!important
}

.bottom-100 {
    bottom: 100%!important
}

.start-0 {
    left: 0!important
}

.start-50 {
    left: 50%!important
}

.start-100 {
    left: 100%!important
}

.end-0 {
    right: 0!important
}

.end-50 {
    right: 50%!important
}

.end-100 {
    right: 100%!important
}

.translate-middle {
    -webkit-transform: translate(-50%,-50%)!important;
    -moz-transform: translate(-50%,-50%)!important;
    transform: translate(-50%,-50%)!important
}

.translate-middle-x {
    -webkit-transform: translateX(-50%)!important;
    -moz-transform: translateX(-50%)!important;
    transform: translateX(-50%)!important
}

.translate-middle-y {
    -webkit-transform: translateY(-50%)!important;
    -moz-transform: translateY(-50%)!important;
    transform: translateY(-50%)!important
}

.border {
    border: 1px solid #dee2e6!important
}

.border-0 {
    border: 0!important
}

.border-top {
    border-top: 1px solid #dee2e6!important
}

.border-top-0 {
    border-top: 0!important
}

.border-end {
    border-right: 1px solid #dee2e6!important
}

.border-end-0 {
    border-right: 0!important
}

.border-bottom {
    border-bottom: 1px solid #dee2e6!important
}

.border-bottom-0 {
    border-bottom: 0!important
}

.border-start {
    border-left: 1px solid #dee2e6!important
}

.border-start-0 {
    border-left: 0!important
}

.border-primary {
    border-color: #0d6efd!important
}

.border-secondary {
    border-color: #6c757d!important
}

.border-success {
    border-color: #198754!important
}

.border-info {
    border-color: #0dcaf0!important
}

.border-warning {
    border-color: #ffc107!important
}

.border-danger {
    border-color: #dc3545!important
}

.border-light {
    border-color: #f8f9fa!important
}

.border-dark {
    border-color: #212529!important
}

.border-white {
    border-color: #fff!important
}

.border-1 {
    border-width: 1px!important
}

.border-2 {
    border-width: 2px!important
}

.border-3 {
    border-width: 3px!important
}

.border-4 {
    border-width: 4px!important
}

.border-5 {
    border-width: 5px!important
}

.w-25 {
    width: 25%!important
}

.w-50 {
    width: 50%!important
}

.w-75 {
    width: 75%!important
}

.w-100 {
    width: 100%!important
}

.w-auto {
    width: auto!important
}

.mw-100 {
    max-width: 100%!important
}

.vw-100 {
    width: 100vw!important
}

.min-vw-100 {
    min-width: 100vw!important
}

.h-25 {
    height: 25%!important
}

.h-50 {
    height: 50%!important
}

.h-75 {
    height: 75%!important
}

.h-100 {
    height: 100%!important
}

.h-auto {
    height: auto!important
}

.mh-100 {
    max-height: 100%!important
}

.vh-100 {
    height: 100vh!important
}

.min-vh-100 {
    min-height: 100vh!important
}

.flex-fill {
    -moz-box-flex: 1!important;
    flex: 1 1 auto!important
}

.flex-row {
    -moz-box-orient: horizontal!important;
    flex-direction: row!important
}

.flex-column,.flex-row {
    -moz-box-direction: normal!important
}

.flex-column {
    -moz-box-orient: vertical!important;
    flex-direction: column!important
}

.flex-row-reverse {
    -moz-box-orient: horizontal!important;
    -moz-box-direction: reverse!important;
    flex-direction: row-reverse!important
}

.flex-column-reverse {
    -moz-box-orient: vertical!important;
    -moz-box-direction: reverse!important;
    flex-direction: column-reverse!important
}

.flex-grow-0 {
    -moz-box-flex: 0!important;
    flex-grow: 0!important
}

.flex-grow-1 {
    -moz-box-flex: 1!important;
    flex-grow: 1!important
}

.flex-shrink-0 {
    flex-shrink: 0!important
}

.flex-shrink-1 {
    flex-shrink: 1!important
}

.flex-wrap {
    flex-wrap: wrap!important
}

.flex-nowrap {
    flex-wrap: nowrap!important
}

.flex-wrap-reverse {
    flex-wrap: wrap-reverse!important
}

.gap-0 {
    grid-gap: 0!important;
    gap: 0!important
}

.gap-1 {
    grid-gap: .25rem!important;
    gap: .25rem!important
}

.gap-2 {
    grid-gap: .5rem!important;
    gap: .5rem!important
}

.gap-3 {
    grid-gap: 1rem!important;
    gap: 1rem!important
}

.gap-4 {
    grid-gap: 1.5rem!important;
    gap: 1.5rem!important
}

.gap-5 {
    grid-gap: 3rem!important;
    gap: 3rem!important
}

.justify-content-start {
    -moz-box-pack: start!important;
    justify-content: flex-start!important
}

.justify-content-end {
    -moz-box-pack: end!important;
    justify-content: flex-end!important
}

.justify-content-center {
    -moz-box-pack: center!important;
    justify-content: center!important
}

.justify-content-between {
    -moz-box-pack: justify!important;
    justify-content: space-between!important
}

.justify-content-around {
    justify-content: space-around!important
}

.justify-content-evenly {
    -moz-box-pack: space-evenly!important;
    justify-content: space-evenly!important
}

.align-items-start {
    -moz-box-align: start!important;
    align-items: flex-start!important
}

.align-items-end {
    -moz-box-align: end!important;
    align-items: flex-end!important
}

.align-items-center {
    -moz-box-align: center!important;
    align-items: center!important
}

.align-items-baseline {
    -moz-box-align: baseline!important;
    align-items: baseline!important
}

.align-items-stretch {
    -moz-box-align: stretch!important;
    align-items: stretch!important
}

.align-content-start {
    align-content: flex-start!important
}

.align-content-end {
    align-content: flex-end!important
}

.align-content-center {
    align-content: center!important
}

.align-content-between {
    align-content: space-between!important
}

.align-content-around {
    align-content: space-around!important
}

.align-content-stretch {
    align-content: stretch!important
}

.align-self-auto {
    align-self: auto!important
}

.align-self-start {
    align-self: flex-start!important
}

.align-self-end {
    align-self: flex-end!important
}

.align-self-center {
    align-self: center!important
}

.align-self-baseline {
    align-self: baseline!important
}

.align-self-stretch {
    align-self: stretch!important
}

.order-first {
    -moz-box-ordinal-group: 0!important;
    order: -1!important
}

.order-0 {
    -moz-box-ordinal-group: 1!important;
    order: 0!important
}

.order-1 {
    -moz-box-ordinal-group: 2!important;
    order: 1!important
}

.order-2 {
    -moz-box-ordinal-group: 3!important;
    order: 2!important
}

.order-3 {
    -moz-box-ordinal-group: 4!important;
    order: 3!important
}

.order-4 {
    -moz-box-ordinal-group: 5!important;
    order: 4!important
}

.order-5 {
    -moz-box-ordinal-group: 6!important;
    order: 5!important
}

.order-last {
    -moz-box-ordinal-group: 7!important;
    order: 6!important
}

.m-0 {
    margin: 0!important
}

.m-1 {
    margin: .25rem!important
}

.m-2 {
    margin: .5rem!important
}

.m-3 {
    margin: 1rem!important
}

.m-4 {
    margin: 1.5rem!important
}

.m-5 {
    margin: 3rem!important
}

.m-auto {
    margin: auto!important
}

.mx-0 {
    margin-right: 0!important;
    margin-left: 0!important
}

.mx-1 {
    margin-right: .25rem!important;
    margin-left: .25rem!important
}

.mx-2 {
    margin-right: .5rem!important;
    margin-left: .5rem!important
}

.mx-3 {
    margin-right: 1rem!important;
    margin-left: 1rem!important
}

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

.mx-5 {
    margin-right: 3rem!important;
    margin-left: 3rem!important
}

.mx-auto {
    margin-right: auto!important;
    margin-left: auto!important
}

.my-0 {
    margin-top: 0!important;
    margin-bottom: 0!important
}

.my-1 {
    margin-top: .25rem!important;
    margin-bottom: .25rem!important
}

.my-2 {
    margin-top: .5rem!important;
    margin-bottom: .5rem!important
}

.my-3 {
    margin-top: 1rem!important;
    margin-bottom: 1rem!important
}

.my-4 {
    margin-top: 1.5rem!important;
    margin-bottom: 1.5rem!important
}

.my-5 {
    margin-top: 3rem!important;
    margin-bottom: 3rem!important
}

.my-auto {
    margin-top: auto!important;
    margin-bottom: auto!important
}

.mt-0 {
    margin-top: 0!important
}

.mt-1 {
    margin-top: .25rem!important
}

.mt-2 {
    margin-top: .5rem!important
}

.mt-3 {
    margin-top: 1rem!important
}

.mt-4 {
    margin-top: 1.5rem!important
}

.mt-5 {
    margin-top: 3rem!important
}

.mt-auto {
    margin-top: auto!important
}

.me-0 {
    margin-right: 0!important
}

.me-1 {
    margin-right: .25rem!important
}

.me-2 {
    margin-right: .5rem!important
}

.me-3 {
    margin-right: 1rem!important
}

.me-4 {
    margin-right: 1.5rem!important
}

.me-5 {
    margin-right: 3rem!important
}

.me-auto {
    margin-right: auto!important
}

.mb-0 {
    margin-bottom: 0!important
}

.mb-1 {
    margin-bottom: .25rem!important
}

.mb-2 {
    margin-bottom: .5rem!important
}

.mb-3 {
    margin-bottom: 1rem!important
}

.mb-4 {
    margin-bottom: 1.5rem!important
}

.mb-5 {
    margin-bottom: 3rem!important
}

.mb-auto {
    margin-bottom: auto!important
}

.ms-0 {
    margin-left: 0!important
}

.ms-1 {
    margin-left: .25rem!important
}

.ms-2 {
    margin-left: .5rem!important
}

.ms-3 {
    margin-left: 1rem!important
}

.ms-4 {
    margin-left: 1.5rem!important
}

.ms-5 {
    margin-left: 3rem!important
}

.ms-auto {
    margin-left: auto!important
}

.p-0 {
    padding: 0!important
}

.p-1 {
    padding: .25rem!important
}

.p-2 {
    padding: .5rem!important
}

.p-3 {
    padding: 1rem!important
}

.p-4 {
    padding: 1.5rem!important
}

.p-5 {
    padding: 3rem!important
}

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

.px-1 {
    padding-right: .25rem!important;
    padding-left: .25rem!important
}

.px-2 {
    padding-right: .5rem!important;
    padding-left: .5rem!important
}

.px-3 {
    padding-right: 1rem!important;
    padding-left: 1rem!important
}

.px-4 {
    padding-right: 1.5rem!important;
    padding-left: 1.5rem!important
}

.px-5 {
    padding-right: 3rem!important;
    padding-left: 3rem!important
}

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

.py-1 {
    padding-top: .25rem!important;
    padding-bottom: .25rem!important
}

.py-2 {
    padding-top: .5rem!important;
    padding-bottom: .5rem!important
}

.py-3 {
    padding-top: 1rem!important;
    padding-bottom: 1rem!important
}

.py-4 {
    padding-top: 1.5rem!important;
    padding-bottom: 1.5rem!important
}

.py-5 {
    padding-top: 3rem!important;
    padding-bottom: 3rem!important
}

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

.pt-1 {
    padding-top: .25rem!important
}

.pt-2 {
    padding-top: .5rem!important
}

.pt-3 {
    padding-top: 1rem!important
}

.pt-4 {
    padding-top: 1.5rem!important
}

.pt-5 {
    padding-top: 3rem!important
}

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

.pe-1 {
    padding-right: .25rem!important
}

.pe-2 {
    padding-right: .5rem!important
}

.pe-3 {
    padding-right: 1rem!important
}

.pe-4 {
    padding-right: 1.5rem!important
}

.pe-5 {
    padding-right: 3rem!important
}

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

.pb-1 {
    padding-bottom: .25rem!important
}

.pb-2 {
    padding-bottom: .5rem!important
}

.pb-3 {
    padding-bottom: 1rem!important
}

.pb-4 {
    padding-bottom: 1.5rem!important
}

.pb-5 {
    padding-bottom: 3rem!important
}

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

.ps-1 {
    padding-left: .25rem!important
}

.ps-2 {
    padding-left: .5rem!important
}

.ps-3 {
    padding-left: 1rem!important
}

.ps-4 {
    padding-left: 1.5rem!important
}

.ps-5 {
    padding-left: 3rem!important
}

.font-monospace {
    font-family: var(--bs-font-monospace)!important
}

.fs-1 {
    font-size: -moz-calc(1.375rem + 1.5vw)!important;
    font-size: calc(1.375rem + 1.5vw)!important
}

.fs-2 {
    font-size: -moz-calc(1.325rem + .9vw)!important;
    font-size: calc(1.325rem + .9vw)!important
}

.fs-3 {
    font-size: -moz-calc(1.3rem + .6vw)!important;
    font-size: calc(1.3rem + .6vw)!important
}

.fs-4 {
    font-size: -moz-calc(1.275rem + .3vw)!important;
    font-size: calc(1.275rem + .3vw)!important
}

.fs-5 {
    font-size: 1.25rem!important
}

.fs-6 {
    font-size: 1rem!important
}

.fst-italic {
    font-style: italic!important
}

.fst-normal {
    font-style: normal!important
}

.fw-light {
    font-weight: 300!important
}

.fw-lighter {
    font-weight: lighter!important
}

.fw-normal {
    font-weight: 400!important
}

.fw-bold {
    font-weight: 700!important
}

.fw-bolder {
    font-weight: bolder!important
}

.lh-1 {
    line-height: 1!important
}

.lh-sm {
    line-height: 1.25!important
}

.lh-base {
    line-height: 1.5!important
}

.lh-lg {
    line-height: 2!important
}

.text-start {
    text-align: left!important
}

.text-end {
    text-align: right!important
}

.text-center {
    text-align: center!important
}

.text-decoration-none {
    text-decoration: none!important
}

.text-decoration-underline {
    text-decoration: underline!important
}

.text-decoration-line-through {
    text-decoration: line-through!important
}

.text-lowercase {
    text-transform: lowercase!important
}

.text-uppercase {
    text-transform: uppercase!important
}

.text-capitalize {
    text-transform: capitalize!important
}

.text-wrap {
    white-space: normal!important
}

.text-nowrap {
    white-space: nowrap!important
}

.text-break {
    word-wrap: break-word!important;
    word-break: break-word!important
}

.text-primary {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-primary-rgb),var(--bs-text-opacity))!important
}

.text-secondary {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-secondary-rgb),var(--bs-text-opacity))!important
}

.text-success {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-success-rgb),var(--bs-text-opacity))!important
}

.text-info {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-info-rgb),var(--bs-text-opacity))!important
}

.text-warning {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-warning-rgb),var(--bs-text-opacity))!important
}

.text-danger {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-danger-rgb),var(--bs-text-opacity))!important
}

.text-light {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-light-rgb),var(--bs-text-opacity))!important
}

.text-dark {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-dark-rgb),var(--bs-text-opacity))!important
}

.text-black {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-black-rgb),var(--bs-text-opacity))!important
}

.text-white {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-white-rgb),var(--bs-text-opacity))!important
}

.text-body {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-body-color-rgb),var(--bs-text-opacity))!important
}

.text-muted {
    --bs-text-opacity: 1;
    color: #6c757d!important
}

.text-black-50 {
    --bs-text-opacity: 1;
    color: rgba(0,0,0,.5)!important
}

.text-white-50 {
    --bs-text-opacity: 1;
    color: hsla(0,0%,100%,.5)!important
}

.text-reset {
    --bs-text-opacity: 1;
    color: inherit!important
}

.text-opacity-25 {
    --bs-text-opacity: 0.25
}

.text-opacity-50 {
    --bs-text-opacity: 0.5
}

.text-opacity-75 {
    --bs-text-opacity: 0.75
}

.text-opacity-100 {
    --bs-text-opacity: 1
}

.bg-primary {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-primary-rgb),var(--bs-bg-opacity))!important
}

.bg-secondary {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-secondary-rgb),var(--bs-bg-opacity))!important
}

.bg-success {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-success-rgb),var(--bs-bg-opacity))!important
}

.bg-info {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-info-rgb),var(--bs-bg-opacity))!important
}

.bg-warning {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-warning-rgb),var(--bs-bg-opacity))!important
}

.bg-danger {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-danger-rgb),var(--bs-bg-opacity))!important
}

.bg-light {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-light-rgb),var(--bs-bg-opacity))!important
}

.bg-dark {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-dark-rgb),var(--bs-bg-opacity))!important
}

.bg-black {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-black-rgb),var(--bs-bg-opacity))!important
}

.bg-white {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-white-rgb),var(--bs-bg-opacity))!important
}

.bg-body {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-body-bg-rgb),var(--bs-bg-opacity))!important
}

.bg-transparent {
    --bs-bg-opacity: 1;
    background-color: transparent!important
}

.bg-opacity-10 {
    --bs-bg-opacity: 0.1
}

.bg-opacity-25 {
    --bs-bg-opacity: 0.25
}

.bg-opacity-50 {
    --bs-bg-opacity: 0.5
}

.bg-opacity-75 {
    --bs-bg-opacity: 0.75
}

.bg-opacity-100 {
    --bs-bg-opacity: 1
}

.bg-gradient {
    background-image: var(--bs-gradient)!important
}

@media (min-width: 576px) {
    .float-sm-start {
        float:left!important
    }

    .float-sm-end {
        float: right!important
    }

    .float-sm-none {
        float: none!important
    }

    .d-sm-inline {
        display: inline!important
    }

    .d-sm-inline-block {
        display: inline-block!important
    }

    .d-sm-block {
        display: block!important
    }

    .d-sm-grid {
        display: grid!important
    }

    .d-sm-table {
        display: table!important
    }

    .d-sm-table-row {
        display: table-row!important
    }

    .d-sm-table-cell {
        display: table-cell!important
    }

    .d-sm-flex {
        display: -moz-box!important;
        display: flex!important
    }

    .d-sm-inline-flex {
        display: -moz-inline-box!important;
        display: inline-flex!important
    }

    .d-sm-none {
        display: none!important
    }

    .flex-sm-fill {
        -moz-box-flex: 1!important;
        flex: 1 1 auto!important
    }

    .flex-sm-row {
        -moz-box-orient: horizontal!important;
        flex-direction: row!important
    }

    .flex-sm-column,.flex-sm-row {
        -moz-box-direction: normal!important
    }

    .flex-sm-column {
        -moz-box-orient: vertical!important;
        flex-direction: column!important
    }

    .flex-sm-row-reverse {
        -moz-box-orient: horizontal!important;
        -moz-box-direction: reverse!important;
        flex-direction: row-reverse!important
    }

    .flex-sm-column-reverse {
        -moz-box-orient: vertical!important;
        -moz-box-direction: reverse!important;
        flex-direction: column-reverse!important
    }

    .flex-sm-grow-0 {
        -moz-box-flex: 0!important;
        flex-grow: 0!important
    }

    .flex-sm-grow-1 {
        -moz-box-flex: 1!important;
        flex-grow: 1!important
    }

    .flex-sm-shrink-0 {
        flex-shrink: 0!important
    }

    .flex-sm-shrink-1 {
        flex-shrink: 1!important
    }

    .flex-sm-wrap {
        flex-wrap: wrap!important
    }

    .flex-sm-nowrap {
        flex-wrap: nowrap!important
    }

    .flex-sm-wrap-reverse {
        flex-wrap: wrap-reverse!important
    }

    .gap-sm-0 {
        grid-gap: 0!important;
        gap: 0!important
    }

    .gap-sm-1 {
        grid-gap: .25rem!important;
        gap: .25rem!important
    }

    .gap-sm-2 {
        grid-gap: .5rem!important;
        gap: .5rem!important
    }

    .gap-sm-3 {
        grid-gap: 1rem!important;
        gap: 1rem!important
    }

    .gap-sm-4 {
        grid-gap: 1.5rem!important;
        gap: 1.5rem!important
    }

    .gap-sm-5 {
        grid-gap: 3rem!important;
        gap: 3rem!important
    }

    .justify-content-sm-start {
        -moz-box-pack: start!important;
        justify-content: flex-start!important
    }

    .justify-content-sm-end {
        -moz-box-pack: end!important;
        justify-content: flex-end!important
    }

    .justify-content-sm-center {
        -moz-box-pack: center!important;
        justify-content: center!important
    }

    .justify-content-sm-between {
        -moz-box-pack: justify!important;
        justify-content: space-between!important
    }

    .justify-content-sm-around {
        justify-content: space-around!important
    }

    .justify-content-sm-evenly {
        -moz-box-pack: space-evenly!important;
        justify-content: space-evenly!important
    }

    .align-items-sm-start {
        -moz-box-align: start!important;
        align-items: flex-start!important
    }

    .align-items-sm-end {
        -moz-box-align: end!important;
        align-items: flex-end!important
    }

    .align-items-sm-center {
        -moz-box-align: center!important;
        align-items: center!important
    }

    .align-items-sm-baseline {
        -moz-box-align: baseline!important;
        align-items: baseline!important
    }

    .align-items-sm-stretch {
        -moz-box-align: stretch!important;
        align-items: stretch!important
    }

    .align-content-sm-start {
        align-content: flex-start!important
    }

    .align-content-sm-end {
        align-content: flex-end!important
    }

    .align-content-sm-center {
        align-content: center!important
    }

    .align-content-sm-between {
        align-content: space-between!important
    }

    .align-content-sm-around {
        align-content: space-around!important
    }

    .align-content-sm-stretch {
        align-content: stretch!important
    }

    .align-self-sm-auto {
        align-self: auto!important
    }

    .align-self-sm-start {
        align-self: flex-start!important
    }

    .align-self-sm-end {
        align-self: flex-end!important
    }

    .align-self-sm-center {
        align-self: center!important
    }

    .align-self-sm-baseline {
        align-self: baseline!important
    }

    .align-self-sm-stretch {
        align-self: stretch!important
    }

    .order-sm-first {
        -moz-box-ordinal-group: 0!important;
        order: -1!important
    }

    .order-sm-0 {
        -moz-box-ordinal-group: 1!important;
        order: 0!important
    }

    .order-sm-1 {
        -moz-box-ordinal-group: 2!important;
        order: 1!important
    }

    .order-sm-2 {
        -moz-box-ordinal-group: 3!important;
        order: 2!important
    }

    .order-sm-3 {
        -moz-box-ordinal-group: 4!important;
        order: 3!important
    }

    .order-sm-4 {
        -moz-box-ordinal-group: 5!important;
        order: 4!important
    }

    .order-sm-5 {
        -moz-box-ordinal-group: 6!important;
        order: 5!important
    }

    .order-sm-last {
        -moz-box-ordinal-group: 7!important;
        order: 6!important
    }

    .m-sm-0 {
        margin: 0!important
    }

    .m-sm-1 {
        margin: .25rem!important
    }

    .m-sm-2 {
        margin: .5rem!important
    }

    .m-sm-3 {
        margin: 1rem!important
    }

    .m-sm-4 {
        margin: 1.5rem!important
    }

    .m-sm-5 {
        margin: 3rem!important
    }

    .m-sm-auto {
        margin: auto!important
    }

    .mx-sm-0 {
        margin-right: 0!important;
        margin-left: 0!important
    }

    .mx-sm-1 {
        margin-right: .25rem!important;
        margin-left: .25rem!important
    }

    .mx-sm-2 {
        margin-right: .5rem!important;
        margin-left: .5rem!important
    }

    .mx-sm-3 {
        margin-right: 1rem!important;
        margin-left: 1rem!important
    }

    .mx-sm-4 {
        margin-right: 1.5rem!important;
        margin-left: 1.5rem!important
    }

    .mx-sm-5 {
        margin-right: 3rem!important;
        margin-left: 3rem!important
    }

    .mx-sm-auto {
        margin-right: auto!important;
        margin-left: auto!important
    }

    .my-sm-0 {
        margin-top: 0!important;
        margin-bottom: 0!important
    }

    .my-sm-1 {
        margin-top: .25rem!important;
        margin-bottom: .25rem!important
    }

    .my-sm-2 {
        margin-top: .5rem!important;
        margin-bottom: .5rem!important
    }

    .my-sm-3 {
        margin-top: 1rem!important;
        margin-bottom: 1rem!important
    }

    .my-sm-4 {
        margin-top: 1.5rem!important;
        margin-bottom: 1.5rem!important
    }

    .my-sm-5 {
        margin-top: 3rem!important;
        margin-bottom: 3rem!important
    }

    .my-sm-auto {
        margin-top: auto!important;
        margin-bottom: auto!important
    }

    .mt-sm-0 {
        margin-top: 0!important
    }

    .mt-sm-1 {
        margin-top: .25rem!important
    }

    .mt-sm-2 {
        margin-top: .5rem!important
    }

    .mt-sm-3 {
        margin-top: 1rem!important
    }

    .mt-sm-4 {
        margin-top: 1.5rem!important
    }

    .mt-sm-5 {
        margin-top: 3rem!important
    }

    .mt-sm-auto {
        margin-top: auto!important
    }

    .me-sm-0 {
        margin-right: 0!important
    }

    .me-sm-1 {
        margin-right: .25rem!important
    }

    .me-sm-2 {
        margin-right: .5rem!important
    }

    .me-sm-3 {
        margin-right: 1rem!important
    }

    .me-sm-4 {
        margin-right: 1.5rem!important
    }

    .me-sm-5 {
        margin-right: 3rem!important
    }

    .me-sm-auto {
        margin-right: auto!important
    }

    .mb-sm-0 {
        margin-bottom: 0!important
    }

    .mb-sm-1 {
        margin-bottom: .25rem!important
    }

    .mb-sm-2 {
        margin-bottom: .5rem!important
    }

    .mb-sm-3 {
        margin-bottom: 1rem!important
    }

    .mb-sm-4 {
        margin-bottom: 1.5rem!important
    }

    .mb-sm-5 {
        margin-bottom: 3rem!important
    }

    .mb-sm-auto {
        margin-bottom: auto!important
    }

    .ms-sm-0 {
        margin-left: 0!important
    }

    .ms-sm-1 {
        margin-left: .25rem!important
    }

    .ms-sm-2 {
        margin-left: .5rem!important
    }

    .ms-sm-3 {
        margin-left: 1rem!important
    }

    .ms-sm-4 {
        margin-left: 1.5rem!important
    }

    .ms-sm-5 {
        margin-left: 3rem!important
    }

    .ms-sm-auto {
        margin-left: auto!important
    }

    .p-sm-0 {
        padding: 0!important
    }

    .p-sm-1 {
        padding: .25rem!important
    }

    .p-sm-2 {
        padding: .5rem!important
    }

    .p-sm-3 {
        padding: 1rem!important
    }

    .p-sm-4 {
        padding: 1.5rem!important
    }

    .p-sm-5 {
        padding: 3rem!important
    }

    .px-sm-0 {
        padding-right: 0!important;
        padding-left: 0!important
    }

    .px-sm-1 {
        padding-right: .25rem!important;
        padding-left: .25rem!important
    }

    .px-sm-2 {
        padding-right: .5rem!important;
        padding-left: .5rem!important
    }

    .px-sm-3 {
        padding-right: 1rem!important;
        padding-left: 1rem!important
    }

    .px-sm-4 {
        padding-right: 1.5rem!important;
        padding-left: 1.5rem!important
    }

    .px-sm-5 {
        padding-right: 3rem!important;
        padding-left: 3rem!important
    }

    .py-sm-0 {
        padding-top: 0!important;
        padding-bottom: 0!important
    }

    .py-sm-1 {
        padding-top: .25rem!important;
        padding-bottom: .25rem!important
    }

    .py-sm-2 {
        padding-top: .5rem!important;
        padding-bottom: .5rem!important
    }

    .py-sm-3 {
        padding-top: 1rem!important;
        padding-bottom: 1rem!important
    }

    .py-sm-4 {
        padding-top: 1.5rem!important;
        padding-bottom: 1.5rem!important
    }

    .py-sm-5 {
        padding-top: 3rem!important;
        padding-bottom: 3rem!important
    }

    .pt-sm-0 {
        padding-top: 0!important
    }

    .pt-sm-1 {
        padding-top: .25rem!important
    }

    .pt-sm-2 {
        padding-top: .5rem!important
    }

    .pt-sm-3 {
        padding-top: 1rem!important
    }

    .pt-sm-4 {
        padding-top: 1.5rem!important
    }

    .pt-sm-5 {
        padding-top: 3rem!important
    }

    .pe-sm-0 {
        padding-right: 0!important
    }

    .pe-sm-1 {
        padding-right: .25rem!important
    }

    .pe-sm-2 {
        padding-right: .5rem!important
    }

    .pe-sm-3 {
        padding-right: 1rem!important
    }

    .pe-sm-4 {
        padding-right: 1.5rem!important
    }

    .pe-sm-5 {
        padding-right: 3rem!important
    }

    .pb-sm-0 {
        padding-bottom: 0!important
    }

    .pb-sm-1 {
        padding-bottom: .25rem!important
    }

    .pb-sm-2 {
        padding-bottom: .5rem!important
    }

    .pb-sm-3 {
        padding-bottom: 1rem!important
    }

    .pb-sm-4 {
        padding-bottom: 1.5rem!important
    }

    .pb-sm-5 {
        padding-bottom: 3rem!important
    }

    .ps-sm-0 {
        padding-left: 0!important
    }

    .ps-sm-1 {
        padding-left: .25rem!important
    }

    .ps-sm-2 {
        padding-left: .5rem!important
    }

    .ps-sm-3 {
        padding-left: 1rem!important
    }

    .ps-sm-4 {
        padding-left: 1.5rem!important
    }

    .ps-sm-5 {
        padding-left: 3rem!important
    }

    .text-sm-start {
        text-align: left!important
    }

    .text-sm-end {
        text-align: right!important
    }

    .text-sm-center {
        text-align: center!important
    }
}

@media (min-width: 768px) {
    .float-md-start {
        float:left!important
    }

    .float-md-end {
        float: right!important
    }

    .float-md-none {
        float: none!important
    }

    .d-md-inline {
        display: inline!important
    }

    .d-md-inline-block {
        display: inline-block!important
    }

    .d-md-block {
        display: block!important
    }

    .d-md-grid {
        display: grid!important
    }

    .d-md-table {
        display: table!important
    }

    .d-md-table-row {
        display: table-row!important
    }

    .d-md-table-cell {
        display: table-cell!important
    }

    .d-md-flex {
        display: -moz-box!important;
        display: flex!important
    }

    .d-md-inline-flex {
        display: -moz-inline-box!important;
        display: inline-flex!important
    }

    .d-md-none {
        display: none!important
    }

    .flex-md-fill {
        -moz-box-flex: 1!important;
        flex: 1 1 auto!important
    }

    .flex-md-row {
        -moz-box-orient: horizontal!important;
        flex-direction: row!important
    }

    .flex-md-column,.flex-md-row {
        -moz-box-direction: normal!important
    }

    .flex-md-column {
        -moz-box-orient: vertical!important;
        flex-direction: column!important
    }

    .flex-md-row-reverse {
        -moz-box-orient: horizontal!important;
        -moz-box-direction: reverse!important;
        flex-direction: row-reverse!important
    }

    .flex-md-column-reverse {
        -moz-box-orient: vertical!important;
        -moz-box-direction: reverse!important;
        flex-direction: column-reverse!important
    }

    .flex-md-grow-0 {
        -moz-box-flex: 0!important;
        flex-grow: 0!important
    }

    .flex-md-grow-1 {
        -moz-box-flex: 1!important;
        flex-grow: 1!important
    }

    .flex-md-shrink-0 {
        flex-shrink: 0!important
    }

    .flex-md-shrink-1 {
        flex-shrink: 1!important
    }

    .flex-md-wrap {
        flex-wrap: wrap!important
    }

    .flex-md-nowrap {
        flex-wrap: nowrap!important
    }

    .flex-md-wrap-reverse {
        flex-wrap: wrap-reverse!important
    }

    .gap-md-0 {
        grid-gap: 0!important;
        gap: 0!important
    }

    .gap-md-1 {
        grid-gap: .25rem!important;
        gap: .25rem!important
    }

    .gap-md-2 {
        grid-gap: .5rem!important;
        gap: .5rem!important
    }

    .gap-md-3 {
        grid-gap: 1rem!important;
        gap: 1rem!important
    }

    .gap-md-4 {
        grid-gap: 1.5rem!important;
        gap: 1.5rem!important
    }

    .gap-md-5 {
        grid-gap: 3rem!important;
        gap: 3rem!important
    }

    .justify-content-md-start {
        -moz-box-pack: start!important;
        justify-content: flex-start!important
    }

    .justify-content-md-end {
        -moz-box-pack: end!important;
        justify-content: flex-end!important
    }

    .justify-content-md-center {
        -moz-box-pack: center!important;
        justify-content: center!important
    }

    .justify-content-md-between {
        -moz-box-pack: justify!important;
        justify-content: space-between!important
    }

    .justify-content-md-around {
        justify-content: space-around!important
    }

    .justify-content-md-evenly {
        -moz-box-pack: space-evenly!important;
        justify-content: space-evenly!important
    }

    .align-items-md-start {
        -moz-box-align: start!important;
        align-items: flex-start!important
    }

    .align-items-md-end {
        -moz-box-align: end!important;
        align-items: flex-end!important
    }

    .align-items-md-center {
        -moz-box-align: center!important;
        align-items: center!important
    }

    .align-items-md-baseline {
        -moz-box-align: baseline!important;
        align-items: baseline!important
    }

    .align-items-md-stretch {
        -moz-box-align: stretch!important;
        align-items: stretch!important
    }

    .align-content-md-start {
        align-content: flex-start!important
    }

    .align-content-md-end {
        align-content: flex-end!important
    }

    .align-content-md-center {
        align-content: center!important
    }

    .align-content-md-between {
        align-content: space-between!important
    }

    .align-content-md-around {
        align-content: space-around!important
    }

    .align-content-md-stretch {
        align-content: stretch!important
    }

    .align-self-md-auto {
        align-self: auto!important
    }

    .align-self-md-start {
        align-self: flex-start!important
    }

    .align-self-md-end {
        align-self: flex-end!important
    }

    .align-self-md-center {
        align-self: center!important
    }

    .align-self-md-baseline {
        align-self: baseline!important
    }

    .align-self-md-stretch {
        align-self: stretch!important
    }

    .order-md-first {
        -moz-box-ordinal-group: 0!important;
        order: -1!important
    }

    .order-md-0 {
        -moz-box-ordinal-group: 1!important;
        order: 0!important
    }

    .order-md-1 {
        -moz-box-ordinal-group: 2!important;
        order: 1!important
    }

    .order-md-2 {
        -moz-box-ordinal-group: 3!important;
        order: 2!important
    }

    .order-md-3 {
        -moz-box-ordinal-group: 4!important;
        order: 3!important
    }

    .order-md-4 {
        -moz-box-ordinal-group: 5!important;
        order: 4!important
    }

    .order-md-5 {
        -moz-box-ordinal-group: 6!important;
        order: 5!important
    }

    .order-md-last {
        -moz-box-ordinal-group: 7!important;
        order: 6!important
    }

    .m-md-0 {
        margin: 0!important
    }

    .m-md-1 {
        margin: .25rem!important
    }

    .m-md-2 {
        margin: .5rem!important
    }

    .m-md-3 {
        margin: 1rem!important
    }

    .m-md-4 {
        margin: 1.5rem!important
    }

    .m-md-5 {
        margin: 3rem!important
    }

    .m-md-auto {
        margin: auto!important
    }

    .mx-md-0 {
        margin-right: 0!important;
        margin-left: 0!important
    }

    .mx-md-1 {
        margin-right: .25rem!important;
        margin-left: .25rem!important
    }

    .mx-md-2 {
        margin-right: .5rem!important;
        margin-left: .5rem!important
    }

    .mx-md-3 {
        margin-right: 1rem!important;
        margin-left: 1rem!important
    }

    .mx-md-4 {
        margin-right: 1.5rem!important;
        margin-left: 1.5rem!important
    }

    .mx-md-5 {
        margin-right: 3rem!important;
        margin-left: 3rem!important
    }

    .mx-md-auto {
        margin-right: auto!important;
        margin-left: auto!important
    }

    .my-md-0 {
        margin-top: 0!important;
        margin-bottom: 0!important
    }

    .my-md-1 {
        margin-top: .25rem!important;
        margin-bottom: .25rem!important
    }

    .my-md-2 {
        margin-top: .5rem!important;
        margin-bottom: .5rem!important
    }

    .my-md-3 {
        margin-top: 1rem!important;
        margin-bottom: 1rem!important
    }

    .my-md-4 {
        margin-top: 1.5rem!important;
        margin-bottom: 1.5rem!important
    }

    .my-md-5 {
        margin-top: 3rem!important;
        margin-bottom: 3rem!important
    }

    .my-md-auto {
        margin-top: auto!important;
        margin-bottom: auto!important
    }

    .mt-md-0 {
        margin-top: 0!important
    }

    .mt-md-1 {
        margin-top: .25rem!important
    }

    .mt-md-2 {
        margin-top: .5rem!important
    }

    .mt-md-3 {
        margin-top: 1rem!important
    }

    .mt-md-4 {
        margin-top: 1.5rem!important
    }

    .mt-md-5 {
        margin-top: 3rem!important
    }

    .mt-md-auto {
        margin-top: auto!important
    }

    .me-md-0 {
        margin-right: 0!important
    }

    .me-md-1 {
        margin-right: .25rem!important
    }

    .me-md-2 {
        margin-right: .5rem!important
    }

    .me-md-3 {
        margin-right: 1rem!important
    }

    .me-md-4 {
        margin-right: 1.5rem!important
    }

    .me-md-5 {
        margin-right: 3rem!important
    }

    .me-md-auto {
        margin-right: auto!important
    }

    .mb-md-0 {
        margin-bottom: 0!important
    }

    .mb-md-1 {
        margin-bottom: .25rem!important
    }

    .mb-md-2 {
        margin-bottom: .5rem!important
    }

    .mb-md-3 {
        margin-bottom: 1rem!important
    }

    .mb-md-4 {
        margin-bottom: 1.5rem!important
    }

    .mb-md-5 {
        margin-bottom: 3rem!important
    }

    .mb-md-auto {
        margin-bottom: auto!important
    }

    .ms-md-0 {
        margin-left: 0!important
    }

    .ms-md-1 {
        margin-left: .25rem!important
    }

    .ms-md-2 {
        margin-left: .5rem!important
    }

    .ms-md-3 {
        margin-left: 1rem!important
    }

    .ms-md-4 {
        margin-left: 1.5rem!important
    }

    .ms-md-5 {
        margin-left: 3rem!important
    }

    .ms-md-auto {
        margin-left: auto!important
    }

    .p-md-0 {
        padding: 0!important
    }

    .p-md-1 {
        padding: .25rem!important
    }

    .p-md-2 {
        padding: .5rem!important
    }

    .p-md-3 {
        padding: 1rem!important
    }

    .p-md-4 {
        padding: 1.5rem!important
    }

    .p-md-5 {
        padding: 3rem!important
    }

    .px-md-0 {
        padding-right: 0!important;
        padding-left: 0!important
    }

    .px-md-1 {
        padding-right: .25rem!important;
        padding-left: .25rem!important
    }

    .px-md-2 {
        padding-right: .5rem!important;
        padding-left: .5rem!important
    }

    .px-md-3 {
        padding-right: 1rem!important;
        padding-left: 1rem!important
    }

    .px-md-4 {
        padding-right: 1.5rem!important;
        padding-left: 1.5rem!important
    }

    .px-md-5 {
        padding-right: 3rem!important;
        padding-left: 3rem!important
    }

    .py-md-0 {
        padding-top: 0!important;
        padding-bottom: 0!important
    }

    .py-md-1 {
        padding-top: .25rem!important;
        padding-bottom: .25rem!important
    }

    .py-md-2 {
        padding-top: .5rem!important;
        padding-bottom: .5rem!important
    }

    .py-md-3 {
        padding-top: 1rem!important;
        padding-bottom: 1rem!important
    }

    .py-md-4 {
        padding-top: 1.5rem!important;
        padding-bottom: 1.5rem!important
    }

    .py-md-5 {
        padding-top: 3rem!important;
        padding-bottom: 3rem!important
    }

    .pt-md-0 {
        padding-top: 0!important
    }

    .pt-md-1 {
        padding-top: .25rem!important
    }

    .pt-md-2 {
        padding-top: .5rem!important
    }

    .pt-md-3 {
        padding-top: 1rem!important
    }

    .pt-md-4 {
        padding-top: 1.5rem!important
    }

    .pt-md-5 {
        padding-top: 3rem!important
    }

    .pe-md-0 {
        padding-right: 0!important
    }

    .pe-md-1 {
        padding-right: .25rem!important
    }

    .pe-md-2 {
        padding-right: .5rem!important
    }

    .pe-md-3 {
        padding-right: 1rem!important
    }

    .pe-md-4 {
        padding-right: 1.5rem!important
    }

    .pe-md-5 {
        padding-right: 3rem!important
    }

    .pb-md-0 {
        padding-bottom: 0!important
    }

    .pb-md-1 {
        padding-bottom: .25rem!important
    }

    .pb-md-2 {
        padding-bottom: .5rem!important
    }

    .pb-md-3 {
        padding-bottom: 1rem!important
    }

    .pb-md-4 {
        padding-bottom: 1.5rem!important
    }

    .pb-md-5 {
        padding-bottom: 3rem!important
    }

    .ps-md-0 {
        padding-left: 0!important
    }

    .ps-md-1 {
        padding-left: .25rem!important
    }

    .ps-md-2 {
        padding-left: .5rem!important
    }

    .ps-md-3 {
        padding-left: 1rem!important
    }

    .ps-md-4 {
        padding-left: 1.5rem!important
    }

    .ps-md-5 {
        padding-left: 3rem!important
    }

    .text-md-start {
        text-align: left!important
    }

    .text-md-end {
        text-align: right!important
    }

    .text-md-center {
        text-align: center!important
    }
}

@media (min-width: 992px) {
    .float-lg-start {
        float:left!important
    }

    .float-lg-end {
        float: right!important
    }

    .float-lg-none {
        float: none!important
    }

    .d-lg-inline {
        display: inline!important
    }

    .d-lg-inline-block {
        display: inline-block!important
    }

    .d-lg-block {
        display: block!important
    }

    .d-lg-grid {
        display: grid!important
    }

    .d-lg-table {
        display: table!important
    }

    .d-lg-table-row {
        display: table-row!important
    }

    .d-lg-table-cell {
        display: table-cell!important
    }

    .d-lg-flex {
        display: -moz-box!important;
        display: flex!important
    }

    .d-lg-inline-flex {
        display: -moz-inline-box!important;
        display: inline-flex!important
    }

    .d-lg-none {
        display: none!important
    }

    .flex-lg-fill {
        -moz-box-flex: 1!important;
        flex: 1 1 auto!important
    }

    .flex-lg-row {
        -moz-box-orient: horizontal!important;
        flex-direction: row!important
    }

    .flex-lg-column,.flex-lg-row {
        -moz-box-direction: normal!important
    }

    .flex-lg-column {
        -moz-box-orient: vertical!important;
        flex-direction: column!important
    }

    .flex-lg-row-reverse {
        -moz-box-orient: horizontal!important;
        -moz-box-direction: reverse!important;
        flex-direction: row-reverse!important
    }

    .flex-lg-column-reverse {
        -moz-box-orient: vertical!important;
        -moz-box-direction: reverse!important;
        flex-direction: column-reverse!important
    }

    .flex-lg-grow-0 {
        -moz-box-flex: 0!important;
        flex-grow: 0!important
    }

    .flex-lg-grow-1 {
        -moz-box-flex: 1!important;
        flex-grow: 1!important
    }

    .flex-lg-shrink-0 {
        flex-shrink: 0!important
    }

    .flex-lg-shrink-1 {
        flex-shrink: 1!important
    }

    .flex-lg-wrap {
        flex-wrap: wrap!important
    }

    .flex-lg-nowrap {
        flex-wrap: nowrap!important
    }

    .flex-lg-wrap-reverse {
        flex-wrap: wrap-reverse!important
    }

    .gap-lg-0 {
        grid-gap: 0!important;
        gap: 0!important
    }

    .gap-lg-1 {
        grid-gap: .25rem!important;
        gap: .25rem!important
    }

    .gap-lg-2 {
        grid-gap: .5rem!important;
        gap: .5rem!important
    }

    .gap-lg-3 {
        grid-gap: 1rem!important;
        gap: 1rem!important
    }

    .gap-lg-4 {
        grid-gap: 1.5rem!important;
        gap: 1.5rem!important
    }

    .gap-lg-5 {
        grid-gap: 3rem!important;
        gap: 3rem!important
    }

    .justify-content-lg-start {
        -moz-box-pack: start!important;
        justify-content: flex-start!important
    }

    .justify-content-lg-end {
        -moz-box-pack: end!important;
        justify-content: flex-end!important
    }

    .justify-content-lg-center {
        -moz-box-pack: center!important;
        justify-content: center!important
    }

    .justify-content-lg-between {
        -moz-box-pack: justify!important;
        justify-content: space-between!important
    }

    .justify-content-lg-around {
        justify-content: space-around!important
    }

    .justify-content-lg-evenly {
        -moz-box-pack: space-evenly!important;
        justify-content: space-evenly!important
    }

    .align-items-lg-start {
        -moz-box-align: start!important;
        align-items: flex-start!important
    }

    .align-items-lg-end {
        -moz-box-align: end!important;
        align-items: flex-end!important
    }

    .align-items-lg-center {
        -moz-box-align: center!important;
        align-items: center!important
    }

    .align-items-lg-baseline {
        -moz-box-align: baseline!important;
        align-items: baseline!important
    }

    .align-items-lg-stretch {
        -moz-box-align: stretch!important;
        align-items: stretch!important
    }

    .align-content-lg-start {
        align-content: flex-start!important
    }

    .align-content-lg-end {
        align-content: flex-end!important
    }

    .align-content-lg-center {
        align-content: center!important
    }

    .align-content-lg-between {
        align-content: space-between!important
    }

    .align-content-lg-around {
        align-content: space-around!important
    }

    .align-content-lg-stretch {
        align-content: stretch!important
    }

    .align-self-lg-auto {
        align-self: auto!important
    }

    .align-self-lg-start {
        align-self: flex-start!important
    }

    .align-self-lg-end {
        align-self: flex-end!important
    }

    .align-self-lg-center {
        align-self: center!important
    }

    .align-self-lg-baseline {
        align-self: baseline!important
    }

    .align-self-lg-stretch {
        align-self: stretch!important
    }

    .order-lg-first {
        -moz-box-ordinal-group: 0!important;
        order: -1!important
    }

    .order-lg-0 {
        -moz-box-ordinal-group: 1!important;
        order: 0!important
    }

    .order-lg-1 {
        -moz-box-ordinal-group: 2!important;
        order: 1!important
    }

    .order-lg-2 {
        -moz-box-ordinal-group: 3!important;
        order: 2!important
    }

    .order-lg-3 {
        -moz-box-ordinal-group: 4!important;
        order: 3!important
    }

    .order-lg-4 {
        -moz-box-ordinal-group: 5!important;
        order: 4!important
    }

    .order-lg-5 {
        -moz-box-ordinal-group: 6!important;
        order: 5!important
    }

    .order-lg-last {
        -moz-box-ordinal-group: 7!important;
        order: 6!important
    }

    .m-lg-0 {
        margin: 0!important
    }

    .m-lg-1 {
        margin: .25rem!important
    }

    .m-lg-2 {
        margin: .5rem!important
    }

    .m-lg-3 {
        margin: 1rem!important
    }

    .m-lg-4 {
        margin: 1.5rem!important
    }

    .m-lg-5 {
        margin: 3rem!important
    }

    .m-lg-auto {
        margin: auto!important
    }

    .mx-lg-0 {
        margin-right: 0!important;
        margin-left: 0!important
    }

    .mx-lg-1 {
        margin-right: .25rem!important;
        margin-left: .25rem!important
    }

    .mx-lg-2 {
        margin-right: .5rem!important;
        margin-left: .5rem!important
    }

    .mx-lg-3 {
        margin-right: 1rem!important;
        margin-left: 1rem!important
    }

    .mx-lg-4 {
        margin-right: 1.5rem!important;
        margin-left: 1.5rem!important
    }

    .mx-lg-5 {
        margin-right: 3rem!important;
        margin-left: 3rem!important
    }

    .mx-lg-auto {
        margin-right: auto!important;
        margin-left: auto!important
    }

    .my-lg-0 {
        margin-top: 0!important;
        margin-bottom: 0!important
    }

    .my-lg-1 {
        margin-top: .25rem!important;
        margin-bottom: .25rem!important
    }

    .my-lg-2 {
        margin-top: .5rem!important;
        margin-bottom: .5rem!important
    }

    .my-lg-3 {
        margin-top: 1rem!important;
        margin-bottom: 1rem!important
    }

    .my-lg-4 {
        margin-top: 1.5rem!important;
        margin-bottom: 1.5rem!important
    }

    .my-lg-5 {
        margin-top: 3rem!important;
        margin-bottom: 3rem!important
    }

    .my-lg-auto {
        margin-top: auto!important;
        margin-bottom: auto!important
    }

    .mt-lg-0 {
        margin-top: 0!important
    }

    .mt-lg-1 {
        margin-top: .25rem!important
    }

    .mt-lg-2 {
        margin-top: .5rem!important
    }

    .mt-lg-3 {
        margin-top: 1rem!important
    }

    .mt-lg-4 {
        margin-top: 1.5rem!important
    }

    .mt-lg-5 {
        margin-top: 3rem!important
    }

    .mt-lg-auto {
        margin-top: auto!important
    }

    .me-lg-0 {
        margin-right: 0!important
    }

    .me-lg-1 {
        margin-right: .25rem!important
    }

    .me-lg-2 {
        margin-right: .5rem!important
    }

    .me-lg-3 {
        margin-right: 1rem!important
    }

    .me-lg-4 {
        margin-right: 1.5rem!important
    }

    .me-lg-5 {
        margin-right: 3rem!important
    }

    .me-lg-auto {
        margin-right: auto!important
    }

    .mb-lg-0 {
        margin-bottom: 0!important
    }

    .mb-lg-1 {
        margin-bottom: .25rem!important
    }

    .mb-lg-2 {
        margin-bottom: .5rem!important
    }

    .mb-lg-3 {
        margin-bottom: 1rem!important
    }

    .mb-lg-4 {
        margin-bottom: 1.5rem!important
    }

    .mb-lg-5 {
        margin-bottom: 3rem!important
    }

    .mb-lg-auto {
        margin-bottom: auto!important
    }

    .ms-lg-0 {
        margin-left: 0!important
    }

    .ms-lg-1 {
        margin-left: .25rem!important
    }

    .ms-lg-2 {
        margin-left: .5rem!important
    }

    .ms-lg-3 {
        margin-left: 1rem!important
    }

    .ms-lg-4 {
        margin-left: 1.5rem!important
    }

    .ms-lg-5 {
        margin-left: 3rem!important
    }

    .ms-lg-auto {
        margin-left: auto!important
    }

    .p-lg-0 {
        padding: 0!important
    }

    .p-lg-1 {
        padding: .25rem!important
    }

    .p-lg-2 {
        padding: .5rem!important
    }

    .p-lg-3 {
        padding: 1rem!important
    }

    .p-lg-4 {
        padding: 1.5rem!important
    }

    .p-lg-5 {
        padding: 3rem!important
    }

    .px-lg-0 {
        padding-right: 0!important;
        padding-left: 0!important
    }

    .px-lg-1 {
        padding-right: .25rem!important;
        padding-left: .25rem!important
    }

    .px-lg-2 {
        padding-right: .5rem!important;
        padding-left: .5rem!important
    }

    .px-lg-3 {
        padding-right: 1rem!important;
        padding-left: 1rem!important
    }

    .px-lg-4 {
        padding-right: 1.5rem!important;
        padding-left: 1.5rem!important
    }

    .px-lg-5 {
        padding-right: 3rem!important;
        padding-left: 3rem!important
    }

    .py-lg-0 {
        padding-top: 0!important;
        padding-bottom: 0!important
    }

    .py-lg-1 {
        padding-top: .25rem!important;
        padding-bottom: .25rem!important
    }

    .py-lg-2 {
        padding-top: .5rem!important;
        padding-bottom: .5rem!important
    }

    .py-lg-3 {
        padding-top: 1rem!important;
        padding-bottom: 1rem!important
    }

    .py-lg-4 {
        padding-top: 1.5rem!important;
        padding-bottom: 1.5rem!important
    }

    .py-lg-5 {
        padding-top: 3rem!important;
        padding-bottom: 3rem!important
    }

    .pt-lg-0 {
        padding-top: 0!important
    }

    .pt-lg-1 {
        padding-top: .25rem!important
    }

    .pt-lg-2 {
        padding-top: .5rem!important
    }

    .pt-lg-3 {
        padding-top: 1rem!important
    }

    .pt-lg-4 {
        padding-top: 1.5rem!important
    }

    .pt-lg-5 {
        padding-top: 3rem!important
    }

    .pe-lg-0 {
        padding-right: 0!important
    }

    .pe-lg-1 {
        padding-right: .25rem!important
    }

    .pe-lg-2 {
        padding-right: .5rem!important
    }

    .pe-lg-3 {
        padding-right: 1rem!important
    }

    .pe-lg-4 {
        padding-right: 1.5rem!important
    }

    .pe-lg-5 {
        padding-right: 3rem!important
    }

    .pb-lg-0 {
        padding-bottom: 0!important
    }

    .pb-lg-1 {
        padding-bottom: .25rem!important
    }

    .pb-lg-2 {
        padding-bottom: .5rem!important
    }

    .pb-lg-3 {
        padding-bottom: 1rem!important
    }

    .pb-lg-4 {
        padding-bottom: 1.5rem!important
    }

    .pb-lg-5 {
        padding-bottom: 3rem!important
    }

    .ps-lg-0 {
        padding-left: 0!important
    }

    .ps-lg-1 {
        padding-left: .25rem!important
    }

    .ps-lg-2 {
        padding-left: .5rem!important
    }

    .ps-lg-3 {
        padding-left: 1rem!important
    }

    .ps-lg-4 {
        padding-left: 1.5rem!important
    }

    .ps-lg-5 {
        padding-left: 3rem!important
    }

    .text-lg-start {
        text-align: left!important
    }

    .text-lg-end {
        text-align: right!important
    }

    .text-lg-center {
        text-align: center!important
    }
}

@media (min-width: 1200px) {
    .float-xl-start {
        float:left!important
    }

    .float-xl-end {
        float: right!important
    }

    .float-xl-none {
        float: none!important
    }

    .d-xl-inline {
        display: inline!important
    }

    .d-xl-inline-block {
        display: inline-block!important
    }

    .d-xl-block {
        display: block!important
    }

    .d-xl-grid {
        display: grid!important
    }

    .d-xl-table {
        display: table!important
    }

    .d-xl-table-row {
        display: table-row!important
    }

    .d-xl-table-cell {
        display: table-cell!important
    }

    .d-xl-flex {
        display: -moz-box!important;
        display: flex!important
    }

    .d-xl-inline-flex {
        display: -moz-inline-box!important;
        display: inline-flex!important
    }

    .d-xl-none {
        display: none!important
    }

    .flex-xl-fill {
        -moz-box-flex: 1!important;
        flex: 1 1 auto!important
    }

    .flex-xl-row {
        -moz-box-orient: horizontal!important;
        flex-direction: row!important
    }

    .flex-xl-column,.flex-xl-row {
        -moz-box-direction: normal!important
    }

    .flex-xl-column {
        -moz-box-orient: vertical!important;
        flex-direction: column!important
    }

    .flex-xl-row-reverse {
        -moz-box-orient: horizontal!important;
        -moz-box-direction: reverse!important;
        flex-direction: row-reverse!important
    }

    .flex-xl-column-reverse {
        -moz-box-orient: vertical!important;
        -moz-box-direction: reverse!important;
        flex-direction: column-reverse!important
    }

    .flex-xl-grow-0 {
        -moz-box-flex: 0!important;
        flex-grow: 0!important
    }

    .flex-xl-grow-1 {
        -moz-box-flex: 1!important;
        flex-grow: 1!important
    }

    .flex-xl-shrink-0 {
        flex-shrink: 0!important
    }

    .flex-xl-shrink-1 {
        flex-shrink: 1!important
    }

    .flex-xl-wrap {
        flex-wrap: wrap!important
    }

    .flex-xl-nowrap {
        flex-wrap: nowrap!important
    }

    .flex-xl-wrap-reverse {
        flex-wrap: wrap-reverse!important
    }

    .gap-xl-0 {
        grid-gap: 0!important;
        gap: 0!important
    }

    .gap-xl-1 {
        grid-gap: .25rem!important;
        gap: .25rem!important
    }

    .gap-xl-2 {
        grid-gap: .5rem!important;
        gap: .5rem!important
    }

    .gap-xl-3 {
        grid-gap: 1rem!important;
        gap: 1rem!important
    }

    .gap-xl-4 {
        grid-gap: 1.5rem!important;
        gap: 1.5rem!important
    }

    .gap-xl-5 {
        grid-gap: 3rem!important;
        gap: 3rem!important
    }

    .justify-content-xl-start {
        -moz-box-pack: start!important;
        justify-content: flex-start!important
    }

    .justify-content-xl-end {
        -moz-box-pack: end!important;
        justify-content: flex-end!important
    }

    .justify-content-xl-center {
        -moz-box-pack: center!important;
        justify-content: center!important
    }

    .justify-content-xl-between {
        -moz-box-pack: justify!important;
        justify-content: space-between!important
    }

    .justify-content-xl-around {
        justify-content: space-around!important
    }

    .justify-content-xl-evenly {
        -moz-box-pack: space-evenly!important;
        justify-content: space-evenly!important
    }

    .align-items-xl-start {
        -moz-box-align: start!important;
        align-items: flex-start!important
    }

    .align-items-xl-end {
        -moz-box-align: end!important;
        align-items: flex-end!important
    }

    .align-items-xl-center {
        -moz-box-align: center!important;
        align-items: center!important
    }

    .align-items-xl-baseline {
        -moz-box-align: baseline!important;
        align-items: baseline!important
    }

    .align-items-xl-stretch {
        -moz-box-align: stretch!important;
        align-items: stretch!important
    }

    .align-content-xl-start {
        align-content: flex-start!important
    }

    .align-content-xl-end {
        align-content: flex-end!important
    }

    .align-content-xl-center {
        align-content: center!important
    }

    .align-content-xl-between {
        align-content: space-between!important
    }

    .align-content-xl-around {
        align-content: space-around!important
    }

    .align-content-xl-stretch {
        align-content: stretch!important
    }

    .align-self-xl-auto {
        align-self: auto!important
    }

    .align-self-xl-start {
        align-self: flex-start!important
    }

    .align-self-xl-end {
        align-self: flex-end!important
    }

    .align-self-xl-center {
        align-self: center!important
    }

    .align-self-xl-baseline {
        align-self: baseline!important
    }

    .align-self-xl-stretch {
        align-self: stretch!important
    }

    .order-xl-first {
        -moz-box-ordinal-group: 0!important;
        order: -1!important
    }

    .order-xl-0 {
        -moz-box-ordinal-group: 1!important;
        order: 0!important
    }

    .order-xl-1 {
        -moz-box-ordinal-group: 2!important;
        order: 1!important
    }

    .order-xl-2 {
        -moz-box-ordinal-group: 3!important;
        order: 2!important
    }

    .order-xl-3 {
        -moz-box-ordinal-group: 4!important;
        order: 3!important
    }

    .order-xl-4 {
        -moz-box-ordinal-group: 5!important;
        order: 4!important
    }

    .order-xl-5 {
        -moz-box-ordinal-group: 6!important;
        order: 5!important
    }

    .order-xl-last {
        -moz-box-ordinal-group: 7!important;
        order: 6!important
    }

    .m-xl-0 {
        margin: 0!important
    }

    .m-xl-1 {
        margin: .25rem!important
    }

    .m-xl-2 {
        margin: .5rem!important
    }

    .m-xl-3 {
        margin: 1rem!important
    }

    .m-xl-4 {
        margin: 1.5rem!important
    }

    .m-xl-5 {
        margin: 3rem!important
    }

    .m-xl-auto {
        margin: auto!important
    }

    .mx-xl-0 {
        margin-right: 0!important;
        margin-left: 0!important
    }

    .mx-xl-1 {
        margin-right: .25rem!important;
        margin-left: .25rem!important
    }

    .mx-xl-2 {
        margin-right: .5rem!important;
        margin-left: .5rem!important
    }

    .mx-xl-3 {
        margin-right: 1rem!important;
        margin-left: 1rem!important
    }

    .mx-xl-4 {
        margin-right: 1.5rem!important;
        margin-left: 1.5rem!important
    }

    .mx-xl-5 {
        margin-right: 3rem!important;
        margin-left: 3rem!important
    }

    .mx-xl-auto {
        margin-right: auto!important;
        margin-left: auto!important
    }

    .my-xl-0 {
        margin-top: 0!important;
        margin-bottom: 0!important
    }

    .my-xl-1 {
        margin-top: .25rem!important;
        margin-bottom: .25rem!important
    }

    .my-xl-2 {
        margin-top: .5rem!important;
        margin-bottom: .5rem!important
    }

    .my-xl-3 {
        margin-top: 1rem!important;
        margin-bottom: 1rem!important
    }

    .my-xl-4 {
        margin-top: 1.5rem!important;
        margin-bottom: 1.5rem!important
    }

    .my-xl-5 {
        margin-top: 3rem!important;
        margin-bottom: 3rem!important
    }

    .my-xl-auto {
        margin-top: auto!important;
        margin-bottom: auto!important
    }

    .mt-xl-0 {
        margin-top: 0!important
    }

    .mt-xl-1 {
        margin-top: .25rem!important
    }

    .mt-xl-2 {
        margin-top: .5rem!important
    }

    .mt-xl-3 {
        margin-top: 1rem!important
    }

    .mt-xl-4 {
        margin-top: 1.5rem!important
    }

    .mt-xl-5 {
        margin-top: 3rem!important
    }

    .mt-xl-auto {
        margin-top: auto!important
    }

    .me-xl-0 {
        margin-right: 0!important
    }

    .me-xl-1 {
        margin-right: .25rem!important
    }

    .me-xl-2 {
        margin-right: .5rem!important
    }

    .me-xl-3 {
        margin-right: 1rem!important
    }

    .me-xl-4 {
        margin-right: 1.5rem!important
    }

    .me-xl-5 {
        margin-right: 3rem!important
    }

    .me-xl-auto {
        margin-right: auto!important
    }

    .mb-xl-0 {
        margin-bottom: 0!important
    }

    .mb-xl-1 {
        margin-bottom: .25rem!important
    }

    .mb-xl-2 {
        margin-bottom: .5rem!important
    }

    .mb-xl-3 {
        margin-bottom: 1rem!important
    }

    .mb-xl-4 {
        margin-bottom: 1.5rem!important
    }

    .mb-xl-5 {
        margin-bottom: 3rem!important
    }

    .mb-xl-auto {
        margin-bottom: auto!important
    }

    .ms-xl-0 {
        margin-left: 0!important
    }

    .ms-xl-1 {
        margin-left: .25rem!important
    }

    .ms-xl-2 {
        margin-left: .5rem!important
    }

    .ms-xl-3 {
        margin-left: 1rem!important
    }

    .ms-xl-4 {
        margin-left: 1.5rem!important
    }

    .ms-xl-5 {
        margin-left: 3rem!important
    }

    .ms-xl-auto {
        margin-left: auto!important
    }

    .p-xl-0 {
        padding: 0!important
    }

    .p-xl-1 {
        padding: .25rem!important
    }

    .p-xl-2 {
        padding: .5rem!important
    }

    .p-xl-3 {
        padding: 1rem!important
    }

    .p-xl-4 {
        padding: 1.5rem!important
    }

    .p-xl-5 {
        padding: 3rem!important
    }

    .px-xl-0 {
        padding-right: 0!important;
        padding-left: 0!important
    }

    .px-xl-1 {
        padding-right: .25rem!important;
        padding-left: .25rem!important
    }

    .px-xl-2 {
        padding-right: .5rem!important;
        padding-left: .5rem!important
    }

    .px-xl-3 {
        padding-right: 1rem!important;
        padding-left: 1rem!important
    }

    .px-xl-4 {
        padding-right: 1.5rem!important;
        padding-left: 1.5rem!important
    }

    .px-xl-5 {
        padding-right: 3rem!important;
        padding-left: 3rem!important
    }

    .py-xl-0 {
        padding-top: 0!important;
        padding-bottom: 0!important
    }

    .py-xl-1 {
        padding-top: .25rem!important;
        padding-bottom: .25rem!important
    }

    .py-xl-2 {
        padding-top: .5rem!important;
        padding-bottom: .5rem!important
    }

    .py-xl-3 {
        padding-top: 1rem!important;
        padding-bottom: 1rem!important
    }

    .py-xl-4 {
        padding-top: 1.5rem!important;
        padding-bottom: 1.5rem!important
    }

    .py-xl-5 {
        padding-top: 3rem!important;
        padding-bottom: 3rem!important
    }

    .pt-xl-0 {
        padding-top: 0!important
    }

    .pt-xl-1 {
        padding-top: .25rem!important
    }

    .pt-xl-2 {
        padding-top: .5rem!important
    }

    .pt-xl-3 {
        padding-top: 1rem!important
    }

    .pt-xl-4 {
        padding-top: 1.5rem!important
    }

    .pt-xl-5 {
        padding-top: 3rem!important
    }

    .pe-xl-0 {
        padding-right: 0!important
    }

    .pe-xl-1 {
        padding-right: .25rem!important
    }

    .pe-xl-2 {
        padding-right: .5rem!important
    }

    .pe-xl-3 {
        padding-right: 1rem!important
    }

    .pe-xl-4 {
        padding-right: 1.5rem!important
    }

    .pe-xl-5 {
        padding-right: 3rem!important
    }

    .pb-xl-0 {
        padding-bottom: 0!important
    }

    .pb-xl-1 {
        padding-bottom: .25rem!important
    }

    .pb-xl-2 {
        padding-bottom: .5rem!important
    }

    .pb-xl-3 {
        padding-bottom: 1rem!important
    }

    .pb-xl-4 {
        padding-bottom: 1.5rem!important
    }

    .pb-xl-5 {
        padding-bottom: 3rem!important
    }

    .ps-xl-0 {
        padding-left: 0!important
    }

    .ps-xl-1 {
        padding-left: .25rem!important
    }

    .ps-xl-2 {
        padding-left: .5rem!important
    }

    .ps-xl-3 {
        padding-left: 1rem!important
    }

    .ps-xl-4 {
        padding-left: 1.5rem!important
    }

    .ps-xl-5 {
        padding-left: 3rem!important
    }

    .text-xl-start {
        text-align: left!important
    }

    .text-xl-end {
        text-align: right!important
    }

    .text-xl-center {
        text-align: center!important
    }
}

@media (min-width: 1400px) {
    .float-xxl-start {
        float:left!important
    }

    .float-xxl-end {
        float: right!important
    }

    .float-xxl-none {
        float: none!important
    }

    .d-xxl-inline {
        display: inline!important
    }

    .d-xxl-inline-block {
        display: inline-block!important
    }

    .d-xxl-block {
        display: block!important
    }

    .d-xxl-grid {
        display: grid!important
    }

    .d-xxl-table {
        display: table!important
    }

    .d-xxl-table-row {
        display: table-row!important
    }

    .d-xxl-table-cell {
        display: table-cell!important
    }

    .d-xxl-flex {
        display: -moz-box!important;
        display: flex!important
    }

    .d-xxl-inline-flex {
        display: -moz-inline-box!important;
        display: inline-flex!important
    }

    .d-xxl-none {
        display: none!important
    }

    .flex-xxl-fill {
        -moz-box-flex: 1!important;
        flex: 1 1 auto!important
    }

    .flex-xxl-row {
        -moz-box-orient: horizontal!important;
        flex-direction: row!important
    }

    .flex-xxl-column,.flex-xxl-row {
        -moz-box-direction: normal!important
    }

    .flex-xxl-column {
        -moz-box-orient: vertical!important;
        flex-direction: column!important
    }

    .flex-xxl-row-reverse {
        -moz-box-orient: horizontal!important;
        -moz-box-direction: reverse!important;
        flex-direction: row-reverse!important
    }

    .flex-xxl-column-reverse {
        -moz-box-orient: vertical!important;
        -moz-box-direction: reverse!important;
        flex-direction: column-reverse!important
    }

    .flex-xxl-grow-0 {
        -moz-box-flex: 0!important;
        flex-grow: 0!important
    }

    .flex-xxl-grow-1 {
        -moz-box-flex: 1!important;
        flex-grow: 1!important
    }

    .flex-xxl-shrink-0 {
        flex-shrink: 0!important
    }

    .flex-xxl-shrink-1 {
        flex-shrink: 1!important
    }

    .flex-xxl-wrap {
        flex-wrap: wrap!important
    }

    .flex-xxl-nowrap {
        flex-wrap: nowrap!important
    }

    .flex-xxl-wrap-reverse {
        flex-wrap: wrap-reverse!important
    }

    .gap-xxl-0 {
        grid-gap: 0!important;
        gap: 0!important
    }

    .gap-xxl-1 {
        grid-gap: .25rem!important;
        gap: .25rem!important
    }

    .gap-xxl-2 {
        grid-gap: .5rem!important;
        gap: .5rem!important
    }

    .gap-xxl-3 {
        grid-gap: 1rem!important;
        gap: 1rem!important
    }

    .gap-xxl-4 {
        grid-gap: 1.5rem!important;
        gap: 1.5rem!important
    }

    .gap-xxl-5 {
        grid-gap: 3rem!important;
        gap: 3rem!important
    }

    .justify-content-xxl-start {
        -moz-box-pack: start!important;
        justify-content: flex-start!important
    }

    .justify-content-xxl-end {
        -moz-box-pack: end!important;
        justify-content: flex-end!important
    }

    .justify-content-xxl-center {
        -moz-box-pack: center!important;
        justify-content: center!important
    }

    .justify-content-xxl-between {
        -moz-box-pack: justify!important;
        justify-content: space-between!important
    }

    .justify-content-xxl-around {
        justify-content: space-around!important
    }

    .justify-content-xxl-evenly {
        -moz-box-pack: space-evenly!important;
        justify-content: space-evenly!important
    }

    .align-items-xxl-start {
        -moz-box-align: start!important;
        align-items: flex-start!important
    }

    .align-items-xxl-end {
        -moz-box-align: end!important;
        align-items: flex-end!important
    }

    .align-items-xxl-center {
        -moz-box-align: center!important;
        align-items: center!important
    }

    .align-items-xxl-baseline {
        -moz-box-align: baseline!important;
        align-items: baseline!important
    }

    .align-items-xxl-stretch {
        -moz-box-align: stretch!important;
        align-items: stretch!important
    }

    .align-content-xxl-start {
        align-content: flex-start!important
    }

    .align-content-xxl-end {
        align-content: flex-end!important
    }

    .align-content-xxl-center {
        align-content: center!important
    }

    .align-content-xxl-between {
        align-content: space-between!important
    }

    .align-content-xxl-around {
        align-content: space-around!important
    }

    .align-content-xxl-stretch {
        align-content: stretch!important
    }

    .align-self-xxl-auto {
        align-self: auto!important
    }

    .align-self-xxl-start {
        align-self: flex-start!important
    }

    .align-self-xxl-end {
        align-self: flex-end!important
    }

    .align-self-xxl-center {
        align-self: center!important
    }

    .align-self-xxl-baseline {
        align-self: baseline!important
    }

    .align-self-xxl-stretch {
        align-self: stretch!important
    }

    .order-xxl-first {
        -moz-box-ordinal-group: 0!important;
        order: -1!important
    }

    .order-xxl-0 {
        -moz-box-ordinal-group: 1!important;
        order: 0!important
    }

    .order-xxl-1 {
        -moz-box-ordinal-group: 2!important;
        order: 1!important
    }

    .order-xxl-2 {
        -moz-box-ordinal-group: 3!important;
        order: 2!important
    }

    .order-xxl-3 {
        -moz-box-ordinal-group: 4!important;
        order: 3!important
    }

    .order-xxl-4 {
        -moz-box-ordinal-group: 5!important;
        order: 4!important
    }

    .order-xxl-5 {
        -moz-box-ordinal-group: 6!important;
        order: 5!important
    }

    .order-xxl-last {
        -moz-box-ordinal-group: 7!important;
        order: 6!important
    }

    .m-xxl-0 {
        margin: 0!important
    }

    .m-xxl-1 {
        margin: .25rem!important
    }

    .m-xxl-2 {
        margin: .5rem!important
    }

    .m-xxl-3 {
        margin: 1rem!important
    }

    .m-xxl-4 {
        margin: 1.5rem!important
    }

    .m-xxl-5 {
        margin: 3rem!important
    }

    .m-xxl-auto {
        margin: auto!important
    }

    .mx-xxl-0 {
        margin-right: 0!important;
        margin-left: 0!important
    }

    .mx-xxl-1 {
        margin-right: .25rem!important;
        margin-left: .25rem!important
    }

    .mx-xxl-2 {
        margin-right: .5rem!important;
        margin-left: .5rem!important
    }

    .mx-xxl-3 {
        margin-right: 1rem!important;
        margin-left: 1rem!important
    }

    .mx-xxl-4 {
        margin-right: 1.5rem!important;
        margin-left: 1.5rem!important
    }

    .mx-xxl-5 {
        margin-right: 3rem!important;
        margin-left: 3rem!important
    }

    .mx-xxl-auto {
        margin-right: auto!important;
        margin-left: auto!important
    }

    .my-xxl-0 {
        margin-top: 0!important;
        margin-bottom: 0!important
    }

    .my-xxl-1 {
        margin-top: .25rem!important;
        margin-bottom: .25rem!important
    }

    .my-xxl-2 {
        margin-top: .5rem!important;
        margin-bottom: .5rem!important
    }

    .my-xxl-3 {
        margin-top: 1rem!important;
        margin-bottom: 1rem!important
    }

    .my-xxl-4 {
        margin-top: 1.5rem!important;
        margin-bottom: 1.5rem!important
    }

    .my-xxl-5 {
        margin-top: 3rem!important;
        margin-bottom: 3rem!important
    }

    .my-xxl-auto {
        margin-top: auto!important;
        margin-bottom: auto!important
    }

    .mt-xxl-0 {
        margin-top: 0!important
    }

    .mt-xxl-1 {
        margin-top: .25rem!important
    }

    .mt-xxl-2 {
        margin-top: .5rem!important
    }

    .mt-xxl-3 {
        margin-top: 1rem!important
    }

    .mt-xxl-4 {
        margin-top: 1.5rem!important
    }

    .mt-xxl-5 {
        margin-top: 3rem!important
    }

    .mt-xxl-auto {
        margin-top: auto!important
    }

    .me-xxl-0 {
        margin-right: 0!important
    }

    .me-xxl-1 {
        margin-right: .25rem!important
    }

    .me-xxl-2 {
        margin-right: .5rem!important
    }

    .me-xxl-3 {
        margin-right: 1rem!important
    }

    .me-xxl-4 {
        margin-right: 1.5rem!important
    }

    .me-xxl-5 {
        margin-right: 3rem!important
    }

    .me-xxl-auto {
        margin-right: auto!important
    }

    .mb-xxl-0 {
        margin-bottom: 0!important
    }

    .mb-xxl-1 {
        margin-bottom: .25rem!important
    }

    .mb-xxl-2 {
        margin-bottom: .5rem!important
    }

    .mb-xxl-3 {
        margin-bottom: 1rem!important
    }

    .mb-xxl-4 {
        margin-bottom: 1.5rem!important
    }

    .mb-xxl-5 {
        margin-bottom: 3rem!important
    }

    .mb-xxl-auto {
        margin-bottom: auto!important
    }

    .ms-xxl-0 {
        margin-left: 0!important
    }

    .ms-xxl-1 {
        margin-left: .25rem!important
    }

    .ms-xxl-2 {
        margin-left: .5rem!important
    }

    .ms-xxl-3 {
        margin-left: 1rem!important
    }

    .ms-xxl-4 {
        margin-left: 1.5rem!important
    }

    .ms-xxl-5 {
        margin-left: 3rem!important
    }

    .ms-xxl-auto {
        margin-left: auto!important
    }

    .p-xxl-0 {
        padding: 0!important
    }

    .p-xxl-1 {
        padding: .25rem!important
    }

    .p-xxl-2 {
        padding: .5rem!important
    }

    .p-xxl-3 {
        padding: 1rem!important
    }

    .p-xxl-4 {
        padding: 1.5rem!important
    }

    .p-xxl-5 {
        padding: 3rem!important
    }

    .px-xxl-0 {
        padding-right: 0!important;
        padding-left: 0!important
    }

    .px-xxl-1 {
        padding-right: .25rem!important;
        padding-left: .25rem!important
    }

    .px-xxl-2 {
        padding-right: .5rem!important;
        padding-left: .5rem!important
    }

    .px-xxl-3 {
        padding-right: 1rem!important;
        padding-left: 1rem!important
    }

    .px-xxl-4 {
        padding-right: 1.5rem!important;
        padding-left: 1.5rem!important
    }

    .px-xxl-5 {
        padding-right: 3rem!important;
        padding-left: 3rem!important
    }

    .py-xxl-0 {
        padding-top: 0!important;
        padding-bottom: 0!important
    }

    .py-xxl-1 {
        padding-top: .25rem!important;
        padding-bottom: .25rem!important
    }

    .py-xxl-2 {
        padding-top: .5rem!important;
        padding-bottom: .5rem!important
    }

    .py-xxl-3 {
        padding-top: 1rem!important;
        padding-bottom: 1rem!important
    }

    .py-xxl-4 {
        padding-top: 1.5rem!important;
        padding-bottom: 1.5rem!important
    }

    .py-xxl-5 {
        padding-top: 3rem!important;
        padding-bottom: 3rem!important
    }

    .pt-xxl-0 {
        padding-top: 0!important
    }

    .pt-xxl-1 {
        padding-top: .25rem!important
    }

    .pt-xxl-2 {
        padding-top: .5rem!important
    }

    .pt-xxl-3 {
        padding-top: 1rem!important
    }

    .pt-xxl-4 {
        padding-top: 1.5rem!important
    }

    .pt-xxl-5 {
        padding-top: 3rem!important
    }

    .pe-xxl-0 {
        padding-right: 0!important
    }

    .pe-xxl-1 {
        padding-right: .25rem!important
    }

    .pe-xxl-2 {
        padding-right: .5rem!important
    }

    .pe-xxl-3 {
        padding-right: 1rem!important
    }

    .pe-xxl-4 {
        padding-right: 1.5rem!important
    }

    .pe-xxl-5 {
        padding-right: 3rem!important
    }

    .pb-xxl-0 {
        padding-bottom: 0!important
    }

    .pb-xxl-1 {
        padding-bottom: .25rem!important
    }

    .pb-xxl-2 {
        padding-bottom: .5rem!important
    }

    .pb-xxl-3 {
        padding-bottom: 1rem!important
    }

    .pb-xxl-4 {
        padding-bottom: 1.5rem!important
    }

    .pb-xxl-5 {
        padding-bottom: 3rem!important
    }

    .ps-xxl-0 {
        padding-left: 0!important
    }

    .ps-xxl-1 {
        padding-left: .25rem!important
    }

    .ps-xxl-2 {
        padding-left: .5rem!important
    }

    .ps-xxl-3 {
        padding-left: 1rem!important
    }

    .ps-xxl-4 {
        padding-left: 1.5rem!important
    }

    .ps-xxl-5 {
        padding-left: 3rem!important
    }

    .text-xxl-start {
        text-align: left!important
    }

    .text-xxl-end {
        text-align: right!important
    }

    .text-xxl-center {
        text-align: center!important
    }
}

@media (min-width: 1200px) {
    .fs-1 {
        font-size:2.5rem!important
    }

    .fs-2 {
        font-size: 2rem!important
    }

    .fs-3 {
        font-size: 1.75rem!important
    }

    .fs-4 {
        font-size: 1.5rem!important
    }
}

@media print {
    .d-print-inline {
        display: inline!important
    }

    .d-print-inline-block {
        display: inline-block!important
    }

    .d-print-block {
        display: block!important
    }

    .d-print-grid {
        display: grid!important
    }

    .d-print-table {
        display: table!important
    }

    .d-print-table-row {
        display: table-row!important
    }

    .d-print-table-cell {
        display: table-cell!important
    }

    .d-print-flex {
        display: -moz-box!important;
        display: flex!important
    }

    .d-print-inline-flex {
        display: -moz-inline-box!important;
        display: inline-flex!important
    }

    .d-print-none {
        display: none!important
    }
}

.container-fluid {
    padding-left: 0;
    padding-right: 0
}

body {
    font-family: Noto Sans,Arial,Helvetica,sans-serif;
    color: #002240;
    overflow-x: hidden;
    font-synthesis: style
}

body.ReactModal__Body--open {
    overflow: hidden
}

a {
    text-decoration: none!important
}

h1 {
    font-family: "Noto Serif";
    font-weight: 300;
    font-size: 56px;
    line-height: 72px;
    margin-bottom: 0;
    word-break: break-word
}

@media (max-width: 992px) {
    h1 {
        font-size:36px;
        line-height: 38px
    }
}

.PrimaryHeader-white h1 {
    font-family: "Noto Serif"
}

@media (max-width: 992px) {
    .PrimaryHeader-white h1 {
        font-family:"Noto Serif"
    }
}

h2 {
    font-family: "Noto Serif";
    font-size: 48px;
    line-height: 62px;
    word-break: break-word;
    margin-bottom: 0
}

@media (max-width: 992px) {
    h2 {
        font-size:24px;
        line-height: 32px
    }
}

h3 {
    font-family: "Noto Serif";
    font-size: 40px;
    line-height: 55px;
    word-break: break-word;
    margin-bottom: 0
}

@media (max-width: 992px) {
    h3 {
        font-family:"Noto Serif";
        font-weight: 300;
        font-size: 20px;
        line-height: 27px
    }
}

h4 {
    font-family: "Noto Serif";
    font-size: 32px;
    line-height: 43px;
    word-break: break-word;
    margin-bottom: 0
}

@media (max-width: 992px) {
    h4 {
        font-size:20px;
        line-height: 30px
    }
}

h5 {
    font-family: Noto Sans,Arial,Helvetica,sans-serif;
    font-weight: 700;
    font-size: 18px;
    line-height: 24px;
    text-transform: uppercase
}

@media (max-width: 992px) {
    h5 {
        font-size:14px;
        line-height: 19px
    }
}

.row>* {
    padding-right: calc(var(--bs-gutter-x) * .666666);
    padding-left: calc(var(--bs-gutter-x) * .666666)
}

@media (min-width: 993px) {
    .pdlr-16 {
        padding-left:16px;
        padding-right: 16px
    }

    .pdl-0 {
        padding-left: 0
    }

    .pdlr-0,.pdr-0 {
        padding-right: 0
    }

    .pdlr-0 {
        padding-left: 0
    }
}

@media (max-width: 992px) {
    .padding-all-mobile-0 {
        padding-left:0;
        padding-right: 0
    }
}

.dynamic-auto-height {
    display: -moz-flex;
    display: -moz-box;
    display: flex
}

.white-background {
    background-color: #fff
}

.richtextGraybackground {
    background-color: #f8f8f8
}

.storytelling-globaltemplate .brightcove-component {
    margin-bottom: 72px
}

.storytelling-globaltemplate .tertiary-content-component {
    margin-top: 29px
}

.officedetail-globaltemplate .podcastcomponent {
    margin-bottom: 0
}

.officedetail-globaltemplate .tertiary-content-component {
    margin-top: 0
}

.officedetail-globaltemplate .accordion-component {
    padding-bottom: 72px
}

.capability-globaltemplate .brightcove-component {
    margin-bottom: 72px
}

.capability-globaltemplate .podcastcomponent {
    margin-bottom: 0
}

.capability-globaltemplate .tertiary-content-component {
    margin-top: 0
}

.capability-globaltemplate .accordion-component {
    padding-bottom: 72px
}

.editorial-globaltemplate .brightcove-component,.editorial-globaltemplate .freetext-component {
    margin-bottom: 72px
}

div#at4-share {
    display: none
}

@media (max-width: 992px) {
    div#at-share-dock {
        display:none
    }
}

.accordion-component:empty,.anchor-nav-component:empty,.article-quote-component-wrapper:empty,.article-quote-component:empty,.breadcrumb-component:empty,.brightcove-component:empty,.byline-component-wrapper:empty,.byline-component:empty,.contactComponent:empty,.create-language-component-wrapper:empty,.create-language-component:empty,.dla-contacts:empty,.education-component-wrapper:empty,.education-component:empty,.feature-component:empty,.feature-cta-component:empty,.feature-text-component:empty,.freetext-component-wrapper:empty,.freetext-component:empty,.gallery-container:empty,.guides-component:empty,.hero-component:empty,.homepage-stories-component:empty,.image-text-component:empty,.imageComponent:empty,.intro-copy-component:empty,.masthead-subtitle-component:empty,.more-to-see-component:empty,.multimedia-highlight-component:empty,.people-profile-main-div:empty,.podcastcomponent:empty,.press-release-comp:empty,.profile-contact-component:empty,.quote-component:empty,.recommended-for-you-component:empty,.related-capability-component:empty,.resource-component-links:empty,.resource-component:empty,.rich-text-component:empty,.rich-text-heading-component:empty,.share-component:empty,.tertiary-content-component:empty,.trendingNow-component:empty {
    display: none!important
}

.swiper-btn-next,.swiper-btn-prev {
    position: absolute;
    top: 50%;
    width: -moz-calc(var(--swiper-navigation-size)/44 * 27);
    width: calc(var(--swiper-navigation-size) / 44 * 27);
    height: var(--swiper-navigation-size);
    margin-top: calc(0px - (var(--swiper-navigation-size) / 2));
    z-index: 10;
    cursor: pointer;
    display: -moz-box;
    display: flex;
    -moz-box-align: center;
    align-items: center;
    -moz-box-pack: center;
    justify-content: center;
    color: var(--swiper-navigation-color,var(--swiper-theme-color))
}

.swiper-btn-next.swiper-button-disabled,.swiper-btn-prev.swiper-button-disabled {
    opacity: .35;
    cursor: auto;
    pointer-events: none
}

.swiper-btn-next:after,.swiper-btn-prev:after {
    font-family: swiper-icons;
    font-size: var(--swiper-navigation-size);
    text-transform: none!important;
    letter-spacing: 0;
    text-transform: none;
    -webkit-font-feature-settings: normal,;
    -moz-font-feature-settings: normal,;
    font-feature-settings: normal,;
    font-variant: normal;
    line-height: 1
}

.swiper-btn-prev,.swiper-container-rtl .swiper-btn-next {
    left: 10px;
    right: auto
}

.swiper-btn-prev:after,.swiper-container-rtl .swiper-btn-next:after {
    content: "prev"
}

.swiper-btn-next,.swiper-container-rtl .swiper-btn-prev {
    right: 10px;
    left: auto
}

.swiper-btn-next:after,.swiper-container-rtl .swiper-btn-prev:after {
    content: "next"
}

.swiper-btn-next.swiper-button-white,.swiper-btn-prev.swiper-button-white {
    --swiper-navigation-color: #fff
}

.swiper-btn-next.swiper-button-black,.swiper-btn-prev.swiper-button-black {
    --swiper-navigation-color: #000
}

@font-face {
    font-family: Noto Sans;
    src: url(/-/media/project/dlapiper\ tenant/dlapiper/fonts/variable/NotoSans-VariableFont-subset.woff2) format("woff2");
    font-display: swap
}

@font-face {
    font-family: "Noto Serif";
    src: url(/-/media/project/dlapiper\ tenant/dlapiper/fonts/variable/NotoSerif-VariableFont-subset.woff2) format("woff2");
    font-display: swap
}

.close-button {
    width: 23px;
    height: 23px;
    background: #737627;
    border-radius: 50%;
    display: -moz-box;
    display: flex;
    -moz-box-pack: center;
    justify-content: center;
    -moz-box-align: center;
    align-items: center
}

.close-button a {
    display: block;
    background: url(/-/media/project/dlapiper-tenant/dlapiper/icons/close-white.svg);
    background-repeat: no-repeat;
    background-size: contain;
    width: 19px;
    height: 19px;
    -webkit-transition: .2s ease-out;
    -moz-transition: .2s ease-out;
    transition: .2s ease-out
}

.close-button a:hover {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    transform: scale(1.2)
}

.close-button a.external {
    position: relative
}

.close-button a.external:after {
    content: "";
    background: url(/-/media/project/dlapiper-tenant/dlapiper/icons/external-link-icon.svg);
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    width: 24px;
    height: 24px;
    top: 10px;
    margin-left: 5px
}

.info-icon {
    width: 24px;
    height: 24px;
    cursor: pointer
}

.info-icon a {
    display: block;
    background: url(/-/media/project/dlapiper-tenant/dlapiper/icons/i-icon.svg);
    background-repeat: no-repeat;
    background-size: contain;
    width: 25px;
    height: 25px;
    -webkit-transition: .2s ease-out;
    -moz-transition: .2s ease-out;
    transition: .2s ease-out
}

.info-icon a:hover {
    -webkit-transform: scale(1.07);
    -moz-transform: scale(1.07);
    transform: scale(1.07)
}

.dla-contacts {
    margin-bottom: 0!important;
    scroll-margin-top: 80px
}

@media (max-width: 992px) {
    .dla-contacts {
        margin-bottom:32px!important;
        scroll-margin-top: 65px;
        margin-left: 0;
        margin-right: 0
    }
}

.dla-contacts span.email-id {
    margin-right: .3rem;
    top: 0
}

.dla-contacts span.email-id,.dla-contacts span.email-id a {
    font-size: 18px;
    word-break: break-word;
    color: #737627;
    position: relative
}

.dla-contacts span.email-id a {
    margin-right: 0;
    text-decoration: none;
    top: 2px;
    font-family: Noto Sans,Arial,Helvetica,sans-serif;
    font-weight: 700
}

@media (min-width: 993px) {
    .dla-contacts {
        width:100%;
        margin: 0 auto
    }
}

.dla-contacts .contact-header {
    margin-top: 51px;
    padding-left: 51px
}

.dla-contacts .contact-header .fa-envelope {
    margin-right: .4rem
}

.dla-contacts .contact-header .topic-btm-lbl {
    color: #737627;
    font-family: Noto Sans,Arial,Helvetica,sans-serif;
    font-weight: 700;
    line-height: 26px
}

@media (max-width: 992px) {
    .dla-contacts .contact-header .topic-btm-lbl {
        max-width:100%
    }
}

.dla-contacts .contact-header .topichub-header {
    font-size: 32px;
    font-weight: 400;
    color: #002240;
    margin-bottom: 38px;
    line-height: 30px;
    font-family: "Noto Serif"
}

@media (max-width: 992px) {
    .dla-contacts .contact-header .topichub-header {
        font-size:20px;
        margin-bottom: 18px
    }

    .dla-contacts .contact-header {
        margin-top: 0;
        width: 100%;
        margin-bottom: 0;
        padding-left: 16px
    }
}

.dla-contacts img.contact-img.img-responsive {
    text-align: center
}

@media (max-width: 992px) {
    .dla-contacts img.contact-img.img-responsive {
        width:70px!important;
        height: 70px!important;
        text-align: left!important
    }
}

.dla-contacts .contact-name {
    line-height: 26px;
    letter-spacing: 0;
    font-size: 18px;
    color: #15253f;
    text-align: center;
    font-family: "Noto Serif";
    font-weight: 600;
    word-break: break-word
}

@media (max-width: 992px) {
    .dla-contacts .contact-name {
        font-size:20px;
        color: #15253f;
        text-align: left;
        font-weight: 600;
        margin-top: 5px;
        margin-left: 10px;
        font-family: "Noto Serif";
        font-weight: 500
    }
}

.dla-contacts .bottomtext {
    padding-top: 8px;
    font-family: Noto Sans,Arial,Helvetica,sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    color: #15253f;
    text-align: center
}

@media (max-width: 992px) {
    .dla-contacts .bottomtext {
        font-size:14px!important;
        color: #002240!important;
        text-align: left!important;
        margin-bottom: 3px;
        margin-left: 10px
    }
}

.dla-contacts .fa-arrow-right,.dla-contacts .fa-envelope {
    font-size: 18px;
    height: 15.28px;
    width: 19.64px
}

@media (min-width: 993px) {
    .dla-contacts.external-speaker {
        padding-top:48px;
        padding-bottom: 80px
    }
}

.dla-contacts.external-speaker .dla-contacts {
    -moz-box-pack: start;
    justify-content: flex-start;
    grid-row-gap: 16px;
    row-gap: 16px;
    -moz-box-align: start;
    align-items: flex-start;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    flex-direction: column
}

@media (min-width: 993px) {
    .dla-contacts.external-speaker .dla-contacts {
        -moz-box-orient:horizontal;
        -moz-box-direction: normal;
        flex-direction: row;
        grid-row-gap: 32px;
        row-gap: 32px
    }
}

.dla-contacts.external-speaker .dla-contacts .contact-card {
    -moz-box-flex: 0;
    flex: 0 0 20%
}

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

@media (max-width: 992px) {
    .pull-left {
        float:left!important
    }

    .pull-right {
        float: right!important
    }
}

.mtc-32 {
    margin-top: .5rem
}

@media (max-width: 992px) {
    .mtc-32 {
        margin-top:14px
    }
}

.mtnew-0 {
    margin-top: 0!important
}

.pd-0 {
    padding: 0!important
}

.fa-arrow-right {
    -webkit-transition: -webkit-transform .4s;
    transition: -webkit-transform .4s;
    -moz-transition: transform .4s,-moz-transform .4s;
    transition: transform .4s;
    transition: transform .4s,-webkit-transform .4s,-moz-transform .4s
}

@media (min-width: 993px) {
    #child:hover .fa-arrow-right {
        width:25px!important;
        height: 15.28px!important
    }

    .contact-name:hover {
        color: #737627
    }
}

.contact-img {
    -webkit-transition: -webkit-transform .4s;
    transition: -webkit-transform .4s;
    -moz-transition: transform .4s,-moz-transform .4s;
    transition: transform .4s;
    transition: transform .4s,-webkit-transform .4s,-moz-transform .4s
}

@media (min-width: 993px) {
    .contact :hover {
        color:#072d4e!important
    }
}

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

@media (max-width: 992px) {
    .plr-16 {
        padding-left:16px!important;
        padding-right: 16px!important
    }
}

@media (min-width: 993px) {
    .contact-zoom {
        overflow:hidden;
        width: 142px;
        margin: 0 auto;
        padding-bottom: 31px;
        border-radius: 2px
    }
}

@media (max-width: 992px) {
    .contact-zoom {
        width:70px
    }
}

.contact-zoom img {
    width: 100%;
    height: 142px;
    object-fit: cover;
    object-position: center;
    margin: 0 auto;
    border-radius: 2px!important;
    -moz-transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out
}

@media (max-width: 992px) {
    .contact-zoom img {
        height:70px
    }
}

@media (min-width: 993px) {
    .contact-card:hover .contact-img {
        -webkit-transform:scale(1.1);
        -moz-transform: scale(1.1);
        transform: scale(1.1);
        -webkit-transition: transform .4s;
        -moz-transition: transform .4s;
        -webkit-transition: -webkit-transform .4s;
        transition: -webkit-transform .4s;
        -moz-transition: transform .4s,-moz-transform .4s;
        transition: transform .4s;
        transition: transform .4s,-webkit-transform .4s,-moz-transform .4s
    }

    .contact-card:hover .contact-name {
        color: #737627!important
    }

    .fa-envelope:hover+span {
        color: #072d4e
    }

    #child:hover .email-id {
        color: #072d4e!important
    }

    #child:hover span.email-id a {
        color: #072d4e
    }
}

.margin-left-right-0 {
    margin-left: 0;
    margin-right: 0
}

svg#right {
    position: absolute;
    margin-top: 4px;
    margin-left: 4px;
    width: 60px;
    height: 24px
}

svg#arrow_forward_black_24dp path {
    -webkit-transition: .3s;
    -moz-transition: .3s;
    transition: .3s;
    -webkit-transition-timing-function: ease-out;
    -moz-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

@media (min-width: 993px) {
    #child:hover svg#arrow_forward_black_24dp path {
        -moz-transform:scale(.9);
        -webkit-transform: scale(.9);
        transform: scale(.9);
        width: 30px
    }

    .bottomcontactdiv {
        padding-left: 35px
    }

    .bottomcontactdiv,.dla-contacts .contact-list {
        padding-right: 35px
    }
}

@media (max-width: 992px) {
    .dla-contacts .contact-list a {
        margin-top:32px
    }
}

.right-arrow {
    width: 24px;
    height: 24px;
    background-image: url(/-/media/project/dlapiper-tenant/dlapiper/icons/arrow_forward_24.svg)!important;
    background-repeat: no-repeat;
    background-size: 24px;
    display: inline-block;
    position: relative;
    top: 8px;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    transition: .3s;
    -webkit-transition-timing-function: ease-out;
    -moz-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    -webkit-animation: .3s ease-in-out 1.1s forwards;
    -moz-animation: .3s ease-in-out 1.1s forwards;
    animation: .3s ease-in-out 1.1s forwards
}

@media (min-width: 993px) {
    #child:hover .right-arrow {
        -webkit-transform:translateX(8px);
        -moz-transform: translateX(8px);
        transform: translateX(8px);
        width: 24px;
        height: 24px;
        background-image: url(/-/media/project/dlapiper-tenant/dlapiper/icons/arrow_forward_stretch_contact-24.svg)!important
    }
}

.dla-contacts.contactmargin-top:not(.gray-background):first-child {
    margin-top: 48px
}

@media (max-width: 992px) {
    .dla-contacts.contactmargin-top:not(.gray-background):first-child {
        margin-top:32px
    }
}

.dla-contacts+.contactComponent.gray-background {
    margin-top: -48px;
    padding-bottom: 48px
}

@media (max-width: 992px) {
    .dla-contacts+.contactComponent.gray-background {
        margin-top:-64px;
        padding-bottom: 32px
    }
}

.dla-contacts.contactwidthwithouttitle {
    width: 120%
}

@media (max-width: 992px) {
    .dla-contacts.contactwidthwithouttitle {
        width:100%
    }
}

.dla-contacts.contactwidthwithtitle {
    width: 100%
}

.contactComponent.gray-background .dla-contacts {
    margin-bottom: 0!important
}

.dla-contacts.gray-background {
    padding: 48px 0
}

@media (max-width: 992px) {
    .dla-contacts.gray-background {
        padding:0
    }
}

.dla-contacts.gray-background-without-bottompadding {
    padding-bottom: 0!important
}

@media (min-width: 993px) {
    .dla-contacts.top-margin {
        margin-top:-48px!important;
        padding: 48px 0
    }
}

@media (max-width: 992px) {
    .dla-contacts.margin-bottom-class {
        margin-bottom:0!important
    }

    .dla-contacts.margin-bottom-greybackground-class {
        margin-bottom: 32px!important
    }
}

.dla-contacts.gray-background-without-toppadding {
    padding-top: 0!important
}

.dla-contacts.with-margin-bottom {
    margin-bottom: 48px!important
}

.contactComponent {
    margin-bottom: 48px
}

@media (max-width: 992px) {
    .contactComponent {
        margin-bottom:32px
    }

    .contactComponent:not(.gray-background) {
        margin-top: -32px
    }

    .contactComponent a {
        margin-top: 32px
    }
}

@media (min-width: 993px) {
    .contactComponent {
        padding-right:35px;
        padding-left: 16px
    }
}

.contactComponent.gray-background:last-child,.dla-contacts.gray-background:last-child {
    margin-bottom: 0
}

.contactComponent+.anchor-nav-component,.contactComponent+.breadcrumb-component,.contactComponent+.brightcove-component,.contactComponent+.feature-component,.contactComponent+.feature-cta-component,.contactComponent+.feature-text-component,.contactComponent+.hero-component,.contactComponent+.homepage-stories-component,.contactComponent+.intro-copy-component,.contactComponent+.masthead-subtitle-component,.contactComponent+.more-to-see-component,.contactComponent+.people-profile-main-div,.contactComponent+.press-release-comp,.contactComponent+.quote-component,.contactComponent+.recommended-for-you-component:not(.gray-background),.contactComponent+.related-capability-component,.contactComponent+.resource-component-links,.contactComponent+.resourcescommon.gray-background,.contactComponent+.rich-text-component,.contactComponent+.rich-text-component.subhead-white,.contactComponent+.share-component,.contactComponent+.tertiary-content-component,.contactComponent+.tertiary-content-component.background-white,.contactComponent.gray-background+.resource-component-links.white-background,.contactComponent.gray-background+.rich-text-component.subhead-white,.contactComponent.gray-background+.share-component.PrimaryHeader-white,.contactComponent.gray-background+.tertiary-content-component.background-white,.dla-contacts+.anchor-nav-component,.dla-contacts+.breadcrumb-component,.dla-contacts+.brightcove-component,.dla-contacts+.feature-component,.dla-contacts+.feature-cta-component,.dla-contacts+.feature-text-component,.dla-contacts+.hero-component,.dla-contacts+.homepage-stories-component,.dla-contacts+.intro-copy-component,.dla-contacts+.masthead-subtitle-component,.dla-contacts+.more-to-see-component,.dla-contacts+.people-profile-main-div,.dla-contacts+.press-release-comp,.dla-contacts+.quote-component,.dla-contacts+.recommended-for-you-component:not(.gray-background),.dla-contacts+.related-capability-component,.dla-contacts+.resource-component-links,.dla-contacts+.resourcescommon.gray-background,.dla-contacts+.rich-text-component,.dla-contacts+.rich-text-component.subhead-white,.dla-contacts+.share-component,.dla-contacts+.tertiary-content-component,.dla-contacts+.tertiary-content-component.background-white,.dla-contacts.gray-background+.resource-component-links.white-background,.dla-contacts.gray-background+.rich-text-component.subhead-white,.dla-contacts.gray-background+.share-component.PrimaryHeader-white,.dla-contacts.gray-background+.tertiary-content-component.background-white {
    margin-top: 0!important
}

@media (max-width: 992px) {
    .contactComponent+.anchor-nav-component,.contactComponent+.breadcrumb-component,.contactComponent+.brightcove-component,.contactComponent+.feature-component,.contactComponent+.feature-cta-component,.contactComponent+.feature-text-component,.contactComponent+.hero-component,.contactComponent+.homepage-stories-component,.contactComponent+.intro-copy-component,.contactComponent+.masthead-subtitle-component,.contactComponent+.more-to-see-component,.contactComponent+.people-profile-main-div,.contactComponent+.press-release-comp,.contactComponent+.quote-component,.contactComponent+.recommended-for-you-component:not(.gray-background),.contactComponent+.related-capability-component,.contactComponent+.resource-component-links,.contactComponent+.resourcescommon.gray-background,.contactComponent+.rich-text-component,.contactComponent+.rich-text-component.subhead-white,.contactComponent+.share-component,.contactComponent+.tertiary-content-component,.contactComponent+.tertiary-content-component.background-white,.contactComponent.gray-background+.resource-component-links.white-background,.contactComponent.gray-background+.rich-text-component.subhead-white,.contactComponent.gray-background+.share-component.PrimaryHeader-white,.contactComponent.gray-background+.tertiary-content-component.background-white,.dla-contacts+.anchor-nav-component,.dla-contacts+.breadcrumb-component,.dla-contacts+.brightcove-component,.dla-contacts+.feature-component,.dla-contacts+.feature-cta-component,.dla-contacts+.feature-text-component,.dla-contacts+.hero-component,.dla-contacts+.homepage-stories-component,.dla-contacts+.intro-copy-component,.dla-contacts+.masthead-subtitle-component,.dla-contacts+.more-to-see-component,.dla-contacts+.people-profile-main-div,.dla-contacts+.press-release-comp,.dla-contacts+.quote-component,.dla-contacts+.recommended-for-you-component:not(.gray-background),.dla-contacts+.related-capability-component,.dla-contacts+.resource-component-links,.dla-contacts+.resourcescommon.gray-background,.dla-contacts+.rich-text-component,.dla-contacts+.rich-text-component.subhead-white,.dla-contacts+.share-component,.dla-contacts+.tertiary-content-component,.dla-contacts+.tertiary-content-component.background-white,.dla-contacts.gray-background+.resource-component-links.white-background,.dla-contacts.gray-background+.rich-text-component.subhead-white,.dla-contacts.gray-background+.share-component.PrimaryHeader-white,.dla-contacts.gray-background+.tertiary-content-component.background-white {
        margin-top:0!important
    }
}

.contactComponent.gray-background+.anchor-nav-component,.contactComponent.gray-background+.brightcove-component,.contactComponent.gray-background+.dla-contacts,.contactComponent.gray-background+.feature-component,.contactComponent.gray-background+.feature-cta-component,.contactComponent.gray-background+.feature-text-component,.contactComponent.gray-background+.hero-component,.contactComponent.gray-background+.homepage-stories-component,.contactComponent.gray-background+.intro-copy-component,.contactComponent.gray-background+.masthead-subtitle-component,.contactComponent.gray-background+.more-to-see-component,.contactComponent.gray-background+.people-profile-main-div,.contactComponent.gray-background+.press-release-comp,.contactComponent.gray-background+.quote-component,.contactComponent.gray-background+.recommended-for-you-component.gray-background,.contactComponent.gray-background+.related-capability-component,.contactComponent.gray-background+.resource-component-links:not(.white-background),.contactComponent.gray-background+.resourcescommon.gray-background,.contactComponent.gray-background+.rich-text-component,.contactComponent.gray-background+.rich-text-heading-component.gray-background,.contactComponent.gray-background+.share-component,.contactComponent.gray-background+.tertiary-content-component,.dla-contacts.gray-background+.anchor-nav-component,.dla-contacts.gray-background+.brightcove-component,.dla-contacts.gray-background+.dla-contacts,.dla-contacts.gray-background+.feature-component,.dla-contacts.gray-background+.feature-cta-component,.dla-contacts.gray-background+.feature-text-component,.dla-contacts.gray-background+.hero-component,.dla-contacts.gray-background+.homepage-stories-component,.dla-contacts.gray-background+.intro-copy-component,.dla-contacts.gray-background+.masthead-subtitle-component,.dla-contacts.gray-background+.more-to-see-component,.dla-contacts.gray-background+.people-profile-main-div,.dla-contacts.gray-background+.press-release-comp,.dla-contacts.gray-background+.quote-component,.dla-contacts.gray-background+.recommended-for-you-component.gray-background,.dla-contacts.gray-background+.related-capability-component,.dla-contacts.gray-background+.resource-component-links:not(.white-background),.dla-contacts.gray-background+.resourcescommon.gray-background,.dla-contacts.gray-background+.rich-text-component,.dla-contacts.gray-background+.rich-text-heading-component.gray-background,.dla-contacts.gray-background+.share-component,.dla-contacts.gray-background+.tertiary-content-component {
    margin-top: -48px!important
}

@media (max-width: 992px) {
    .contactComponent.gray-background+.anchor-nav-component,.contactComponent.gray-background+.brightcove-component,.contactComponent.gray-background+.dla-contacts,.contactComponent.gray-background+.feature-component,.contactComponent.gray-background+.feature-cta-component,.contactComponent.gray-background+.feature-text-component,.contactComponent.gray-background+.hero-component,.contactComponent.gray-background+.homepage-stories-component,.contactComponent.gray-background+.intro-copy-component,.contactComponent.gray-background+.masthead-subtitle-component,.contactComponent.gray-background+.more-to-see-component,.contactComponent.gray-background+.people-profile-main-div,.contactComponent.gray-background+.press-release-comp,.contactComponent.gray-background+.quote-component,.contactComponent.gray-background+.recommended-for-you-component.gray-background,.contactComponent.gray-background+.related-capability-component,.contactComponent.gray-background+.resource-component-links:not(.white-background),.contactComponent.gray-background+.resourcescommon.gray-background,.contactComponent.gray-background+.rich-text-component,.contactComponent.gray-background+.rich-text-heading-component.gray-background,.contactComponent.gray-background+.share-component,.contactComponent.gray-background+.tertiary-content-component,.dla-contacts.gray-background+.anchor-nav-component,.dla-contacts.gray-background+.brightcove-component,.dla-contacts.gray-background+.dla-contacts,.dla-contacts.gray-background+.feature-component,.dla-contacts.gray-background+.feature-cta-component,.dla-contacts.gray-background+.feature-text-component,.dla-contacts.gray-background+.hero-component,.dla-contacts.gray-background+.homepage-stories-component,.dla-contacts.gray-background+.intro-copy-component,.dla-contacts.gray-background+.masthead-subtitle-component,.dla-contacts.gray-background+.more-to-see-component,.dla-contacts.gray-background+.people-profile-main-div,.dla-contacts.gray-background+.press-release-comp,.dla-contacts.gray-background+.quote-component,.dla-contacts.gray-background+.recommended-for-you-component.gray-background,.dla-contacts.gray-background+.related-capability-component,.dla-contacts.gray-background+.resource-component-links:not(.white-background),.dla-contacts.gray-background+.resourcescommon.gray-background,.dla-contacts.gray-background+.rich-text-component,.dla-contacts.gray-background+.rich-text-heading-component.gray-background,.dla-contacts.gray-background+.share-component,.dla-contacts.gray-background+.tertiary-content-component {
        margin-top:-32px!important
    }
}

.dla-contacts.gray-background+.breadcrumb-component .contactComponent.gray-background+.breadcrumb-component {
    margin-top: -37px!important
}

@media (max-width: 992px) {
    .dla-contacts.gray-background+.breadcrumb-component .contactComponent.gray-background+.breadcrumb-component {
        margin-top:-16px!important
    }

    .contactComponent.gray-background+.profile-contact-component,.dla-contacts.gray-background+.profile-contact-component {
        margin-top: -32px
    }
}

@media (min-width: 993px) {
    .contactComponent .contactmargin-top {
        padding-bottom:48px
    }

    .contactComponent .contactmargin-top:nth-last-child(-n+6) {
        padding-bottom: 0
    }
}

.guides-component {
    margin-bottom: 13px;
    background-color: #fff
}

@media (min-width: 993px) {
    .guides-component {
        padding:0 51px;
        scroll-margin-top: 80px
    }
}

@media (max-width: 992px) {
    .guides-component {
        padding:0 15px;
        margin-bottom: 16px;
        scroll-margin-top: 65px
    }
}

.guides-component .download-pdf {
    width: 100%;
    margin: 0 auto
}

.guides-component .download-pdf .heading {
    font-size: 16px;
    line-height: 22px;
    color: #002240;
    font-family: Noto Sans,Arial,Helvetica,sans-serif;
    margin-bottom: 25px;
    font-weight: 700;
    text-transform: uppercase;
    padding-left: 3px
}

@media (max-width: 992px) {
    .guides-component .download-pdf .heading {
        font-size:14px;
        line-height: 20px;
        padding-left: 0
    }
}

@media (min-width: 993px) {
    .guides-component .download-pdf .heading.col-lg-6 {
        padding-left:9px
    }
}

.guides-component .download-pdf .col-center {
    max-height: 400px;
    width: 100%;
    margin: 0 auto
}

@media (max-width: 992px) {
    .guides-component .download-pdf .col-center {
        max-width:328px
    }
}

.guides-component .download-pdf .download-box-section {
    padding: 0
}

@media (max-width: 992px) {
    .guides-component .download-pdf .download-box-section .row {
        margin:0
    }
}

.guides-component .download-pdf .download-box-section .para-width .download-box .download-link p {
    max-width: 73%
}

@media (max-width: 992px) {
    .guides-component .download-pdf .download-box-section .para-width .download-box .download-link p {
        max-width:60%
    }

    .guides-component .download-pdf .download-box-section .download-box-toggle {
        padding: 0
    }
}

.guides-component .download-pdf .download-box-section .download-box {
    position: relative;
    background-color: #f2f2f2;
    padding-top: 28px;
    padding-bottom: 28px;
    cursor: pointer;
    -moz-box-flex: 1;
    flex: 1 1;
    border-radius: 2px
}

@media (min-width: 993px) {
    .guides-component .download-pdf .download-box-section .download-box:hover .download-link {
        color:#737627
    }

    .guides-component .download-pdf .download-box-section .download-box:hover .download-link .pdf-image {
        fill: #737627
    }

    .guides-component .download-pdf .download-box-section .download-box:hover .download-link .download-img {
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        transform: scale(1.1)
    }

    .guides-component .download-pdf .download-box-section .download-box:hover .download-link .download-img svg {
        bottom: 1.75px
    }
}

.guides-component .download-pdf .download-box-section .download-box .download-link {
    text-decoration: none;
    color: #002240;
    cursor: pointer;
    display: -moz-box;
    display: flex;
    -moz-box-align: center;
    align-items: center
}

.guides-component .download-pdf .download-box-section .download-box .download-link .pdf-image {
    width: 24px;
    height: 24px;
    position: absolute;
    left: 13px
}

.guides-component .download-pdf .download-box-section .download-box .download-link p {
    font-size: 16px;
    line-height: 20px;
    letter-spacing: .58px;
    max-width: 61%;
    margin-left: 50px;
    margin-bottom: 0;
    font-family: "Noto Serif"!important;
    word-break: break-word
}

.guides-component .download-pdf .download-box-section .download-box .download-link .download-img {
    width: 32px;
    height: 32px;
    position: absolute;
    right: 20px;
    border-radius: 50%;
    background: #737627;
    padding: 6px;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.guides-component .download-pdf .download-box-section .download-box .download-link .download-img svg {
    position: relative;
    height: 19px;
    width: 20px;
    bottom: 4px;
    right: 0;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.guides-component #download-box {
    margin-bottom: 35px;
    display: -moz-flex;
    display: -moz-box;
    display: flex
}

@media (max-width: 992px) {
    .guides-component #download-box {
        margin-bottom:16px
    }
}

@media (min-width: 993px) {
    .download-box {
        position:relative
    }

    .download-tooltip {
        position: absolute;
        padding: 5px;
        background-color: #fff;
        font-family: Noto Sans,Arial,Helvetica,sans-serif;
        font-weight: 500;
        border: 1.5px solid #737627;
        width: 82px;
        height: auto;
        margin-top: 107px;
        right: 11px;
        z-index: 9999;
        border-radius: 2px;
        color: #002240;
        text-align: center;
        display: none
    }

    .download-box:hover .download-tooltip {
        display: block
    }

    .download-tooltip:before {
        border-bottom: 15px solid #737627;
        top: -16px
    }

    .download-tooltip:after,.download-tooltip:before {
        content: "";
        width: 0;
        height: 0;
        border-left: 8px solid transparent;
        border-right: 8px solid transparent;
        position: absolute;
        left: 60%
    }

    .download-tooltip:after {
        border-bottom: 17px solid #fff;
        top: -14px
    }

    .download-tooltip .link-text {
        font-size: 13px
    }
}

@media (max-width: 992px) {
    .download-tooltip {
        display:none
    }
}

.guides-component:first-child {
    margin-top: 48px
}

@media (max-width: 992px) {
    .guides-component:first-child {
        margin-top:32px
    }
}

code+div.scEnabledChrome[sc-part-of] {
    min-height: 25px
}

.accordion-button:not(.collapsed) {
    color: #223f59;
    background-color: #fff;
    -webkit-box-shadow: none;
    box-shadow: none;
    padding-bottom: 33px!important
}

@media (max-width: 992px) {
    .accordion-button:not(.collapsed) {
        padding-bottom:37px!important
    }
}

.accordion-button:focus {
    z-index: 3;
    border-color: #fff;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none
}

.accordion-button:focus-visible {
    -webkit-box-shadow: 0 0 1px 1px #f2f2f2;
    box-shadow: 0 0 1px 1px #f2f2f2
}

.accordion-body {
    padding: 0;
    border-top: 0;
    padding-bottom: 0!important;
    color: #002240;
    font-family: Noto Sans,Arial,Helvetica,sans-serif;
    font-weight: 400;
    font-size: 16px;
    margin-bottom: 23px;
    letter-spacing: 0;
    line-height: 24px;
    text-align: left
}

@media (max-width: 992px) {
    .accordion-body {
        margin-bottom:31px
    }
}

.highlight-title {
    font-weight: 500;
    text-transform: uppercase;
    font-size: 12px;
    margin-top: 34px;
    line-height: 17px;
    margin-bottom: 0
}

.highlight-footer,.highlight-title {
    font-family: Noto Sans,Arial,Helvetica,sans-serif;
    letter-spacing: 0
}

.highlight-footer {
    background-color: #ddde4c;
    border-radius: 2px;
    font-style: italic;
    font-weight: 400;
    padding: 16px 16px 18px;
    margin-top: 8px;
    overflow-y: hidden;
    font-size: 16px;
    line-height: 24px
}

@media (max-width: 992px) {
    .highlight-footer {
        margin-top:15px
    }
}

.accordion-item .accordion-button {
    border-radius: 0;
    color: #002240!important;
    font-size: 20px;
    font-weight: 400;
    line-height: 27px;
    font-family: "Noto Serif";
    padding-left: 0;
    letter-spacing: 0;
    padding-top: 28px;
    padding-bottom: 25px
}

@media (max-width: 992px) {
    .accordion-item .accordion-button {
        font-size:18px;
        padding-bottom: 31px;
        padding-top: 26px;
        line-height: 24px
    }
}

.accordion-item {
    background-color: #fff;
    border: 0;
    border-bottom: 1px solid #002240!important
}

.accordion-flush .accordion-item:last-child {
    border-bottom: 1px solid #002240
}

@media (min-width: 993px) {
    .accordion-item .accordion-button:hover {
        color:#737627!important
    }

    .accordion-item:hover {
        border-color: #737627!important
    }
}

.width-acc {
    width: 49.8%
}

@media (max-width: 768px) {
    .width-acc {
        width:100%
    }
}

.cmnheaderAcc {
    color: #002240;
    font-size: 16px;
    font-family: Noto Sans,Arial,Helvetica,sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 22px
}

@media (min-width: 993px) {
    .cmnheaderAcc {
        margin-bottom:27px!important
    }
}

.cmnheaderAcc:empty {
    display: none
}

.accordion-button:after {
    flex-shrink: 0;
    width: 23px;
    height: 23px;
    margin-left: auto;
    content: "";
    background-image: url(/-/media/project/dlapiper-tenant/dlapiper/icons/topicon.svg)!important;
    background-repeat: no-repeat;
    background-size: 23px;
    -webkit-transition: transform .3s ease-out;
    -moz-transition: transform .3s ease-out;
    -webkit-transition: -webkit-transform .3s ease-out;
    transition: -webkit-transform .3s ease-out;
    -moz-transition: transform .3s ease-out,-moz-transform .3s ease-out;
    transition: transform .3s ease-out;
    transition: transform .3s ease-out,-webkit-transform .3s ease-out,-moz-transform .3s ease-out;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    transform: rotate(0deg)
}

@media (max-width: 992px) {
    .accordion-button:after {
        background-image:url(/-/media/project/dlapiper-tenant/dlapiper/icons/topiconmobile.svg)!important;
        width: 34px;
        height: 34px;
        background-size: 34px
    }
}

@media (min-width: 993px) {
    .accordion-header:hover .accordion-button:after {
        -moz-transition:transform .3s ease-out;
        -webkit-transition: transform .3s ease-out;
        -webkit-transition: -webkit-transform .3s ease-out;
        transition: -webkit-transform .3s ease-out;
        -moz-transition: transform .3s ease-out,-moz-transform .3s ease-out;
        transition: transform .3s ease-out;
        transition: transform .3s ease-out,-webkit-transform .3s ease-out,-moz-transform .3s ease-out;
        -moz-transform: scale(1.1);
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }

    .accordion-body:hover .accordion-item .accordion-button {
        color: #737627!important;
        border-color: #737627!important
    }
}

.accordion-item:first-of-type {
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem;
    border-bottom-left-radius: 0!important;
    border-bottom-right-radius: 0!important
}

.accordion-body p,.textui {
    font-size: 16px;
    font-family: Noto Sans,Arial,Helvetica,sans-serif;
    color: #002240;
    text-align: left
}

.accordion-body p {
    margin-top: 2px
}

.accordion-component {
    scroll-margin-top: 80px;
    margin: 0 auto 48px
}

@media (max-width: 992px) {
    .accordion-component {
        scroll-margin-top:65px;
        margin-bottom: 32px
    }
}

@media (min-width: 993px) {
    .accordion-header:hover .accordion-button:not(.collapsed):after {
        -webkit-transition:transform .3s ease-out;
        -moz-transition: transform .3s ease-out;
        -webkit-transition: -webkit-transform .3s ease-out;
        transition: -webkit-transform .3s ease-out;
        -moz-transition: transform .3s ease-out,-moz-transform .3s ease-out;
        transition: transform .3s ease-out;
        transition: transform .3s ease-out,-webkit-transform .3s ease-out,-moz-transform .3s ease-out;
        -webkit-transform: rotate(-180deg) scale(1.1);
        -moz-transform: rotate(-180deg) scale(1.1);
        transform: rotate(-180deg) scale(1.1)
    }
}

.accordion-body a {
    color: #737627!important;
    text-decoration: underline!important;
    cursor: pointer!important
}

@media (min-width: 993px) {
    .accordion-body a:hover {
        color:#002240!important;
        text-decoration: underline!important
    }
}

.accordion-body img {
    height: 100%;
    min-height: 100%;
    max-height: 100%;
    max-width: 100%;
    width: 100%
}

.accheader-color {
    color: #737627!important
}

.accordion-component:first-child {
    margin-top: 48px
}

@media (max-width: 992px) {
    .accordion-component:first-child {
        margin-top:32px
    }
}

#podcastmain .highlight-background {
    background: #737627!important
}

.podcastcomponent-wrapper {
    scroll-margin-top: 80px;
    margin-bottom: 48px
}

@media (max-width: 992px) {
    .podcastcomponent-wrapper {
        margin-bottom:32px;
        scroll-margin-top: 65px
    }
}

.podcastcomponent-wrapper:first-child {
    margin-top: 48px
}

@media (max-width: 992px) {
    .podcastcomponent-wrapper:first-child {
        margin-top:32px
    }
}

.podcastcomponent-wrapper .podcastcomponent {
    margin: 0 auto
}

.podcastcomponent-wrapper .podcastcomponent .heading {
    text-transform: uppercase;
    font-size: 16px;
    line-height: 22px;
    color: #002240;
    font-family: Noto Sans,Arial,Helvetica,sans-serif;
    font-weight: 700;
    margin-bottom: 21px
}

@media (max-width: 992px) {
    .podcastcomponent-wrapper .podcastcomponent .heading {
        margin-bottom:21px
    }
}

@media print {
    .podcastcomponent {
        display: none
    }
}

@media (min-width: 993px) {
    .share-button.active .share-icon {
        -webkit-transform:scale(1.1);
        -moz-transform: scale(1.1);
        transform: scale(1.1)
    }
}

.sharepadding-0 {
    padding: 0!important
}

.share-component {
    background-color: #002240;
    padding: 0 51px;
    margin-bottom: 48px
}

@media (max-width: 992px) {
    .share-component {
        padding:0 16px;
        margin-bottom: 32px
    }
}

.share-component .share-component-container {
    margin: 0 auto;
    padding: 36px 0 20px;
    border-bottom: 6px solid #ddde4c;
    position: relative;
    width: 100%
}

@media (max-width: 992px) {
    .share-component .share-component-container {
        padding:9px 0 10px
    }
}

.share-component .share-component-container .share-heading {
    color: #fff;
    margin-bottom: 0;
    padding-top: 5px
}

@media (min-width: 993px) {
    .share-component .share-component-container .share-heading {
        min-height:56px
    }
}

@media (max-width: 992px) {
    .share-component .share-component-container .share-heading {
        max-width:80%
    }
}

.share-component .share-component-container button {
    border: none;
    background: none
}

.share-component .share-component-container .share-button {
    display: -moz-box;
    display: flex;
    -moz-box-align: center;
    align-items: center;
    border: 2px solid #fff;
    border-radius: 50px;
    color: #fff;
    text-decoration: none;
    padding: 0 20px;
    height: 40px;
    cursor: pointer;
    float: right;
    margin-top: 14px;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

@media (max-width: 992px) {
    .share-component .share-component-container .share-button {
        width:40px;
        height: 40px;
        padding: unset;
        border-radius: 50%
    }
}

.share-component .share-component-container .share-button.active {
    background-color: #737627;
    border: 2px solid #737627!important
}

@media (min-width: 993px) {
    .share-component .share-component-container .share-button.active,.share-component .share-component-container .share-button:hover {
        -webkit-transform:scale(1.1);
        -moz-transform: scale(1.1);
        transform: scale(1.1)
    }

    .share-component .share-component-container .share-button:hover {
        border: 1px solid #737627;
        background-color: #737627
    }

    .share-component .share-component-container .share-button:hover svg {
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        transform: scale(1.1)
    }
}

.share-component .share-component-container .share-button .button-txt {
    text-transform: uppercase;
    font-size: 12px;
    line-height: 17px;
    margin-right: 11px;
    margin-top: 2px;
    font-family: Noto Sans,Arial,Helvetica,sans-serif;
    font-weight: 600
}

@media (max-width: 992px) {
    .share-component .share-component-container .share-button .button-txt {
        display:none
    }
}

.share-component .share-component-container .share-button svg {
    width: 19px;
    height: 19px;
    -webkit-transition: .3s ease-out;
    -moz-transition: .3s ease-out;
    transition: .3s ease-out
}

@media (max-width: 992px) {
    .share-component .share-component-container .share-button svg {
        margin:8px 0 0 8px
    }
}

.share-component .share-component-container .share-links {
    display: none;
    position: absolute;
    padding: 25px 25px 9px;
    background-color: #fff;
    font-family: Noto Sans,Arial,Helvetica,sans-serif;
    font-weight: 500;
    border: 1.5px solid #737627;
    width: 192px;
    height: auto;
    top: 110px;
    right: 0;
    z-index: 9999;
    border-radius: 2px
}

@media (max-width: 992px) {
    .share-component .share-component-container .share-links {
        top:82px;
        right: -11px
    }
}

.share-component .share-component-container .share-links:after {
    content: "";
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 19px solid #fff;
    position: absolute;
    top: -18px;
    left: 80%
}

.share-component .share-component-container .share-links:before {
    content: "";
    width: 0;
    height: 0;
    border-left: 11.75px solid transparent;
    border-right: 11.75px solid transparent;
    border-bottom: 19px solid #737627;
    position: absolute;
    top: -19px;
    left: 79%
}

.share-component .share-component-container .share-links a {
    position: relative;
    display: block;
    text-decoration: none;
    color: #737627;
    cursor: pointer;
    margin-bottom: 18px
}

.share-component .share-component-container .share-links a:hover {
    color: #002240
}

.share-component .share-component-container .share-links a:hover span.link-text:after {
    width: 100%
}

.share-component .share-component-container .share-links a span.link-text {
    margin-left: 46px;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    position: relative;
    padding-bottom: 5px
}

.share-component .share-component-container .share-links a span.link-text:after {
    content: "";
    width: 0;
    height: 2px;
    background-color: #002240;
    position: absolute;
    left: 0;
    bottom: 0;
    -webkit-transition: .3s ease-out;
    -moz-transition: .3s ease-out;
    transition: .3s ease-out
}

.share-component .share-component-container .share-links a.sharethis_button_email:before,.share-component .share-component-container .share-links a.sharethis_button_facebook:before,.share-component .share-component-container .share-links a.sharethis_button_line:before,.share-component .share-component-container .share-links a.sharethis_button_linkedin:before,.share-component .share-component-container .share-links a.sharethis_button_twitter:before,.share-component .share-component-container .share-links a.sharethis_button_wechat:before,.share-component .share-component-container .share-links a.sharethis_button_whatsapp:before,.share-component .share-component-container .share-links a.sharethis_button_xing:before {
    content: "";
    background-repeat: no-repeat;
    position: absolute;
    width: 24px;
    height: 24px;
    left: 0;
    top: 3px
}

.share-component .share-component-container .share-links a.sharethis_button_facebook:before {
    background-image: url(/-/media/project/dlapiper-tenant/dlapiper/icons/facebook-icon.svg)
}

.share-component .share-component-container .share-links a.sharethis_button_twitter:before {
    background-image: url(/-/media/project/dlapiper-tenant/dlapiper/icons/twitter-icon-share_v2.svg)
}

.share-component .share-component-container .share-links a.sharethis_button_email:before {
    background-image: url(/-/media/project/dlapiper-tenant/dlapiper/icons/email-icon.svg)
}

.share-component .share-component-container .share-links a.sharethis_button_linkedin:before {
    background-image: url(/-/media/project/dlapiper-tenant/dlapiper/icons/linkedin-icon.svg)
}

.share-component .share-component-container .share-links a.sharethis_button_whatsapp:before {
    background-image: url(/-/media/project/dlapiper-tenant/dlapiper/icons/whatsapp-icon.svg)
}

.share-component .share-component-container .share-links a.sharethis_button_line:before {
    background-image: url(/-/media/project/dlapiper-tenant/dlapiper/icons/line-icon.svg)
}

.share-component .share-component-container .share-links a.sharethis_button_wechat:before {
    background-image: url(/-/media/project/dlapiper-tenant/dlapiper/icons/wechat-icon.svg)
}

.share-component .share-component-container .share-links a.sharethis_button_xing:before {
    background-image: url(/-/media/project/dlapiper-tenant/dlapiper/icons/xing-icon.svg)
}

.share-component:not(.PrimaryHeader-white):last-child {
    margin-bottom: 0
}

.share-component.PrimaryHeader-white:first-child {
    margin-top: 48px
}

@media (max-width: 992px) {
    .share-component.PrimaryHeader-white:first-child {
        margin-top:32px
    }
}

.share-component+.rich-text-component.subhead-white {
    margin-top: 0!important
}

@media (max-width: 992px) {
    .share-component+.rich-text-component.subhead-white {
        margin-top:0!important
    }
}

.share-component.PrimaryHeader-white+.anchor-nav-component,.share-component.PrimaryHeader-white+.breadcrumb-component,.share-component.PrimaryHeader-white+.brightcove-component,.share-component.PrimaryHeader-white+.feature-component,.share-component.PrimaryHeader-white+.feature-cta-component,.share-component.PrimaryHeader-white+.feature-text-component,.share-component.PrimaryHeader-white+.hero-component,.share-component.PrimaryHeader-white+.homepage-stories-component,.share-component.PrimaryHeader-white+.intro-copy-component,.share-component.PrimaryHeader-white+.masthead-subtitle-component,.share-component.PrimaryHeader-white+.more-to-see-component,.share-component.PrimaryHeader-white+.people-profile-main-div,.share-component.PrimaryHeader-white+.press-release-comp,.share-component.PrimaryHeader-white+.quote-component,.share-component.PrimaryHeader-white+.recommended-for-you-component.gray-background,.share-component.PrimaryHeader-white+.related-capability-component,.share-component.PrimaryHeader-white+.resource-component-links,.share-component.PrimaryHeader-white+.resourcescommon.gray-background,.share-component.PrimaryHeader-white+.rich-text-component,.share-component.PrimaryHeader-white+.rich-text-heading-component.gray-background,.share-component.PrimaryHeader-white+.share-component,.share-component.PrimaryHeader-white+.share-component.PrimaryHeader-white,.share-component.PrimaryHeader-white+.tertiary-content-component {
    margin-top: 0!important
}

@media (max-width: 992px) {
    .share-component.PrimaryHeader-white+.anchor-nav-component,.share-component.PrimaryHeader-white+.breadcrumb-component,.share-component.PrimaryHeader-white+.brightcove-component,.share-component.PrimaryHeader-white+.feature-component,.share-component.PrimaryHeader-white+.feature-cta-component,.share-component.PrimaryHeader-white+.feature-text-component,.share-component.PrimaryHeader-white+.hero-component,.share-component.PrimaryHeader-white+.homepage-stories-component,.share-component.PrimaryHeader-white+.intro-copy-component,.share-component.PrimaryHeader-white+.masthead-subtitle-component,.share-component.PrimaryHeader-white+.more-to-see-component,.share-component.PrimaryHeader-white+.people-profile-main-div,.share-component.PrimaryHeader-white+.press-release-comp,.share-component.PrimaryHeader-white+.quote-component,.share-component.PrimaryHeader-white+.recommended-for-you-component.gray-background,.share-component.PrimaryHeader-white+.related-capability-component,.share-component.PrimaryHeader-white+.resource-component-links,.share-component.PrimaryHeader-white+.resourcescommon.gray-background,.share-component.PrimaryHeader-white+.rich-text-component,.share-component.PrimaryHeader-white+.rich-text-heading-component.gray-background,.share-component.PrimaryHeader-white+.share-component,.share-component.PrimaryHeader-white+.share-component.PrimaryHeader-white,.share-component.PrimaryHeader-white+.tertiary-content-component {
        margin-top:0!important
    }
}

.share-component:not(.PrimaryHeader-white)+.anchor-nav-component,.share-component:not(.PrimaryHeader-white)+.brightcove-component,.share-component:not(.PrimaryHeader-white)+.dla-contacts.gray-background,.share-component:not(.PrimaryHeader-white)+.feature-component,.share-component:not(.PrimaryHeader-white)+.feature-cta-component,.share-component:not(.PrimaryHeader-white)+.feature-text-component,.share-component:not(.PrimaryHeader-white)+.hero-component,.share-component:not(.PrimaryHeader-white)+.homepage-stories-component,.share-component:not(.PrimaryHeader-white)+.intro-copy-component,.share-component:not(.PrimaryHeader-white)+.masthead-subtitle-component,.share-component:not(.PrimaryHeader-white)+.more-to-see-component,.share-component:not(.PrimaryHeader-white)+.people-profile-main-div,.share-component:not(.PrimaryHeader-white)+.press-release-comp,.share-component:not(.PrimaryHeader-white)+.quote-component,.share-component:not(.PrimaryHeader-white)+.recommended-for-you-component.gray-background,.share-component:not(.PrimaryHeader-white)+.related-capability-component,.share-component:not(.PrimaryHeader-white)+.resource-component-links:not(.white-background),.share-component:not(.PrimaryHeader-white)+.resourcescommon.gray-background,.share-component:not(.PrimaryHeader-white)+.rich-text-component,.share-component:not(.PrimaryHeader-white)+.rich-text-heading-component.gray-background,.share-component:not(.PrimaryHeader-white)+.tertiary-content-component:not(.background-white) {
    margin-top: -48px!important
}

@media (max-width: 992px) {
    .share-component:not(.PrimaryHeader-white)+.anchor-nav-component,.share-component:not(.PrimaryHeader-white)+.brightcove-component,.share-component:not(.PrimaryHeader-white)+.dla-contacts.gray-background,.share-component:not(.PrimaryHeader-white)+.feature-component,.share-component:not(.PrimaryHeader-white)+.feature-cta-component,.share-component:not(.PrimaryHeader-white)+.feature-text-component,.share-component:not(.PrimaryHeader-white)+.hero-component,.share-component:not(.PrimaryHeader-white)+.homepage-stories-component,.share-component:not(.PrimaryHeader-white)+.intro-copy-component,.share-component:not(.PrimaryHeader-white)+.masthead-subtitle-component,.share-component:not(.PrimaryHeader-white)+.more-to-see-component,.share-component:not(.PrimaryHeader-white)+.people-profile-main-div,.share-component:not(.PrimaryHeader-white)+.press-release-comp,.share-component:not(.PrimaryHeader-white)+.quote-component,.share-component:not(.PrimaryHeader-white)+.recommended-for-you-component.gray-background,.share-component:not(.PrimaryHeader-white)+.related-capability-component,.share-component:not(.PrimaryHeader-white)+.resource-component-links:not(.white-background),.share-component:not(.PrimaryHeader-white)+.resourcescommon.gray-background,.share-component:not(.PrimaryHeader-white)+.rich-text-component,.share-component:not(.PrimaryHeader-white)+.rich-text-heading-component.gray-background,.share-component:not(.PrimaryHeader-white)+.tertiary-content-component:not(.background-white) {
        margin-top:-32px!important
    }
}

.share-component+.breadcrumb-component {
    margin-top: -37px!important
}

@media (max-width: 992px) {
    .share-component+.breadcrumb-component {
        margin-top:-16px!important
    }
}

.share-component .sharepadding-0.disabled-cookies {
    pointer-events: none
}

.share-icon {
    background-image: url(/-/media/project/dlapiper-tenant/dlapiper/icons/shareicon.svg);
    width: 19px;
    height: 19px;
    background-repeat: no-repeat;
    background-size: 19px;
    float: right;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    position: relative
}

@media (max-width: 992px) {
    .share-icon {
        float:none;
        margin-left: 8px!important
    }
}

@media (min-width: 993px) {
    .share-button svg {
        -webkit-transition:all .3s ease-out;
        -moz-transition: all .3s ease-out;
        transition: all .3s ease-out
    }
}

@media (min-width: 993px) and (min-width:993px) {
    .share-button:hover .share-icon {
        -webkit-transform:scale(1.1);
        -moz-transform: scale(1.1);
        transform: scale(1.1)
    }
}

.PrimaryHeader-white {
    background-color: #fff
}

.PrimaryHeader-white .share-component-container {
    padding-top: 0
}

.PrimaryHeader-white .share-component-container .share-heading {
    color: #002240
}

.PrimaryHeader-white .col-2 .share-button {
    border: 1px solid #737627;
    background-color: #737627
}

.share-component.PrimaryHeader-white .share-links {
    top: 73px
}

.feature-component {
    margin-top: -1px;
    background-color: #072d4e;
    background-repeat: no-repeat;
    position: relative;
    padding-bottom: 10px;
    margin-bottom: 48px
}

@media (max-width: 992px) {
    .feature-component {
        padding-bottom:32px;
        margin-bottom: 32px
    }
}

.feature-component .feature-bg-div {
    width: 100%;
    height: 275px
}

.feature-component .feature-bg {
    object-position: top;
    position: absolute
}

.feature-component .feature-container {
    width: 100%;
    margin: 0 auto;
    padding: 40px 0 15px
}

@media (max-width: 992px) {
    .feature-component .feature-container {
        padding-bottom:0
    }
}

.feature-component .feature-container .feature-content {
    color: #fff;
    text-decoration: none;
    cursor: pointer
}

@media (min-width: 993px) {
    .feature-component .feature-container .feature-content:hover .feature img {
        -webkit-transform:scale(1.1);
        -moz-transform: scale(1.1);
        transform: scale(1.1)
    }

    .feature-component .feature-container .feature-content:hover .feature .card .card-body .content-tag {
        color: #fff;
        margin-bottom: 4px;
        font-family: Noto Sans,Arial,Helvetica,sans-serif;
        font-weight: 500
    }

    .feature-component .feature-container .feature-content:hover .feature .card .card-body .content-tag:before {
        width: 100%;
        z-index: -1
    }

    .feature-component .feature-container .feature-content:hover .feature .card .description:after {
        width: 100%
    }
}

.feature-component .feature-container .feature {
    position: relative;
    min-height: 441px
}

@media (max-width: 992px) {
    .feature-component .feature-container .feature {
        margin-left:20px
    }
}

.feature-component .feature-container .feature .feature-img-wrap {
    position: absolute;
    right: 0;
    overflow: hidden
}

@media (min-width: 993px) {
    .feature-component .feature-container .feature .feature-img-wrap {
        margin-right:40px;
        width: 55%
    }
}

@media screen and (max-width: 992px) {
    .feature-component .feature-container .feature .feature-img-wrap {
        max-width:100%;
        width: 100%
    }
}

.feature-component .feature-container .feature .feature-img-wrap img {
    width: 100%;
    height: 100%;
    border-radius: 2px;
    z-index: 0;
    object-fit: cover;
    object-position: center;
    -webkit-transition: -webkit-transform .3s ease-out;
    transition: -webkit-transform .3s ease-out;
    -moz-transition: transform .3s ease-out,-moz-transform .3s ease-out;
    transition: transform .3s ease-out;
    transition: transform .3s ease-out,-webkit-transform .3s ease-out,-moz-transform .3s ease-out
}

@media screen and (min-width: 768px) {
    .feature-component .feature-container .feature .feature-img-wrap .feature-img-div {
        width:100%;
        height: 400px
    }
}

@media screen and (max-width: 768px) {
    .feature-component .feature-container .feature .feature-img-wrap .feature-img-div {
        height:297px;
        width: 100%
    }
}

.feature-component .feature-container .feature .card {
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 15px 33px 30px 48px;
    height: auto;
    background-color: #002240;
    min-height: 263px;
    border-radius: 2px
}

@media (min-width: 993px) {
    .feature-component .feature-container .feature .card {
        width:45%
    }
}

@media (max-width: 992px) {
    .feature-component .feature-container .feature .card {
        margin-right:18.5px;
        padding: 15px 45px 15px 32px;
        left: -20px;
        width: 100%
    }
}

.feature-component .feature-container .feature .card .card-body {
    padding: 0
}

.feature-component .feature-container .feature .card .card-body p {
    color: #fff
}

.feature-component .feature-container .feature .card .card-body .content-tag {
    font-size: 12px;
    line-height: 17px;
    letter-spacing: .36px;
    text-transform: uppercase;
    margin-top: 11px;
    margin-left: -48px;
    margin-bottom: 12px;
    padding: 3px 20px 4px 48px;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    position: relative;
    -webkit-transition: .3s ease-out;
    -moz-transition: .3s ease-out;
    transition: .3s ease-out
}

@media (max-width: 992px) {
    .feature-component .feature-container .feature .card .card-body .content-tag {
        margin-bottom:8px
    }
}

.feature-component .feature-container .feature .card .card-body .content-tag:before {
    content: "";
    height: 24px;
    width: 0;
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: #737627;
    -webkit-transition: .3s ease-out;
    -moz-transition: .3s ease-out;
    transition: .3s ease-out;
    border-radius: 0 2px 2px 0
}

.feature-component .feature-container .feature .card .card-body .description {
    font-size: 28px;
    line-height: 36px;
    font-family: "Noto Serif";
    max-width: 580px;
    margin-bottom: 32px;
    position: relative
}

@media (max-width: 992px) {
    .feature-component .feature-container .feature .card .card-body .description {
        font-size:24px;
        line-height: 28px;
        margin-bottom: 32px
    }
}

.feature-component .feature-container .feature .card .card-body .description:after {
    content: "";
    height: 3px;
    width: 0;
    position: absolute;
    bottom: -10px;
    left: 0;
    background-color: #737627;
    -webkit-transition: .3s ease-out;
    -moz-transition: .3s ease-out;
    transition: .3s ease-out
}

.feature-component .feature-container .feature .card .card-body .date {
    font-size: 12px;
    line-height: 17px;
    margin-bottom: 0;
    text-transform: uppercase
}

.feature-component .feature-slider {
    display: -moz-box;
    display: flex;
    width: 100%;
    margin: 0 auto;
    position: relative
}

@media (min-width: 993px) {
    .feature-component .feature-slider {
        padding:35px 0 50px
    }
}

@media (max-width: 992px) {
    .feature-component .feature-slider {
        max-width:100%;
        padding: 30px 16px 26px
    }
}

.feature-component .feature-slider .feature-card1,.feature-component .feature-slider .feature-card2,.feature-component .feature-slider .feature-card3 {
    z-index: 0;
    display: -moz-box;
    display: flex;
    position: relative;
    text-decoration: none;
    color: #fff;
    background-color: #002240;
    width: 100%;
    min-height: 184px;
    border-radius: 2px;
    margin-left: 35px
}

@media (max-width: 992px) {
    .feature-component .feature-slider .feature-card1,.feature-component .feature-slider .feature-card2,.feature-component .feature-slider .feature-card3 {
        max-width:100%;
        width: 100%;
        min-height: 200px
    }
}

.feature-component .feature-slider .feature-card1:first-child,.feature-component .feature-slider .feature-card2:first-child,.feature-component .feature-slider .feature-card3:first-child {
    margin-left: 0
}

@media (min-width: 993px) {
    .feature-component .feature-slider .feature-card1:hover img,.feature-component .feature-slider .feature-card2:hover img,.feature-component .feature-slider .feature-card3:hover img {
        -webkit-transform:scale(1.1);
        -moz-transform: scale(1.1);
        transform: scale(1.1);
        -webkit-transition: -webkit-transform .3s;
        transition: -webkit-transform .3s;
        -moz-transition: transform .3s,-moz-transform .3s;
        transition: transform .3s;
        transition: transform .3s,-webkit-transform .3s,-moz-transform .3s
    }

    .feature-component .feature-slider .feature-card1:hover .card-content .tag,.feature-component .feature-slider .feature-card2:hover .card-content .tag,.feature-component .feature-slider .feature-card3:hover .card-content .tag {
        padding-top: 3px;
        padding-bottom: 5px;
        margin-top: 0;
        margin-bottom: 7px
    }

    .feature-component .feature-slider .feature-card1:hover .card-content .tag:before,.feature-component .feature-slider .feature-card2:hover .card-content .tag:before,.feature-component .feature-slider .feature-card3:hover .card-content .tag:before {
        width: 100%;
        z-index: -1
    }

    .feature-component .feature-slider .feature-card1:hover .card-content .description:after,.feature-component .feature-slider .feature-card2:hover .card-content .description:after,.feature-component .feature-slider .feature-card3:hover .card-content .description:after {
        width: 100%
    }
}

.feature-component .feature-slider .feature-card1 .feature-img-zoom,.feature-component .feature-slider .feature-card2 .feature-img-zoom,.feature-component .feature-slider .feature-card3 .feature-img-zoom {
    overflow: hidden;
    min-width: 190px;
    max-width: 191px
}

@media (max-width: 992px) {
    .feature-component .feature-slider .feature-card1 .feature-img-zoom,.feature-component .feature-slider .feature-card2 .feature-img-zoom,.feature-component .feature-slider .feature-card3 .feature-img-zoom {
        min-width:156px;
        max-width: 157px
    }
}

.feature-component .feature-slider .feature-card1 .feature-img-zoom img,.feature-component .feature-slider .feature-card2 .feature-img-zoom img,.feature-component .feature-slider .feature-card3 .feature-img-zoom img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    -webkit-transition: .3s ease-out;
    -moz-transition: .3s ease-out;
    transition: .3s ease-out
}

.feature-component .feature-slider .feature-card1 .card-content,.feature-component .feature-slider .feature-card2 .card-content,.feature-component .feature-slider .feature-card3 .card-content {
    position: relative;
    padding: 10px 22px 10px 21px
}

@media (max-width: 992px) {
    .feature-component .feature-slider .feature-card1 .card-content,.feature-component .feature-slider .feature-card2 .card-content,.feature-component .feature-slider .feature-card3 .card-content {
        padding:16px 16px 33px
    }
}

.feature-component .feature-slider .feature-card1 .card-content span,.feature-component .feature-slider .feature-card2 .card-content span,.feature-component .feature-slider .feature-card3 .card-content span {
    display: block
}

.feature-component .feature-slider .feature-card1 .card-content .tag,.feature-component .feature-slider .feature-card2 .card-content .tag,.feature-component .feature-slider .feature-card3 .card-content .tag {
    font-family: Noto Sans,Arial,Helvetica,sans-serif;
    font-weight: 500;
    font-size: 10px;
    line-height: 14px;
    letter-spacing: .3px;
    text-transform: uppercase;
    border-radius: 0 2px 2px 0;
    margin-top: 7px;
    margin-left: -21px;
    margin-bottom: 8px;
    padding-left: 21px;
    padding-right: 14px;
    position: relative;
    -webkit-transition: .3s ease-out;
    -moz-transition: .3s ease-out;
    transition: .3s ease-out;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content
}

@media (max-width: 992px) {
    .feature-component .feature-slider .feature-card1 .card-content .tag,.feature-component .feature-slider .feature-card2 .card-content .tag,.feature-component .feature-slider .feature-card3 .card-content .tag {
        margin-bottom:8px
    }
}

.feature-component .feature-slider .feature-card1 .card-content .tag:before,.feature-component .feature-slider .feature-card2 .card-content .tag:before,.feature-component .feature-slider .feature-card3 .card-content .tag:before {
    content: "";
    height: 24px;
    width: 0;
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: #737627;
    -webkit-transition: .3s ease-out;
    -moz-transition: .3s ease-out;
    transition: .3s ease-out;
    border-radius: 0 2px 2px 0
}

.feature-component .feature-slider .feature-card1 .card-content .description,.feature-component .feature-slider .feature-card2 .card-content .description,.feature-component .feature-slider .feature-card3 .card-content .description {
    position: relative;
    font-family: "Noto Serif";
    font-size: 20px;
    line-height: 26px;
    letter-spacing: .72px;
    margin-bottom: 32px
}

@media (max-width: 992px) {
    .feature-component .feature-slider .feature-card1 .card-content .description,.feature-component .feature-slider .feature-card2 .card-content .description,.feature-component .feature-slider .feature-card3 .card-content .description {
        font-size:16px;
        line-height: 20px;
        letter-spacing: .58px
    }
}

.feature-component .feature-slider .feature-card1 .card-content .description:after,.feature-component .feature-slider .feature-card2 .card-content .description:after,.feature-component .feature-slider .feature-card3 .card-content .description:after {
    content: "";
    height: 3px;
    width: 0;
    position: absolute;
    bottom: -10px;
    left: 0;
    background-color: #737627;
    -webkit-transition: .3s ease-out;
    -moz-transition: .3s ease-out;
    transition: .3s ease-out
}

.feature-component .feature-slider .feature-card1 .date,.feature-component .feature-slider .feature-card2 .date,.feature-component .feature-slider .feature-card3 .date {
    position: absolute;
    bottom: 10px;
    left: 211px;
    font-size: 10px;
    line-height: 14px;
    letter-spacing: .3px;
    text-transform: uppercase!important;
    font-weight: 500;
    margin: 0
}

@media (max-width: 992px) {
    .feature-component .feature-slider .feature-card1 .date,.feature-component .feature-slider .feature-card2 .date,.feature-component .feature-slider .feature-card3 .date {
        left:171px
    }
}

.feature-component .feature-slider .swiper-button-next,.feature-component .feature-slider .swiper-button-prev {
    width: 32px;
    height: 32px;
    border: 2px solid #989b36;
    border-radius: 50%;
    top: unset;
    bottom: 0
}

@media (max-width: 992px) {
    .feature-component .feature-slider .swiper-button-next,.feature-component .feature-slider .swiper-button-prev {
        display:none
    }
}

.feature-component .feature-slider .swiper-button-next:after,.feature-component .feature-slider .swiper-button-prev:after {
    font-size: 16px;
    color: #989b36;
    font-weight: 600
}

.feature-component .feature-slider .swiper-button-next.swipper-btn-visibility,.feature-component .feature-slider .swiper-button-prev.swipper-btn-visibility {
    display: none
}

.feature-component .feature-slider .swiper-button-prev {
    left: 51px
}

.feature-component .feature-slider .swiper-button-disabled {
    opacity: 1;
    border: 2px solid hsla(0,0%,43.9%,.5019607843137255)!important
}

.feature-component .feature-slider .swiper-button-disabled:after {
    color: hsla(0,0%,43.9%,.5019607843137255)!important
}

.feature-component .feature-slider .swiper-pagination {
    bottom: 0;
    width: 100%;
    left: 0
}

@media (min-width: 993px) {
    .feature-component .feature-slider .swiper-pagination {
        display:none
    }
}

.feature-component .feature-slider .swiper-pagination .swiper-pagination-bullet {
    margin-left: 8px;
    height: 4px;
    width: 8px;
    background: #072d4e;
    border-radius: 4px;
    border: 1px solid #fff;
    opacity: 1
}

.feature-component .feature-slider .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: #737627;
    border: 2px solid #737627;
    height: 4px;
    width: 16px
}

.feature-component .swiper-slide {
    display: -moz-flex;
    display: -moz-box;
    display: flex
}

@media (min-width: 993px) {
    .feature-component .swiper-slide {
        width:477.059px!important
    }
}

@media (max-width: 992px) {
    .feature-component .swiper-slide {
        width:100%!important
    }
}

.feature-component .swiper-button-next,.swiper-container-rtl .swiper-button-prev {
    right: 47px!important
}

.feature-component:last-child {
    margin-bottom: 0
}

.feature-component+.anchor-nav-component,.feature-component+.brightcove-component,.feature-component+.dla-contacts.gray-background,.feature-component+.feature-cta-component,.feature-component+.feature-text-component,.feature-component+.hero-component,.feature-component+.homepage-stories-component,.feature-component+.intro-copy-component,.feature-component+.masthead-subtitle-component,.feature-component+.more-to-see-component,.feature-component+.people-profile-main-div,.feature-component+.press-release-comp,.feature-component+.quote-component,.feature-component+.recommended-for-you-component.gray-background,.feature-component+.related-capability-component,.feature-component+.resource-component-links:not(.white-background),.feature-component+.resourcescommon.gray-background,.feature-component+.rich-text-heading-component.gray-background,.feature-component+.share-component:not(.PrimaryHeader-white),.feature-component+.tertiary-content-component:not(.background-white) {
    margin-top: -48px
}

@media (max-width: 992px) {
    .feature-component+.anchor-nav-component,.feature-component+.brightcove-component,.feature-component+.dla-contacts.gray-background,.feature-component+.feature-cta-component,.feature-component+.feature-text-component,.feature-component+.hero-component,.feature-component+.homepage-stories-component,.feature-component+.intro-copy-component,.feature-component+.masthead-subtitle-component,.feature-component+.more-to-see-component,.feature-component+.people-profile-main-div,.feature-component+.press-release-comp,.feature-component+.quote-component,.feature-component+.recommended-for-you-component.gray-background,.feature-component+.related-capability-component,.feature-component+.resource-component-links:not(.white-background),.feature-component+.resourcescommon.gray-background,.feature-component+.rich-text-heading-component.gray-background,.feature-component+.share-component:not(.PrimaryHeader-white),.feature-component+.tertiary-content-component:not(.background-white) {
        margin-top:-32px
    }
}

.feature-component+.rich-text-component:not(.subhead-white) {
    margin-top: -48px
}

@media (max-width: 992px) {
    .feature-component+.rich-text-component:not(.subhead-white) {
        margin-top:-33px
    }
}

.feature-component+.breadcrumb-component {
    margin-top: -37px
}

@media (max-width: 992px) {
    .feature-component+.breadcrumb-component {
        margin-top:-16px
    }

    .feature-component+.profile-contact-component {
        margin-top: -32px
    }
}

.adjustbox {
    position: relative;
    margin-top: 30%
}

@media (max-width: 992px) {
    .adjustbox {
        width:100%!important;
        min-height: 145px;
        margin-top: 0;
        max-width: 100%;
        padding: 12px 36px 28px 16px;
        background: #f2f2f2 0 0 no-repeat padding-box
    }
}

.pdall {
    padding: .5rem
}

h4.inner-text-new {
    font-size: 24px;
    color: #15253f;
    margin-top: 24px;
    margin-bottom: 31px;
    font-family: "Noto Serif";
    font-weight: 400;
    word-break: break-word;
    line-height: 30px
}

@media (max-width: 992px) {
    h4.inner-text-new {
        line-height:24px;
        font-size: 18px;
        margin-top: 0;
        margin-bottom: 0;
        margin-left: 0;
        padding-bottom: 20px
    }
}

.date-share-new {
    font-size: 16px;
    color: #002240;
    text-transform: uppercase;
    margin-top: 193px;
    font-family: Noto Sans,Arial,Helvetica,sans-serif;
    font-weight: 700;
    line-height: 22px;
    word-break: break-word
}

@media (max-width: 992px) {
    .date-share-new {
        display:none
    }
}

a.btn.btn-primary.btninfographic {
    background-color: #737627;
    border-color: #737627;
    cursor: pointer;
    border-radius: 20px;
    font-size: 12px;
    color: #fff;
    font-family: Noto Sans,Arial,Helvetica,sans-serif;
    font-weight: 600;
    line-height: 17px;
    text-transform: uppercase;
    padding-top: 10px;
    padding-left: 16px;
    padding-right: 16px
}

@media (max-width: 992px) {
    a.btn.btn-primary.btninfographic {
        margin-left:0
    }
}

.height-width-image {
    width: 100%;
    max-width: 100%
}

@media (max-width: 992px) {
    .height-width-image {
        height:100%;
        width: 100%;
        max-width: 100%;
        text-align: center;
        min-width: 100%;
        background-position: 50%;
        background-repeat: no-repeat;
        background-size: cover
    }
}

a.btn.btn-primary.btninfographic:focus,a.btn.btn-primary.btninfographic:hover {
    background-color: #737627;
    border-color: #737627
}

.btninfographic .fa-w-16 {
    margin-left: .5rem;
    height: 12px;
    font-weight: 400;
    position: relative;
    top: -2px
}

.column-reverse-image {
    -moz-box-orient: horizontal!important;
    -moz-box-direction: normal!important;
    flex-direction: row!important
}

@media (max-width: 992px) {
    .column-reverse-image {
        -moz-box-orient:vertical!important;
        -moz-box-direction: reverse!important;
        flex-direction: column-reverse!important
    }
}

.modal-body.modal-image-padding {
    padding: 0;
    border: 0;
    overflow-y: auto;
    overflow-x: hidden
}

@media (max-width: 992px) {
    .modal-body.modal-image-padding {
        max-width:100%!important;
        position: relative;
        margin: 0;
        overflow-x: hidden
    }
}

.height-width-modal {
    max-width: 80%!important
}

@media (max-width: 992px) {
    .height-width-modal {
        max-width:100%!important;
        position: relative;
        margin: 0;
        height: auto!important
    }
}

.modal-image-height-width {
    max-width: 100%!important;
    width: 100%;
    height: -moz-calc(100vh - 145px);
    height: calc(100vh - 145px)
}

@media (min-width: 993px) {
    .modal-image-height-width {
        object-fit:contain
    }
}

@media (max-width: 992px) {
    .modal-image-height-width {
        height:100%!important;
        max-height: 100%!important;
        margin-bottom: 24px;
        overflow-y: auto
    }
}

.showimagetitle {
    display: none
}

@media (max-width: 992px) {
    .showimagetitle {
        display:block;
        font-size: 14px;
        line-height: 20px;
        color: #002240;
        text-transform: uppercase;
        font-family: Noto Sans,Arial,Helvetica,sans-serif;
        font-weight: 700;
        padding-left: 16px;
        padding-bottom: 21px
    }
}

.adjustminus {
    float: right;
    z-index: 11;
    font-size: 11px;
    color: #737627;
    cursor: pointer;
    height: 12px
}

.showExpandDiv {
    float: right;
    border-radius: 50%;
    border: 2px solid #fff;
    padding: 10px;
    position: absolute;
    z-index: 11;
    pointer-events: all;
    display: none;
    margin-top: 23px;
    right: 0;
    height: 40px;
    width: 40px;
    margin-right: 16px
}

@media (max-width: 992px) {
    .showExpandDiv {
        display:block
    }

    .image-component .modal-dialog-centered {
        min-height: 20rem
    }
}

.removeimagepadding {
    padding: 0!important
}

@media (max-width: 992px) {
    .removeimagepadding {
        padding:0!important;
        width: 100%;
        position: relative
    }
}

.marginall-0 {
    margin: 0!important
}

.imagetobottom {
    width: 100%;
    margin: 0 auto
}

@media (min-width: 993px) {
    .imagetobottom {
        padding-bottom:36px
    }
}

svg.downloadicon {
    height: 22px;
    width: 22px;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    transition: all .3s ease-out;
    margin-left: 9px;
    position: relative;
    top: -3px
}

.inforgraphiccomponent .swiper-pagination .swiper-pagination-bullet {
    margin-left: 10px;
    height: 6px;
    width: 12px;
    background: #fff;
    border-radius: 4px;
    border: 1px solid #737627
}

.inforgraphiccomponent .swiper-pagination {
    width: 100%;
    left: 0
}

.image-comp {
    width: 100%;
    margin: 0 auto 14px
}

.image-comp .image-section .image-pagination .swiper-pagination {
    width: 100%;
    left: 0
}

.image-comp .image-section .image-pagination .swiper-pagination .swiper-pagination-bullet {
    margin-left: 10px;
    height: 6px;
    width: 12px;
    background: #fff;
    border-radius: 4px;
    border: 1px solid #737627
}

.image-comp .image-section .image-pagination .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: #737627;
    height: 6px;
    width: 22px;
    border-radius: 4px
}

.image-comp .image-section .image-pagination .swiper-fraction {
    color: #737627;
    font-weight: 600;
    font-size: 14px;
    width: 100%;
    text-align: center;
    position: absolute;
    top: 25px
}

.desktop {
    display: block
}

@media (max-width: 992px) {
    .desktop {
        display:none
    }
}

.mobile {
    display: none
}

@media (max-width: 992px) {
    .mobile {
        display:block
    }
}

.imagemodal {
    padding: 0
}

.hidemodalheader {
    display: none!important
}

@media (max-width: 992px) {
    .hidemodalheader {
        display:block!important;
        display: -moz-box!important;
        display: flex!important
    }
}

.hidemodalheader .modal-header {
    border: 0;
    width: 90%;
    color: #002240;
    font-family: "Noto Serif";
    padding-left: 0;
    padding-top: 0;
    padding-bottom: 0
}

.modal-header.hidemodalheader {
    padding-top: 30px;
    padding-bottom: 29px;
    display: -moz-box;
    display: flex
}

@media (max-width: 992px) {
    .modal-header.hidemodalheader {
        padding-top:unset;
        margin-top: 18%
    }
}

.hidemodalheader button.close {
    border: 0;
    background-color: #fff;
    padding: 0
}

span.closeicon {
    cursor: pointer
}

.image-component .imagemodal .modal-content {
    border-radius: 0
}

@media (min-width: 993px) {
    .image-component .imagemodal .modal-content {
        background:transparent;
        max-height: -moz-calc(100vh - 145px);
        max-height: calc(100vh - 145px);
        height: 100vh
    }
}

.desktopmodalbodyImage {
    display: block
}

@media (max-width: 992px) {
    .desktopmodalbodyImage {
        display:none
    }
}

.innerinfoimage {
    display: none
}

@media (max-width: 992px) {
    .innerinfoimage {
        display:block;
        margin-bottom: 0
    }
}

@media (min-width: 993px) {
    a.btninfographic:hover svg.downloadicon {
        -webkit-transform:translateY(3px);
        -moz-transform: translateY(3px);
        transform: translateY(3px)
    }
}

.image-component {
    width: 100%;
    margin: 0 auto 48px;
    scroll-margin-top: 80px;
    padding: 0 51px
}

@media (max-width: 992px) {
    .image-component {
        max-width:100%;
        padding-left: 0;
        padding-right: 0;
        scroll-margin-top: 65px;
        margin: 0 0 32px;
        width: 100%
    }
}

.image-pagination {
    position: relative;
    top: 6px
}

.image-pagination .swiper-pagination .swiper-pagination-bullet {
    margin-left: 10px;
    height: 6px;
    width: 12px;
    background: #fff;
    border-radius: 4px;
    border: 1px solid #737627;
    opacity: 1;
    -webkit-transition: transform .3s ease-out;
    -moz-transition: transform .3s ease-out;
    -webkit-transition: -webkit-transform .3s ease-out;
    transition: -webkit-transform .3s ease-out;
    -moz-transition: transform .3s ease-out,-moz-transform .3s ease-out;
    transition: transform .3s ease-out;
    transition: transform .3s ease-out,-webkit-transform .3s ease-out,-moz-transform .3s ease-out
}

.image-pagination .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: #737627;
    height: 6px;
    width: 22px;
    border-radius: 4px
}

.image-pagination .swiper-fraction {
    color: #737627;
    font-weight: 600;
    font-size: 15px;
    width: 100%;
    text-align: center;
    position: absolute;
    top: 25px;
    left: 5px;
    cursor: pointer;
    font-family: Noto Sans,Arial,Helvetica,sans-serif;
    font-weight: 700;
    line-height: 20px
}

.pdlr-16 {
    padding-left: 16px!important;
    padding-right: 16px!important
}

@media (max-width: 992px) {
    .pdlr-16 {
        padding-left:0!important;
        padding-right: 0!important
    }
}

.pdright-16 {
    padding-right: 16px!important
}

@media (max-width: 992px) {
    .pdright-16 {
        padding-right:0!important
    }
}

.pdleft-16 {
    padding-left: 16px!important
}

@media (max-width: 992px) {
    .pdleft-16 {
        padding-left:0!important
    }
}

.ReactModal__Overlay.ReactModal__Overlay--after-open {
    z-index: 999;
    overflow-y: auto;
    overflow-x: hidden
}

.modal-body {
    padding: 0
}

@media (min-width: 993px) {
    .modal-dialog {
        display:-moz-box;
        display: flex;
        -moz-box-align: center;
        align-items: center;
        -moz-box-pack: center;
        justify-content: center;
        margin: 120px auto 0
    }
}

@media (max-width: 992px) {
    .modal-dialog {
        max-width:100%!important;
        width: 100%!important;
        margin: 0 auto
    }
}

.modal-dialog-override {
    max-width: 80%!important
}

.modal-dialog-override:focus-visible {
    outline: none
}

@media (max-width: 992px) {
    .modal-dialog-override {
        max-width:100%!important;
        width: 100%!important;
        position: absolute;
        top: 0
    }
}

.modal-inner-image {
    width: 80%
}

@media (max-width: 992px) {
    .modal-inner-image {
        max-width:100%!important;
        width: 100%!important
    }
}

.modal-open {
    margin: 0 auto!important
}

canvas.react-pdf__Page__canvas {
    width: 100%!important;
    height: 100%!important
}

.InfoGraphicCircleIcon {
    background-image: url(/-/media/project/dlapiper-tenant/dlapiper/icons/infographiccircleicon.svg);
    width: 24px;
    height: 24px;
    background-repeat: no-repeat;
    background-size: 24px;
    position: relative;
    top: -4px;
    right: 4px
}

.modal-content {
    padding: 0!important;
    border: 0!important;
    border-radius: 0!important
}

@media (min-width: 993px) {
    .modal-content {
        background:transparent
    }
}

#wrapper {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content
}

.overlay {
    position: absolute;
    width: 100%;
    height: 80%;
    z-index: 1;
    background-color: #002240;
    opacity: .75
}

@media (max-width: 992px) {
    .infographic-download-tooltip {
        display:none
    }
}

@media (min-width: 993px) {
    .btninfographic {
        position:relative
    }

    .infographic-download-tooltip {
        position: absolute;
        padding: 5px;
        background-color: #fff;
        font-family: Noto Sans,Arial,Helvetica,sans-serif;
        font-weight: 500;
        border: 1.5px solid #737627;
        width: 82px;
        height: auto;
        top: 56px;
        right: 4px;
        z-index: 9999;
        border-radius: 2px;
        color: #002240;
        text-align: center;
        display: none
    }

    .btninfographic:hover .infographic-download-tooltip {
        display: block
    }

    .infographic-download-tooltip:before {
        border-bottom: 15px solid #737627;
        top: -16px
    }

    .infographic-download-tooltip:after,.infographic-download-tooltip:before {
        content: "";
        width: 0;
        height: 0;
        border-left: 8px solid transparent;
        border-right: 8px solid transparent;
        position: absolute;
        left: 60%
    }

    .infographic-download-tooltip:after {
        border-bottom: 17px solid #fff;
        top: -14px
    }

    .infographic-download-tooltip .link-text {
        font-size: 13px;
        color: #002240!important;
        font-weight: 400
    }
}

.image-pagination .swiper-pagination-bullet:hover {
    background: #ddde4c!important;
    border-color: #ddde4c!important
}

.image-pagination .swiper-pagination-bullet-active:hover,.image-pagination:hover .swiper-pagination-bullet-active {
    background: #737627!important;
    border-color: #737627!important
}

.image-comp .image-section .image-pagination {
    position: relative;
    width: 20%;
    margin: 0 auto
}

.hoveredbullet,.image-comp .image-section .image-pagination .swiper-pagination .swiper-pagination-bullet:hover {
    background: #ddde4c!important;
    border-color: #ddde4c!important
}

.image-comp .image-section .image-pagination .swiper-pagination .swiper-pagination-bullet-active:hover {
    background: #737627!important;
    border-color: #737627!important
}

@media (max-width: 992px) {
    .image-component:last-child {
        margin-bottom:0
    }
}

.image-component:first-child {
    margin-top: 48px
}

@media (max-width: 992px) {
    .image-component:first-child {
        margin-top:32px
    }

    .image-component+.anchor-nav-component,.image-component+.brightcove-component,.image-component+.dla-contacts.gray-background,.image-component+.feature-component,.image-component+.feature-cta-component,.image-component+.feature-text-component,.image-component+.hero-component,.image-component+.masthead-subtitle-component,.image-component+.more-to-see-component,.image-component+.press-release-comp,.image-component+.profile-contact-component,.image-component+.quote-component,.image-component+.recommended-for-you-component.gray-background,.image-component+.related-capability-component,.image-component+.resource-component-links:not(.white-background),.image-component+.resourcescommon.gray-background,.image-component+.rich-text-component:not(.subhead-white),.image-component+.rich-text-heading-component.gray-background,.image-component+.share-component:not(.PrimaryHeader-white),.image-component+.tertiary-content-component:not(.background-white) {
        margin-top: -32px
    }

    .react-pdf__Page__textContent {
        overflow-y: auto!important;
        overflow-x: hidden!important;
        width: 100%!important;
        height: 100%!important
    }
}

.insights-component {
    background-color: #f8f8f8
}

@media (min-width: 993px) {
    .insights-component {
        padding:0 51px 80px
    }
}

@media (max-width: 992px) {
    .insights-component {
        padding:0 15px
    }
}

.insights-component .insights-container {
    width: 100%;
    margin: 0 auto
}

.insights-component .insights-container .heading {
    padding-bottom: 29px;
    border-bottom: 2px solid #ddde4c;
    margin-bottom: 33px
}

@media (max-width: 992px) {
    .insights-component .insights-container .heading {
        font-size:24px;
        line-height: 30px;
        margin-bottom: 17px;
        padding-bottom: 16px
    }
}

.insights-component .insights-container .filter-button {
    margin-bottom: 35px;
    position: relative;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    cursor: pointer
}

@media (max-width: 992px) {
    .insights-component .insights-container .filter-button {
        margin-bottom:17px
    }
}

.insights-component .insights-container .filter-button:hover svg {
    fill: #002240
}

.insights-component .insights-container .filter-button:hover .filter {
    color: #002240
}

.insights-component .insights-container .filter-button svg {
    fill: #737627
}

.insights-component .insights-container .filter-button span.filter {
    position: relative;
    top: 2px;
    font-family: Noto Sans,Arial,Helvetica,sans-serif;
    font-weight: 600;
    font-size: 15px;
    line-height: 20px;
    color: #737627;
    text-transform: uppercase
}

.insights-component .insights-container .filter-button span.count {
    display: inline-block;
    width: 25px;
    height: 25px;
    background: #ddde4c;
    border-radius: 50%;
    text-align: center;
    margin-left: 2px;
    font-size: 14px;
    line-height: 25px;
    color: #002240;
    font-weight: 600
}

.insights-component .insights-container .filter-button #popover-content-popover {
    position: absolute;
    border: 2px solid #737627;
    background-color: #fff;
    max-width: 185px;
    z-index: 9999;
    margin-top: 20px;
    padding: 28px 27px 24px 28px;
    border-radius: 2px
}

.insights-component .insights-container .filter-button #popover-content-popover:after {
    content: "";
    width: 0;
    height: 0;
    border-left: 10.5px solid transparent;
    border-right: 10.5px solid transparent;
    border-bottom: 19.5px solid #fff;
    position: absolute;
    top: -17px;
    left: 19px
}

.insights-component .insights-container .filter-button #popover-content-popover:before {
    content: "";
    width: 0;
    height: 0;
    border-left: 11.75px solid transparent;
    border-right: 11.75px solid transparent;
    border-bottom: 19px solid #737627;
    position: absolute;
    top: -20px;
    left: 18px
}

.insights-component .insights-container .filter-button #popover-content-popover .checkbox-label {
    display: block;
    position: relative;
    cursor: pointer;
    font-size: 16px;
    line-height: 22px;
    color: #737627;
    padding-left: 33px;
    margin-bottom: 17px
}

.insights-component .insights-container .filter-button #popover-content-popover .checkbox-label:last-child {
    margin-bottom: 24px
}

.insights-component .insights-container .filter-button #popover-content-popover .checkbox-label input {
    position: absolute;
    cursor: pointer;
    height: 0;
    width: 0;
    opacity: 0
}

.insights-component .insights-container .filter-button #popover-content-popover .checkbox-label input:checked+.check-mark {
    background: #737627
}

.insights-component .insights-container .filter-button #popover-content-popover .checkbox-label input:checked+.check-mark:after {
    display: block
}

.insights-component .insights-container .filter-button #popover-content-popover .checkbox-label .check-mark {
    position: absolute;
    top: 2px;
    left: 0;
    height: 18px;
    width: 18px;
    border: 2px solid #737627
}

.insights-component .insights-container .filter-button #popover-content-popover .checkbox-label .check-mark:after {
    content: "";
    display: none;
    position: absolute;
    left: 2px;
    top: 1px;
    width: 11px;
    height: 7px;
    border: 1px solid #fff;
    border-width: 0 0 2px 2px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.insights-component .insights-container .filter-button #popover-content-popover .popover-button {
    height: 40px;
    width: 88px;
    margin: 0 auto;
    border: 1px solid #737627;
    background: #737627;
    border-radius: 20px;
    text-align: center
}

.insights-component .insights-container .filter-button #popover-content-popover .popover-button a {
    color: #fff;
    font-size: 12px;
    line-height: 35px;
    text-decoration: none;
    font-weight: 600
}

.insights-component .insights-container .insights-section .insights-box {
    margin-bottom: 13px
}

.insights-component .insights-container .insights-section .insights-box .card {
    position: relative;
    width: 100%;
    min-height: 304px;
    text-decoration: none;
    color: #002240;
    border: 0;
    border-radius: 2px
}

@media (max-width: 992px) {
    .insights-component .insights-container .insights-section .insights-box .card {
        width:100%;
        min-height: 260px;
        margin: 0 auto 15px
    }
}

@media (min-width: 993px) {
    .insights-component .insights-container .insights-section .insights-box .card:hover .img-wrap .card-img {
        -webkit-transform:scale(1.1);
        -moz-transform: scale(1.1);
        transform: scale(1.1);
        -webkit-transition: -webkit-transform .3s;
        transition: -webkit-transform .3s;
        -moz-transition: transform .3s,-moz-transform .3s;
        transition: transform .3s;
        transition: transform .3s,-webkit-transform .3s,-moz-transform .3s
    }

    .insights-component .insights-container .insights-section .insights-box .card:hover .card-content .description {
        color: #737627
    }
}

.insights-component .insights-container .insights-section .insights-box .card .category {
    position: absolute;
    top: 12px;
    left: 16px;
    font-size: 14px;
    line-height: 24px;
    padding: 0 10px;
    border: 1px solid #fff;
    border-radius: 21px;
    background: #fff;
    z-index: 99
}

@media (max-width: 992px) {
    .insights-component .insights-container .insights-section .insights-box .card .category {
        top:16px;
        font-size: 12px;
        padding: 0 13px
    }
}

.insights-component .insights-container .insights-section .insights-box .card .img-wrap {
    overflow: hidden;
    height: 162px;
    width: 100%;
    border-radius: 2px
}

@media (max-width: 992px) {
    .insights-component .insights-container .insights-section .insights-box .card .img-wrap {
        height:129px;
        width: 100%
    }
}

.insights-component .insights-container .insights-section .insights-box .card .img-wrap .card-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    border-radius: 2px;
    -webkit-transition: .3s ease-out;
    -moz-transition: .3s ease-out;
    transition: .3s ease-out
}

@media (max-width: 992px) {
    .insights-component .insights-container .insights-section .insights-box .card .img-wrap .card-img {
        width:100%;
        height: 100%
    }
}

.insights-component .insights-container .insights-section .insights-box .card .card-content {
    padding: 14px 16px 18px
}

@media (max-width: 992px) {
    .insights-component .insights-container .insights-section .insights-box .card .card-content {
        padding:16px 24px 18px
    }
}

.insights-component .insights-container .insights-section .insights-box .card .card-content .description {
    font-family: "Noto Serif";
    font-size: 20px;
    line-height: 26px;
    letter-spacing: .72px
}

@media (max-width: 992px) {
    .insights-component .insights-container .insights-section .insights-box .card .card-content .description {
        font-size:16px;
        line-height: 20px;
        letter-spacing: .58px
    }
}

.insights-component .insights-container .insights-section .insights-box .card .card-content .date {
    font-size: 10px;
    line-height: 14px;
    font-family: Noto Sans,Arial,Helvetica,sans-serif;
    font-weight: 500;
    letter-spacing: .3px;
    text-transform: uppercase;
    margin-bottom: 0;
    position: absolute;
    bottom: 18px
}

.insights-component .insights-container .insights-section .insights-pagination {
    position: relative
}

.insights-component .insights-container .insights-section .insights-pagination .swiper-pagination {
    width: 100%;
    left: 0
}

@media (max-width: 992px) {
    .insights-component .insights-container .insights-section .insights-pagination .swiper-pagination {
        bottom:0
    }
}

.insights-component .insights-container .insights-section .insights-pagination .swiper-pagination .swiper-pagination-bullet {
    margin-left: 10px;
    height: 6px;
    width: 12px;
    background: #fff;
    border-radius: 4px;
    border: 1px solid #737627;
    opacity: 1
}

.insights-component .insights-container .insights-section .insights-pagination .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: #737627;
    height: 6px;
    width: 22px;
    border-radius: 4px;
    opacity: 1
}

.insights-component .insights-container .insights-section .insights-pagination .swiper-fraction {
    color: #737627;
    font-weight: 600;
    font-size: 14px;
    width: 100%;
    text-align: center;
    position: absolute;
    top: 25px
}

@media (max-width: 992px) {
    .insights-component .insights-container .insights-section .insights-pagination .swiper-fraction {
        display:none
    }

    .insights-component .col-lg-4 {
        padding-left: 0;
        padding-right: 0
    }
}

@media print {
    .insights-component .lastblock {
        margin-top: 140px
    }
}

.insights-component .swiper-pagination .swiper-pagination-bullet:hover {
    background-color: #ddde4c!important;
    border: 1px solid #ddde4c!important
}

.insights-component .swiper-pagination .swiper-pagination-bullet-active:hover {
    background-color: #737627!important;
    border: 1px solid #737627!important
}

.insights-component .insights-box .col-lg-4 {
    display: -moz-flex;
    display: -moz-box;
    display: flex
}

.press-release-comp {
    background-color: #f8f8f8
}

@media (min-width: 993px) {
    .press-release-comp {
        padding:36px 51px 90px;
        margin-bottom: 48px
    }
}

@media (max-width: 992px) {
    .press-release-comp {
        padding:42px 15px 44px;
        margin-bottom: 32px
    }
}

.press-release-comp .press-release-container {
    width: 100%;
    margin: 0 auto
}

.press-release-comp .press-release-container .press-releases .press-heading {
    font-size: 40px;
    line-height: 55px;
    font-family: "Noto Serif";
    font-weight: 300;
    margin-bottom: 33px
}

@media (max-width: 992px) {
    .press-release-comp .press-release-container .press-releases .press-heading {
        font-size:20px;
        line-height: 30px;
        margin-bottom: 22px
    }
}

.press-release-comp .press-release-container .press-releases .press-column .press-card {
    min-height: 137px;
    display: -moz-box;
    display: flex;
    border-bottom: 1px solid #707070;
    margin-bottom: 25px;
    position: relative;
    color: #002240;
    cursor: pointer;
    text-decoration: none
}

@media (max-width: 992px) {
    .press-release-comp .press-release-container .press-releases .press-column .press-card {
        height:90px;
        min-height: 100px;
        margin-bottom: 17px
    }
}

.press-release-comp .press-release-container .press-releases .press-column .press-card:hover .card-txt p {
    color: #737627;
    font-family: "Noto Serif";
    font-weight: 600
}

.press-release-comp .press-release-container .press-releases .press-column .card-txt p {
    font-size: 18px;
    line-height: 24px;
    font-family: "Noto Serif";
    letter-spacing: .65px;
    text-align: left
}

@media (max-width: 992px) {
    .press-release-comp .press-release-container .press-releases .press-column .card-txt p {
        font-size:14px;
        line-height: 18px;
        letter-spacing: .5px
    }
}

.press-release-comp .press-release-container .press-releases .press-column .card-txt p:first-child {
    margin-bottom: 40px
}

.press-release-comp .press-release-container .press-releases .press-column p.date {
    font-size: 10px;
    line-height: 14px;
    margin-bottom: 0;
    font-family: Noto Sans,Arial,Helvetica,sans-serif;
    font-weight: 500;
    position: absolute;
    bottom: 17px
}

.press-release-comp .press-release-container .press-releases .press-pagination {
    position: relative
}

.press-release-comp .press-release-container .press-releases .press-pagination .swiper-pagination {
    width: 100%;
    left: 0
}

.press-release-comp .press-release-container .press-releases .press-pagination .swiper-pagination .swiper-pagination-bullet {
    margin-left: 10px;
    height: 6px;
    width: 12px;
    background: #fff;
    border-radius: 4px;
    border: 1px solid #737627;
    opacity: 1
}

.press-release-comp .press-release-container .press-releases .press-pagination .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: #737627;
    height: 6px;
    width: 22px;
    border-radius: 4px
}

.press-release-comp .press-release-container .press-releases .press-pagination .swiper-fraction {
    color: #737627;
    font-size: 15px;
    line-height: 20px;
    font-family: Noto Sans,Arial,Helvetica,sans-serif;
    font-weight: 600;
    width: 100%;
    text-align: center;
    position: absolute;
    top: 25px;
    left: 5px
}

@media (max-width: 992px) {
    .press-release-comp .press-release-container .press-releases .press-pagination .swiper-fraction {
        display:none
    }
}

.press-release-main {
    scroll-margin-top: 69px!important
}

@media (max-width: 992px) {
    .press-release-main {
        scroll-margin-top:65px
    }
}

@media (min-width: 993px) {
    .press-release-comp.pdr-32 {
        padding-right:32px
    }
}

.gray-background {
    background-color: #f8f8f8
}

.hoveredbullet,.press-release-comp .press-release-container .press-releases .press-pagination .swiper-pagination .swiper-pagination-bullet:hover {
    background: #ddde4c!important;
    border-color: #ddde4c!important
}

.press-release-comp .press-release-container .press-releases .press-pagination .swiper-pagination .swiper-pagination-bullet-active:hover {
    background: #737627!important;
    border-color: #737627!important
}

.gray-background .resource-component-links .resource-container .resource-links-box {
    padding: 32px 54px 2px 32px!important;
    background-color: #fff!important;
    font-family: Noto Sans,Arial,Helvetica,sans-serif!important;
    font-weight: 500;
    min-height: 284px!important
}

@media (max-width: 992px) {
    .gray-background .resource-component-links .resource-container .resource-links-box {
        padding:16px 16px 22px!important
    }
}

.gray-background .resource-heading {
    font-size: 40px!important;
    line-height: 55px!important;
    font-family: "Noto Serif Light-300",Arial,Helvetica,sans-serif!important;
    padding-bottom: 33px!important;
    margin-bottom: 0
}

@media (max-width: 992px) {
    .gray-background .resource-heading {
        font-size:20px!important;
        line-height: 30px!important;
        padding-bottom: 15px!important;
        margin-left: 16px!important
    }
}

.gray-background .resource-component-links .resource-container {
    width: 100%;
    background-color: #f8f8f8;
    padding: 36px 0 0
}

@media (max-width: 992px) {
    .gray-background .resource-component-links .resource-container {
        max-width:100%;
        width: 100%;
        padding: 36px 0 0
    }
}

.swiper-fraction {
    cursor: pointer
}

.resourcescommon {
    width: 100%;
    margin: 0 auto 48px
}

@media (max-width: 992px) {
    .resourcescommon {
        margin-bottom:32px
    }
}

.press-release-comp:last-child,.resourcescommon .press-release-comp,.resourcescommon:last-child {
    margin-bottom: 0
}

.press-release-comp+.resource-component-links.white-background,.resourcescommon+.resource-component-links.white-background {
    margin-top: 48px
}

@media (max-width: 992px) {
    .press-release-comp+.resource-component-links.white-background,.resourcescommon+.resource-component-links.white-background {
        margin-top:32px
    }
}

.press-release-comp+.tertiary-content-component,.resourcescommon+.tertiary-content-component {
    margin-top: -48px
}

@media (max-width: 992px) {
    .press-release-comp+.tertiary-content-component,.resourcescommon+.tertiary-content-component {
        margin-top:-32px
    }
}

.press-release-comp+.tertiary-content-component.background-white,.resourcescommon+.tertiary-content-component.background-white {
    margin-top: 48px
}

@media (max-width: 992px) {
    .press-release-comp+.tertiary-content-component.background-white,.resourcescommon+.tertiary-content-component.background-white {
        margin-top:32px
    }
}

.press-release-comp+.share-component,.resourcescommon+.share-component {
    margin-top: -48px
}

@media (max-width: 992px) {
    .press-release-comp+.share-component,.resourcescommon+.share-component {
        margin-top:-32px
    }
}

.press-release-comp+.share-component.PrimaryHeader-white,.resourcescommon+.share-component.PrimaryHeader-white {
    margin-top: 48px
}

@media (max-width: 992px) {
    .press-release-comp+.share-component.PrimaryHeader-white,.resourcescommon+.share-component.PrimaryHeader-white {
        margin-top:32px
    }
}

.press-release-comp+.rich-text-component,.resourcescommon+.rich-text-component {
    margin-top: -48px
}

@media (max-width: 992px) {
    .press-release-comp+.rich-text-component,.resourcescommon+.rich-text-component {
        margin-top:-32px
    }
}

.press-release-comp+.rich-text-component.subhead-white,.resourcescommon+.rich-text-component.subhead-white {
    margin-top: 48px
}

@media (max-width: 992px) {
    .press-release-comp+.rich-text-component.subhead-white,.resourcescommon+.rich-text-component.subhead-white {
        margin-top:32px
    }
}

.press-release-comp+.anchor-nav-component,.press-release-comp+.brightcove-component,.press-release-comp+.dla-contacts.gray-background .resourcescommon+.press-release-comp,.press-release-comp+.feature-component,.press-release-comp+.feature-cta-component,.press-release-comp+.feature-text-component,.press-release-comp+.hero-component,.press-release-comp+.homepage-stories-component,.press-release-comp+.intro-copy-component,.press-release-comp+.masthead-subtitle-component,.press-release-comp+.more-to-see-component,.press-release-comp+.people-profile-main-div,.press-release-comp+.press-release-comp,.press-release-comp+.quote-component,.press-release-comp+.recommended-for-you-component.gray-background,.press-release-comp+.related-capability-component,.press-release-comp+.resource-component-links,.press-release-comp+.resourcescommon.gray-background,.press-release-comp+.rich-text-heading-component.gray-background,.resourcescommon+.anchor-nav-component,.resourcescommon+.brightcove-component,.resourcescommon+.dla-contacts.gray-background,.resourcescommon+.feature-component,.resourcescommon+.feature-cta-component,.resourcescommon+.feature-text-component,.resourcescommon+.hero-component,.resourcescommon+.homepage-stories-component,.resourcescommon+.intro-copy-component,.resourcescommon+.masthead-subtitle-component,.resourcescommon+.more-to-see-component,.resourcescommon+.people-profile-main-div,.resourcescommon+.quote-component,.resourcescommon+.recommended-for-you-component.gray-background,.resourcescommon+.related-capability-component,.resourcescommon+.resource-component-links,.resourcescommon+.resourcescommon,.resourcescommon+.resourcescommon.gray-background,.resourcescommon+.rich-text-heading-component.gray-background {
    margin-top: -48px
}

@media (max-width: 992px) {
    .press-release-comp+.anchor-nav-component,.press-release-comp+.brightcove-component,.press-release-comp+.dla-contacts.gray-background .resourcescommon+.press-release-comp,.press-release-comp+.feature-component,.press-release-comp+.feature-cta-component,.press-release-comp+.feature-text-component,.press-release-comp+.hero-component,.press-release-comp+.homepage-stories-component,.press-release-comp+.intro-copy-component,.press-release-comp+.masthead-subtitle-component,.press-release-comp+.more-to-see-component,.press-release-comp+.people-profile-main-div,.press-release-comp+.press-release-comp,.press-release-comp+.quote-component,.press-release-comp+.recommended-for-you-component.gray-background,.press-release-comp+.related-capability-component,.press-release-comp+.resource-component-links,.press-release-comp+.resourcescommon.gray-background,.press-release-comp+.rich-text-heading-component.gray-background,.resourcescommon+.anchor-nav-component,.resourcescommon+.brightcove-component,.resourcescommon+.dla-contacts.gray-background,.resourcescommon+.feature-component,.resourcescommon+.feature-cta-component,.resourcescommon+.feature-text-component,.resourcescommon+.hero-component,.resourcescommon+.homepage-stories-component,.resourcescommon+.intro-copy-component,.resourcescommon+.masthead-subtitle-component,.resourcescommon+.more-to-see-component,.resourcescommon+.people-profile-main-div,.resourcescommon+.quote-component,.resourcescommon+.recommended-for-you-component.gray-background,.resourcescommon+.related-capability-component,.resourcescommon+.resource-component-links,.resourcescommon+.resourcescommon,.resourcescommon+.resourcescommon.gray-background,.resourcescommon+.rich-text-heading-component.gray-background {
        margin-top:-32px
    }
}

.press-release-comp+.breadcrumb-component,.resourcescommon+.breadcrumb-component {
    margin-top: -37px
}

@media (max-width: 992px) {
    .press-release-comp+.breadcrumb-component,.resourcescommon+.breadcrumb-component {
        margin-top:-16px
    }

    .press-release-comp+.profile-contact-component,.resourcescommon+.profile-contact-component {
        margin-top: -32px
    }
}

.press-release-comp+.resource-component-links.white-background,.resourcescommon+.resource-component-links.white-background {
    margin-top: 0
}

@media (max-width: 992px) {
    .press-release-comp+.resource-component-links.white-background,.resourcescommon+.resource-component-links.white-background {
        margin-top:0
    }
}

.resource-component {
    margin-bottom: 48px
}

@media (max-width: 992px) {
    .resource-component {
        margin-bottom:32px
    }
}

.resource-component .resource-container {
    max-width: 454px;
    width: 100%;
    background-color: #f8f8f8;
    padding: 20px 0 0 32px
}

@media (max-width: 992px) {
    .resource-component .resource-container {
        max-width:100%;
        padding: 44px 0 0
    }
}

.resource-component .resource-container .resource-heading {
    font-size: 40px;
    line-height: 55px;
    font-family: "Noto Serif";
    font-weight: 300;
    padding-bottom: 33px;
    margin-bottom: 0
}

@media (max-width: 992px) {
    .resource-component .resource-container .resource-heading {
        font-size:20px;
        line-height: 30px;
        padding-bottom: 15px;
        margin-left: 16px
    }
}

.resource-component .resource-container .resource-links-box {
    padding: 32px 54px 2px 32px;
    background-color: #fff;
    font-family: Noto Sans,Arial,Helvetica,sans-serif;
    font-weight: 500
}

@media (max-width: 992px) {
    .resource-component .resource-container .resource-links-box {
        padding:16px 16px 22px
    }
}

.resource-component .resource-container .resource-links-box .links-div {
    margin-bottom: 36px;
    line-height: 22px
}

@media (max-width: 992px) {
    .resource-component .resource-container .resource-links-box .links-div {
        margin-bottom:25px
    }
}

.resource-component .resource-container .resource-links-box .links-div.external .links svg {
    display: inline
}

.resource-component .resource-container .resource-links-box .links-div .links {
    text-decoration: none
}

.resource-component .resource-container .resource-links-box .links-div .links:hover .link-text {
    color: #002240
}

.resource-component .resource-container .resource-links-box .links-div .links:hover svg {
    fill: #002240!important
}

.resource-component .resource-container .resource-links-box .links-div .links .link-text {
    display: inline;
    font-size: 16px;
    line-height: 22px;
    font-weight: 500;
    color: #737627
}

@media (max-width: 992px) {
    .resource-component .resource-container .resource-links-box .links-div .links .link-text {
        font-size:14px;
        line-height: 22px
    }
}

.resource-component .resource-container .resource-links-box .links-div .links svg {
    display: none;
    height: 14px;
    width: 14px;
    fill: #737627;
    vertical-align: baseline;
    top: 1px;
    position: relative;
    margin-left: 5px
}

@media (max-width: 992px) {
    .resource-padding-right-0px {
        padding-right:0!important;
        padding-left: 0
    }
}

.resource-component-links {
    background: #f8f8f8;
    margin-bottom: 48px;
    scroll-margin-top: 80px
}

@media (max-width: 992px) {
    .resource-component-links {
        margin-bottom:32px;
        scroll-margin-top: 65px
    }
}

.resource-component-links.white-background .resource-container {
    padding: 0 51px
}

@media (max-width: 992px) {
    .resource-component-links.white-background .resource-container {
        padding:0 16px
    }
}

.resource-component-links .resource-container {
    width: 100%;
    margin: 0 auto;
    padding: 36px 51px 0
}

@media (max-width: 992px) {
    .resource-component-links .resource-container {
        max-width:100%;
        margin: 0 auto;
        padding: 15px 16px 0
    }
}

.resource-component-links .resource-container .resource-heading {
    font-size: 40px;
    line-height: 55px;
    font-family: "Noto Serif";
    font-weight: 300;
    padding-bottom: 48px;
    margin-bottom: 0
}

@media (max-width: 992px) {
    .resource-component-links .resource-container .resource-heading {
        font-size:20px;
        line-height: 30px;
        padding-bottom: 32px;
        margin-left: 0
    }
}

.resource-component-links .resource-container .resource-child-heading {
    text-align: left;
    letter-spacing: 0;
    color: #002240;
    opacity: 1;
    font-size: 24px;
    line-height: 30px;
    font-family: "Noto Serif";
    font-weight: 300;
    margin-bottom: 24px
}

@media (max-width: 992px) {
    .resource-component-links .resource-container .resource-child-heading {
        font-size:18px;
        margin-bottom: 17px
    }
}

.resource-component-links .resource-container .resource-links-box {
    padding: 0;
    font-family: Noto Sans,Arial,Helvetica,sans-serif;
    font-weight: 500
}

.resource-component-links .resource-container .resource-links-box .links-div {
    margin-bottom: 36px;
    line-height: 23px
}

@media (max-width: 992px) {
    .resource-component-links .resource-container .resource-links-box .links-div {
        margin-bottom:25px
    }
}

.resource-component-links .resource-container .resource-links-box .links-div.external .links .link-icon {
    display: inline-block
}

.resource-component-links .resource-container .resource-links-box .links-div .links {
    text-decoration: none
}

.resource-component-links .resource-container .resource-links-box .links-div .links:hover .link-text {
    color: #002240;
    font-family: Noto Sans,Arial,Helvetica,sans-serif;
    font-weight: 600
}

.resource-component-links .resource-container .resource-links-box .links-div .links .link-text {
    display: inline;
    font-size: 16px;
    line-height: 23px;
    font-weight: 500;
    color: #737627
}

@media (max-width: 992px) {
    .resource-component-links .resource-container .resource-links-box .links-div .links .link-text {
        font-size:14px;
        line-height: 23px
    }
}

.resource-component-links .resource-container .resource-links-box .links-div .links .link-icon {
    display: none;
    width: 18px;
    height: 18px;
    background-image: url(/-/media/project/dlapiper-tenant/dlapiper/icons/hover.svg)!important;
    background-repeat: no-repeat;
    background-size: 18px;
    position: relative;
    top: 4px;
    margin-left: 1px;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    transition: .3s;
    -webkit-transition-timing-function: ease-out;
    -moz-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.resource-component-links .resource-container .resource-links-box .links-div.external-link .links .link-icon {
    display: inline-block
}

.resource-component-links .resource-container .resource-links-box .links-div.external-link .links:hover .link-icon {
    width: 18px;
    height: 18px;
    background-image: url(/-/media/project/dlapiper-tenant/dlapiper/icons/regular.svg)!important;
    background-repeat: no-repeat;
    background-size: 18px;
    display: inline-block;
    position: relative;
    top: 4px;
    margin-left: 1px;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    transition: .3s;
    -webkit-transition-timing-function: ease-out;
    -moz-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.white-bacground {
    background-color: #fff
}

.resource-component-links.white-background {
    background: #fff!important;
    margin-bottom: 12px
}

@media (max-width: 992px) {
    .resource-component-links.white-background {
        margin-bottom:7px
    }
}

.resource-component-links:not(.white-background) {
    padding-bottom: 12px
}

.resource-component-links:not(.white-background):last-child {
    margin-bottom: 0
}

@media (max-width: 992px) {
    .resource-component-links:not(.white-background) {
        padding-bottom:7px
    }
}

.resource-component-links.white-background+.anchor-nav-component,.resource-component-links.white-background+.breadcrumb-component,.resource-component-links.white-background+.brightcove-component,.resource-component-links.white-background+.feature-component,.resource-component-links.white-background+.feature-cta-component,.resource-component-links.white-background+.feature-text-component,.resource-component-links.white-background+.hero-component,.resource-component-links.white-background+.homepage-stories-component,.resource-component-links.white-background+.intro-copy-component,.resource-component-links.white-background+.masthead-subtitle-component,.resource-component-links.white-background+.more-to-see-component,.resource-component-links.white-background+.people-profile-main-div,.resource-component-links.white-background+.press-release-comp,.resource-component-links.white-background+.quote-component,.resource-component-links.white-background+.related-capability-component,.resource-component-links.white-background+.resourcescommon.gray-background {
    margin-top: 0
}

@media (max-width: 992px) {
    .resource-component-links.white-background+.anchor-nav-component,.resource-component-links.white-background+.breadcrumb-component,.resource-component-links.white-background+.brightcove-component,.resource-component-links.white-background+.feature-component,.resource-component-links.white-background+.feature-cta-component,.resource-component-links.white-background+.feature-text-component,.resource-component-links.white-background+.hero-component,.resource-component-links.white-background+.homepage-stories-component,.resource-component-links.white-background+.intro-copy-component,.resource-component-links.white-background+.masthead-subtitle-component,.resource-component-links.white-background+.more-to-see-component,.resource-component-links.white-background+.people-profile-main-div,.resource-component-links.white-background+.press-release-comp,.resource-component-links.white-background+.quote-component,.resource-component-links.white-background+.related-capability-component,.resource-component-links.white-background+.resourcescommon.gray-background {
        margin-top:0
    }
}

.resource-component-links+.anchor-nav-component,.resource-component-links+.brightcove-component,.resource-component-links+.feature-component,.resource-component-links+.feature-cta-component,.resource-component-links+.feature-text-component,.resource-component-links+.hero-component,.resource-component-links+.homepage-stories-component,.resource-component-links+.intro-copy-component,.resource-component-links+.masthead-subtitle-component,.resource-component-links+.more-to-see-component,.resource-component-links+.people-profile-main-div,.resource-component-links+.press-release-comp,.resource-component-links+.quote-component,.resource-component-links+.related-capability-component,.resource-component-links+.resourcescommon.gray-background,.resource-component-links:not(.white-background)+.dla-contacts.gray-background {
    margin-top: -48px
}

@media (max-width: 992px) {
    .resource-component-links+.anchor-nav-component,.resource-component-links+.brightcove-component,.resource-component-links+.feature-component,.resource-component-links+.feature-cta-component,.resource-component-links+.feature-text-component,.resource-component-links+.hero-component,.resource-component-links+.homepage-stories-component,.resource-component-links+.intro-copy-component,.resource-component-links+.masthead-subtitle-component,.resource-component-links+.more-to-see-component,.resource-component-links+.people-profile-main-div,.resource-component-links+.press-release-comp,.resource-component-links+.quote-component,.resource-component-links+.related-capability-component,.resource-component-links+.resourcescommon.gray-background,.resource-component-links:not(.white-background)+.dla-contacts.gray-background {
        margin-top:-32px
    }
}

.resource-component-links+.breadcrumb-component {
    margin-top: -37px
}

@media (max-width: 992px) {
    .resource-component-links+.breadcrumb-component {
        margin-top:-16px
    }
}

.resource-component-links+.recommended-for-you-component,.resource-component-links+.rich-text-component.subhead-white,.resource-component-links+.rich-text-heading-component,.resource-component-links+.share-component.PrimaryHeader-white,.resource-component-links+.tertiary-content-component.background-white,.resource-component-links.white-background+.recommended-for-you-component,.resource-component-links.white-background+.recommended-for-you-component.gray-background,.resource-component-links.white-background+.rich-text-component,.resource-component-links.white-background+.rich-text-component.subhead-white,.resource-component-links.white-background+.rich-text-heading-component,.resource-component-links.white-background+.rich-text-heading-component.gray-background,.resource-component-links.white-background+.share-component,.resource-component-links.white-background+.share-component.PrimaryHeader-white,.resource-component-links.white-background+.tertiary-content-component,.resource-component-links.white-background+.tertiary-content-component.background-white {
    margin-top: 0
}

@media (max-width: 992px) {
    .resource-component-links+.recommended-for-you-component,.resource-component-links+.rich-text-component.subhead-white,.resource-component-links+.rich-text-heading-component,.resource-component-links+.share-component.PrimaryHeader-white,.resource-component-links+.tertiary-content-component.background-white,.resource-component-links.white-background+.recommended-for-you-component,.resource-component-links.white-background+.recommended-for-you-component.gray-background,.resource-component-links.white-background+.rich-text-component,.resource-component-links.white-background+.rich-text-component.subhead-white,.resource-component-links.white-background+.rich-text-heading-component,.resource-component-links.white-background+.rich-text-heading-component.gray-background,.resource-component-links.white-background+.share-component,.resource-component-links.white-background+.share-component.PrimaryHeader-white,.resource-component-links.white-background+.tertiary-content-component,.resource-component-links.white-background+.tertiary-content-component.background-white {
        margin-top:0
    }
}

.resource-component-links+.recommended-for-you-component.gray-background,.resource-component-links+.rich-text-component,.resource-component-links+.rich-text-heading-component.gray-background,.resource-component-links+.share-component,.resource-component-links+.tertiary-content-component {
    margin-top: -48px
}

@media (max-width: 992px) {
    .resource-component-links+.recommended-for-you-component.gray-background,.resource-component-links+.rich-text-component,.resource-component-links+.rich-text-heading-component.gray-background,.resource-component-links+.share-component,.resource-component-links+.tertiary-content-component {
        margin-top:-32px
    }
}

.resource-component-links+.resource-component-links.white-background,.resource-component-links.white-background+.resource-component-links {
    margin-top: 48px
}

@media (max-width: 992px) {
    .resource-component-links+.resource-component-links.white-background,.resource-component-links.white-background+.resource-component-links {
        margin-top:32px
    }

    .resource-component-links+.profile-contact-component {
        margin-top: -32px
    }
}

.more-to-see-section {
    margin-top: 25px
}

@media (max-width: 992px) {
    .more-to-see-section {
        margin-top:17px
    }
}

.pull-left {
    float: left
}

.pull-right {
    float: right
}

.height-width {
    height: 20rem;
    width: 100%
}

span.date-share {
    background-color: #faebd7;
    padding: .3rem;
    font-size: 1.1rem;
    color: #4d6e8b;
    font-weight: 500
}

span.inner-text {
    font-size: 1.3rem;
    word-break: break-word;
    padding: .5rem
}

p.inner-text {
    font-size: 1.8rem;
    color: #4d6e8b;
    font-weight: 500;
    line-height: 1.5;
    margin-top: 1.4rem
}

.col-md-12.mt-5.pdl-20 {
    padding-left: 25px;
    padding-right: 25px
}

.pdl-5 {
    padding-left: .8rem!important
}

.widget-section .card {
    font-size: 1em;
    overflow: hidden;
    padding: .01rem;
    border: none;
    border-radius: .28571429rem;
    -webkit-box-shadow: 0 1px 3px 0 #d4d4d5,0 0 0 1px #d4d4d5;
    box-shadow: 0 1px 3px 0 #d4d4d5,0 0 0 1px #d4d4d5;
    margin-top: 20px
}

.widget-section .card-block {
    font-size: 1em;
    position: relative;
    margin: 0;
    padding: 0;
    border: none;
    border-top: 1px solid rgba(34,36,38,.1);
    -webkit-box-shadow: none;
    box-shadow: none
}

.widget-section img {
    vertical-align: middle;
    border-style: none
}

.widget-section .hwcustom {
    height: 120px
}

.widget-title {
    font-size: 70%;
    font-weight: 500;
    color: #1b507f;
    margin-top: .3rem
}

.widget-middle-text {
    color: #1b507f;
    word-break: break-word;
    font-size: 105%;
    font-weight: 600;
    vertical-align: middle;
    margin-top: .5rem
}

.widget-footer {
    position: relative;
    bottom: 0;
    margin-top: 1.3rem;
    font-size: 60%;
    font-weight: 700;
    color: #1b507f
}

.card-block.setback {
    background-color: #f7f3ed;
    padding: .3rem .3rem .3rem .6rem;
    height: 150px
}

.container1.widget-section {
    background-color: #d7def3;
    padding-bottom: 1rem
}

.btn-tabs {
    position: relative;
    color: #fff!important;
    font-weight: 400;
    font-family: Noto Sans,Arial,Helvetica,sans-serif!important;
    font-weight: 500;
    font-size: 14px!important;
    letter-spacing: 0!important;
    line-height: 22px!important;
    text-transform: uppercase!important;
    background: 0!important;
    padding-left: 0!important;
    padding-right: 0!important;
    margin-right: 24px;
    padding-bottom: 3px!important;
    margin-bottom: 0!important
}

@media (max-width: 992px) {
    .btn-tabs {
        font-family:Noto Sans,Arial,Helvetica,sans-serif!important;
        font-weight: 500;
        font-size: 12px!important
    }
}

.btn-tabs:after {
    content: "";
    width: 0;
    height: 1px;
    background-color: #fff;
    position: absolute;
    left: 0;
    bottom: 0;
    -webkit-transition: .3s ease-out;
    -moz-transition: .3s ease-out;
    transition: .3s ease-out
}

.nav-tabs .nav-item.show .nav-link,.nav-tabs .nav-link.active {
    color: #495057;
    background-color: #fff;
    border: 0!important
}

.nav-link {
    display: block;
    padding: .5rem 1rem;
    color: #737627;
    text-decoration: none;
    -webkit-transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out;
    -moz-transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out
}

.nav-tabs .nav-link {
    border: 0
}

h5.more-to-see {
    color: #2282c9;
    padding: .5rem;
    font-size: 1.6rem
}

.btn-tabs.active:after {
    width: 100%
}

.more-to-see-component {
    margin-bottom: 48px;
    background-color: #002240
}

@media (min-width: 993px) {
    .more-to-see-component {
        padding:57px 51px 96px;
        scroll-margin-top: 69px!important
    }
}

@media (max-width: 992px) {
    .more-to-see-component {
        padding:24px 16px 0;
        scroll-margin-top: 65px;
        margin-bottom: 32px
    }
}

.more-to-see-component .more-to-see-container {
    width: 100%;
    margin: 0 auto
}

.more-to-see-component .more-to-see-container .heading {
    padding-bottom: 29px;
    border-bottom: 2px solid #ddde4c;
    margin-bottom: 33px
}

@media (max-width: 992px) {
    .more-to-see-component .more-to-see-container .heading {
        font-size:24px;
        line-height: 30px;
        margin-bottom: 17px;
        padding-bottom: 16px
    }
}

.more-to-see-component .more-to-see-container .filter-button {
    margin-bottom: 35px;
    position: relative;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    cursor: pointer
}

@media (max-width: 992px) {
    .more-to-see-component .more-to-see-container .filter-button {
        margin-bottom:17px
    }
}

.more-to-see-component .more-to-see-container .filter-button:hover svg {
    fill: #002240
}

.more-to-see-component .more-to-see-container .filter-button:hover .filter {
    color: #002240
}

.more-to-see-component .more-to-see-container .filter-button svg {
    fill: #737627
}

.more-to-see-component .more-to-see-container .filter-button span.filter {
    position: relative;
    top: 2px;
    font-family: Noto Sans,Arial,Helvetica,sans-serif;
    font-weight: 600;
    font-size: 15px;
    line-height: 20px;
    color: #737627;
    text-transform: uppercase
}

.more-to-see-component .more-to-see-container .filter-button span.count {
    display: inline-block;
    width: 25px;
    height: 25px;
    background: #ddde4c;
    border-radius: 50%;
    text-align: center;
    margin-left: 2px;
    font-size: 14px;
    line-height: 25px;
    color: #002240;
    font-weight: 600
}

.more-to-see-component .more-to-see-container .filter-button #popover-content-popover {
    position: absolute;
    border: 2px solid #737627;
    background-color: #fff;
    max-width: 185px;
    z-index: 9999;
    margin-top: 20px;
    padding: 28px 27px 24px 28px
}

.more-to-see-component .more-to-see-container .filter-button #popover-content-popover:after {
    content: "";
    width: 0;
    height: 0;
    border-left: 10.5px solid transparent;
    border-right: 10.5px solid transparent;
    border-bottom: 19.5px solid #fff;
    position: absolute;
    top: -17px;
    left: 19px
}

.more-to-see-component .more-to-see-container .filter-button #popover-content-popover:before {
    content: "";
    width: 0;
    height: 0;
    border-left: 11.75px solid transparent;
    border-right: 11.75px solid transparent;
    border-bottom: 19px solid #737627;
    position: absolute;
    top: -20px;
    left: 18px
}

.more-to-see-component .more-to-see-container .filter-button #popover-content-popover .checkbox-label {
    display: block;
    position: relative;
    cursor: pointer;
    font-size: 16px;
    line-height: 22px;
    color: #737627;
    padding-left: 33px;
    margin-bottom: 17px
}

.more-to-see-component .more-to-see-container .filter-button #popover-content-popover .checkbox-label:last-child {
    margin-bottom: 24px
}

.more-to-see-component .more-to-see-container .filter-button #popover-content-popover .checkbox-label input {
    position: absolute;
    cursor: pointer;
    height: 0;
    width: 0;
    opacity: 0
}

.more-to-see-component .more-to-see-container .filter-button #popover-content-popover .checkbox-label input:checked+.check-mark {
    background: #737627
}

.more-to-see-component .more-to-see-container .filter-button #popover-content-popover .checkbox-label input:checked+.check-mark:after {
    display: block
}

.more-to-see-component .more-to-see-container .filter-button #popover-content-popover .checkbox-label .check-mark {
    position: absolute;
    top: 2px;
    left: 0;
    height: 18px;
    width: 18px;
    border: 2px solid #737627
}

.more-to-see-component .more-to-see-container .filter-button #popover-content-popover .checkbox-label .check-mark:after {
    content: "";
    display: none;
    position: absolute;
    left: 2px;
    top: 1px;
    width: 11px;
    height: 7px;
    border: 1px solid #fff;
    border-width: 0 0 2px 2px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.more-to-see-component .more-to-see-container .filter-button #popover-content-popover .popover-button {
    height: 40px;
    width: 88px;
    margin: 0 auto;
    border: 1px solid #737627;
    background: #737627;
    border-radius: 20px;
    text-align: center
}

.more-to-see-component .more-to-see-container .filter-button #popover-content-popover .popover-button a {
    color: #fff;
    font-size: 12px;
    line-height: 35px;
    text-decoration: none;
    font-weight: 600
}

.more-to-see-component .more-to-see-container .more-to-see-section .more-to-see-box .card {
    position: relative;
    width: 100%;
    min-height: 304px;
    text-decoration: none;
    color: #002240;
    border: 0;
    border-radius: 0 0 2px 2px
}

@media (max-width: 992px) {
    .more-to-see-component .more-to-see-container .more-to-see-section .more-to-see-box .card {
        width:100%;
        min-height: 260px;
        margin: 0 auto 24px
    }
}

@media (min-width: 993px) {
    .more-to-see-component .more-to-see-container .more-to-see-section .more-to-see-box .card:hover .img-wrap .card-img {
        -webkit-transform:scale(1.1);
        -moz-transform: scale(1.1);
        transform: scale(1.1);
        -webkit-transition: -webkit-transform .3s;
        transition: -webkit-transform .3s;
        -moz-transition: transform .3s,-moz-transform .3s;
        transition: transform .3s;
        transition: transform .3s,-webkit-transform .3s,-moz-transform .3s
    }

    .more-to-see-component .more-to-see-container .more-to-see-section .more-to-see-box .card:hover .card-content .description {
        color: #737627
    }
}

.more-to-see-component .more-to-see-container .more-to-see-section .more-to-see-box .card .category {
    position: absolute;
    top: 12px;
    left: 16px;
    font-size: 14px;
    line-height: 24px;
    padding: 0 10px;
    border: 1px solid #fff;
    border-radius: 21px;
    background: #fff;
    z-index: 99
}

.more-to-see-component .more-to-see-container .more-to-see-section .more-to-see-box .card .category:empty {
    display: none
}

@media (max-width: 992px) {
    .more-to-see-component .more-to-see-container .more-to-see-section .more-to-see-box .card .category {
        top:16px;
        font-size: 12px;
        padding: 0 13px
    }
}

.more-to-see-component .more-to-see-container .more-to-see-section .more-to-see-box .card .img-wrap {
    overflow: hidden;
    height: 162px;
    width: 100%;
    border-radius: 2px 2px 0 0
}

@media (max-width: 992px) {
    .more-to-see-component .more-to-see-container .more-to-see-section .more-to-see-box .card .img-wrap {
        height:129px;
        width: 100%
    }
}

.more-to-see-component .more-to-see-container .more-to-see-section .more-to-see-box .card .img-wrap .card-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    border-radius: 2px;
    -webkit-transition: .3s ease-out;
    -moz-transition: .3s ease-out;
    transition: .3s ease-out
}

@media (max-width: 992px) {
    .more-to-see-component .more-to-see-container .more-to-see-section .more-to-see-box .card .img-wrap .card-img {
        width:100%;
        height: 100%
    }
}

.more-to-see-component .more-to-see-container .more-to-see-section .more-to-see-box .card .card-content {
    padding: 14px 16px 18px
}

@media (max-width: 992px) {
    .more-to-see-component .more-to-see-container .more-to-see-section .more-to-see-box .card .card-content {
        padding:16px 24px 18px
    }
}

.more-to-see-component .more-to-see-container .more-to-see-section .more-to-see-box .card .card-content .description {
    font-family: "Noto Serif";
    font-size: 20px;
    line-height: 26px;
    letter-spacing: .72px;
    margin-bottom: 32px
}

@media (max-width: 992px) {
    .more-to-see-component .more-to-see-container .more-to-see-section .more-to-see-box .card .card-content .description {
        font-size:16px;
        line-height: 20px;
        letter-spacing: .58px
    }
}

.more-to-see-component .more-to-see-container .more-to-see-section .more-to-see-box .card .card-content .date {
    font-size: 10px;
    line-height: 14px;
    font-family: Noto Sans,Arial,Helvetica,sans-serif;
    letter-spacing: .3px;
    text-transform: uppercase;
    margin-bottom: 0
}

.more-to-see-component .more-to-see-container .more-to-see-section .more-to-see-pagination {
    position: relative
}

.more-to-see-component .more-to-see-container .more-to-see-section .more-to-see-pagination .swiper-pagination {
    width: 100%;
    left: 0
}

@media (max-width: 992px) {
    .more-to-see-component .more-to-see-container .more-to-see-section .more-to-see-pagination .swiper-pagination {
        bottom:0
    }
}

.more-to-see-component .more-to-see-container .more-to-see-section .more-to-see-pagination .swiper-pagination .swiper-pagination-bullet {
    margin-left: 10px;
    height: 8px;
    width: 11px;
    background: #fff;
    border-radius: 35%;
    border: 3px solid #737627
}

.more-to-see-component .more-to-see-container .more-to-see-section .more-to-see-pagination .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: #737627;
    height: 8px;
    width: 22px;
    border-radius: 35%
}

.more-to-see-component .more-to-see-container .more-to-see-section .more-to-see-pagination .swiper-fraction {
    color: #737627;
    font-weight: 600;
    font-size: 14px;
    width: 100%;
    text-align: center;
    position: absolute;
    top: 25px
}

@media (max-width: 992px) {
    .more-to-see-component .more-to-see-container .more-to-see-section .more-to-see-pagination .swiper-fraction {
        display:none
    }

    .more-to-see-component .col-lg-4 {
        padding-left: 12px;
        padding-right: 12px
    }
}

.more-to-see-component .nav-tabs {
    border-bottom: 0
}

.more-to-see-component .more-to-see {
    font-size: 40px;
    font-family: "Noto Serif";
    font-weight: 300;
    letter-spacing: 0;
    line-height: 30px;
    color: #fff;
    margin-bottom: 0!important
}

@media (max-width: 992px) {
    .more-to-see-component .more-to-see {
        font-size:20px
    }
}

.more-to-see-component .tabs-margin {
    margin-top: 32px
}

@media (max-width: 992px) {
    .more-to-see-component .tabs-margin {
        margin-top:30px
    }
}

.more-to-see-component .nav-tabs .nav-link {
    -webkit-transition: .3s ease-out;
    -moz-transition: .3s ease-out;
    transition: .3s ease-out;
    cursor: pointer
}

.more-to-see-component .nav-tabs .nav-link:active {
    color: #fff!important;
    font-family: Noto Sans,Arial,Helvetica,sans-serif!important;
    font-weight: 500
}

@media (min-width: 993px) {
    .more-to-see-component .nav-tabs .nav-link:hover {
        color:#989b36!important;
        font-family: Noto Sans,Arial,Helvetica,sans-serif!important;
        font-weight: 500
    }

    .more-to-see-component .nav-tabs .nav-link.active,.more-to-see-component .nav-tabs .nav-link.active:hover {
        color: #fff!important;
        font-family: Noto Sans,Arial,Helvetica,sans-serif!important;
        font-weight: 700
    }

    .card1 {
        -webkit-animation: myfirst 3s 1;
        -moz-animation: myfirst 3s 1;
        animation: myfirst 3s 1;
        -webkit-animation-direction: alternate;
        -moz-animation-direction: alternate;
        animation-direction: alternate
    }

    .card2 {
        -webkit-animation: mysecond 3s 1;
        -moz-animation: mysecond 3s 1;
        animation: mysecond 3s 1;
        -webkit-animation-direction: alternate;
        -moz-animation-direction: alternate;
        animation-direction: alternate
    }

    .card3 {
        -webkit-animation: mythird 3s 1;
        -moz-animation: mythird 3s 1;
        animation: mythird 3s 1;
        -webkit-animation-direction: alternate;
        -moz-animation-direction: alternate;
        animation-direction: alternate
    }
}

@media (min-width: 993px) {
    @-webkit-keyframes myfirst {
        0% {
            left:800px;
            top: 0
        }

        25% {
            left: -30px;
            top: 0
        }

        50% {
            left: 5px;
            top: 0
        }
    }

    @-moz-keyframes myfirst {
        0% {
            left: 800px;
            top: 0
        }

        25% {
            left: -30px;
            top: 0
        }

        50% {
            left: 5px;
            top: 0
        }
    }

    @keyframes myfirst {
        0% {
            left: 800px;
            top: 0
        }

        25% {
            left: -30px;
            top: 0
        }

        50% {
            left: 5px;
            top: 0
        }
    }

    @-webkit-keyframes mysecond {
        0% {
            left: 700px;
            top: 0
        }

        25% {
            left: -40px;
            top: 0
        }

        50% {
            left: 3px;
            top: 0
        }
    }

    @-moz-keyframes mysecond {
        0% {
            left: 700px;
            top: 0
        }

        25% {
            left: -40px;
            top: 0
        }

        50% {
            left: 3px;
            top: 0
        }
    }

    @keyframes mysecond {
        0% {
            left: 700px;
            top: 0
        }

        25% {
            left: -40px;
            top: 0
        }

        50% {
            left: 3px;
            top: 0
        }
    }

    @-webkit-keyframes mythird {
        0% {
            left: 600px;
            top: 0
        }

        25% {
            left: -50px;
            top: 0
        }

        50% {
            left: 2px;
            top: 0
        }
    }

    @-moz-keyframes mythird {
        0% {
            left: 600px;
            top: 0
        }

        25% {
            left: -50px;
            top: 0
        }

        50% {
            left: 2px;
            top: 0
        }
    }

    @keyframes mythird {
        0% {
            left: 600px;
            top: 0
        }

        25% {
            left: -50px;
            top: 0
        }

        50% {
            left: 2px;
            top: 0
        }
    }
}

.date span {
    margin-left: 2px;
    margin-right: 4px;
    position: relative;
    top: -2px;
    font-size: 16px
}

.more-to-see-component .date span {
    margin-left: 4px;
    margin-right: 4px
}

p.date {
    position: absolute;
    bottom: 18px
}

.more-to-see-section span.scEnabledChrome {
    color: #fff!important
}

.more-to-see-component:last-child {
    margin-bottom: 0
}

.more-to-see-component+.anchor-nav-component,.more-to-see-component+.brightcove-component,.more-to-see-component+.dla-contacts.gray-background,.more-to-see-component+.feature-component,.more-to-see-component+.feature-cta-component,.more-to-see-component+.feature-text-component,.more-to-see-component+.hero-component,.more-to-see-component+.homepage-stories-component,.more-to-see-component+.intro-copy-component,.more-to-see-component+.masthead-subtitle-component,.more-to-see-component+.people-profile-main-div,.more-to-see-component+.press-release-comp,.more-to-see-component+.quote-component,.more-to-see-component+.recommended-for-you-component.gray-background,.more-to-see-component+.related-capability-component,.more-to-see-component+.resource-component-links:not(.white-background),.more-to-see-component+.resourcescommon.gray-background,.more-to-see-component+.rich-text-component:not(.subhead-white),.more-to-see-component+.rich-text-heading-component.gray-background,.more-to-see-component+.share-component:not(.PrimaryHeader-white),.more-to-see-component+.tertiary-content-component:not(.background-white) {
    margin-top: -48px
}

@media (max-width: 992px) {
    .more-to-see-component+.anchor-nav-component,.more-to-see-component+.brightcove-component,.more-to-see-component+.dla-contacts.gray-background,.more-to-see-component+.feature-component,.more-to-see-component+.feature-cta-component,.more-to-see-component+.feature-text-component,.more-to-see-component+.hero-component,.more-to-see-component+.homepage-stories-component,.more-to-see-component+.intro-copy-component,.more-to-see-component+.masthead-subtitle-component,.more-to-see-component+.people-profile-main-div,.more-to-see-component+.press-release-comp,.more-to-see-component+.quote-component,.more-to-see-component+.recommended-for-you-component.gray-background,.more-to-see-component+.related-capability-component,.more-to-see-component+.resource-component-links:not(.white-background),.more-to-see-component+.resourcescommon.gray-background,.more-to-see-component+.rich-text-component:not(.subhead-white),.more-to-see-component+.rich-text-heading-component.gray-background,.more-to-see-component+.share-component:not(.PrimaryHeader-white),.more-to-see-component+.tertiary-content-component:not(.background-white) {
        margin-top:-32px
    }
}

.more-to-see-component+.breadcrumb-component {
    margin-top: -21px
}

@media (max-width: 992px) {
    .more-to-see-component+.breadcrumb-component {
        margin-top:-16px
    }

    .more-to-see-component+.profile-contact-component {
        margin-top: -32px
    }
}

.related-capability-component {
    background-color: #002240;
    margin-bottom: 48px;
    padding: 0 51px;
    scroll-margin-top: 69px!important
}

@media (max-width: 992px) {
    .related-capability-component {
        padding:0 15px;
        margin-bottom: 32px;
        scroll-margin-top: 65px
    }
}

.related-capability-component .related-capability-container {
    margin: 0 auto;
    padding: 52px 0 38px;
    border-bottom: 2px solid hsla(0,0%,100%,.25098039215686274)
}

@media (max-width: 992px) {
    .related-capability-component .related-capability-container {
        padding:28px 0 50px
    }
}

.related-capability-component .related-capability-container .heading {
    font-size: 32px;
    color: #fff;
    line-height: 30px;
    font-family: "Noto Serif";
    font-weight: 300
}

@media (max-width: 992px) {
    .related-capability-component .related-capability-container .heading {
        font-size:19px;
        line-height: 30px
    }
}

.related-capability-component .related-capability-container .related-capability-section {
    margin-top: 35px
}

@media (max-width: 992px) {
    .related-capability-component .related-capability-container .related-capability-section {
        margin-top:25px
    }
}

.related-capability-component .related-capability-container .related-capability-section .topic-box {
    display: inline-block;
    border: 2px solid #fff;
    font-family: Noto Sans,Arial,Helvetica,sans-serif;
    font-weight: 600;
    border-radius: 4px;
    padding: 10px 17px;
    margin-right: 15px;
    margin-bottom: 15px;
    text-decoration: none;
    cursor: pointer;
    color: #fff;
    font-size: 14px;
    line-height: 17px
}

@media (max-width: 992px) {
    .related-capability-component .related-capability-container .related-capability-section .topic-box {
        line-height:20px
    }
}

.related-capability-component .related-capability-container .related-capability-section .topic-box:hover {
    border: 2px solid #737627;
    background: #737627
}

.related-capability-component:last-child {
    margin-bottom: 0
}

.related-capability-component+.anchor-nav-component,.related-capability-component+.brightcove-component,.related-capability-component+.dla-contacts.gray-background,.related-capability-component+.feature-component,.related-capability-component+.hero-component,.related-capability-component+.masthead-subtitle-component,.related-capability-component+.more-to-see-component,.related-capability-component+.people-profile-main-div,.related-capability-component+.press-release-comp,.related-capability-component+.quote-component,.related-capability-component+.recommended-for-you-component.gray-background,.related-capability-component+.related-capability-component,.related-capability-component+.resource-component-links:not(.white-background),.related-capability-component+.resourcescommon,.related-capability-component+.rich-text-component:not(.subhead-white),.related-capability-component+.rich-text-heading-component.gray-background,.related-capability-component+.share-component:not(.PrimaryHeader-white),.related-capability-component+.tertiary-content-component:not(.background-white) {
    margin-top: -48px
}

@media (max-width: 992px) {
    .related-capability-component+.anchor-nav-component,.related-capability-component+.brightcove-component,.related-capability-component+.dla-contacts.gray-background,.related-capability-component+.feature-component,.related-capability-component+.hero-component,.related-capability-component+.masthead-subtitle-component,.related-capability-component+.more-to-see-component,.related-capability-component+.people-profile-main-div,.related-capability-component+.press-release-comp,.related-capability-component+.quote-component,.related-capability-component+.recommended-for-you-component.gray-background,.related-capability-component+.related-capability-component,.related-capability-component+.resource-component-links:not(.white-background),.related-capability-component+.resourcescommon,.related-capability-component+.rich-text-component:not(.subhead-white),.related-capability-component+.rich-text-heading-component.gray-background,.related-capability-component+.share-component:not(.PrimaryHeader-white),.related-capability-component+.tertiary-content-component:not(.background-white) {
        margin-top:-32px
    }
}

.related-capability-component+.feature-cta-component,.related-capability-component+.feature-text-component {
    margin-top: -50px
}

@media (max-width: 992px) {
    .related-capability-component+.feature-cta-component,.related-capability-component+.feature-text-component {
        margin-top:-34px
    }
}

.related-capability-component+.breadcrumb-component {
    margin-top: -37px
}

@media (max-width: 992px) {
    .related-capability-component+.breadcrumb-component {
        margin-top:-16px
    }

    .related-capability-component+.profile-contact-component {
        margin-top: -32px
    }
}

.brightcove-component {
    margin: 0 auto 48px;
    padding-top: 56.25%;
    position: relative;
    display: block
}

@media (max-width: 992px) {
    .brightcove-component {
        max-width:100%;
        width: 100%;
        margin-bottom: 32px
    }
}

.brightcove-component iframe {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

@media (max-width: 992px) {
    .brightcove-component iframe {
        width:100%
    }
}

.video-js .vjs-dock-title {
    font-weight: 700;
    letter-spacing: 1px;
    line-height: 1.333;
    margin-bottom: .333em;
    font-size: 50px!important
}

@media print {
    .brightcove-component {
        display: none
    }
}

.brightcove-component:last-child {
    margin-bottom: 0
}

@media (max-width: 992px) {
    .brightcove-component+.profile-contact-component {
        margin-top:-32px
    }
}

.brightcove-component+.anchor-nav-component,.brightcove-component+.brightcove-component,.brightcove-component+.dla-contacts.gray-background,.brightcove-component+.feature-component,.brightcove-component+.feature-cta-component,.brightcove-component+.feature-text-component,.brightcove-component+.hero-component,.brightcove-component+.homepage-stories-component,.brightcove-component+.intro-copy-component,.brightcove-component+.masthead-subtitle-component,.brightcove-component+.more-to-see-component,.brightcove-component+.people-profile-main-div,.brightcove-component+.press-release-comp,.brightcove-component+.quote-component,.brightcove-component+.recommended-for-you-component.gray-background,.brightcove-component+.related-capability-component,.brightcove-component+.resource-component-links:not(.white-background),.brightcove-component+.resourcescommon.gray-background,.brightcove-component+.rich-text-component:not(.subhead-white),.brightcove-component+.rich-text-heading-component.gray-background,.brightcove-component+.share-component:not(.PrimaryHeader-white),.brightcove-component+.tertiary-content-component:not(.background-white) {
    margin-top: -48px
}

@media (max-width: 992px) {
    .brightcove-component+.anchor-nav-component,.brightcove-component+.brightcove-component,.brightcove-component+.dla-contacts.gray-background,.brightcove-component+.feature-component,.brightcove-component+.feature-cta-component,.brightcove-component+.feature-text-component,.brightcove-component+.hero-component,.brightcove-component+.homepage-stories-component,.brightcove-component+.intro-copy-component,.brightcove-component+.masthead-subtitle-component,.brightcove-component+.more-to-see-component,.brightcove-component+.people-profile-main-div,.brightcove-component+.press-release-comp,.brightcove-component+.quote-component,.brightcove-component+.recommended-for-you-component.gray-background,.brightcove-component+.related-capability-component,.brightcove-component+.resource-component-links:not(.white-background),.brightcove-component+.resourcescommon.gray-background,.brightcove-component+.rich-text-component:not(.subhead-white),.brightcove-component+.rich-text-heading-component.gray-background,.brightcove-component+.share-component:not(.PrimaryHeader-white),.brightcove-component+.tertiary-content-component:not(.background-white) {
        margin-top:-32px
    }
}

.brightcove-component+.breadcrumb-component {
    margin-top: -37px
}

@media (max-width: 992px) {
    .brightcove-component+.breadcrumb-component {
        margin-top:-16px
    }
}

.brightcove-component+.resource-component-links {
    margin-top: 0
}

@media (max-width: 992px) {
    .brightcove-component+.resource-component-links {
        margin-top:0
    }
}

.rich-text-component {
    background-color: #072d4e;
    padding: 0 51px 48px;
    margin-bottom: 48px
}

.rich-text-component.subhead-blue {
    background-color: #002240
}

@media (max-width: 992px) {
    .rich-text-component {
        margin-bottom:32px;
        padding: 0 0 32px
    }
}

.rich-text-component .rich-text-component-container {
    width: 100%;
    margin: 0 auto;
    padding: 56px 0 1px;
    position: relative
}

@media (max-width: 992px) {
    .rich-text-component .rich-text-component-container {
        padding:28px 0 0
    }
}

.rich-text-component .rich-text-component-container .rich-text-heading {
    font-family: "Noto Serif";
    font-weight: 300;
    font-size: 56px;
    line-height: 30px;
    color: #fff;
    margin-bottom: 0;
    padding-top: 5px
}

@media (min-width: 993px) {
    .rich-text-component .rich-text-component-container .rich-text-heading {
        height:56px
    }
}

@media (max-width: 992px) {
    .rich-text-component .rich-text-component-container .rich-text-heading {
        font-size:36px;
        line-height: 40px;
        max-width: 80%
    }
}

.rich-text-component .rich-text-component-container .share-button {
    border: 2px solid #fff;
    border-radius: 50px;
    color: #fff;
    text-decoration: none;
    padding: 11px 20px 12px;
    cursor: pointer;
    float: right
}

@media (max-width: 992px) {
    .rich-text-component .rich-text-component-container .share-button {
        position:absolute;
        width: 40px;
        height: 40px;
        padding: unset;
        border-radius: 50%;
        right: 0;
        top: 8px
    }
}

.rich-text-component .rich-text-component-container .share-button:hover {
    border: 1px solid #737627;
    background-color: #737627
}

.rich-text-component .rich-text-component-container .share-button:hover svg {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    transform: scale(1.2)
}

.rich-text-component .rich-text-component-container .share-button .share-link {
    text-transform: uppercase;
    font-weight: 600;
    font-size: 12px;
    line-height: 17px;
    margin-right: 5px
}

@media (max-width: 992px) {
    .rich-text-component .rich-text-component-container .share-button .share-link {
        display:none
    }
}

.rich-text-component .rich-text-component-container .share-button svg {
    width: 19px;
    height: 19px;
    -webkit-transition: .2s;
    -moz-transition: .2s;
    transition: .2s
}

@media (max-width: 992px) {
    .rich-text-component .rich-text-component-container .share-button svg {
        margin:8px 0 0 8px
    }
}

.rich-text-component .rich-text-component-container button {
    border: none;
    background: 0;
    display: block;
    padding-left: 0
}

.rich-textmainmargin {
    background: #072d4e 0 0 no-repeat padding-box;
    opacity: 1
}

.rich-text-component .rich-text {
    text-align: left;
    font-size: 18px;
    letter-spacing: 0;
    color: #fff;
    opacity: 1;
    line-height: 26px;
    font-family: Noto Sans,Arial,Helvetica,sans-serif;
    -moz-transition: all .8s ease-out;
    -webkit-transition: all .8s ease-out;
    transition: all .8s ease-out;
    margin-bottom: 0
}

@media (max-width: 992px) {
    .rich-text-component .rich-text {
        max-height:auto;
        font-size: 16px;
        line-height: 20px;
        margin-top: 35px
    }
}

.rt-header {
    text-align: left;
    letter-spacing: 0;
    color: #fff;
    opacity: 1;
    font-family: "Noto Serif";
    font-weight: 400;
    font-size: 42px;
    line-height: 52px;
    margin-bottom: 29px
}

@media (max-width: 992px) {
    .rt-header {
        height:auto;
        font-size: 24px;
        line-height: 28px;
        max-width: 100%;
        margin-bottom: 12px
    }
}

.rich-text-component .border-bottom-rich-text {
    border-bottom: 2px solid #ddde4c;
    opacity: 1;
    width: 100%
}

@media (max-width: 992px) {
    .rich-text-component .border-bottom-rich-text {
        margin-bottom:0
    }

    .rich-text-margin {
        margin-top: 0
    }
}

.read-more,.readless {
    cursor: pointer;
    text-align: left;
    font-size: 16px;
    line-height: 22px;
    font-weight: 600;
    letter-spacing: 0;
    font-family: "Noto Serif";
    font-weight: 700;
    text-transform: uppercase;
    opacity: 1;
    margin-top: 45px
}

svg.rotate {
    position: relative;
    bottom: 2px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: transform .3s ease-out;
    -moz-transition: transform .3s ease-out;
    -webkit-transition: -webkit-transform .3s ease-out;
    transition: -webkit-transform .3s ease-out;
    -moz-transition: transform .3s ease-out,-moz-transform .3s ease-out;
    transition: transform .3s ease-out;
    transition: transform .3s ease-out,-webkit-transform .3s ease-out,-moz-transform .3s ease-out
}

.read-more-link {
    cursor: pointer;
    font-family: Noto Sans,Arial,Helvetica,sans-serif;
    font-weight: 600;
    color: #fff;
    margin-top: 16px;
    -moz-transition: all .3s ease-out;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.rotate.arrowopen {
    -moz-transform: rotate(-180deg);
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg);
    -moz-transition: transform .3s ease-out;
    -webkit-transition: transform .3s ease-out;
    -webkit-transition: -webkit-transform .3s ease-out;
    transition: -webkit-transform .3s ease-out;
    -moz-transition: transform .3s ease-out,-moz-transform .3s ease-out;
    transition: transform .3s ease-out;
    transition: transform .3s ease-out,-webkit-transform .3s ease-out,-moz-transform .3s ease-out
}

.bind-more-text {
    -moz-transition: all .8s ease-out;
    -webkit-transition: all .8s ease-out;
    -webkit-transition: -webkit-transform .8s;
    transition: -webkit-transform .8s;
    -moz-transition: transform .8s,-moz-transform .8s;
    transition: transform .8s;
    transition: transform .8s,-webkit-transform .8s,-moz-transform .8s;
    transition: all .8s ease-out
}

.hide {
    display: none
}

@media (min-width: 993px) {
    .read-more-link:hover {
        color:#737627;
        fill: #737627
    }

    .read-more-link:hover path#Path_3589 {
        fill: #737627
    }

    .read-more-link:hover .rotate {
        position: relative;
        top: 2px!important
    }

    .read-more-link:hover .rotate.arrowopen {
        position: relative;
        top: -5px!important
    }
}

.subhead-white {
    background-color: #fff;
    padding-bottom: 0
}

.subhead-white .rich-text,.subhead-white .rt-header {
    color: #002240
}

.subhead-white .read-more-link {
    color: #737627
}

.subhead-white .read-more-link:hover {
    color: #002240;
    fill: #002240
}

.subhead-white .read-more-link:hover path#Path_3589 {
    fill: #002240
}

.subhead-white .read-more-link path#Path_3589 {
    fill: #737627
}

.subhead-white .greenSvg {
    display: inline-block
}

.subhead-white svg.whiteSvg {
    display: none
}

.rich-text-component.subhead-white .rich-text-component-container {
    padding: 0
}

@media (max-width: 992px) {
    .rich-text-component.subhead-white .rich-text-component-container {
        padding:0
    }
}

.rich-text-component.subhead-white .read-more-link {
    margin-bottom: 0
}

.rich-text-component.subhead-white:first-child {
    margin-top: 48px
}

@media (max-width: 992px) {
    .rich-text-component.subhead-white:first-child {
        margin-top:32px
    }
}

.rich-text-component:not(.subhead-white):last-child {
    margin-bottom: 0
}

.rich-text-component.subhead-white+.anchor-nav-component,.rich-text-component.subhead-white+.breadcrumb-component,.rich-text-component.subhead-white+.brightcove-component,.rich-text-component.subhead-white+.feature-component,.rich-text-component.subhead-white+.feature-cta-component,.rich-text-component.subhead-white+.feature-text-component,.rich-text-component.subhead-white+.hero-component,.rich-text-component.subhead-white+.masthead-subtitle-component,.rich-text-component.subhead-white+.more-to-see-component,.rich-text-component.subhead-white+.press-release-comp,.rich-text-component.subhead-white+.quote-component,.rich-text-component.subhead-white+.related-capability-component {
    margin-top: 0
}

@media (max-width: 992px) {
    .rich-text-component.subhead-white+.anchor-nav-component,.rich-text-component.subhead-white+.breadcrumb-component,.rich-text-component.subhead-white+.brightcove-component,.rich-text-component.subhead-white+.feature-component,.rich-text-component.subhead-white+.feature-cta-component,.rich-text-component.subhead-white+.feature-text-component,.rich-text-component.subhead-white+.hero-component,.rich-text-component.subhead-white+.masthead-subtitle-component,.rich-text-component.subhead-white+.more-to-see-component,.rich-text-component.subhead-white+.press-release-comp,.rich-text-component.subhead-white+.quote-component,.rich-text-component.subhead-white+.related-capability-component {
        margin-top:0
    }
}

.rich-text-component+.anchor-nav-component,.rich-text-component+.brightcove-component,.rich-text-component+.feature-component,.rich-text-component+.feature-cta-component,.rich-text-component+.feature-text-component,.rich-text-component+.hero-component,.rich-text-component+.masthead-subtitle-component,.rich-text-component+.more-to-see-component,.rich-text-component+.press-release-comp,.rich-text-component+.quote-component,.rich-text-component+.related-capability-component {
    margin-top: -48px
}

@media (max-width: 992px) {
    .rich-text-component+.anchor-nav-component,.rich-text-component+.brightcove-component,.rich-text-component+.feature-component,.rich-text-component+.feature-cta-component,.rich-text-component+.feature-text-component,.rich-text-component+.hero-component,.rich-text-component+.masthead-subtitle-component,.rich-text-component+.more-to-see-component,.rich-text-component+.press-release-comp,.rich-text-component+.quote-component,.rich-text-component+.related-capability-component {
        margin-top:-32px
    }
}

.rich-text-component+.breadcrumb-component {
    margin-top: -37px
}

@media (max-width: 992px) {
    .rich-text-component+.breadcrumb-component {
        margin-top:-16px
    }
}

.rich-text-component+.recommended-for-you-component,.rich-text-component+.resource-component-links.white-background,.rich-text-component+.rich-text-component.subhead-white,.rich-text-component+.rich-text-heading-component,.rich-text-component+.share-component.PrimaryHeader-white,.rich-text-component+.tertiary-content-component.background-white,.rich-text-component.subhead-white+.homepage-stories-component,.rich-text-component.subhead-white+.intro-copy-component,.rich-text-component.subhead-white+.people-profile-main-div,.rich-text-component.subhead-white+.profile-contact-component,.rich-text-component.subhead-white+.recommended-for-you-component,.rich-text-component.subhead-white+.recommended-for-you-component.gray-background,.rich-text-component.subhead-white+.resource-component-links,.rich-text-component.subhead-white+.resourcescommon.gray-background,.rich-text-component.subhead-white+.rich-text-component,.rich-text-component.subhead-white+.rich-text-component.subhead-white,.rich-text-component.subhead-white+.rich-text-heading-component,.rich-text-component.subhead-white+.rich-text-heading-component.gray-background,.rich-text-component.subhead-white+.share-component,.rich-text-component.subhead-white+.share-component.PrimaryHeader-white,.rich-text-component.subhead-white+.tertiary-content-component,.rich-text-component.subhead-white+.tertiary-content-component.background-white {
    margin-top: 0
}

@media (max-width: 992px) {
    .rich-text-component+.recommended-for-you-component,.rich-text-component+.resource-component-links.white-background,.rich-text-component+.rich-text-component.subhead-white,.rich-text-component+.rich-text-heading-component,.rich-text-component+.share-component.PrimaryHeader-white,.rich-text-component+.tertiary-content-component.background-white,.rich-text-component.subhead-white+.homepage-stories-component,.rich-text-component.subhead-white+.intro-copy-component,.rich-text-component.subhead-white+.people-profile-main-div,.rich-text-component.subhead-white+.profile-contact-component,.rich-text-component.subhead-white+.recommended-for-you-component,.rich-text-component.subhead-white+.recommended-for-you-component.gray-background,.rich-text-component.subhead-white+.resource-component-links,.rich-text-component.subhead-white+.resourcescommon.gray-background,.rich-text-component.subhead-white+.rich-text-component,.rich-text-component.subhead-white+.rich-text-component.subhead-white,.rich-text-component.subhead-white+.rich-text-heading-component,.rich-text-component.subhead-white+.rich-text-heading-component.gray-background,.rich-text-component.subhead-white+.share-component,.rich-text-component.subhead-white+.share-component.PrimaryHeader-white,.rich-text-component.subhead-white+.tertiary-content-component,.rich-text-component.subhead-white+.tertiary-content-component.background-white {
        margin-top:0
    }
}

.rich-text-component+.homepage-stories-component,.rich-text-component+.intro-copy-component,.rich-text-component+.people-profile-main-div,.rich-text-component+.recommended-for-you-component.gray-background,.rich-text-component+.resource-component-links,.rich-text-component+.resourcescommon.gray-background,.rich-text-component+.rich-text-component,.rich-text-component+.rich-text-component.subhead-white,.rich-text-component+.rich-text-heading-component.gray-background,.rich-text-component+.share-component,.rich-text-component+.tertiary-content-component,.rich-text-component:not(.subhead-white)+.dla-contacts.gray-background {
    margin-top: -48px
}

@media (max-width: 992px) {
    .rich-text-component+.homepage-stories-component,.rich-text-component+.intro-copy-component,.rich-text-component+.people-profile-main-div,.rich-text-component+.profile-contact-component,.rich-text-component+.recommended-for-you-component.gray-background,.rich-text-component+.resource-component-links,.rich-text-component+.resourcescommon.gray-background,.rich-text-component+.rich-text-component,.rich-text-component+.rich-text-component.subhead-white,.rich-text-component+.rich-text-heading-component.gray-background,.rich-text-component+.share-component,.rich-text-component+.tertiary-content-component,.rich-text-component:not(.subhead-white)+.dla-contacts.gray-background {
        margin-top:-32px
    }
}

.locations-container {
    margin: 20px auto;
    width: 85%
}

@media (min-width: 992px) {
    .locations-container {
        -webkit-column-count:2;
        -moz-column-count: 2;
        column-count: 2;
        grid-column-gap: 30px;
        -webkit-column-gap: 30px;
        -moz-column-gap: 30px;
        column-gap: 30px
    }
}

.locations-container div {
    page-break-inside: avoid;
    -webkit-column-break-inside: avoid;
    break-inside: avoid;
    margin-bottom: 30px
}

.locations-container div,.locations-container h4 {
    font-family: Noto Sans,Arial,Helvetica,sans-serif;
    color: #002240
}

.locations-container h4 {
    margin-top: 0;
    margin-bottom: 10px
}

.locations-container h5 {
    font-family: Noto Sans,Arial,Helvetica,sans-serif;
    font-weight: 500
}

.locations-container a {
    color: #002240
}

.locations-container a,.locations-container a:hover {
    text-decoration: none!important;
    font-family: Noto Sans,Arial,Helvetica,sans-serif
}

.locations-container a:hover {
    color: #737627;
    cursor: pointer
}

.locations-container a:after {
    content: " |";
    font-family: Noto Sans,Arial,Helvetica,sans-serif;
    color: #002240
}

.locations-container a:last-child:after {
    content: "";
    font-family: Noto Sans,Arial,Helvetica,sans-serif;
    color: #002240
}

.border-bottom-perspective {
    border-bottom: 2px solid #ddde4c
}

.rich-text-header {
    margin-bottom: 29px;
    text-align: left;
    letter-spacing: 0;
    color: #002240;
    opacity: 1;
    font-size: 48px;
    line-height: 50px;
    font-family: "Noto Serif"
}

@media (max-width: 992px) {
    .rich-text-header {
        margin-bottom:16px;
        font-size: 24px;
        line-height: 30px
    }
}

.rich-text-heading-component {
    padding-bottom: 48px;
    padding-left: 51px;
    padding-right: 51px;
    scroll-margin-top: 70px;
    background: #fff
}

@media (max-width: 992px) {
    .rich-text-heading-component {
        padding-bottom:0;
        padding-left: 16px;
        padding-right: 16px;
        scroll-margin-top: 55px
    }
}

.rich-text-container {
    width: 100%;
    margin: 0 auto
}

@media (max-width: 992px) {
    .rich-text-container {
        max-width:100%;
        width: 100%;
        margin-left: 0;
        margin-right: 0;
        padding-bottom: 32px
    }
}

.coveocomponent {
    margin: 0 auto 48px
}

@media (max-width: 992px) {
    .coveocomponent {
        margin-bottom:32px
    }
}

.coveocomponent::last-child {
    margin-bottom: 0
}

.rich-text-heading-component.gray-background {
    background-color: #f8f8f8
}

@media (max-width: 992px) {
    .rich-text-heading-component.gray-background {
        padding-top:16px
    }
}

.rich-text-heading-component.gray-background {
    padding-top: 32px;
    margin-bottom: 48px
}

@media (max-width: 992px) {
    .rich-text-heading-component.gray-background {
        padding-top:16px;
        margin-bottom: 32px
    }
}

.rich-text-heading-component.gray-background:last-child {
    margin-bottom: 0
}

.rich-text-heading-component+.anchor-nav-component,.rich-text-heading-component+.breadcrumb-component,.rich-text-heading-component+.brightcove-component,.rich-text-heading-component+.feature-component,.rich-text-heading-component+.feature-cta-component,.rich-text-heading-component+.feature-text-component,.rich-text-heading-component+.hero-component,.rich-text-heading-component+.masthead-subtitle-component,.rich-text-heading-component+.more-to-see-component,.rich-text-heading-component+.press-release-comp,.rich-text-heading-component+.quote-component,.rich-text-heading-component+.related-capability-component,.rich-text-heading-component+.resource-component-links,.rich-text-heading-component+.rich-text-component,.rich-text-heading-component+.share-component,.rich-text-heading-component+.tertiary-content-component {
    margin-top: 0
}

@media (max-width: 992px) {
    .rich-text-heading-component+.anchor-nav-component,.rich-text-heading-component+.breadcrumb-component,.rich-text-heading-component+.brightcove-component,.rich-text-heading-component+.feature-component,.rich-text-heading-component+.feature-cta-component,.rich-text-heading-component+.feature-text-component,.rich-text-heading-component+.hero-component,.rich-text-heading-component+.masthead-subtitle-component,.rich-text-heading-component+.more-to-see-component,.rich-text-heading-component+.press-release-comp,.rich-text-heading-component+.quote-component,.rich-text-heading-component+.related-capability-component,.rich-text-heading-component+.resource-component-links,.rich-text-heading-component+.rich-text-component,.rich-text-heading-component+.share-component,.rich-text-heading-component+.tertiary-content-component {
        margin-top:0
    }
}

.rich-text-heading-component.gray-background+.tertiary-content-component {
    margin-top: -48px
}

@media (max-width: 992px) {
    .rich-text-heading-component.gray-background+.tertiary-content-component {
        margin-top:-32px
    }
}

.rich-text-heading-component.gray-background+.tertiary-content-component.background-white {
    margin-top: 48px
}

@media (max-width: 992px) {
    .rich-text-heading-component.gray-background+.tertiary-content-component.background-white {
        margin-top:32px
    }
}

.rich-text-heading-component.gray-background+.rich-text-component.subhead-white {
    margin-top: 48px
}

@media (max-width: 992px) {
    .rich-text-heading-component.gray-background+.rich-text-component.subhead-white {
        margin-top:32px
    }
}

.rich-text-heading-component.gray-background+.anchor-nav-component,.rich-text-heading-component.gray-background+.brightcove-component,.rich-text-heading-component.gray-background+.dla-contacts.gray-background,.rich-text-heading-component.gray-background+.feature-component,.rich-text-heading-component.gray-background+.feature-cta-component,.rich-text-heading-component.gray-background+.feature-text-component,.rich-text-heading-component.gray-background+.hero-component,.rich-text-heading-component.gray-background+.homepage-stories-component,.rich-text-heading-component.gray-background+.intro-copy-component,.rich-text-heading-component.gray-background+.masthead-subtitle-component,.rich-text-heading-component.gray-background+.more-to-see-component,.rich-text-heading-component.gray-background+.people-profile-main-div,.rich-text-heading-component.gray-background+.press-release-comp,.rich-text-heading-component.gray-background+.quote-component,.rich-text-heading-component.gray-background+.recommended-for-you-component.gray-background,.rich-text-heading-component.gray-background+.related-capability-component,.rich-text-heading-component.gray-background+.resource-component-links,.rich-text-heading-component.gray-background+.resourcescommon.gray-background,.rich-text-heading-component.gray-background+.rich-text-component,.rich-text-heading-component.gray-background+.rich-text-heading-component.gray-background,.rich-text-heading-component.gray-background+.tertiary-content-component {
    margin-top: -48px
}

@media (max-width: 992px) {
    .rich-text-heading-component.gray-background+.anchor-nav-component,.rich-text-heading-component.gray-background+.brightcove-component,.rich-text-heading-component.gray-background+.dla-contacts.gray-background,.rich-text-heading-component.gray-background+.feature-component,.rich-text-heading-component.gray-background+.feature-cta-component,.rich-text-heading-component.gray-background+.feature-text-component,.rich-text-heading-component.gray-background+.hero-component,.rich-text-heading-component.gray-background+.homepage-stories-component,.rich-text-heading-component.gray-background+.intro-copy-component,.rich-text-heading-component.gray-background+.masthead-subtitle-component,.rich-text-heading-component.gray-background+.more-to-see-component,.rich-text-heading-component.gray-background+.people-profile-main-div,.rich-text-heading-component.gray-background+.press-release-comp,.rich-text-heading-component.gray-background+.quote-component,.rich-text-heading-component.gray-background+.recommended-for-you-component.gray-background,.rich-text-heading-component.gray-background+.related-capability-component,.rich-text-heading-component.gray-background+.resource-component-links,.rich-text-heading-component.gray-background+.resourcescommon.gray-background,.rich-text-heading-component.gray-background+.rich-text-component,.rich-text-heading-component.gray-background+.rich-text-heading-component.gray-background,.rich-text-heading-component.gray-background+.tertiary-content-component {
        margin-top:-32px
    }
}

.rich-text-heading-component.gray-background+.breadcrumb-component {
    margin-top: -37px
}

@media (max-width: 992px) {
    .rich-text-heading-component.gray-background+.breadcrumb-component {
        margin-top:-16px
    }

    .rich-text-heading-component.gray-background+.profile-contact-component {
        margin-top: -32px
    }
}

.rich-text-heading-component.gray-background+.resource-component-links.white-background {
    margin-top: 0
}

@media (max-width: 992px) {
    .rich-text-heading-component.gray-background+.resource-component-links.white-background {
        margin-top:0
    }
}

.rich-text-heading-component:not(.gray-background):first-child {
    margin-top: 48px
}

@media (min-width: 993px) {
    .below-header-scroll-margin {
        scroll-margin-top:110px!important
    }
}

.rich-text {
    padding-top: 5px;
    font-family: Noto Sans,Arial,Helvetica,sans-serif;
    font-size: 18px;
    line-height: 28px;
    color: #002240;
    margin-bottom: 48px
}

.rich-text img {
    width: 100%;
    height: 100%
}

@media (max-width: 992px) {
    .rich-text {
        padding:0;
        font-size: 16px;
        line-height: 22px;
        margin-bottom: 32px
    }

    .rich-text iframe {
        width: 100%!important
    }
}

.rich-text a {
    color: #737627!important;
    text-decoration: none;
    position: relative;
    margin-bottom: 20px!important
}

.rich-text a:hover {
    color: #002240!important;
    font-family: Noto Sans,Arial,Helvetica,sans-serif;
    font-weight: 600
}

@media (min-width: 993px) {
    .rich-text a.external:hover:after {
        background:url(/-/media/project/dlapiper-tenant/dlapiper/icons/regular.svg) no-repeat;
        background-size: 18px
    }
}

.rich-text a.external:after {
    content: "";
    display: inline-block;
    position: relative;
    width: 18px;
    height: 18px;
    background: url(/-/media/project/dlapiper-tenant/dlapiper/icons/hover.svg) no-repeat;
    background-size: 18px;
    top: 4px;
    margin-left: 4px;
    -webkit-transition: .3s ease-out;
    -moz-transition: .3s ease-out;
    transition: .3s ease-out
}

.rich-text p {
    margin-bottom: 49px!important
}

@media (max-width: 992px) {
    .rich-text p {
        margin-bottom:36px!important
    }
}

.rich-text h1 {
    font-family: "Noto Serif";
    font-weight: 300;
    font-size: 56px;
    line-height: 72px;
    margin-bottom: 25px;
    margin-top: 58px
}

@media (max-width: 992px) {
    .rich-text h1 {
        font-size:28px;
        line-height: 38px;
        margin-top: 36px
    }
}

.rich-text h2 {
    font-family: "Noto Serif";
    font-weight: 300;
    font-size: 48px;
    line-height: 62px;
    margin-bottom: 21px
}

@media (max-width: 992px) {
    .rich-text h2 {
        font-size:24px;
        line-height: 32px
    }
}

.rich-text h3 {
    font-family: "Noto Serif";
    font-weight: 300;
    font-size: 40px;
    line-height: 55px;
    margin-bottom: 8px
}

@media (max-width: 992px) {
    .rich-text h3 {
        font-size:20px;
        line-height: 27px
    }
}

.rich-text h4 {
    font-family: "Noto Serif";
    font-weight: 300;
    font-size: 32px;
    line-height: 43px;
    margin-bottom: 8px
}

@media (max-width: 992px) {
    .rich-text h4 {
        font-size:18px;
        line-height: 24px
    }
}

.rich-text h5 {
    font-family: Noto Sans,Arial,Helvetica,sans-serif;
    font-weight: 700;
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 12px;
    text-transform: uppercase
}

@media (max-width: 992px) {
    .rich-text h5 {
        font-size:14px;
        line-height: 19px
    }

    .rich-text h1,.rich-text h2,.rich-text h3,.rich-text h4,.rich-text h5 {
        margin-bottom: 10px
    }
}

.titlefontsize {
    font-family: "Noto Serif";
    font-size: 24px
}

.custom-margin {
    margin-top: 50px;
    margin-bottom: 50px
}

@media (min-width: 993px) {
    .custom-margin {
        margin-left:-11%
    }
}

@media (max-width: 992px) {
    .custom-margin p {
        line-height:36px
    }
}

p.titlefontsize.error-padding {
    margin-top: 15%;
    margin-bottom: 15%!important
}

.alert-wrapper {
    position: relative;
    background: #002240
}

.alert-wrapper .fake-div {
    height: 52px
}

.alert-wrapper .fake-div.remove {
    display: none
}

.alert-wrapper .alert-component {
    position: absolute;
    top: 0;
    z-index: 999;
    width: 100%;
    overflow: hidden;
    background-color: #ddde4c;
    padding: 12px 162px 12px 48px;
    -webkit-animation: slideUp .7s forwards;
    -moz-animation: slideUp .7s forwards;
    animation: slideUp .7s forwards
}

@media (max-width: 992px) {
    .alert-wrapper .alert-component {
        padding:16px 102px 17px 16px
    }
}

.alert-wrapper .alert-component.alert-enable {
    -webkit-animation: slideDown 1s forwards;
    -moz-animation: slideDown 1s forwards;
    animation: slideDown 1s forwards
}

@-webkit-keyframes slideDown {
    0% {
        -webkit-transform: translateY(-101%);
        transform: translateY(-101%)
    }

    to {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@-moz-keyframes slideDown {
    0% {
        -moz-transform: translateY(-101%);
        transform: translateY(-101%)
    }

    to {
        -moz-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes slideDown {
    0% {
        -webkit-transform: translateY(-101%);
        -moz-transform: translateY(-101%);
        transform: translateY(-101%)
    }

    to {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        transform: translateY(0)
    }
}

@-webkit-keyframes slideUp {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    to {
        -webkit-transform: translateY(-101%);
        transform: translateY(-101%)
    }
}

@-moz-keyframes slideUp {
    0% {
        -moz-transform: translateY(0);
        transform: translateY(0)
    }

    to {
        -moz-transform: translateY(-101%);
        transform: translateY(-101%)
    }
}

@keyframes slideUp {
    0% {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        transform: translateY(0)
    }

    to {
        -webkit-transform: translateY(-101%);
        -moz-transform: translateY(-101%);
        transform: translateY(-101%)
    }
}

.alert-wrapper .alert-component.alert-text-only {
    background-color: #ba2440!important;
    padding-right: 48px
}

@media (max-width: 992px) {
    .alert-wrapper .alert-component.alert-text-only {
        padding-right:16px
    }
}

.alert-wrapper .alert-component.alert-text-only .alert-text {
    color: #fff;
    max-width: 100%
}

.alert-wrapper .alert-component.alert-text-only .alert-close,.alert-wrapper .alert-component.alert-text-only .alert-link {
    display: none!important
}

.alert-wrapper .alert-component.alert-no-link .alert-text .alert-link {
    display: none
}

.alert-wrapper .alert-component .alert-text {
    font-size: 18px;
    line-height: 28px;
    display: block;
    margin: 0 auto
}

@media (max-width: 992px) {
    .alert-wrapper .alert-component .alert-text {
        line-height:22px
    }
}

.alert-wrapper .alert-component .alert-text .alert-link {
    position: absolute;
    cursor: pointer;
    margin-top: 0;
    margin-left: 14px;
    border-radius: 50%;
    background-color: #737627;
    height: 28px;
    width: 28px;
    display: -moz-inline-box;
    display: inline-flex;
    -moz-box-align: center;
    align-items: center;
    -moz-box-pack: center;
    justify-content: center
}

@media (max-width: 992px) {
    .alert-wrapper .alert-component .alert-text .alert-link {
        position:relative;
        margin-top: 11px;
        margin-left: 0;
        display: -moz-box;
        display: flex
    }
}

@media (min-width: 993px) {
    .alert-wrapper .alert-component .alert-text .alert-link:hover {
        -webkit-transform:scale(1.1);
        -moz-transform: scale(1.1);
        transform: scale(1.1);
        -webkit-transition: all .3s ease-in-out;
        -moz-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out
    }

    .alert-wrapper .alert-component .alert-text .alert-link:hover span {
        -webkit-transition: .3s;
        -moz-transition: .3s;
        transition: .3s;
        -webkit-transition-timing-function: ease-out;
        -moz-transition-timing-function: ease-out;
        transition-timing-function: ease-out;
        -webkit-animation: .3s ease-in-out 1.1s forwards;
        -moz-animation: .3s ease-in-out 1.1s forwards;
        animation: .3s ease-in-out 1.1s forwards;
        -webkit-transform: translateX(4px);
        -moz-transform: translateX(4px);
        transform: translateX(4px);
        background-image: url(/-/media/project/dlapiper-tenant/dlapiper/icons/arrow_forward_stretch_alert_24.svg)!important
    }
}

.alert-wrapper .alert-component .alert-text .alert-link span {
    width: 20px;
    height: 20px;
    background-image: url(/-/media/project/dlapiper-tenant/dlapiper/icons/alert-arrow.svg)!important;
    background-repeat: no-repeat;
    background-size: 20px;
    display: inline-block;
    position: relative;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    transition: .3s;
    -webkit-transition-timing-function: ease-out;
    -moz-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    -webkit-animation: .3s ease-in-out 1.1s forwards;
    -moz-animation: .3s ease-in-out 1.1s forwards;
    animation: .3s ease-in-out 1.1s forwards
}

.alert-wrapper .alert-component .alert-close {
    display: -moz-box;
    display: flex;
    -moz-box-pack: center;
    justify-content: center;
    -moz-box-align: center;
    align-items: center;
    background-color: #737627;
    position: absolute;
    width: 54px;
    height: 57px;
    right: 0;
    top: 0;
    cursor: pointer
}

.alert-wrapper .alert-component .alert-close:hover span {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    transform: scale(1.1)
}

.alert-wrapper .alert-component .alert-close span {
    display: block;
    background: url(/-/media/project/dlapiper-tenant/dlapiper/icons/close-white.svg);
    background-repeat: no-repeat;
    background-size: contain;
    width: 20px;
    height: 20px;
    -webkit-transition: .2s;
    -moz-transition: .2s;
    transition: .2s
}

.alert-wrapper .alert-component button {
    background: none;
    border: 0
}

@media print {
    .alert-wrapper {
        display: none
    }
}

.scEnabledChrome .header-component {
    position: relative!important
}

.scEnabledChrome .header-component .language-selector-container {
    display: none!important
}

.header-component-wrapper {
    width: 100%;
    height: 104px;
    z-index: 9999;
    -webkit-transition: all .6s;
    -moz-transition: all .6s;
    transition: all .6s
}

@media (max-width: 992px) {
    .header-component-wrapper {
        height:56px
    }
}

.header-component-wrapper button {
    background: none;
    border: none;
    padding: 0
}

@media (min-width: 993px) {
    .header-component-wrapper.scrolled,.header-component-wrapper.scrolled .header-component {
        height:70px;
        -webkit-transition: all .6s;
        -moz-transition: all .6s;
        transition: all .6s
    }

    .header-component-wrapper.scrolled .header-component .header-wrapper {
        padding: 14px 0
    }
}

@media (min-width: 993px) and (min-width:993px) {
    .header-component-wrapper.scrolled .header-component .header-wrapper .logo-colombia .logo-img .colombia-logo-text {
        display:inline-block;
        width: 100%;
        position: relative;
        height: 100%;
        left: -10px;
        top: -18.5%;
        color: #fff;
        font-size: 15px;
        font-family: Noto Sans,Arial,Helvetica,sans-serif;
        font-weight: 500;
        -webkit-transition: all 1s;
        -moz-transition: all 1s;
        transition: all 1s
    }

    .header-component-wrapper.scrolled .header-component .header-wrapper .logo-colombia .logo-img .logo-colombia-symbol {
        display: inline-block;
        background: url(/-/media/project/dlapiper-tenant/dlapiper/icons/colombia-logo-small.svg);
        background-repeat: no-repeat;
        background-size: contain;
        width: 100%;
        height: 30%;
        position: absolute;
        top: 19%;
        -webkit-transition: all 1s,background 0s;
        -moz-transition: all 1s,background 0s;
        transition: all 1s,background 0s
    }

    .header-component-wrapper.scrolled .header-component .header-wrapper .logo .logo-img .brazil-desktop-logo-symbol {
        height: 28%!important
    }

    .header-component-wrapper.scrolled .header-component .header-wrapper .logo .logo-img .logo-symbol {
        display: inline-block;
        background: url(/-/media/project/dlapiper-tenant/dlapiper/icons/dla-logo-shrinked.svg);
        background-repeat: no-repeat;
        background-size: contain;
        width: 100%;
        height: 30%;
        position: absolute;
        top: 38%;
        -webkit-transition: all 1s,background 0s;
        -moz-transition: all 1s,background 0s;
        transition: all 1s,background 0s
    }

    .header-component-wrapper.scrolled .header-component .header-wrapper .logo .logo-img .logo-text {
        height: 100%;
        top: -5.5%
    }

    .header-component-wrapper.scrolled .header-component .header-wrapper .logo .logo-img .brazil-logo-text,.header-component-wrapper.scrolled .header-component .header-wrapper .logo .logo-img .logo-text {
        display: inline-block;
        width: 100%;
        position: relative;
        color: #fff;
        font-size: 15px;
        font-family: Noto Sans,Arial,Helvetica,sans-serif;
        font-weight: 500;
        -webkit-transition: all 1s;
        -moz-transition: all 1s;
        transition: all 1s
    }

    .header-component-wrapper.scrolled .header-component .header-wrapper .logo .logo-img .brazil-logo-text {
        top: 20px;
        left: 27px
    }
}

@media (min-width: 993px) {
    .header-component-wrapper.scrolled .header-component .header-wrapper .logo .logo-img .disclaimer-logo-text {
        font-size:8.2px;
        bottom: 12px;
        text-transform: uppercase;
        font-family: Noto Sans,Arial,Helvetica,sans-serif;
        font-weight: 500;
        color: #fff;
        text-wrap: nowrap;
        position: absolute;
        left: 1px
    }

    .header-component-wrapper.scrolled .header-component .header-wrapper .logo-brazil {
        height: 100%!important;
        width: 100px!important
    }
}

.header-component-wrapper .header-component {
    width: 100%;
    height: 104px;
    position: fixed;
    z-index: 9999;
    top: 0;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s
}

@media (max-width: 992px) {
    .header-component-wrapper .header-component {
        height:56px
    }
}

.header-component-wrapper .header-component .header-wrapper {
    background-color: #002240;
    position: relative;
    height: 100%;
    padding: 31px 0;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    transition: .3s;
    z-index: 9999
}

@media (max-width: 992px) {
    .header-component-wrapper .header-component .header-wrapper {
        height:56px;
        padding: 7px 12px 10px 16px
    }
}

.header-component-wrapper .header-component .header-wrapper .skip-nav {
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    position: absolute;
    float: left;
    -webkit-transform: translateX(-3000px);
    -moz-transform: translateX(-3000px);
    transform: translateX(-3000px);
    text-decoration: underline;
    color: #fff;
    padding: 10px 15px;
    height: auto;
    min-width: 250px;
    text-align: center;
    z-index: 999999;
    overflow: visible;
    clip: auto;
    border: none;
    border-radius: 20px;
    font-size: 16px;
    background: #737627;
    margin-left: 17.3%
}

@media (max-width: 992px) {
    .header-component-wrapper .header-component .header-wrapper .skip-nav {
        margin-left:0;
        min-width: 122px
    }
}

.header-component-wrapper .header-component .header-wrapper .logo-colombia {
    position: absolute;
    left: 30px;
    height: 156px;
    width: 203px;
    top: -15px
}

@media (max-width: 992px) {
    .header-component-wrapper .header-component .header-wrapper .logo-colombia {
        top:-54px;
        height: 150px;
        left: 0
    }
}

.header-component-wrapper .header-component .header-wrapper .logo-colombia .logo-colombia-symbol {
    display: inline-block;
    background: url(/-/media/project/dlapiper-tenant/dlapiper/icons/colombia-logo.svg);
    background-repeat: no-repeat;
    background-size: contain;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    -webkit-transition: all 1s,background 0s;
    -moz-transition: all 1s,background 0s;
    transition: all 1s,background 0s
}

@media (max-width: 992px) {
    .header-component-wrapper .header-component .header-wrapper .logo-colombia .logo-colombia-symbol {
        background:url(/-/media/project/dlapiper-tenant/dlapiper/icons/DLA_Piper_Columbia_shrinked.svg);
        -ms-transition: all 1s,background 0s;
        -o-transition: all 1s,background 0s;
        -webkit-transition: all 1s,background 0s;
        -moz-transition: all 1s,background 0s
    }
}

.header-component-wrapper .header-component .header-wrapper .logo-colombia .logo-colombia-symbol .colombia-logo-text {
    display: inline-block;
    width: 100%;
    position: relative;
    color: #fff;
    font-size: 15px;
    font-family: Noto Sans,Arial,Helvetica,sans-serif;
    font-weight: 500;
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    transition: all 1s
}

@media (min-width: 993px) {
    .header-component-wrapper .header-component .header-wrapper .logo-colombia .logo-colombia-symbol .colombia-logo-text.colombia-mobile-logo-text {
        display:none
    }
}

@media (max-width: 992px) {
    .header-component-wrapper .header-component .header-wrapper .logo-colombia .logo-colombia-symbol .colombia-logo-text.colombia-desktop-logo-text {
        display:none
    }

    .header-component-wrapper .header-component .header-wrapper .logo-colombia .logo-colombia-symbol .colombia-logo-text {
        left: -2px;
        top: -21px;
        width: 132px;
        position: absolute
    }
}

.header-component-wrapper .header-component .header-wrapper .logo-brazil {
    height: 96%!important;
    width: 96px!important
}

.header-component-wrapper .header-component .header-wrapper .logo {
    position: absolute;
    left: 48px;
    height: 100%;
    width: 100px;
    top: 0
}

@media (max-width: 992px) {
    .header-component-wrapper .header-component .header-wrapper .logo {
        left:16px;
        width: 122px
    }
}

.header-component-wrapper .header-component .header-wrapper .logo .logo-img {
    width: 100%;
    height: 100%;
    display: -moz-box;
    display: flex;
    -moz-box-align: center;
    align-items: center
}

.header-component-wrapper .header-component .header-wrapper .logo .logo-img .logo-symbol {
    display: inline-block;
    background: url(/-/media/project/dlapiper-tenant/dlapiper/icons/dla-logo.svg);
    background-repeat: no-repeat;
    background-size: contain;
    width: 100%;
    height: 100%;
    position: absolute;
    top: .5%;
    -webkit-transition: all 1s,background 0s;
    -moz-transition: all 1s,background 0s;
    transition: all 1s,background 0s
}

@media (max-width: 992px) {
    .header-component-wrapper .header-component .header-wrapper .logo .logo-img .logo-symbol {
        top:30.5%;
        height: 46%
    }
}

@media (min-width: 993px) {
    .header-component-wrapper .header-component .header-wrapper .logo .logo-img .brazil-desktop-logo-symbol {
        top:2%
    }
}

@media (max-width: 992px) {
    .header-component-wrapper .header-component .header-wrapper .logo .logo-img .brazil-mobile-logo-symbol {
        top:26%;
        height: 41%
    }
}

.header-component-wrapper .header-component .header-wrapper .logo .logo-img .disclaimer-logo-text {
    font-size: 8.2px;
    text-transform: uppercase;
    font-family: Noto Sans,Arial,Helvetica,sans-serif;
    font-weight: 500;
    color: #fff;
    text-wrap: nowrap;
    position: absolute;
    bottom: 6px
}

@media (max-width: 992px) {
    .header-component-wrapper .header-component .header-wrapper .logo .logo-img .disclaimer-logo-text {
        font-size:9.2px;
        bottom: 5px
    }
}

.header-component-wrapper .header-component .header-wrapper .logo .logo-img .logo-text {
    display: inline-block;
    width: 100%;
    position: relative;
    color: #fff;
    font-size: 15px;
    font-family: Noto Sans,Arial,Helvetica,sans-serif;
    font-weight: 500;
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    transition: all 1s
}

@media (min-width: 993px) {
    .header-component-wrapper .header-component .header-wrapper .logo .logo-img .logo-text.mobile-logo-text {
        display:none
    }
}

@media (max-width: 992px) {
    .header-component-wrapper .header-component .header-wrapper .logo .logo-img .logo-text.desktop-logo-text {
        display:none
    }

    .header-component-wrapper .header-component .header-wrapper .logo .logo-img .logo-text {
        left: -2px;
        top: -21px;
        width: 132px;
        position: absolute
    }
}

.header-component-wrapper .header-component .header-wrapper .logo .logo-img .brazil-logo-text {
    display: inline-block;
    width: 100%;
    position: relative;
    color: #fff;
    font-size: 15px;
    top: 41px;
    left: 29px;
    font-family: Noto Sans,Arial,Helvetica,sans-serif;
    font-weight: 500;
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    transition: all 1s
}

@media (min-width: 993px) {
    .header-component-wrapper .header-component .header-wrapper .logo .logo-img .brazil-logo-text.brazil-mobile-logo-text {
        display:none
    }
}

@media (max-width: 992px) {
    .header-component-wrapper .header-component .header-wrapper .logo .logo-img .brazil-logo-text.brazil-desktop-logo-text {
        display:none
    }
}

@media (min-width: 993px) {
    .header-component-wrapper .header-component .header-wrapper .logo .logo-img .brazil-logo-text {
        -webkit-transform:scale(1.2);
        -moz-transform: scale(1.2);
        transform: scale(1.2)
    }
}

@media (max-width: 992px) {
    .header-component-wrapper .header-component .header-wrapper .logo .logo-img .brazil-logo-text {
        left:21px;
        top: 19px;
        width: 132px;
        position: absolute
    }
}

.header-component-wrapper .header-component .header-wrapper .language-selector-desktop-colombia {
    left: 21.3%!important
}

.header-component-wrapper .header-component .header-wrapper .language-selector-desktop {
    position: absolute;
    left: 17.3%;
    height: 42px;
    display: -moz-box;
    display: flex;
    -moz-box-align: center;
    align-items: center
}

@media (max-width: 992px) {
    .header-component-wrapper .header-component .header-wrapper .language-selector-desktop {
        display:none
    }
}

.header-component-wrapper .header-component .header-wrapper .language-selector-desktop .country-and-language .country,.header-component-wrapper .header-component .header-wrapper .language-selector-desktop .country-and-language .country-language-seperator,.header-component-wrapper .header-component .header-wrapper .language-selector-desktop .country-and-language .language {
    font-size: 16px;
    line-height: 22px;
    color: #fff
}

.header-component-wrapper .header-component .header-wrapper .language-selector-desktop .country-and-language .country {
    font-family: Noto Sans,Arial,Helvetica,sans-serif;
    font-weight: 700
}

.header-component-wrapper .header-component .header-wrapper .language-selector-desktop .country-and-language .country-language-seperator {
    padding: 0 5px;
    font-family: Noto Sans,Arial,Helvetica,sans-serif
}

.header-component-wrapper .header-component .header-wrapper .language-selector-desktop .country-and-language .language {
    text-transform: uppercase;
    font-family: Noto Sans,Arial,Helvetica,sans-serif
}

.header-component-wrapper .header-component .header-wrapper .language-selector-desktop .country-and-language .open-arrow-outline {
    position: relative;
    top: 4px;
    margin-right: 6px;
    display: inline-block;
    height: 21px;
    width: 21px;
    border: 1px solid #fff;
    border-radius: 50%;
    cursor: pointer;
    -webkit-transition: .3s ease-out;
    -moz-transition: .3s ease-out;
    transition: .3s ease-out
}

.header-component-wrapper .header-component .header-wrapper .language-selector-desktop .country-and-language .open-arrow-outline:hover {
    border: 1px solid #737627;
    -webkit-transform: scale(1.08);
    -moz-transform: scale(1.08);
    transform: scale(1.08);
    background-color: #737627
}

.header-component-wrapper .header-component .header-wrapper .language-selector-desktop .country-and-language .open-arrow-outline .open-arrow {
    background: url(/-/media/project/dlapiper-tenant/dlapiper/icons/expand-arrow-icon.svg);
    background-repeat: no-repeat;
    background-size: contain;
    display: -moz-box;
    display: flex;
    width: 19px;
    height: 19px;
    -webkit-transition: 1s ease-out;
    -moz-transition: 1s ease-out;
    transition: 1s ease-out
}

@media (min-width: 993px) {
    .header-component-wrapper .header-component .header-wrapper .language-selector-desktop .country-and-language .open-arrow-outline.open {
        background:#737627;
        border: 1px solid #737627
    }

    .header-component-wrapper .header-component .header-wrapper .language-selector-desktop .country-and-language .open-arrow-outline.open .open-arrow {
        -webkit-transition: 1s ease-out;
        -moz-transition: 1s ease-out;
        transition: 1s ease-out;
        -webkit-transform: rotate(-180deg);
        -moz-transform: rotate(-180deg);
        transform: rotate(-180deg)
    }

    .header-component-wrapper .header-component .header-wrapper .language-selector-desktop .country-and-language .open-arrow-outline.open:hover {
        border: 1px solid #737627;
        -webkit-transform: scale(1.08);
        -moz-transform: scale(1.08);
        transform: scale(1.08);
        background-color: #737627
    }
}

.header-component-wrapper .header-component .header-wrapper .search {
    position: absolute;
    right: 165px
}

@media (max-width: 992px) {
    .header-component-wrapper .header-component .header-wrapper .search {
        right:115px
    }
}

.header-component-wrapper .header-component .header-wrapper .search .search-bg-animate .CoveoSearchbox .CoveoSearchButton:before {
    content: "";
    position: absolute;
    width: 48px;
    height: 48px;
    top: -11px;
    right: -11px;
    border-radius: 50%;
    z-index: -1;
    -webkit-animation: fadein-bg 1s forwards;
    -moz-animation: fadein-bg 1s forwards;
    animation: fadein-bg 1s forwards
}

.header-component-wrapper .header-component .header-wrapper .search .search-input {
    height: 42px;
    width: 45.1vw;
    padding: 12px 45px 12px 20px;
    font-size: 14px;
    line-height: 19px;
    outline: none;
    border: 0;
    border-left: 1px solid #002240!important;
    border-right: 1px solid #002240!important;
    border-radius: 8px;
    position: relative;
    z-index: 0
}

.header-component-wrapper .header-component .header-wrapper .search .search-input::-webkit-input-placeholder {
    font-style: italic
}

.header-component-wrapper .header-component .header-wrapper .search .search-input:-ms-input-placeholder {
    font-style: italic
}

.header-component-wrapper .header-component .header-wrapper .search .search-input::placeholder {
    font-style: italic
}

@media (max-width: 992px) {
    .header-component-wrapper .header-component .header-wrapper .search .search-input {
        display:none
    }
}

.header-component-wrapper .header-component .header-wrapper .search .CoveoSearchButton,.header-component-wrapper .header-component .header-wrapper .search .search-icon {
    background: url(/-/media/project/dlapiper-tenant/dlapiper/icons/search-icon-green.svg);
    background-repeat: no-repeat;
    background-size: contain;
    height: 26px;
    width: 26px;
    position: absolute;
    right: 18px;
    top: 8px;
    cursor: pointer;
    border: 0
}

@media (max-width: 992px) {
    .header-component-wrapper .header-component .header-wrapper .search .CoveoSearchButton,.header-component-wrapper .header-component .header-wrapper .search .search-icon {
        background:url(/-/media/project/dlapiper-tenant/dlapiper/icons/search-icon-white.svg);
        background-repeat: no-repeat;
        background-size: contain
    }
}

.header-component-wrapper .header-component .header-wrapper .search .CoveoSearchButton:before,.header-component-wrapper .header-component .header-wrapper .search .search-icon:before {
    content: "";
    position: absolute;
    width: 48px;
    height: 48px;
    top: -11px;
    right: -11px;
    border-radius: 50%;
    z-index: -1;
    -webkit-animation: fadeout-bg 1s forwards;
    -moz-animation: fadeout-bg 1s forwards;
    animation: fadeout-bg 1s forwards
}

.header-component-wrapper .header-component .header-wrapper .bookmark {
    position: absolute;
    right: 99px;
    width: 42px;
    height: 42px;
    -webkit-transition: .3s ease-out;
    -moz-transition: .3s ease-out;
    transition: .3s ease-out;
    border-radius: 50%
}

@media (max-width: 992px) {
    .header-component-wrapper .header-component .header-wrapper .bookmark {
        right:75px
    }
}

.header-component-wrapper .header-component .header-wrapper .bookmark .bookmark-icon {
    display: -moz-box;
    display: flex;
    -moz-box-pack: center;
    justify-content: center;
    margin-top: 8px;
    margin-left: 10px;
    margin-right: 26px;
    cursor: pointer;
    background: url(/-/media/project/dlapiper-tenant/dlapiper/icons/bookmarks-header.svg);
    background-repeat: no-repeat;
    background-size: contain;
    height: 28px;
    width: 23px;
    position: relative;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

@media (min-width: 993px) {
    .header-component-wrapper .header-component .header-wrapper .bookmark .bookmark-icon:hover {
        background:url(/-/media/project/dlapiper-tenant/dlapiper/icons/bookmarks-header-hover.svg);
        background-repeat: no-repeat;
        background-size: contain;
        height: 28px;
        width: 23px;
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        transform: scale(1.1)
    }
}

.header-component-wrapper .header-component .header-wrapper .bookmark .bookmark-icon.checked:after {
    content: "";
    height: 10px;
    width: 10px;
    background: #ddde4c;
    position: absolute;
    top: 0;
    right: 0;
    border-radius: 50%
}

.header-component-wrapper .header-component .header-wrapper .bookmark.bookmark-bg-animate {
    background: #737627;
    border-radius: 50%
}

.header-component-wrapper .header-component .header-wrapper .bookmark.bookmark-bg-animate:hover {
    -webkit-transform: scale(1.07);
    -moz-transform: scale(1.07);
    transform: scale(1.07)
}

.header-component-wrapper .header-component .header-wrapper .bookmark.bookmark-bg-animate:hover .bookmark-icon {
    background: url(/-/media/project/dlapiper-tenant/dlapiper/icons/bookmarks-header.svg);
    background-repeat: no-repeat;
    background-size: contain;
    height: 28px;
    width: 23px
}

.header-component-wrapper .header-component .header-wrapper .menutoggle {
    position: absolute;
    right: 42px;
    width: 42px;
    height: 42px
}

@media (max-width: 992px) {
    .header-component-wrapper .header-component .header-wrapper .menutoggle {
        right:17px
    }
}

.header-component-wrapper .header-component .header-wrapper .menutoggle .hamburger-icon,.header-component-wrapper .header-component .header-wrapper .menutoggle .nav-close {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    cursor: pointer;
    -webkit-transition-duration: 2.5s;
    -moz-transition-duration: 2.5s;
    transition-duration: 2.5s
}

.header-component-wrapper .header-component .header-wrapper .menutoggle .hamburger-icon {
    display: -moz-box;
    display: flex;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    flex-direction: column;
    -moz-box-pack: center;
    justify-content: center;
    -moz-box-align: center;
    align-items: center;
    z-index: 1
}

@media (min-width: 993px) {
    .header-component-wrapper .header-component .header-wrapper .menutoggle .hamburger-icon:hover {
        -webkit-transform:scale(1.1);
        -moz-transform: scale(1.1);
        transform: scale(1.1);
        -webkit-transition: all .3s ease-in-out;
        -moz-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out
    }

    .header-component-wrapper .header-component .header-wrapper .menutoggle .hamburger-icon:hover span {
        background: #989b36;
        border: 1px solid #989b36
    }
}

.header-component-wrapper .header-component .header-wrapper .menutoggle .hamburger-icon span {
    display: block;
    width: 32px;
    height: 2.5px;
    background: #fff;
    border: 1px solid #fff;
    border-radius: 5px;
    margin-bottom: 5.2px
}

.header-component-wrapper .header-component .header-wrapper .menutoggle .hamburger-icon span:nth-child(2) {
    height: 2.7px
}

.header-component-wrapper .header-component .header-wrapper .menutoggle .hamburger-icon span:last-child {
    margin-bottom: 0
}

@media (max-width: 992px) {
    .header-component-wrapper .header-component .header-wrapper .menutoggle .hamburger-icon span {
        width:30px
    }
}

.header-component-wrapper .header-component .header-wrapper .menutoggle .nav-close {
    z-index: 0;
    opacity: 0
}

@media (min-width: 993px) {
    .header-component-wrapper .header-component .header-wrapper .menutoggle .nav-close.close-button {
        height:56px;
        width: 56px;
        top: -6px;
        left: -7px
    }
}

.header-component-wrapper .header-component .header-wrapper .menutoggle .nav-close.close-button a {
    height: 34px;
    width: 34px
}

.header-component-wrapper .header-component .header-wrapper .menutoggle .nav-close.close-button a:hover {
    -webkit-transform: scale(1.08);
    -moz-transform: scale(1.08);
    transform: scale(1.08)
}

.header-component-wrapper .header-component .header-wrapper .menutoggle .hamburger-icon.nav-button-open {
    opacity: 0;
    z-index: 0!important
}

.header-component-wrapper .header-component .header-wrapper .menutoggle .hamburger-icon.nav-button-open+.nav-close {
    opacity: 1!important;
    z-index: 1!important
}

.header-component-wrapper .header-component .navigation-menus {
    width: 100%
}

@media (min-width: 993px) {
    .header-component-wrapper .header-component .navigation-menus {
        display:none
    }
}

.header-component-wrapper .header-component .navigation-menus .nav-list {
    height: 100vh;
    -webkit-transition: .8s ease-out .2s;
    -moz-transition: .8s ease-out .2s;
    transition: .8s ease-out .2s;
    width: 100%;
    z-index: 999;
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    transform: translateX(100%);
    position: absolute;
    right: 0;
    background: #002240;
    overflow-y: scroll;
    -ms-overflow-style: none;
    scrollbar-width: none
}

@media (max-width: 992px) {
    .header-component-wrapper .header-component .navigation-menus .nav-list {
        -webkit-transition:1.2s ease-in .2s;
        -moz-transition: 1.2s ease-in .2s;
        transition: 1.2s ease-in .2s
    }
}

.header-component-wrapper .header-component .navigation-menus .nav-list::-webkit-scrollbar {
    display: none
}

.header-component-wrapper .header-component .navigation-menus .nav-list .nav-links,.header-component-wrapper .header-component .navigation-menus .nav-list .nav-links-hr {
    list-style: none;
    margin: 0 auto
}

.header-component-wrapper .header-component .navigation-menus .nav-list .nav-links-hr a,.header-component-wrapper .header-component .navigation-menus .nav-list .nav-links a {
    color: #fff
}

@media (min-width: 993px) {
    .header-component-wrapper .header-component .navigation-menus .nav-list .nav-links-hr a:hover,.header-component-wrapper .header-component .navigation-menus .nav-list .nav-links a:hover {
        color:#989b36;
        font-family: "Noto Serif";
        font-weight: 600
    }
}

.header-component-wrapper .header-component .navigation-menus .nav-list .nav-links-hr a.external:hover:after,.header-component-wrapper .header-component .navigation-menus .nav-list .nav-links a.external:hover:after {
    background-image: url(/-/media/project/dlapiper-tenant/dlapiper/icons/footerexternaliconhoversmall.svg)
}

.header-component-wrapper .header-component .navigation-menus .nav-list .nav-links-hr a.external:after,.header-component-wrapper .header-component .navigation-menus .nav-list .nav-links a.external:after {
    content: "";
    width: 24px;
    height: 24px;
    background-image: url(/-/media/project/dlapiper-tenant/dlapiper/icons/footerexternaliconsmall.svg);
    background-repeat: no-repeat;
    background-size: 24px;
    top: 5px;
    margin-left: 5px;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    transition: .3s;
    -webkit-transition-timing-function: ease-out;
    -moz-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    display: inline-block;
    position: relative
}

.header-component-wrapper .header-component .navigation-menus .nav-list .nav-links {
    padding: 32px 30px 80px 48px;
    margin-bottom: 0
}

@media (max-width: 992px) {
    .header-component-wrapper .header-component .navigation-menus .nav-list .nav-links {
        padding:18px 20px 30px 16px
    }
}

.header-component-wrapper .header-component .navigation-menus .nav-list .nav-links li {
    font-family: "Noto Serif";
    font-weight: 500;
    font-size: 48px;
    line-height: 71px;
    margin-bottom: 10px
}

@media (max-width: 992px) {
    .header-component-wrapper .header-component .navigation-menus .nav-list .nav-links li {
        font-size:28px;
        line-height: 36px
    }
}

.header-component-wrapper .header-component .navigation-menus .nav-list .nav-links .nav-links-hr {
    padding-left: 0!important
}

.header-component-wrapper .header-component .navigation-menus .nav-list .nav-links .nav-links-hr a {
    display: inline-block
}

.header-component-wrapper .header-component .navigation-menus .nav-list .nav-links .nav-links-hr a:before {
    content: attr(title);
    display: block;
    font-family: "Noto Serif";
    font-weight: 600;
    overflow: hidden;
    visibility: hidden;
    height: 0
}

@media (max-width: 992px) {
    .header-component-wrapper .header-component .navigation-menus .nav-list .nav-links .nav-links-hr {
        margin-top:24px
    }
}

.header-component-wrapper .header-component .navigation-menus .nav-list .nav-links .nav-links-hr li {
    display: inline;
    font-family: "Noto Serif";
    font-size: 28px;
    line-height: 38px;
    margin-right: 74px
}

@media (max-width: 992px) {
    .header-component-wrapper .header-component .navigation-menus .nav-list .nav-links .nav-links-hr li:last-child {
        margin-bottom:20px
    }

    .header-component-wrapper .header-component .navigation-menus .nav-list .nav-links .nav-links-hr li {
        display: block;
        font-size: 20px;
        line-height: 30px;
        margin-right: 0;
        margin-bottom: 10px
    }
}

.header-component-wrapper .header-component .navigation-menus .nav-list .nav-links .nav-links-hr .external {
    position: relative
}

.header-component-wrapper .header-component .navigation-menus .nav-list .nav-links .nav-links-hr .external:after {
    content: "";
    background: url(/-/media/project/dlapiper-tenant/dlapiper/icons/external-link-icon.svg);
    position: absolute;
    background-size: contain;
    width: 22px;
    height: 22px;
    top: 10px;
    margin-left: 12px
}

@media (max-width: 992px) {
    .header-component-wrapper .header-component .navigation-menus .nav-list .nav-links .nav-links-hr .external:after {
        top:5px;
        margin-left: 7px
    }
}

.header-component-wrapper .header-component .navigation-menus .nav-list .nav-links .language-selector-mobile {
    font-size: unset;
    line-height: unset
}

@media (min-width: 993px) {
    .header-component-wrapper .header-component .navigation-menus .nav-list .nav-links .language-selector-mobile {
        display:none
    }
}

.header-component-wrapper .header-component .navigation-menus .nav-list .nav-links .language-selector-mobile .country-and-language .country,.header-component-wrapper .header-component .navigation-menus .nav-list .nav-links .language-selector-mobile .country-and-language .country-language-seperator,.header-component-wrapper .header-component .navigation-menus .nav-list .nav-links .language-selector-mobile .country-and-language .language {
    font-size: 16px;
    line-height: 22px;
    color: #fff
}

.header-component-wrapper .header-component .navigation-menus .nav-list .nav-links .language-selector-mobile .country-and-language .country {
    font-family: Noto Sans,Arial,Helvetica,sans-serif;
    font-weight: 700
}

.header-component-wrapper .header-component .navigation-menus .nav-list .nav-links .language-selector-mobile .country-and-language .country-language-seperator {
    padding: 0 5px;
    font-family: Noto Sans,Arial,Helvetica,sans-serif
}

.header-component-wrapper .header-component .navigation-menus .nav-list .nav-links .language-selector-mobile .country-and-language .language {
    text-transform: uppercase;
    font-family: Noto Sans,Arial,Helvetica,sans-serif
}

.header-component-wrapper .header-component .navigation-menus .nav-list .nav-links .language-selector-mobile .country-and-language .open-arrow-outline {
    position: relative;
    top: 5px;
    margin-right: 7px;
    display: inline-block;
    height: 21px;
    width: 21px;
    border: 1px solid #fff;
    border-radius: 50%;
    cursor: pointer;
    -webkit-transition: .3s ease-out;
    -moz-transition: .3s ease-out;
    transition: .3s ease-out
}

.header-component-wrapper .header-component .navigation-menus .nav-list .nav-links .language-selector-mobile .country-and-language .open-arrow-outline .open-arrow {
    background: url(/-/media/project/dlapiper-tenant/dlapiper/icons/expand-arrow-icon.svg);
    background-repeat: no-repeat;
    background-size: contain;
    display: -moz-box;
    display: flex;
    width: 19px;
    height: 19px;
    -webkit-transition: 1s ease-out;
    -moz-transition: 1s ease-out;
    transition: 1s ease-out;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.header-component-wrapper .header-component .navigation-menus .nav-list.nav-menu-open {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition: 1s ease-in .4s;
    -moz-transition: 1s ease-in .4s;
    transition: 1s ease-in .4s
}

.header-component-wrapper .header-component .navigation-menus .nav-list.nav-menu-close {
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    transform: translateX(-100%);
    -webkit-transition: 1s ease-in .44s;
    -moz-transition: 1s ease-in .44s;
    transition: 1s ease-in .44s
}

.header-component-wrapper .header-component .mobile-search-menu {
    display: none
}

@media (max-width: 992px) {
    .header-component-wrapper .header-component .mobile-search-menu {
        display:block
    }
}

.header-component-wrapper .header-component .mobile-search-menu input.search-input {
    height: 42px;
    width: 100%;
    border-radius: 8px;
    padding: 12px 45px 12px 20px;
    font-size: 14px;
    line-height: 19px;
    outline: none;
    border: 0
}

.header-component-wrapper .header-component .mobile-search-menu input.search-input::-webkit-input-placeholder {
    font-style: italic
}

.header-component-wrapper .header-component .mobile-search-menu input.search-input:-ms-input-placeholder {
    font-style: italic
}

.header-component-wrapper .header-component .mobile-search-menu input.search-input::placeholder {
    font-style: italic
}

.header-component-wrapper .header-component .mobile-search-menu li.list-main-padding {
    padding-top: 28px!important
}

.header-component-wrapper .header-component .mobile-search-menu li:first-child {
    padding-top: 24px!important
}

@media (max-width: 992px) {
    .header-component-wrapper .header-component .mobile-search-menu .search {
        padding:20px 16px 25px;
        position: absolute;
        height: 87px;
        z-index: 5;
        top: 0;
        width: 100%;
        background-color: #002240;
        -webkit-transform: translateY(-100%);
        -moz-transform: translateY(-100%);
        transform: translateY(-100%);
        -webkit-transition: .75s ease-out .2s;
        -moz-transition: .75s ease-out .2s;
        transition: .75s ease-out .2s
    }
}

.header-component-wrapper .header-component .mobile-search-menu .search-list {
    background-color: transparent!important;
    position: absolute;
    z-index: -99999
}

.header-component-wrapper .header-component .mobile-search-menu .search-list .search-menu-open {
    z-index: 999
}

.header-component-wrapper .header-component .mobile-search-menu .search-list .search-links .list-main-padding:first-child {
    -webkit-animation-delay: 0s;
    -moz-animation-delay: 0s;
    animation-delay: 0s
}

.header-component-wrapper .header-component .mobile-search-menu .search-list .search-links .list-main-padding:nth-child(2) {
    -webkit-animation-delay: .1s;
    -moz-animation-delay: .1s;
    animation-delay: .1s
}

.header-component-wrapper .header-component .mobile-search-menu .search-list .search-links .list-main-padding:nth-child(3) {
    -webkit-animation-delay: .2s;
    -moz-animation-delay: .2s;
    animation-delay: .2s
}

@media (max-width: 992px) {
    .header-component-wrapper .header-component .search-menus {
        width:100%
    }

    .header-component-wrapper .header-component .search-menus .search-list {
        width: 100%;
        position: absolute;
        right: 0;
        overflow-y: scroll;
        -ms-overflow-style: none;
        scrollbar-width: none;
        -webkit-transition: 1.2s ease-in .2s;
        -moz-transition: 1.2s ease-in .2s;
        transition: 1.2s ease-in .2s
    }
}

.header-component-wrapper .header-component .search-menus .search-list::-webkit-scrollbar {
    display: none
}

.header-component-wrapper .header-component .search-menus .search-list .search-links,.header-component-wrapper .header-component .search-menus .search-list .search-links-hr {
    list-style: none
}

.header-component-wrapper .header-component .search-menus .search-list .search-links-hr a,.header-component-wrapper .header-component .search-menus .search-list .search-links a {
    color: #737627
}

@media (min-width: 993px) {
    .header-component-wrapper .header-component .search-menus .search-list .search-links-hr a:hover,.header-component-wrapper .header-component .search-menus .search-list .search-links a:hover {
        color:#002240
    }

    .header-component-wrapper .header-component .search-menus .search-list .search-links {
        width: 45.1vw;
        background: #fff 0 0 no-repeat padding-box;
        border: 1px solid #002240;
        border-bottom-left-radius: 8px;
        border-bottom-right-radius: 8px;
        border-top: 0;
        margin: -3px auto 0;
        max-height: 0;
        -webkit-transition: .5s ease-out;
        -moz-transition: .5s ease-out;
        transition: .5s ease-out;
        overflow: hidden;
        padding: 0 15px;
        position: relative;
        z-index: -1
    }

    .header-component-wrapper .header-component .search-menus .search-list .search-links .links-outerdiv {
        border-top: 1px solid #707070;
        display: -moz-box;
        display: flex;
        padding: 0
    }

    .header-component-wrapper .header-component .search-menus .search-list .search-links .col-lg-4 {
        padding-bottom: 55px;
        padding-left: 10px
    }

    .header-component-wrapper .header-component .search-menus .search-list .search-links .col-lg-4:first-child {
        padding-left: 0
    }
}

@media (max-width: 992px) {
    .header-component-wrapper .header-component .search-menus .search-list .search-links {
        background:#f8f8f8;
        padding: 141px 20px 30px 29px;
        height: 100vh;
        overflow-y: auto;
        -webkit-transform: translateX(100%);
        -moz-transform: translateX(100%);
        transform: translateX(100%);
        -webkit-transition: .75s ease-out .2s;
        -moz-transition: .75s ease-out .2s;
        transition: .75s ease-out .2s
    }
}

.header-component-wrapper .header-component .search-menus .search-list .search-links li {
    padding-bottom: 8px
}

@media (max-width: 992px) {
    .header-component-wrapper .header-component .search-menus .search-list .search-links li {
        padding-bottom:0
    }
}

.header-component-wrapper .header-component .search-menus .search-list .search-links li div.search-heading {
    font-family: "Noto Serif";
    font-size: 18px;
    line-height: 24px;
    text-align: left;
    letter-spacing: 0;
    color: #002240;
    padding-bottom: 15px;
    word-break: break-word
}

@media (max-width: 992px) {
    .header-component-wrapper .header-component .search-menus .search-list .search-links li div.search-heading {
        font-size:24px;
        line-height: 33px;
        padding-bottom: 12px
    }
}

.header-component-wrapper .header-component .search-menus .search-list .search-links li div.search-subheading {
    text-align: left;
    font-size: 14px;
    font-family: Noto Sans,Arial,Helvetica,sans-serif;
    font-weight: 500;
    line-height: 19px;
    letter-spacing: 0;
    color: #737627;
    opacity: 1;
    padding-bottom: 8px;
    cursor: pointer;
    word-break: break-word
}

@media (max-width: 992px) {
    .header-component-wrapper .header-component .search-menus .search-list .search-links li div.search-subheading {
        font-size:16px;
        line-height: 22px;
        padding-bottom: 12px
    }
}

@media (min-width: 993px) {
    .header-component-wrapper .header-component .search-menus .search-list .search-links li div.search-subheading:hover {
        color:#002240;
        font-family: Noto Sans,Arial,Helvetica,sans-serif;
        font-weight: 700
    }
}

.header-component-wrapper .header-component .search-menus .search-list .search-links li a.search-subheading {
    display: block;
    text-align: left;
    font-size: 14px;
    font-family: Noto Sans,Arial,Helvetica,sans-serif;
    font-weight: 500;
    line-height: 19px;
    letter-spacing: 0;
    color: #737627;
    opacity: 1;
    padding-bottom: 8px;
    cursor: pointer;
    word-break: break-word
}

@media (max-width: 992px) {
    .header-component-wrapper .header-component .search-menus .search-list .search-links li a.search-subheading {
        font-size:16px;
        line-height: 22px;
        padding-bottom: 12px
    }
}

@media (min-width: 993px) {
    .header-component-wrapper .header-component .search-menus .search-list .search-links li a.search-subheading:hover {
        color:#002240;
        font-family: Noto Sans,Arial,Helvetica,sans-serif;
        font-weight: 700
    }
}

.header-component-wrapper .header-component .search-menus .search-list .search-links .search-links-hr {
    padding-left: 0!important
}

@media (max-width: 992px) {
    .header-component-wrapper .header-component .search-menus .search-list .search-links .search-links-hr {
        margin-top:24px
    }
}

.header-component-wrapper .header-component .search-menus .search-list .search-links .search-links-hr li {
    display: inline;
    font-family: "Noto Serif";
    font-size: 28px;
    line-height: 38px;
    margin-right: 76px
}

@media (max-width: 992px) {
    .header-component-wrapper .header-component .search-menus .search-list .search-links .search-links-hr li:last-child {
        margin-bottom:20px
    }

    .header-component-wrapper .header-component .search-menus .search-list .search-links .search-links-hr li {
        display: block;
        font-size: 20px;
        line-height: 30px;
        margin-right: 0;
        margin-bottom: 10px
    }
}

.header-component-wrapper .header-component .search-menus .search-list.search-menu-open .search {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: .75s ease-out .2s;
    -moz-transition: .75s ease-out .2s;
    transition: .75s ease-out .2s
}

.header-component-wrapper .header-component .search-menus .search-list.search-menu-open .search-links {
    max-height: 900px;
    -webkit-transition: .75s ease-in-out;
    -moz-transition: .75s ease-in-out;
    transition: .75s ease-in-out;
    z-index: 2;
    position: relative
}

@media (max-width: 992px) {
    .header-component-wrapper .header-component .search-menus .search-list.search-menu-open .search-links {
        -webkit-transform:translateX(0);
        -moz-transform: translateX(0);
        transform: translateX(0);
        -webkit-transition: .75s ease-out .2s;
        -moz-transition: .75s ease-out .2s;
        transition: .75s ease-out .2s
    }
}

.header-component-wrapper .header-component .desktop-search-menu {
    display: block
}

@media (max-width: 992px) {
    .header-component-wrapper .header-component .desktop-search-menu {
        display:none
    }
}

.header-component-wrapper .header-component .desktop-search-menu .search-menu-open-desktop {
    display: block
}

.header-component-wrapper .header-component .desktop-search-menu .search-new {
    position: static;
    right: 0
}

.header-component-wrapper .header-component .desktop-search-menu li:first-child {
    padding-top: 24px!important;
    padding-bottom: 15px!important
}

.header-component-wrapper .header-component .desktop-search-menu input.search-input-new {
    height: 42px;
    width: 100%;
    padding: 12px 45px 12px 10px;
    font-style: italic;
    font-size: 14px;
    line-height: 19px;
    outline: none;
    border: 0;
    border-bottom: 1px solid #707070
}

.header-component-wrapper .header-component .desktop-search-menu .CoveoSearchButton {
    background: url(/-/media/project/dlapiper-tenant/dlapiper/icons/search-icon-green.svg);
    background-repeat: no-repeat;
    background-size: contain;
    height: 26px;
    width: 26px;
    position: absolute;
    right: 18px;
    top: 8px;
    cursor: pointer;
    border: 0
}

.header-component-wrapper .header-component .bookmark-menu-container .bookmark-menu-wrapper {
    max-width: 378px;
    -webkit-transition: .75s ease-in .2s;
    -moz-transition: .75s ease-in .2s;
    transition: .75s ease-in .2s;
    position: absolute;
    z-index: 999;
    right: 0;
    min-width: 325px;
    height: 0;
    overflow-y: scroll;
    background: #002240;
    -ms-overflow-style: none;
    scrollbar-width: none
}

@media (max-width: 992px) {
    .header-component-wrapper .header-component .bookmark-menu-container .bookmark-menu-wrapper {
        width:100vw;
        max-width: unset;
        min-width: unset
    }
}

.header-component-wrapper .header-component .bookmark-menu-container .bookmark-menu-wrapper::-webkit-scrollbar {
    display: none
}

.header-component-wrapper .header-component .bookmark-menu-container .bookmark-menu-wrapper.bookmark-menu-overflow {
    overflow: visible
}

.header-component-wrapper .header-component .bookmark-menu-container .bookmark-menu-wrapper .empty-bookmark {
    display: none;
    margin: auto;
    max-width: 325px;
    padding: 225px 54px 272px 32px
}

@media (max-width: 992px) {
    .header-component-wrapper .header-component .bookmark-menu-container .bookmark-menu-wrapper .empty-bookmark {
        max-width:100%;
        padding: 0 61px
    }
}

.header-component-wrapper .header-component .bookmark-menu-container .bookmark-menu-wrapper .empty-bookmark p {
    font-family: "Noto Serif";
    font-size: 30px;
    line-height: 36px;
    color: #fff;
    text-align: center;
    margin-bottom: 45px
}

.header-component-wrapper .header-component .bookmark-menu-container .bookmark-menu-wrapper .empty-bookmark .button-cta {
    width: 144px;
    margin: 0 auto;
    height: 48px;
    background-color: #737627;
    border-radius: 32px;
    text-align: center;
    cursor: pointer
}

.header-component-wrapper .header-component .bookmark-menu-container .bookmark-menu-wrapper .empty-bookmark .button-cta a {
    display: block;
    font-family: Noto Sans,Arial,Helvetica,sans-serif;
    font-weight: 600;
    font-size: 16px;
    line-height: 48px;
    color: #fff
}

.header-component-wrapper .header-component .bookmark-menu-container .bookmark-menu-wrapper .bookmark-tooltip {
    display: none;
    min-height: 156px;
    width: 184px;
    padding: 12px 16px;
    position: absolute;
    z-index: 99;
    background: #f8f8f8;
    -webkit-box-shadow: 6px 3px 12px rgba(0,34,64,.25098039215686274);
    box-shadow: 6px 3px 12px rgba(0,34,64,.25098039215686274);
    border: 2px solid #737627;
    font-family: Noto Sans,Arial,Helvetica,sans-serif;
    font-weight: 500;
    text-align: left;
    font-size: 14px;
    opacity: 1;
    line-height: 19px;
    color: #002240;
    top: 38px;
    right: -34px;
    border-radius: 3px;
    -webkit-transition: all 3s;
    -moz-transition: all 3s;
    transition: all 3s
}

.header-component-wrapper .header-component .bookmark-menu-container .bookmark-menu-wrapper .bookmark-tooltip:before {
    content: "";
    width: 0;
    height: 0;
    border-left: 11px solid transparent;
    border-right: 11px solid transparent;
    border-bottom: 15px solid #737627;
    position: absolute;
    top: -16px;
    left: 70%
}

.header-component-wrapper .header-component .bookmark-menu-container .bookmark-menu-wrapper .bookmark-tooltip:after {
    content: "";
    width: 0;
    height: 0;
    border-left: 11px solid transparent;
    border-right: 11px solid transparent;
    border-bottom: 16px solid #fff;
    position: absolute;
    top: -13px;
    left: 70%
}

@media (max-width: 992px) {
    .header-component-wrapper .header-component .bookmark-menu-container .bookmark-menu-wrapper .bookmark-tooltip {
        top:38px;
        right: -34px
    }
}

.header-component-wrapper .header-component .bookmark-menu-container .bookmark-menu-wrapper .modal {
    background-color: rgba(0,34,64,.75);
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    transition: all 1s;
    overflow: hidden;
    z-index: 99999999
}

.header-component-wrapper .header-component .bookmark-menu-container .bookmark-menu-wrapper .modal .bookmark-modal {
    max-width: 832px!important;
    height: 100%!important;
    margin: 0 auto
}

@media (max-width: 992px) {
    .header-component-wrapper .header-component .bookmark-menu-container .bookmark-menu-wrapper .modal .bookmark-modal {
        max-width:100%!important;
        width: 100%!important;
        line-height: 30px;
        padding-left: 16px;
        padding-right: 16px;
        margin-top: 30px
    }
}

.header-component-wrapper .header-component .bookmark-menu-container .bookmark-menu-wrapper .modal .bookmark-modal .modal-content {
    border: 4px solid #ddde4c!important;
    border-radius: 2px!important
}

.header-component-wrapper .header-component .bookmark-menu-container .bookmark-menu-wrapper .modal .bookmark-modal .modal-content .modal-body.modal-bookmark-padding {
    padding: 87px 74px 67px;
    background-color: #002240!important;
    opacity: 1;
    color: #fff
}

@media (max-width: 992px) {
    .header-component-wrapper .header-component .bookmark-menu-container .bookmark-menu-wrapper .modal .bookmark-modal .modal-content .modal-body.modal-bookmark-padding {
        padding:45px 19px 48px
    }
}

.header-component-wrapper .header-component .bookmark-menu-container .bookmark-menu-wrapper .modal .bookmark-modal .modal-content .modal-body .modalbookmarkdiv p.bookmark-modal-title {
    text-align: left;
    font-size: 30px;
    font-family: "Noto Serif";
    letter-spacing: 0;
    color: #fff;
    opacity: 1;
    padding-bottom: 0;
    margin-bottom: 50px
}

@media (max-width: 992px) {
    .header-component-wrapper .header-component .bookmark-menu-container .bookmark-menu-wrapper .modal .bookmark-modal .modal-content .modal-body .modalbookmarkdiv p.bookmark-modal-title {
        font-size:24px;
        letter-spacing: 0;
        text-align: center;
        margin-bottom: 34px
    }
}

.header-component-wrapper .header-component .bookmark-menu-container .bookmark-menu-wrapper .modal .bookmark-modal .modal-content .modal-body .modalbookmarkdiv .bookmarkbtn-direction {
    -moz-box-orient: horizontal!important;
    -moz-box-direction: normal!important;
    flex-direction: row!important;
    margin-left: 0;
    margin-right: 0;
    -moz-box-pack: center;
    justify-content: center;
    grid-gap: 32px;
    gap: 32px
}

@media (max-width: 992px) {
    .header-component-wrapper .header-component .bookmark-menu-container .bookmark-menu-wrapper .modal .bookmark-modal .modal-content .modal-body .modalbookmarkdiv .bookmarkbtn-direction {
        -moz-box-orient:vertical!important;
        -moz-box-direction: reverse!important;
        flex-direction: column-reverse!important;
        grid-gap: 24px;
        gap: 24px;
        -moz-box-align: center;
        align-items: center
    }
}

.header-component-wrapper .header-component .bookmark-menu-container .bookmark-menu-wrapper .modal .bookmark-modal .modal-content .modal-body .modalbookmarkdiv .bookmarkbtn-direction button.bookmarkbtn-cancel {
    border: 2px solid #fff;
    border-radius: 24px;
    opacity: 1;
    font-size: 16px;
    color: #fff;
    background-color: #002240;
    font-family: Noto Sans,Arial,Helvetica,sans-serif;
    font-weight: 600;
    line-height: 22px;
    text-align: center;
    text-transform: uppercase;
    cursor: pointer;
    padding: 13px 61px;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    transition: all .3s ease-out;
    width: auto
}

.header-component-wrapper .header-component .bookmark-menu-container .bookmark-menu-wrapper .modal .bookmark-modal .modal-content .modal-body .modalbookmarkdiv .bookmarkbtn-direction button.bookmarkbtn-cancel:hover {
    color: #fff;
    background-color: #737627;
    border-color: #737627;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    transition: all .3s ease-out;
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    transform: scale(1.1)
}

.header-component-wrapper .header-component .bookmark-menu-container .bookmark-menu-wrapper .modal .bookmark-modal .modal-content .modal-body .modalbookmarkdiv .bookmarkbtn-direction button.bookmarkbtn-cancel:focus {
    -webkit-box-shadow: none;
    box-shadow: none
}

@media (max-width: 992px) {
    .header-component-wrapper .header-component .bookmark-menu-container .bookmark-menu-wrapper .modal .bookmark-modal .modal-content .modal-body .modalbookmarkdiv .bookmarkbtn-direction button.bookmarkbtn-cancel {
        width:63%;
        padding: 13px 0
    }
}

.header-component-wrapper .header-component .bookmark-menu-container .bookmark-menu-wrapper .modal .bookmark-modal .modal-content .modal-body .modalbookmarkdiv .bookmarkbtn-direction button.bookmarkbtn-delete {
    font-size: 16px;
    width: auto;
    color: #fff;
    font-family: Noto Sans,Arial,Helvetica,sans-serif;
    font-weight: 600;
    line-height: 22px;
    text-align: center;
    text-transform: uppercase;
    background: #737627 0 0 no-repeat padding-box;
    border-color: #737627;
    border-radius: 24px;
    opacity: 1;
    cursor: pointer;
    padding: 13px 61px;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.header-component-wrapper .header-component .bookmark-menu-container .bookmark-menu-wrapper .modal .bookmark-modal .modal-content .modal-body .modalbookmarkdiv .bookmarkbtn-direction button.bookmarkbtn-delete:hover {
    color: #fff;
    background-color: #737627;
    border-color: #737627;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    transition: all .3s ease-out;
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    transform: scale(1.1)
}

.header-component-wrapper .header-component .bookmark-menu-container .bookmark-menu-wrapper .modal .bookmark-modal .modal-content .modal-body .modalbookmarkdiv .bookmarkbtn-direction button.bookmarkbtn-delete:focus {
    -webkit-box-shadow: none;
    box-shadow: none
}

@media (max-width: 992px) {
    .header-component-wrapper .header-component .bookmark-menu-container .bookmark-menu-wrapper .modal .bookmark-modal .modal-content .modal-body .modalbookmarkdiv .bookmarkbtn-direction button.bookmarkbtn-delete {
        width:63%;
        padding: 13px 0
    }
}

.header-component-wrapper .header-component .bookmark-menu-container .bookmark-menu-wrapper .bookmark-menus {
    list-style-type: none;
    padding: 25px 54px 30px 32px;
    min-height: 665px
}

@media (max-width: 992px) {
    .header-component-wrapper .header-component .bookmark-menu-container .bookmark-menu-wrapper .bookmark-menus {
        padding:25px 16px 30px
    }
}

.header-component-wrapper .header-component .bookmark-menu-container .bookmark-menu-wrapper .bookmark-menus .bookmark-heading .bookmark-title {
    font-family: "Noto Serif";
    font-size: 30px;
    line-height: 41px;
    color: #fff;
    padding-bottom: 20px;
    position: relative;
    margin-bottom: 0;
    z-index: 99
}

.header-component-wrapper .header-component .bookmark-menu-container .bookmark-menu-wrapper .bookmark-menus .bookmark-heading .info-icon {
    position: relative;
    top: -5px;
    left: -5px
}

.header-component-wrapper .header-component .bookmark-menu-container .bookmark-menu-wrapper .bookmark-menus .bookmark-heading .info-icon a {
    display: inline-block
}

.header-component-wrapper .header-component .bookmark-menu-container .bookmark-menu-wrapper .bookmark-menus .bookmark-card {
    position: relative
}

.header-component-wrapper .header-component .bookmark-menu-container .bookmark-menu-wrapper .bookmark-menus .bookmark-card.people .card {
    min-height: 147px;
    padding: 11px;
    position: relative
}

.header-component-wrapper .header-component .bookmark-menu-container .bookmark-menu-wrapper .bookmark-menus .bookmark-card.people .card .img-name {
    display: -moz-box;
    display: flex
}

.header-component-wrapper .header-component .bookmark-menu-container .bookmark-menu-wrapper .bookmark-menus .bookmark-card.people .card .img-name img {
    width: 94px;
    height: 94px
}

.header-component-wrapper .header-component .bookmark-menu-container .bookmark-menu-wrapper .bookmark-menus .bookmark-card.people .card .img-name .name {
    display: -moz-box;
    display: flex;
    font-family: "Noto Serif";
    font-size: 16px;
    line-height: 20px;
    letter-spacing: .58px;
    -moz-box-align: center;
    align-items: center;
    margin-left: 16px
}

.header-component-wrapper .header-component .bookmark-menu-container .bookmark-menu-wrapper .bookmark-menus .bookmark-card.people .card .role-location {
    font-family: Noto Sans,Arial,Helvetica,sans-serif;
    font-weight: 500;
    font-size: 10px;
    line-height: 14px;
    letter-spacing: .3px;
    text-transform: uppercase;
    position: absolute;
    bottom: 0
}

.header-component-wrapper .header-component .bookmark-menu-container .bookmark-menu-wrapper .bookmark-menus .bookmark-card .card {
    position: relative;
    width: 100%;
    color: #002240;
    border: 0;
    border-radius: 2px;
    margin-bottom: 25px
}

.header-component-wrapper .header-component .bookmark-menu-container .bookmark-menu-wrapper .bookmark-menus .bookmark-card .card:last-child {
    margin-bottom: 35px
}

@media (max-width: 992px) {
    .header-component-wrapper .header-component .bookmark-menu-container .bookmark-menu-wrapper .bookmark-menus .bookmark-card .card {
        min-height:260px;
        width: 100%
    }
}

@media (min-width: 993px) {
    .header-component-wrapper .header-component .bookmark-menu-container .bookmark-menu-wrapper .bookmark-menus .bookmark-card .card:hover .img-wrap .card-img {
        -webkit-transform:scale(1.1);
        -moz-transform: scale(1.1);
        transform: scale(1.1);
        -webkit-transition: -webkit-transform .3s;
        transition: -webkit-transform .3s;
        -moz-transition: transform .3s,-moz-transform .3s;
        transition: transform .3s;
        transition: transform .3s,-webkit-transform .3s,-moz-transform .3s
    }

    .header-component-wrapper .header-component .bookmark-menu-container .bookmark-menu-wrapper .bookmark-menus .bookmark-card .card:hover .card-content .description {
        color: #737627
    }
}

.header-component-wrapper .header-component .bookmark-menu-container .bookmark-menu-wrapper .bookmark-menus .bookmark-card .card .category {
    position: absolute;
    top: 12px;
    left: 16px;
    font-size: 14px;
    line-height: 24px;
    padding: 0 10px;
    border: 1px solid #fff;
    border-radius: 21px;
    background: #fff;
    z-index: 12
}

@media (max-width: 992px) {
    .header-component-wrapper .header-component .bookmark-menu-container .bookmark-menu-wrapper .bookmark-menus .bookmark-card .card .category {
        top:16px;
        font-size: 12px;
        padding: 0 13px
    }
}

.header-component-wrapper .header-component .bookmark-menu-container .bookmark-menu-wrapper .bookmark-menus .bookmark-card .card .img-wrap {
    overflow: hidden;
    height: 129px;
    width: 100%
}

@media (max-width: 992px) {
    .header-component-wrapper .header-component .bookmark-menu-container .bookmark-menu-wrapper .bookmark-menus .bookmark-card .card .img-wrap {
        height:129px;
        width: 100%
    }
}

.header-component-wrapper .header-component .bookmark-menu-container .bookmark-menu-wrapper .bookmark-menus .bookmark-card .card .img-wrap .card-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
    -webkit-transition: .3s ease-out;
    -moz-transition: .3s ease-out;
    transition: .3s ease-out
}

@media (max-width: 992px) {
    .header-component-wrapper .header-component .bookmark-menu-container .bookmark-menu-wrapper .bookmark-menus .bookmark-card .card .img-wrap .card-img {
        width:100%;
        height: 100%
    }
}

.header-component-wrapper .header-component .bookmark-menu-container .bookmark-menu-wrapper .bookmark-menus .bookmark-card .card .card-content {
    padding: 14px 12px 18px;
    min-height: 136px
}

@media (min-width: 993px) {
    .header-component-wrapper .header-component .bookmark-menu-container .bookmark-menu-wrapper .bookmark-menus .bookmark-card .card .card-content.card-content-withoutDate {
        min-height:110px
    }
}

@media (max-width: 992px) {
    .header-component-wrapper .header-component .bookmark-menu-container .bookmark-menu-wrapper .bookmark-menus .bookmark-card .card .card-content {
        padding:16px 24px 18px
    }
}

.header-component-wrapper .header-component .bookmark-menu-container .bookmark-menu-wrapper .bookmark-menus .bookmark-card .card .card-content .description {
    font-family: "Noto Serif";
    font-size: 16px;
    line-height: 20px;
    letter-spacing: .72px;
    margin-bottom: 26px
}

@media (max-width: 992px) {
    .header-component-wrapper .header-component .bookmark-menu-container .bookmark-menu-wrapper .bookmark-menus .bookmark-card .card .card-content .description {
        margin-bottom:18px;
        letter-spacing: .58px
    }
}

.header-component-wrapper .header-component .bookmark-menu-container .bookmark-menu-wrapper .bookmark-menus .bookmark-card .card .card-content .date {
    font-size: 10px;
    line-height: 14px;
    font-family: Noto Sans,Arial,Helvetica,sans-serif;
    font-weight: 500;
    letter-spacing: .3px;
    text-transform: uppercase;
    margin-bottom: 0;
    padding-right: 10px;
    padding-left: 12px
}

@media (max-width: 992px) {
    .header-component-wrapper .header-component .bookmark-menu-container .bookmark-menu-wrapper .bookmark-menus .bookmark-card .card .card-content .date {
        padding-left:0
    }
}

.header-component-wrapper .header-component .bookmark-menu-container .bookmark-menu-wrapper .bookmark-menus .bookmark-card .close-button {
    position: absolute;
    top: -10px;
    right: -10px;
    height: 24px;
    width: 24px
}

.header-component-wrapper .header-component .bookmark-menu-container .bookmark-menu-wrapper .bookmark-menus .bookmark-card .close-button a {
    height: 20px;
    width: 20px
}

.header-component-wrapper .header-component .bookmark-menu-container .bookmark-menu-wrapper .bookmark-menus .bookmark-card .close-button .close-icon {
    -webkit-transition: .2s ease-out;
    -moz-transition: .2s ease-out;
    transition: .2s ease-out
}

.header-component-wrapper .header-component .bookmark-menu-container .bookmark-menu-wrapper .bookmark-menus .bookmark-card .close-button .close-icon:hover {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    transform: scale(1.2)
}

.header-component-wrapper .header-component .bookmark-menu-container .bookmark-menu-wrapper .bookmark-menus .bookmark-card button {
    border: none;
    background: #737627
}

.header-component-wrapper .header-component .bookmark-menu-container .bookmark-menu-wrapper.no-bookmark {
    display: -moz-box;
    display: flex;
    -moz-box-pack: center;
    justify-content: center;
    -moz-box-align: center;
    align-items: center
}

.header-component-wrapper .header-component .bookmark-menu-container .bookmark-menu-wrapper.no-bookmark .empty-bookmark {
    display: block
}

.header-component-wrapper .header-component .bookmark-menu-container .bookmark-menu-wrapper.no-bookmark .bookmark-menus {
    display: none
}

.header-component-wrapper .header-component .bookmark-menu-container .bookmark-menu-wrapper.bookmark-animate {
    -webkit-transition: 1.1s ease-out .2s;
    -moz-transition: 1.1s ease-out .2s;
    transition: 1.1s ease-out .2s
}

.header-component-wrapper .header-component .bookmark-menu-container .bookmark-animate {
    height: 100vh
}

@media (max-width: 992px) {
    .header-component-wrapper .header-component .bookmark-menu-container .bookmark-animate {
        height:-moz-calc(100vh - 56px);
        height: calc(100vh - 56px)
    }
}

.header-component-wrapper .header-component .language-selector-container a {
    color: #737627
}

.header-component-wrapper .header-component .language-selector-container .language-selector-menu {
    -webkit-transition: 1s ease-out .2s;
    -moz-transition: 1s ease-out .2s;
    transition: 1s ease-out .2s;
    display: none;
    z-index: 999;
    position: absolute;
    padding-top: 40px;
    padding-left: 48px;
    padding-bottom: 40px;
    width: 100%;
    max-height: -moz-calc(100vh - 40px);
    max-height: calc(100vh - 40px);
    -webkit-transform: translateY(-102%);
    -moz-transform: translateY(-102%);
    transform: translateY(-102%);
    background: #f8f8f8 0 0 no-repeat padding-box;
    -webkit-box-shadow: 0 3px 15px rgba(0,12,23,.14901960784313725);
    box-shadow: 0 3px 15px rgba(0,12,23,.14901960784313725);
    color: #002240;
    overflow-y: scroll;
    -ms-overflow-style: none;
    scrollbar-width: none
}

@media (max-width: 992px) {
    .header-component-wrapper .header-component .language-selector-container .language-selector-menu {
        display:none
    }
}

.header-component-wrapper .header-component .language-selector-container .language-selector-menu::-webkit-scrollbar {
    display: none
}

.header-component-wrapper .header-component .language-selector-container .language-selector-menu .column-split {
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3
}

.header-component-wrapper .header-component .language-selector-container .language-selector-menu .column-split .site {
    display: block;
    font-family: Noto Sans,Arial,Helvetica,sans-serif;
    font-weight: 600;
    font-size: 18px;
    line-height: 24px;
    padding-left: 28px;
    margin-bottom: 24px;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content
}

.header-component-wrapper .header-component .language-selector-container .language-selector-menu .column-split .site:before {
    content: "";
    position: absolute;
    left: 48px;
    top: 41px;
    background: url(/-/media/project/dlapiper-tenant/dlapiper/icons/globe-icon.svg);
    background-repeat: no-repeat;
    background-size: contain;
    height: 24px;
    width: 24px
}

.header-component-wrapper .header-component .language-selector-container .language-selector-menu .column-split .site:hover {
    color: #002240;
    font-family: Noto Sans,Arial,Helvetica,sans-serif;
    font-weight: 600
}

.header-component-wrapper .header-component .language-selector-container .language-selector-menu .column-split .site:hover:before {
    content: "";
    background: url(/-/media/project/dlapiper-tenant/dlapiper/icons/globe-icon-hover.svg);
    background-repeat: no-repeat;
    background-size: contain
}

.header-component-wrapper .header-component .language-selector-container .language-selector-menu .column-split .country-region .region {
    display: block;
    font-family: "Noto Serif";
    font-weight: 500;
    font-size: 24px;
    line-height: 27px;
    margin-bottom: 8px
}

.header-component-wrapper .header-component .language-selector-container .language-selector-menu .column-split .country-region .country-language {
    font-size: 14px;
    line-height: 19px
}

@media (min-width: 993px) {
    .header-component-wrapper .header-component .language-selector-container .language-selector-menu .column-split .country-region .country-language {
        height:26px
    }

    .header-component-wrapper .header-component .language-selector-container .language-selector-menu .column-split .country-region .country-language:last-child {
        height: 35px!important
    }
}

.header-component-wrapper .header-component .language-selector-container .language-selector-menu .column-split .country-region .country-language .country {
    display: inline-block;
    font-family: Noto Sans,Arial,Helvetica,sans-serif;
    font-weight: 600;
    text-transform: uppercase;
    padding-right: 16px
}

.header-component-wrapper .header-component .language-selector-container .language-selector-menu .column-split .country-region .country-language .language-section {
    display: inline-block
}

.header-component-wrapper .header-component .language-selector-container .language-selector-menu .column-split .country-region .country-language .language-section .language-select {
    font-family: Noto Sans,Arial,Helvetica,sans-serif;
    font-weight: 500;
    color: #737627
}

.header-component-wrapper .header-component .language-selector-container .language-selector-menu .column-split .country-region .country-language .language-section .language-select:first-child {
    padding-right: 6.5px
}

.header-component-wrapper .header-component .language-selector-container .language-selector-menu .column-split .country-region .country-language .language-section .language-select:nth-child(2),.header-component-wrapper .header-component .language-selector-container .language-selector-menu .column-split .country-region .country-language .language-section .language-select :nth-child(3),.header-component-wrapper .header-component .language-selector-container .language-selector-menu .column-split .country-region .country-language .language-section .language-select :nth-child(4) {
    border-left: 1px solid #002240;
    padding-left: 8px
}

.header-component-wrapper .header-component .language-selector-container .language-selector-menu .column-split .country-region .country-language .language-section .language-select:hover {
    font-family: Noto Sans,Arial,Helvetica,sans-serif;
    font-weight: 600;
    color: #002240
}

.header-component-wrapper .header-component .language-selector-container .language-selector-menu .column-split .country-region:last-child {
    display: none
}

.header-component-wrapper .header-component .language-selector-container .language-menu-mobile {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    transform: translateX(100%);
    width: 100%;
    height: 100vh;
    -ms-overflow-style: none;
    scrollbar-width: none;
    -webkit-transition: 1s ease-in .4s;
    -moz-transition: 1s ease-in .4s;
    transition: 1s ease-in .4s;
    position: relative
}

.header-component-wrapper .header-component .language-selector-container .language-menu-mobile::-webkit-scrollbar {
    display: none
}

@media (min-width: 993px) {
    .header-component-wrapper .header-component .language-selector-container .language-menu-mobile {
        display:none
    }
}

.header-component-wrapper .header-component .language-selector-container .language-menu-mobile .back-section {
    background-color: #737627;
    padding: 16px
}

.header-component-wrapper .header-component .language-selector-container .language-menu-mobile .back-section .back-button {
    color: #fff;
    font-family: Noto Sans,Arial,Helvetica,sans-serif;
    font-weight: 500;
    font-size: 18px;
    line-height: 24px
}

.header-component-wrapper .header-component .language-selector-container .language-menu-mobile .back-section .back-button:before {
    display: inline-block;
    content: "";
    background: url(/-/media/project/dlapiper-tenant/dlapiper/icons/arrow-back.svg);
    background-repeat: no-repeat;
    background-size: contain;
    height: 20px;
    width: 20px;
    position: relative;
    top: 3px;
    margin-right: 4px
}

.header-component-wrapper .header-component .language-selector-container .language-menu-mobile .region-section {
    background-color: #f2f2f2;
    padding-left: 16px;
    padding-bottom: 24px;
    position: absolute;
    width: 100%;
    height: 90%;
    -webkit-transition: 1s ease-in .2s;
    -moz-transition: 1s ease-in .2s;
    transition: 1s ease-in .2s
}

.header-component-wrapper .header-component .language-selector-container .language-menu-mobile .region-section .site {
    display: block;
    position: relative;
    font-family: Noto Sans,Arial,Helvetica,sans-serif;
    font-weight: 500;
    font-size: 18px;
    line-height: 24px;
    padding-left: 28px
}

.header-component-wrapper .header-component .language-selector-container .language-menu-mobile .region-section .site:before {
    content: "";
    position: absolute;
    left: 0;
    background: url(/-/media/project/dlapiper-tenant/dlapiper/icons/globe-icon.svg);
    background-repeat: no-repeat;
    background-size: contain;
    height: 24px;
    width: 24px
}

.header-component-wrapper .header-component .language-selector-container .language-menu-mobile .region-section .region-box {
    padding: 16px 0 23px;
    border-bottom: .5px solid #737627
}

.header-component-wrapper .header-component .language-selector-container .language-menu-mobile .region-section .region-box:first-child {
    padding-top: 24px
}

.header-component-wrapper .header-component .language-selector-container .language-menu-mobile .region-section .region-box:last-child {
    display: none
}

.header-component-wrapper .header-component .language-selector-container .language-menu-mobile .region-section .region-box .region {
    font-family: "Noto Serif";
    font-weight: 500;
    font-size: 24px;
    line-height: 33px
}

.header-component-wrapper .header-component .language-selector-container .language-menu-mobile .region-section .region-box .region-arrow {
    content: "";
    float: right;
    position: relative;
    top: 4px;
    right: 16px;
    background: url(/-/media/project/dlapiper-tenant/dlapiper/icons/arrow-forward.svg);
    background-repeat: no-repeat;
    background-size: contain;
    height: 20px;
    width: 20px
}

.header-component-wrapper .header-component .language-selector-container .language-menu-mobile .country-language-section {
    padding: 23px 16px 55px;
    background-color: #f2f2f2;
    position: absolute;
    width: 100%;
    height: 90%;
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    transform: translateX(100%);
    -webkit-transition: 1s ease-in .4s;
    -moz-transition: 1s ease-in .4s;
    transition: 1s ease-in .4s
}

.header-component-wrapper .header-component .language-selector-container .language-menu-mobile .country-language-section .region {
    display: block;
    font-family: "Noto Serif";
    font-weight: 500;
    font-size: 24px;
    line-height: 33px;
    margin-bottom: 22px
}

.header-component-wrapper .header-component .language-selector-container .language-menu-mobile .country-language-section .country-and-language {
    margin-bottom: 24px
}

.header-component-wrapper .header-component .language-selector-container .language-menu-mobile .country-language-section .country-and-language .country {
    display: block;
    text-transform: uppercase;
    font-family: Noto Sans,Arial,Helvetica,sans-serif;
    font-weight: 600;
    font-size: 16px;
    line-height: 22px;
    margin-bottom: 8px
}

.header-component-wrapper .header-component .language-selector-container .language-menu-mobile .country-language-section .country-and-language .languages {
    display: block
}

.header-component-wrapper .header-component .language-selector-container .language-menu-mobile .country-language-section .country-and-language .languages .language-select {
    color: #737627;
    font-family: Noto Sans,Arial,Helvetica,sans-serif;
    font-weight: 500;
    font-size: 16px;
    line-height: 22px
}

.header-component-wrapper .header-component .language-selector-container .language-menu-mobile .country-language-section .country-and-language .languages .language-select:first-child {
    padding-right: 14px
}

.header-component-wrapper .header-component .language-selector-container .language-menu-mobile .country-language-section .country-and-language .languages .language-select:nth-child(2),.header-component-wrapper .header-component .language-selector-container .language-menu-mobile .country-language-section .country-and-language .languages .language-select :nth-child(3),.header-component-wrapper .header-component .language-selector-container .language-menu-mobile .country-language-section .country-and-language .languages .language-select :nth-child(4) {
    border-left: 1.5px solid #002240;
    padding-left: 16px
}

.header-component-wrapper .header-component .language-selector-container .language-selector-menu.language-selector-animate {
    -webkit-transition: 1s ease-in .2s;
    -moz-transition: 1s ease-in .2s;
    transition: 1s ease-in .2s
}

.header-component-wrapper .header-component .language-selector-container .language-selector-animate {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    transform: translateY(0)
}

.header-component-wrapper .header-component .language-selector-container .language-menu-mobile.region-open {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition: 1s ease-in .44s;
    -moz-transition: 1s ease-in .44s;
    transition: 1s ease-in .44s
}

.header-component-wrapper .header-component .language-selector-container .region-section.region-close {
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    transform: translateX(-100%);
    -webkit-transition: 1s ease-in .44s;
    -moz-transition: 1s ease-in .44s;
    transition: 1s ease-in .44s
}

.header-component-wrapper .header-component .language-selector-container .country-language-section.language-open {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition: 1s ease-in .44s;
    -moz-transition: 1s ease-in .44s;
    transition: 1s ease-in .44s
}

@media (max-width: 992px) {
    .header-component-wrapper .header-component .language-selector-container .country-language-section.language-open {
        overflow-y:auto
    }
}

@media (min-width: 993px) {
    .header-component-wrapper .header-component .search-open .search-input,.header-component-wrapper .header-component .Search-open .search-input {
        border-radius:8px 8px 0 0!important
    }
}

.header-component-wrapper .bookmark-menu-wrapper .bookmark-menus li,.header-component-wrapper .nav-list.nav-menu-close .nav-links li {
    -webkit-animation: slidein 1s ease-out forwards;
    -moz-animation: slidein 1s ease-out forwards;
    animation: slidein 1s ease-out forwards
}

.header-component-wrapper .bookmark-menu-wrapper .bookmark-menus li:first-child,.header-component-wrapper .nav-list.nav-menu-close .nav-links li:first-child {
    -webkit-animation-delay: .37s;
    -moz-animation-delay: .37s;
    animation-delay: .37s
}

.header-component-wrapper .bookmark-menu-wrapper .bookmark-menus li:nth-child(2),.header-component-wrapper .nav-list.nav-menu-close .nav-links li:nth-child(2) {
    -webkit-animation-delay: .3s;
    -moz-animation-delay: .3s;
    animation-delay: .3s
}

.header-component-wrapper .bookmark-menu-wrapper .bookmark-menus li:nth-child(3),.header-component-wrapper .nav-list.nav-menu-close .nav-links li:nth-child(3) {
    -webkit-animation-delay: .23s;
    -moz-animation-delay: .23s;
    animation-delay: .23s
}

.header-component-wrapper .bookmark-menu-wrapper .bookmark-menus li:nth-child(4),.header-component-wrapper .nav-list.nav-menu-close .nav-links li:nth-child(4) {
    -webkit-animation-delay: .16s;
    -moz-animation-delay: .16s;
    animation-delay: .16s
}

.header-component-wrapper .bookmark-menu-wrapper .bookmark-menus li:nth-child(5),.header-component-wrapper .nav-list.nav-menu-close .nav-links li:nth-child(5) {
    -webkit-animation-delay: 90ms;
    -moz-animation-delay: 90ms;
    animation-delay: 90ms
}

.header-component-wrapper .bookmark-menu-wrapper .bookmark-menus li:nth-child(6),.header-component-wrapper .bookmark-menu-wrapper .bookmark-menus li:nth-child(7),.header-component-wrapper .bookmark-menu-wrapper .bookmark-menus li:nth-child(8),.header-component-wrapper .bookmark-menu-wrapper .bookmark-menus li:nth-child(9),.header-component-wrapper .bookmark-menu-wrapper .bookmark-menus li:nth-child(10),.header-component-wrapper .nav-list.nav-menu-close .nav-links li:nth-child(6),.header-component-wrapper .nav-list.nav-menu-close .nav-links li:nth-child(7),.header-component-wrapper .nav-list.nav-menu-close .nav-links li:nth-child(8),.header-component-wrapper .nav-list.nav-menu-close .nav-links li:nth-child(9),.header-component-wrapper .nav-list.nav-menu-close .nav-links li:nth-child(10) {
    -webkit-animation-delay: 10ms;
    -moz-animation-delay: 10ms;
    animation-delay: 10ms
}

.header-component-wrapper .bookmark-menu-wrapper.bookmark-animate .bookmark-menus li,.header-component-wrapper .nav-list.nav-menu-open .nav-links li {
    -webkit-animation: slideout 1s ease-out forwards;
    -moz-animation: slideout 1s ease-out forwards;
    animation: slideout 1s ease-out forwards
}

.header-component-wrapper .bookmark-menu-wrapper.bookmark-animate .bookmark-menus li:first-child,.header-component-wrapper .nav-list.nav-menu-open .nav-links li:first-child {
    -webkit-animation-delay: 50ms;
    -moz-animation-delay: 50ms;
    animation-delay: 50ms
}

.header-component-wrapper .bookmark-menu-wrapper.bookmark-animate .bookmark-menus li:nth-child(2),.header-component-wrapper .nav-list.nav-menu-open .nav-links li:nth-child(2) {
    -webkit-animation-delay: .15s;
    -moz-animation-delay: .15s;
    animation-delay: .15s
}

.header-component-wrapper .bookmark-menu-wrapper.bookmark-animate .bookmark-menus li:nth-child(3),.header-component-wrapper .nav-list.nav-menu-open .nav-links li:nth-child(3) {
    -webkit-animation-delay: .25s;
    -moz-animation-delay: .25s;
    animation-delay: .25s
}

.header-component-wrapper .bookmark-menu-wrapper.bookmark-animate .bookmark-menus li:nth-child(4),.header-component-wrapper .nav-list.nav-menu-open .nav-links li:nth-child(4) {
    -webkit-animation-delay: .35s;
    -moz-animation-delay: .35s;
    animation-delay: .35s
}

.header-component-wrapper .bookmark-menu-wrapper.bookmark-animate .bookmark-menus li:nth-child(5),.header-component-wrapper .nav-list.nav-menu-open .nav-links li:nth-child(5) {
    -webkit-animation-delay: .45s;
    -moz-animation-delay: .45s;
    animation-delay: .45s
}

.header-component-wrapper .bookmark-menu-wrapper.bookmark-animate .bookmark-menus li:nth-child(6),.header-component-wrapper .nav-list.nav-menu-open .nav-links li:nth-child(6) {
    -webkit-animation-delay: .55s;
    -moz-animation-delay: .55s;
    animation-delay: .55s
}

.header-component-wrapper .bookmark-menu-wrapper.bookmark-animate .bookmark-menus li:nth-child(7),.header-component-wrapper .nav-list.nav-menu-open .nav-links li:nth-child(7) {
    -webkit-animation-delay: .65s;
    -moz-animation-delay: .65s;
    animation-delay: .65s
}

.header-component-wrapper .bookmark-menu-wrapper.bookmark-animate .bookmark-menus li:nth-child(8),.header-component-wrapper .nav-list.nav-menu-open .nav-links li:nth-child(8) {
    -webkit-animation-delay: .75s;
    -moz-animation-delay: .75s;
    animation-delay: .75s
}

.header-component-wrapper .bookmark-menu-wrapper.bookmark-animate .bookmark-menus li:nth-child(9),.header-component-wrapper .nav-list.nav-menu-open .nav-links li:nth-child(9) {
    -webkit-animation-delay: .85s;
    -moz-animation-delay: .85s;
    animation-delay: .85s
}

.header-component-wrapper .bookmark-menu-wrapper.bookmark-animate .bookmark-menus li:nth-child(10),.header-component-wrapper .nav-list.nav-menu-open .nav-links li:nth-child(10) {
    -webkit-animation-delay: .95s;
    -moz-animation-delay: .95s;
    animation-delay: .95s
}

@-webkit-keyframes slideout {
    0% {
        -webkit-transform: translateX(100%);
        transform: translateX(100%)
    }

    to {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@-moz-keyframes slideout {
    0% {
        -moz-transform: translateX(100%);
        transform: translateX(100%)
    }

    to {
        -moz-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes slideout {
    0% {
        -webkit-transform: translateX(100%);
        -moz-transform: translateX(100%);
        transform: translateX(100%)
    }

    to {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        transform: translateX(0)
    }
}

@-webkit-keyframes slidein {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    to {
        -webkit-transform: translateX(100%);
        transform: translateX(100%)
    }
}

@-moz-keyframes slidein {
    0% {
        -moz-transform: translateX(0);
        transform: translateX(0)
    }

    to {
        -moz-transform: translateX(100%);
        transform: translateX(100%)
    }
}

@keyframes slidein {
    0% {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        transform: translateX(0)
    }

    to {
        -webkit-transform: translateX(100%);
        -moz-transform: translateX(100%);
        transform: translateX(100%)
    }
}

@-webkit-keyframes fadein-bg {
    0% {
        background-color: transparent
    }

    to {
        background-color: #737627
    }
}

@-moz-keyframes fadein-bg {
    0% {
        background-color: transparent
    }

    to {
        background-color: #737627
    }
}

@keyframes fadein-bg {
    0% {
        background-color: transparent
    }

    to {
        background-color: #737627
    }
}

@-webkit-keyframes fadeout-bg {
    0% {
        background-color: #737627
    }

    to {
        background-color: transparent
    }
}

@-moz-keyframes fadeout-bg {
    0% {
        background-color: #737627
    }

    to {
        background-color: transparent
    }
}

@keyframes fadeout-bg {
    0% {
        background-color: #737627
    }

    to {
        background-color: transparent
    }
}

.header-component-wrapper .bookmark-heading {
    z-index: 999999;
    position: relative;
    padding: 17px 54px 0 32px
}

@media (max-width: 992px) {
    .header-component-wrapper .bookmark-heading {
        padding:25px 54px 0 32px
    }
}

.header-component-wrapper span.bookmark-title {
    font-family: "Noto Serif Regular",Arial,Helvetica,sans-serif;
    font-size: 30px;
    line-height: 41px;
    color: #fff;
    padding-bottom: 20px;
    position: relative;
    margin-bottom: 0;
    z-index: 99
}

.bookmark-heading .info-icon {
    width: 24px;
    height: 24px;
    cursor: pointer;
    position: relative;
    top: -5px;
    left: -5px;
    display: inline-block
}

@media (min-width: 993px) {
    .bookmark-heading .info-icon:hover .bookmark-tooltip {
        display:block!important
    }
}

.header-component-wrapper .bookmark-menu-wrapper .bookmark-heading {
    -webkit-animation: slidein 1s ease-out forwards;
    -moz-animation: slidein 1s ease-out forwards;
    animation: slidein 1s ease-out forwards;
    -webkit-animation-delay: .44s;
    -moz-animation-delay: .44s;
    animation-delay: .44s
}

.header-component-wrapper .bookmark-menu-wrapper.bookmark-animate .bookmark-heading {
    -webkit-animation: slideout 1s ease-out forwards;
    -moz-animation: slideout 1s ease-out forwards;
    animation: slideout 1s ease-out forwards;
    -webkit-animation-delay: 0ms;
    -moz-animation-delay: 0ms;
    animation-delay: 0ms
}

svg.logo-text path {
    fill: #fff!important
}

.open-arrow-outline {
    margin-left: 5px
}

.ExperianceEditorHeaderPosition {
    position: static!important
}

@media (max-width: 992px) {
    svg.logo-text {
        height:69px
    }
}

@media (min-width: 993px) {
    .highlight {
        border:1px solid #fff!important
    }
}

@-webkit-keyframes comeout {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    to {
        -webkit-transform: translateX(100%);
        transform: translateX(100%)
    }
}

@-moz-keyframes comeout {
    0% {
        -moz-transform: translateX(0);
        transform: translateX(0)
    }

    to {
        -moz-transform: translateX(100%);
        transform: translateX(100%)
    }
}

@keyframes comeout {
    0% {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        transform: translateX(0)
    }

    to {
        -webkit-transform: translateX(100%);
        -moz-transform: translateX(100%);
        transform: translateX(100%)
    }
}

@-webkit-keyframes comein {
    0% {
        -webkit-transform: translateX(100%);
        transform: translateX(100%)
    }

    to {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@-moz-keyframes comein {
    0% {
        -moz-transform: translateX(100%);
        transform: translateX(100%)
    }

    to {
        -moz-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes comein {
    0% {
        -webkit-transform: translateX(100%);
        -moz-transform: translateX(100%);
        transform: translateX(100%)
    }

    to {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        transform: translateX(0)
    }
}

@media print {
    .header-component-wrapper {
        display: none
    }
}

.header-mobile-logo {
    display: none
}

@media (max-width: 992px) {
    .header-mobile-logo {
        position:relative;
        top: 4%
    }
}

.header-component-wrapper .header-component .bookmark-menu-container .bookmark-menu-wrapper .bookmark-menus .date span {
    margin-left: 4px;
    margin-right: 4px;
    position: relative;
    top: .5px;
    font-size: 12px
}

.header-component-wrapper .header-component .search-menus .search-list .search-links li.quick-links-font a.search-subheading {
    font-family: Noto Sans,Arial,Helvetica,sans-serif!important;
    font-weight: 600
}

@media (max-width: 992px) {
    .header-component-wrapper .header-component .search-menus .search-list .search-links li.quick-links-font a.search-subheading {
        font-family:Noto Sans,Arial,Helvetica,sans-serif!important;
        font-weight: 600
    }
}

@media (min-width: 993px) {
    .header-component-wrapper .header-component .search-menus .search-list .search-links li.quick-links-font a.search-subheading:hover {
        color:#002240;
        font-family: Noto Sans,Arial,Helvetica,sans-serif!important;
        font-weight: 700
    }
}

@media (min-width: 993px) and (max-width:1440px) {
    .header-component-wrapper .header-component .language-selector-container .language-selector-menu .column-split .site {
        margin-bottom:20px
    }

    .header-component-wrapper .header-component .language-selector-container .language-selector-menu {
        max-height: -moz-calc(100vh - 40px);
        max-height: calc(100vh - 40px);
        padding-top: 22px;
        padding-bottom: 40px
    }

    .header-component-wrapper .header-component .language-selector-container .language-selector-menu .column-split .site:before {
        top: 22px
    }
}

.header-component .disabled-cookies {
    pointer-events: none
}

.desktop-logo {
    background: url(/-/media/project/dlapiper-tenant/dlapiper/icons/desktop-logo.svg);
    background-repeat: no-repeat;
    background-size: contain;
    height: 58%
}

.colombia-desktop-logo {
    background: url(/-/media/project/dlapiper-tenant/dlapiper/icons/DLA_Piper_Colmbia.svg);
    background-repeat: no-repeat;
    background-size: contain;
    height: 100%
}

.brazil-desktop-logo {
    height: 58%
}

.brazil-desktop-logo,.brazil-mobile-logo {
    background: url(/-/media/project/dlapiper-tenant/dlapiper/icons/brazil-logo.svg);
    background-repeat: no-repeat;
    background-size: contain
}

.brazil-mobile-logo,.mobile-logo {
    width: 100%;
    height: 70px
}

.mobile-logo {
    background: url(/-/media/project/dlapiper-tenant/dlapiper/icons/mobile-logo.svg);
    background-repeat: no-repeat;
    background-size: 123px
}

@media (min-width: 993px) and (max-width:1082px) {
    .search iframe {
        width:400px
    }
}

.footer-container {
    background: transparent -webkit-gradient(linear,left top,left bottom,from(#002240),to(#144774)) 0 0 no-repeat padding-box;
    background: transparent -moz-linear-gradient(top,#002240 0,#144774 100%) 0 0 no-repeat padding-box;
    background: transparent linear-gradient(180deg,#002240,#144774) 0 0 no-repeat padding-box
}

@media (min-width: 993px) {
    .footer-container {
        padding:0 7.89%
    }
}

@media (max-width: 992px) {
    .footer-container {
        padding:0 15px
    }
}

.footer-container .footer-wrapper {
    margin: 0 auto;
    padding: 55px 0 44px
}

@media (max-width: 992px) {
    .footer-container .footer-wrapper {
        padding:30px 0 35px
    }
}

.footer-container .footer-wrapper a {
    color: #fff;
    text-decoration: none;
    -moz-transition: transform .3s ease-out;
    -webkit-transition: transform .3s ease-out;
    -webkit-transition: -webkit-transform .3s ease-out;
    transition: -webkit-transform .3s ease-out;
    -moz-transition: transform .3s ease-out,-moz-transform .3s ease-out;
    transition: transform .3s ease-out;
    transition: transform .3s ease-out,-webkit-transform .3s ease-out,-moz-transform .3s ease-out
}

@media (min-width: 993px) {
    .footer-container .footer-wrapper a:hover {
        color:#989b36;
        font-family: "Noto Serif";
        font-weight: 600
    }
}

.footer-container .footer-wrapper a.external:hover:after {
    background-image: url(/-/media/project/dlapiper-tenant/dlapiper/icons/footerexternaliconhoversmall.svg)
}

.footer-container .footer-wrapper a.external:after {
    content: "";
    width: 24px;
    height: 24px;
    background-image: url(/-/media/project/dlapiper-tenant/dlapiper/icons/footerexternaliconsmall.svg);
    background-repeat: no-repeat;
    background-size: 24px;
    top: 5px;
    margin-left: 5px;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    transition: .3s;
    -webkit-transition-timing-function: ease-out;
    -moz-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    display: inline-block;
    position: relative
}

.footer-container .footer-wrapper ul {
    list-style-type: none;
    padding-left: 0
}

.footer-container .footer-wrapper .footer-columns {
    margin-bottom: 65px
}

@media (max-width: 992px) {
    .footer-container .footer-wrapper .footer-columns {
        margin-bottom:32px
    }
}

.footer-container .footer-wrapper .footer-columns .links-section {
    font-family: "Noto Serif";
    font-weight: 500;
    border-right: .5px solid hsla(0,0%,100%,.25098039215686274)
}

@media (max-width: 992px) {
    .footer-container .footer-wrapper .footer-columns .links-section {
        padding-bottom:32px
    }
}

@media only screen and (min-width: 456px) and (max-width:990px) {
    .footer-container .footer-wrapper .footer-columns .links-section {
        text-align:center
    }
}

.footer-container .footer-wrapper .footer-columns .links-section .big-links {
    font-size: 30px;
    line-height: 41px;
    margin-bottom: 13px
}

.footer-container .footer-wrapper .footer-columns .links-section .big-links li a.external {
    position: relative
}

@media (max-width: 992px) {
    .footer-container .footer-wrapper .footer-columns .links-section .big-links li {
        margin-bottom:25px
    }
}

.footer-container .footer-wrapper .footer-columns .links-section .small-links {
    font-size: 16px;
    line-height: 30px;
    margin-bottom: 0
}

@media (max-width: 992px) {
    .footer-container .footer-wrapper .footer-columns .links-section .small-links li {
        margin-bottom:25px
    }

    .footer-container .footer-wrapper .footer-columns .links-section .small-links li:last-child {
        margin-bottom: 0
    }
}

.footer-container .footer-wrapper .footer-columns .links-section .small-links li a.external {
    position: relative
}

.footer-container .footer-wrapper .footer-columns .links-section .small-links li a.external:after,.footer-container .footer-wrapper .footer-columns .links-section .small-links li a.external:hover:after {
    background-size: 20px;
    top: 9px
}

.footer-container .footer-wrapper .footer-columns .social-icons-section {
    position: relative
}

@media (min-width: 993px) {
    .footer-container .footer-wrapper .footer-columns .social-icons-section .icons-wrap {
        position:absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%,-50%);
        -moz-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%)
    }
}

@media (max-width: 992px) {
    .footer-container .footer-wrapper .footer-columns .social-icons-section .icons-wrap {
        border-bottom:1px solid hsla(0,0%,100%,.25098039215686274);
        border-top: 1px solid hsla(0,0%,100%,.25098039215686274);
        padding: 32px 0 0
    }
}

.footer-container .footer-wrapper .footer-columns .social-icons-section .icons-wrap .icon-row1,.footer-container .footer-wrapper .footer-columns .social-icons-section .icons-wrap .icon-row2 {
    display: -moz-box;
    display: flex;
    margin-bottom: 35px
}

@media (max-width: 992px) {
    .footer-container .footer-wrapper .footer-columns .social-icons-section .icons-wrap .icon-row1,.footer-container .footer-wrapper .footer-columns .social-icons-section .icons-wrap .icon-row2 {
        width:-webkit-max-content;
        width: -moz-max-content;
        width: max-content;
        margin-left: auto;
        margin-right: auto
    }
}

.footer-container .footer-wrapper .footer-columns .social-icons-section .icons-wrap .icon-row1 a,.footer-container .footer-wrapper .footer-columns .social-icons-section .icons-wrap .icon-row2 a {
    height: 40px;
    width: 40px;
    background-repeat: no-repeat;
    margin-right: 35px
}

@media (max-width: 992px) {
    .footer-container .footer-wrapper .footer-columns .social-icons-section .icons-wrap .icon-row1 a,.footer-container .footer-wrapper .footer-columns .social-icons-section .icons-wrap .icon-row2 a {
        margin-right:77px
    }
}

.footer-container .footer-wrapper .footer-columns .social-icons-section .icons-wrap .icon-row1 a:last-child,.footer-container .footer-wrapper .footer-columns .social-icons-section .icons-wrap .icon-row2 a:last-child {
    margin-right: 0
}

.footer-container .footer-wrapper .footer-columns .social-icons-section .icons-wrap .icon-row1 .linkedin,.footer-container .footer-wrapper .footer-columns .social-icons-section .icons-wrap .icon-row2 .linkedin {
    background-image: url(/-/media/project/dlapiper-tenant/dlapiper/icons/social-linkedin.svg)
}

@media (min-width: 993px) {
    .footer-container .footer-wrapper .footer-columns .social-icons-section .icons-wrap .icon-row1 .linkedin:hover,.footer-container .footer-wrapper .footer-columns .social-icons-section .icons-wrap .icon-row2 .linkedin:hover {
        background-image:url(/-/media/project/dlapiper-tenant/dlapiper/icons/social-linkedin-hover.svg);
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        transform: scale(1.1)
    }
}

.footer-container .footer-wrapper .footer-columns .social-icons-section .icons-wrap .icon-row1 .facebook,.footer-container .footer-wrapper .footer-columns .social-icons-section .icons-wrap .icon-row2 .facebook {
    background-image: url(/-/media/project/dlapiper-tenant/dlapiper/icons/social-facebook.svg)
}

@media (min-width: 993px) {
    .footer-container .footer-wrapper .footer-columns .social-icons-section .icons-wrap .icon-row1 .facebook:hover,.footer-container .footer-wrapper .footer-columns .social-icons-section .icons-wrap .icon-row2 .facebook:hover {
        background-image:url(/-/media/project/dlapiper-tenant/dlapiper/icons/social-facebook-hover.svg);
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        transform: scale(1.1)
    }
}

.footer-container .footer-wrapper .footer-columns .social-icons-section .icons-wrap .icon-row1 .instagram,.footer-container .footer-wrapper .footer-columns .social-icons-section .icons-wrap .icon-row2 .instagram {
    background-image: url(/-/media/project/dlapiper-tenant/dlapiper/icons/social-instagram.svg)
}

@media (min-width: 993px) {
    .footer-container .footer-wrapper .footer-columns .social-icons-section .icons-wrap .icon-row1 .instagram:hover,.footer-container .footer-wrapper .footer-columns .social-icons-section .icons-wrap .icon-row2 .instagram:hover {
        background-image:url(/-/media/project/dlapiper-tenant/dlapiper/icons/social-instagram-hover.svg);
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        transform: scale(1.1)
    }
}

.footer-container .footer-wrapper .footer-columns .social-icons-section .icons-wrap .icon-row1 .twitter,.footer-container .footer-wrapper .footer-columns .social-icons-section .icons-wrap .icon-row2 .twitter {
    background-image: url(/-/media/project/dlapiper-tenant/dlapiper/icons/social-twitter_default.svg)
}

@media (min-width: 993px) {
    .footer-container .footer-wrapper .footer-columns .social-icons-section .icons-wrap .icon-row1 .twitter:hover,.footer-container .footer-wrapper .footer-columns .social-icons-section .icons-wrap .icon-row2 .twitter:hover {
        background-image:url(/-/media/project/dlapiper-tenant/dlapiper/icons/social-twitter_hover.svg);
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        transform: scale(1.1)
    }
}

.footer-container .footer-wrapper .footer-columns .social-icons-section .icons-wrap .icon-row1 .youtube,.footer-container .footer-wrapper .footer-columns .social-icons-section .icons-wrap .icon-row2 .youtube {
    background-image: url(/-/media/project/dlapiper-tenant/dlapiper/icons/social-youtube.svg)
}

@media (min-width: 993px) {
    .footer-container .footer-wrapper .footer-columns .social-icons-section .icons-wrap .icon-row1 .youtube:hover,.footer-container .footer-wrapper .footer-columns .social-icons-section .icons-wrap .icon-row2 .youtube:hover {
        background-image:url(../../../-/media/project/dlapiper-tenant/dlapiper/icons/social-youtube-hover.svg);
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        transform: scale(1.1)
    }
}

.footer-container .footer-wrapper .footer-columns .social-icons-section .icons-wrap .icon-row1 .wechat,.footer-container .footer-wrapper .footer-columns .social-icons-section .icons-wrap .icon-row2 .wechat {
    background-image: url(/-/media/project/dlapiper-tenant/dlapiper/icons/social-wechat.svg)
}

@media (min-width: 993px) {
    .footer-container .footer-wrapper .footer-columns .social-icons-section .icons-wrap .icon-row1 .wechat:hover,.footer-container .footer-wrapper .footer-columns .social-icons-section .icons-wrap .icon-row2 .wechat:hover {
        background-image:url(/-/media/project/dlapiper-tenant/dlapiper/icons/social-wechat-hover.svg);
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        transform: scale(1.1)
    }
}

.footer-container .footer-wrapper .footer-columns .about-us-section {
    font-family: "Noto Serif";
    font-weight: 500
}

@media (min-width: 993px) {
    .footer-container .footer-wrapper .footer-columns .about-us-section {
        border-left:1px solid hsla(0,0%,100%,.25098039215686274)
    }
}

@media only screen and (min-width: 456px) and (max-width:990px) {
    .footer-container .footer-wrapper .footer-columns .about-us-section {
        text-align:center
    }
}

.footer-container .footer-wrapper .footer-columns .about-us-section ul {
    padding-top: 42px;
    font-size: 30px;
    line-height: 41px
}

@media (min-width: 993px) {
    .footer-container .footer-wrapper .footer-columns .about-us-section ul {
        padding-left:10%;
        position: absolute
    }
}

@media (max-width: 992px) {
    .footer-container .footer-wrapper .footer-columns .about-us-section ul {
        border-bottom:1px solid hsla(0,0%,100%,.25098039215686274);
        margin-bottom: 0
    }
}

.footer-container .footer-wrapper .footer-columns .about-us-section ul li {
    margin-bottom: 21px
}

@media (max-width: 992px) {
    .footer-container .footer-wrapper .footer-columns .about-us-section ul li {
        margin-bottom:23px
    }

    .footer-container .footer-wrapper .footer-columns .about-us-section ul li:last-child {
        margin-bottom: 39px
    }
}

.footer-container .footer-wrapper .footer-columns .about-us-section ul li a.external {
    position: relative
}

.footer-container .footer-wrapper .footer-links {
    text-align: center;
    margin-bottom: 45px
}

@media (max-width: 992px) {
    .footer-container .footer-wrapper .footer-links {
        margin-bottom:37px
    }
}

.footer-container .footer-wrapper .footer-links a {
    font-size: 12px;
    line-height: 17px;
    display: inline-block
}

@media (min-width: 993px) {
    .footer-container .footer-wrapper .footer-links a {
        margin-right:33px
    }
}

@media (max-width: 992px) {
    .footer-container .footer-wrapper .footer-links a {
        display:block;
        margin-bottom: 22px
    }
}

@media (min-width: 993px) {
    .footer-container .footer-wrapper .footer-links a:last-child {
        margin-left:-11px;
        margin-right: 0
    }
}

.footer-container .footer-wrapper .footer-links a:before,.footer-container .footer-wrapper .footer-links a:hover {
    font-family: Noto Sans,Arial,Helvetica,sans-serif;
    font-weight: 600
}

.footer-container .footer-wrapper .footer-links a:before {
    display: block;
    content: attr(data-text) " " attr(title);
    overflow: hidden;
    visibility: hidden;
    height: 0
}

.footer-container .footer-wrapper .footer-links a.external {
    position: relative
}

.footer-container .footer-wrapper .footer-links a.external:after,.footer-container .footer-wrapper .footer-links a.external:hover:after {
    background-size: 18px;
    top: 10px
}

.footer-container .footer-wrapper .copyright {
    max-width: 701px;
    margin: 0 auto
}

.footer-container .footer-wrapper .copyright .copyright-txt,.footer-container .footer-wrapper .copyright .legal-notice {
    text-align: center;
    font-size: 10px;
    line-height: 14px;
    letter-spacing: .3px;
    color: #fff
}

.footer-container .footer-wrapper .copyright .copyright-txt a,.footer-container .footer-wrapper .copyright .legal-notice a {
    border-bottom: 1px solid #fff;
    display: inline-block;
    position: relative
}

@media (min-width: 993px) {
    .footer-container .footer-wrapper .copyright .copyright-txt a:hover,.footer-container .footer-wrapper .copyright .legal-notice a:hover {
        border-bottom:1px solid #989b36;
        font-family: Noto Sans,Arial,Helvetica,sans-serif;
        font-weight: 600
    }
}

.footer-container .footer-wrapper .copyright .copyright-txt a:before,.footer-container .footer-wrapper .copyright .legal-notice a:before {
    display: block;
    content: attr(data-text);
    font-family: Noto Sans,Arial,Helvetica,sans-serif;
    font-weight: 600;
    color: #ff0;
    overflow: hidden;
    visibility: hidden;
    height: 0
}

@media (max-width: 992px) {
    .footer-container .footer-wrapper .copyright .legal-notice {
        max-width:93%;
        margin: 0 auto 24px
    }
}

.floating-button-component {
    position: fixed;
    bottom: 7%;
    right: 3.4%;
    z-index: 9999
}

@media print {
    .floating-button-component {
        display: none
    }
}

@media (max-width: 992px) {
    .floating-button-component {
        bottom:3.8%;
        right: 4.4%
    }
}

.floating-button-component .floating-button-wrapper {
    position: relative
}

.floating-button-component .floating-button-wrapper .floating-button {
    display: -moz-box;
    display: flex;
    -moz-box-align: center;
    align-items: center;
    -moz-box-pack: center;
    justify-content: center;
    height: 64px;
    width: 64px;
    border-radius: 50%;
    border: 1px solid #fff;
    background-color: #737627;
    cursor: pointer
}

@media (max-width: 992px) {
    .floating-button-component .floating-button-wrapper .floating-button {
        height:56px;
        width: 56px;
        padding: 0
    }
}

@media (min-width: 993px) {
    .floating-button-component .floating-button-wrapper .floating-button:hover .floating-button-icon {
        -webkit-transform:scale(125%) rotate(45deg);
        -moz-transform: scale(125%) rotate(45deg);
        transform: scale(125%) rotate(45deg)
    }
}

.floating-button-component .floating-button-wrapper .floating-button button {
    border: none;
    background: none;
    padding: 0
}

.floating-button-component .floating-button-wrapper .floating-button.rotate .floating-button-icon {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s
}

.floating-button-component .floating-button-wrapper .floating-button .floating-button-icon {
    content: "";
    background: url(/-/media/project/dlapiper-tenant/dlapiper/icons/fab-close1.svg);
    background-repeat: no-repeat;
    display: block;
    width: 32px;
    height: 32px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s
}

.floating-button-component .floating-button-wrapper .floating-button .floating-button-icon.rotate {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s
}

.floating-button-component .floating-button-wrapper .contact-list-box {
    position: absolute;
    right: 0;
    width: 192px;
    max-height: 0;
    overflow: hidden;
    bottom: 67px;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.floating-button-component .floating-button-wrapper .contact-list-box.list-show {
    max-height: 419px;
    padding-bottom: 13px
}

.floating-button-component .floating-button-wrapper .contact-list-box .contact-list {
    position: relative;
    background-color: #fff;
    border: 2px solid #737627;
    border-radius: 4px;
    padding: 0
}

.floating-button-component .floating-button-wrapper .contact-list-box .contact-list:before {
    content: "";
    width: 0;
    height: 0;
    border-left: 11px solid transparent;
    border-right: 11px solid transparent;
    border-top: 15px solid #737627;
    position: absolute;
    bottom: -16px;
    left: 77%
}

.floating-button-component .floating-button-wrapper .contact-list-box .contact-list:after {
    content: "";
    width: 0;
    height: 0;
    border-left: 11px solid transparent;
    border-right: 11px solid transparent;
    border-top: 16px solid #fff;
    position: absolute;
    bottom: -13px;
    left: 77%
}

.floating-button-component .floating-button-wrapper .contact-list-box .contact-list button {
    display: inline-block;
    position: relative;
    padding-left: 72px;
    padding-right: 15px;
    margin-bottom: 22px;
    color: #737627;
    font-family: Noto Sans,Arial,Helvetica,sans-serif;
    font-weight: 500;
    font-size: 16px;
    line-height: 22px;
    background: none;
    border: none
}

.floating-button-component .floating-button-wrapper .contact-list-box .contact-list button:first-child {
    margin-top: 20px
}

.floating-button-component .floating-button-wrapper .contact-list-box .contact-list button:hover {
    color: #002240
}

@media (max-width: 992px) {
    .floating-button-component .floating-button-wrapper .contact-list-box .contact-list button:hover {
        color:#737627
    }
}

.floating-button-component .floating-button-wrapper .contact-list-box .contact-list a {
    display: inline-block;
    position: relative;
    padding-left: 72px;
    padding-right: 15px;
    margin-bottom: 22px;
    color: #737627;
    font-family: Noto Sans,Arial,Helvetica,sans-serif;
    font-weight: 500;
    font-size: 16px;
    line-height: 22px
}

.floating-button-component .floating-button-wrapper .contact-list-box .contact-list a:first-child {
    margin-top: 20px
}

.floating-button-component .floating-button-wrapper .contact-list-box .contact-list a:hover {
    color: #002240
}

@media (max-width: 992px) {
    .floating-button-component .floating-button-wrapper .contact-list-box .contact-list a:hover {
        color:#737627
    }
}

.floating-button-component .floating-button-wrapper .contact-list-box .contact-list .item {
    -webkit-transition: all 1s ease-in-out,color 0s;
    -moz-transition: all 1s ease-in-out,color 0s;
    transition: all 1s ease-in-out,color 0s
}

.floating-button-component .floating-button-wrapper .contact-list-box .contact-list .item:before {
    content: "";
    display: inline-block;
    margin-left: 24px;
    background-repeat: no-repeat;
    position: absolute;
    width: 24px;
    height: 24px;
    left: 0
}

@media (min-width: 993px) {
    .floating-button-component .floating-button-wrapper .contact-list-box .contact-list .item:after {
        content:"";
        display: block;
        background-color: #002240;
        width: 0;
        height: 2px;
        left: 72px;
        top: 20px;
        right: 15px;
        -webkit-transition: .3s ease-out;
        -moz-transition: .3s ease-out;
        transition: .3s ease-out
    }

    .floating-button-component .floating-button-wrapper .contact-list-box .contact-list .item:hover:after {
        width: 100%
    }
}

.floating-button-component .floating-button-wrapper .contact-list-box .contact-list .item.email:before {
    background-image: url(/-/media/project/dlapiper-tenant/dlapiper/icons/fab-email.svg)
}

.floating-button-component .floating-button-wrapper .contact-list-box .contact-list .item.call:before {
    background-image: url(/-/media/project/dlapiper-tenant/dlapiper/icons/fab-phone.svg)
}

.floating-button-component .floating-button-wrapper .contact-list-box .contact-list .item.vcard:before {
    background-image: url(/-/media/project/dlapiper-tenant/dlapiper/icons/fab-vcard.svg)
}

.floating-button-component .floating-button-wrapper .contact-list-box .contact-list .item.bookmark {
    cursor: pointer
}

.floating-button-component .floating-button-wrapper .contact-list-box .contact-list .item.bookmark:before {
    background-image: url(/-/media/project/dlapiper-tenant/dlapiper/icons/fab-bookmark.svg)
}

.floating-button-component .floating-button-wrapper .contact-list-box .contact-list .item.share:before {
    background-image: url(/-/media/project/dlapiper-tenant/dlapiper/icons/fab-share.svg)
}

.floating-button-component .floating-button-wrapper .contact-list-box .contact-list .item.linkedin:before {
    background-image: url(/-/media/project/dlapiper-tenant/dlapiper/icons/fab-linkedin.svg)
}

.floating-button-component .floating-button-wrapper .contact-list-box .contact-list .item.save:before {
    background-image: url(/-/media/project/dlapiper-tenant/dlapiper/icons/fab-pdf.svg)
}

.floating-button-component .floating-button-wrapper .contact-list-box .contact-list .item.print:before {
    background-image: url(/-/media/project/dlapiper-tenant/dlapiper/icons/fab-print.svg)
}

.floating-button-component .floating-button-wrapper .contact-list-box .contact-list .item.register:before {
    background-image: url(/-/media/project/dlapiper-tenant/dlapiper/icons/fab-register.svg)
}

.quote-component,.quote-components {
    position: relative;
    width: 100%;
    background-color: #002240;
    background-image: url(/-/media/project/dlapiper-tenant/dlapiper/icons/quote-bg-img-white.svg);
    background-size: cover;
    background-attachment: fixed;
    color: #fff;
    margin-bottom: 48px
}

@media (max-width: 992px) {
    .quote-component,.quote-components {
        margin-bottom:32px
    }
}

.quote-component:last-child,.quote-components:last-child {
    margin-bottom: 0
}

.quote-component section,.quote-components section {
    position: relative;
    width: 100%;
    display: -moz-box;
    display: flex;
    -moz-box-pack: center;
    justify-content: center;
    -moz-box-align: center;
    align-items: center
}

.quote-component section .quote-blue,.quote-components section .quote-blue {
    background-color: #002240
}

.quote-component section .quote-blue.quote-text,.quote-components section .quote-blue.quote-text {
    background-color: #002240;
    color: #fff
}

.quote-component section .quote-green,.quote-components section .quote-green {
    background-color: #ddde4c
}

.quote-component section .quote-green.quote-text,.quote-components section .quote-green.quote-text {
    background-color: #ddde4c;
    color: #002240
}

.quote-component.quote-blue,.quote-components.quote-blue {
    background-color: #002240;
    background-image: url(/-/media/project/dlapiper-tenant/dlapiper/icons/quote-bg-img-white.svg);
    background-size: cover;
    background-attachment: fixed;
    color: #fff;
    -webkit-transition: all .7s ease;
    -moz-transition: all .7s ease;
    transition: all .7s ease
}

.quote-component.quote-blue .quote:after,.quote-component.quote-blue .quote:before,.quote-components.quote-blue .quote:after,.quote-components.quote-blue .quote:before {
    color: #ddde4c
}

.quote-component.quote-green,.quote-components.quote-green {
    background-color: #ddde4c;
    background-image: url(/-/media/project/dlapiper-tenant/dlapiper/icons/quote-bg-img-black.svg);
    background-size: cover;
    background-attachment: fixed;
    color: #fff;
    -webkit-transition: all .7s ease;
    -moz-transition: all .7s ease;
    transition: all .7s ease
}

.quote-component.quote-green .quote:after,.quote-component.quote-green .quote:before,.quote-components.quote-green .quote:after,.quote-components.quote-green .quote:before {
    color: #fff
}

.quote-component .quote-text,.quote-components .quote-text {
    width: 100%;
    position: relative;
    max-width: 832px
}

@media (max-width: 992px) {
    .quote-component .quote-text,.quote-components .quote-text {
        width:100%;
        max-width: 100%
    }
}

.quote-component .quote,.quote-components .quote {
    position: relative;
    font-family: "Noto Serif Regular",Arial,Helvetica,sans-serif;
    font-style: italic;
    font-size: 24px;
    line-height: 30px;
    margin-bottom: 37px
}

@media (max-width: 992px) {
    .quote-component .quote,.quote-components .quote {
        font-size:20px;
        line-height: 24px;
        margin-bottom: 15px
    }
}

.quote-component .quote:before,.quote-components .quote:before {
    content: "“";
    position: absolute;
    font-size: 100px;
    font-family: "Noto Serif";
    font-weight: 300;
    line-height: 30px;
    left: -60px;
    top: 10px
}

@media (max-width: 992px) {
    .quote-component .quote:before,.quote-components .quote:before {
        font-size:60px;
        line-height: 30px;
        left: -36px;
        top: 0
    }
}

.quote-component .quote:after,.quote-components .quote:after {
    content: "“";
    position: static;
    display: inline-block;
    margin-left: 5px;
    margin-top: -50px;
    padding-bottom: 25px;
    font-size: 100px;
    font-family: "Noto Serif";
    font-weight: 300;
    line-height: 30px;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    transform: rotate(180deg);
    margin-right: -52px
}

@media (max-width: 992px) {
    .quote-component .quote:after,.quote-components .quote:after {
        margin-left:5px;
        padding-bottom: 11px;
        font-size: 64px;
        right: -13px;
        bottom: 5px
    }
}

.quote-component .attribution,.quote-components .attribution {
    display: block;
    float: right;
    font-size: 12px;
    line-height: 24px
}

.quote-component+.anchor-nav-component,.quote-component+.brightcove-component,.quote-component+.dla-contacts.gray-background,.quote-component+.feature-component,.quote-component+.feature-cta-component,.quote-component+.feature-text-component,.quote-component+.hero-component,.quote-component+.homepage-stories-component,.quote-component+.intro-copy-component,.quote-component+.masthead-subtitle-component,.quote-component+.more-to-see-component,.quote-component+.people-profile-main-div,.quote-component+.press-release-comp,.quote-component+.recommended-for-you-component.gray-background,.quote-component+.related-capability-component,.quote-component+.resource-component-links:not(.white-background),.quote-component+.resourcescommon.gray-background,.quote-component+.rich-text-component:not(.subhead-white),.quote-component+.rich-text-heading-component.grey-background,.quote-component+.share-component:not(.PrimaryHeader-white),.quote-component+.tertiary-content-component:not(.background-white),.quote-components+.anchor-nav-component,.quote-components+.brightcove-component,.quote-components+.dla-contacts.gray-background,.quote-components+.feature-component,.quote-components+.feature-cta-component,.quote-components+.feature-text-component,.quote-components+.hero-component,.quote-components+.homepage-stories-component,.quote-components+.intro-copy-component,.quote-components+.masthead-subtitle-component,.quote-components+.more-to-see-component,.quote-components+.people-profile-main-div,.quote-components+.press-release-comp,.quote-components+.recommended-for-you-component.gray-background,.quote-components+.related-capability-component,.quote-components+.resource-component-links:not(.white-background),.quote-components+.resourcescommon.gray-background,.quote-components+.rich-text-component:not(.subhead-white),.quote-components+.rich-text-heading-component.grey-background,.quote-components+.share-component:not(.PrimaryHeader-white),.quote-components+.tertiary-content-component:not(.background-white) {
    margin-top: -48px
}

@media (max-width: 992px) {
    .quote-component+.anchor-nav-component,.quote-component+.brightcove-component,.quote-component+.dla-contacts.gray-background,.quote-component+.feature-component,.quote-component+.feature-cta-component,.quote-component+.feature-text-component,.quote-component+.hero-component,.quote-component+.homepage-stories-component,.quote-component+.intro-copy-component,.quote-component+.masthead-subtitle-component,.quote-component+.more-to-see-component,.quote-component+.people-profile-main-div,.quote-component+.press-release-comp,.quote-component+.recommended-for-you-component.gray-background,.quote-component+.related-capability-component,.quote-component+.resource-component-links:not(.white-background),.quote-component+.resourcescommon.gray-background,.quote-component+.rich-text-component:not(.subhead-white),.quote-component+.rich-text-heading-component.grey-background,.quote-component+.share-component:not(.PrimaryHeader-white),.quote-component+.tertiary-content-component:not(.background-white),.quote-components+.anchor-nav-component,.quote-components+.brightcove-component,.quote-components+.dla-contacts.gray-background,.quote-components+.feature-component,.quote-components+.feature-cta-component,.quote-components+.feature-text-component,.quote-components+.hero-component,.quote-components+.homepage-stories-component,.quote-components+.intro-copy-component,.quote-components+.masthead-subtitle-component,.quote-components+.more-to-see-component,.quote-components+.people-profile-main-div,.quote-components+.press-release-comp,.quote-components+.recommended-for-you-component.gray-background,.quote-components+.related-capability-component,.quote-components+.resource-component-links:not(.white-background),.quote-components+.resourcescommon.gray-background,.quote-components+.rich-text-component:not(.subhead-white),.quote-components+.rich-text-heading-component.grey-background,.quote-components+.share-component:not(.PrimaryHeader-white),.quote-components+.tertiary-content-component:not(.background-white) {
        margin-top:-32px
    }
}

.quote-component+.breadcrumb-component,.quote-components+.breadcrumb-component {
    margin-top: -37px
}

@media (max-width: 992px) {
    .quote-component+.breadcrumb-component,.quote-components+.breadcrumb-component {
        margin-top:-16px
    }

    .quote-component+.profile-contact-component,.quote-components+.profile-contact-component {
        margin-top: -32px
    }
}

.quote-components {
    height: 100vh
}

@media (max-width: 992px) {
    .quote-components .quote-text {
        padding:16%
    }
}

.create-language-component {
    margin: 0 auto 48px;
    padding: 0
}

@media (max-width: 992px) {
    .create-language-component {
        max-width:100%;
        width: 100%;
        padding-left: 16px;
        padding-right: 16px;
        margin-bottom: 32px
    }
}

.language-heading {
    text-align: left;
    letter-spacing: 0;
    font-family: Noto Sans,Arial,Helvetica,sans-serif;
    font-weight: 700;
    font-size: 18px;
    line-height: 24px;
    color: #002240;
    text-transform: uppercase;
    opacity: 1;
    margin-bottom: 28px
}

ul.language-list {
    list-style-type: none;
    padding-left: 0;
    margin-bottom: 0
}

ul.language-list li {
    text-align: left;
    font-family: Noto Sans,Arial,Helvetica,sans-serif;
    font-size: 18px;
    line-height: 28px;
    letter-spacing: 0;
    color: #002240;
    opacity: 1
}

@media (max-width: 992px) {
    ul.language-list li {
        opacity:1;
        font-size: 16px
    }
}

.create-language-component-wrapper:first-child {
    margin-top: 48px
}

@media (max-width: 992px) {
    .create-language-component-wrapper:first-child {
        margin-top:32px
    }
}

.profile-contact-component {
    margin: 0 auto 48px;
    position: relative
}

@media (max-width: 992px) {
    .profile-contact-component {
        max-width:100%;
        width: 100%;
        margin-bottom: 32px
    }
}

.email-block {
    background: #ddde4c;
    padding: 52px 20px 52px 51px
}

@media (max-width: 992px) {
    .email-block {
        padding:32px 16px 37px
    }
}

@media print and (min-width: 993px) {
    .email-block {
        padding-bottom:0
    }
}

.email-title {
    text-align: left;
    font-family: "Noto Serif";
    font-size: 32px;
    line-height: 30px;
    letter-spacing: 0;
    color: #002240;
    opacity: 1
}

@media (max-width: 992px) {
    .email-title {
        font-size:20px
    }
}

.email-animate {
    padding-top: 24px;
    text-align: left;
    font-size: 18px;
    line-height: 26px;
    letter-spacing: 0;
    color: #002240;
    opacity: 1
}

@media (max-width: 992px) {
    .email-animate {
        padding-top:17px
    }
}

.email-id {
    padding-top: 18px;
    text-align: left;
    letter-spacing: 0;
    color: #002240;
    opacity: 1;
    font-size: 16px;
    word-break: break-all;
    line-height: 26px;
    font-family: Noto Sans,Arial,Helvetica,sans-serif;
    font-weight: 500
}

@media (max-width: 992px) {
    .email-id {
        font-size:16px;
        padding-top: 16px
    }

    .email-id.big-mob-email-id {
        font-size: 14px
    }
}

.email-id a {
    color: #002240
}

@media (min-width: 993px) {
    .email-id a:hover {
        font-family:Noto Sans,Arial,Helvetica,sans-serif;
        font-weight: 600
    }
}

.email-id.big-email-id {
    font-size: 14px
}

.profile-contact-component .email-id:hover {
    color: #737627
}

@media (min-width: 993px) {
    .phone-block {
        padding-left:19px
    }
}

.phone-title {
    text-align: left;
    letter-spacing: 0;
    color: #002240;
    opacity: 1;
    font-size: 32px;
    line-height: 30px;
    font-family: "Noto Serif";
    padding-bottom: 22px;
    padding-top: 17px
}

@media (max-width: 992px) {
    .phone-title {
        font-size:20px;
        padding-top: 24px;
        padding-bottom: 21px
    }
}

.phone-details {
    padding-bottom: 20px
}

@media (max-width: 992px) {
    .phone-details {
        padding-bottom:24px
    }
}

.phone-number {
    position: relative;
    display: block;
    float: left;
    text-align: left;
    font-family: Noto Sans,Arial,Helvetica,sans-serif;
    font-weight: 700;
    font-size: 18px;
    line-height: 26px;
    letter-spacing: 0;
    color: #737627;
    opacity: 1;
    padding-top: 4px;
    margin-right: 16px;
    -webkit-transition: .3s ease-out;
    -moz-transition: .3s ease-out;
    transition: .3s ease-out
}

@media (max-width: 992px) {
    .phone-number {
        font-size:16px;
        line-height: 22px;
        float: none;
        padding: 0 0 4px
    }
}

@media (min-width: 993px) {
    .phone-number:before {
        content:"";
        width: 0;
        height: 120%;
        border-bottom: 2px solid #737627;
        position: absolute;
        -webkit-transition: .3s ease-out;
        -moz-transition: .3s ease-out;
        transition: .3s ease-out
    }

    .phone-number:hover {
        padding-top: 0!important
    }

    .phone-number:hover:before {
        width: 100%
    }
}

.phone-location {
    text-align: left;
    font-family: Noto Sans,Arial,Helvetica,sans-serif;
    font-size: 18px;
    line-height: 26px;
    font-style: italic;
    letter-spacing: 0;
    color: #002240;
    opacity: 1;
    padding-top: 4px
}

@media (max-width: 992px) {
    .phone-location {
        padding-top:0;
        font-size: 16px
    }

    .location-block {
        padding-left: 16px
    }
}

.location-block .location-title {
    text-align: left;
    letter-spacing: 0;
    color: #002240;
    opacity: 1;
    font-size: 32px;
    line-height: 30px;
    font-family: "Noto Serif";
    padding-top: 17px
}

@media (max-width: 992px) {
    .location-block .location-title {
        font-size:20px;
        padding-top: 8px
    }
}

.location-block .org-name {
    padding-top: 5px;
    padding-bottom: 38px
}

@media (max-width: 992px) {
    .location-block .org-name {
        margin-top:16px;
        padding-bottom: 31px;
        padding-top: 0
    }
}

.location-block .org-name:last-child {
    padding-bottom: 0
}

.location-block .sidelocation-title {
    position: relative;
    text-align: left;
    font-family: Noto Sans,Arial,Helvetica,sans-serif;
    font-weight: 700;
    font-size: 18px;
    line-height: 26px;
    letter-spacing: 0;
    color: #737627;
    opacity: 1;
    padding-top: 21px;
    -webkit-transition: .3s ease-out;
    -moz-transition: .3s ease-out;
    transition: .3s ease-out
}

@media (max-width: 992px) {
    .location-block .sidelocation-title {
        position:relative;
        font-size: 16px;
        line-height: 22px;
        padding-top: 0;
        padding-bottom: 0
    }
}

@media (min-width: 993px) {
    .location-block .sidelocation-title:hover {
        padding-top:16px;
        padding-bottom: 5px
    }
}

.location-block .sidelocation-details {
    text-align: left;
    font-size: 18px;
    line-height: 26px;
    font-family: Noto Sans,Arial,Helvetica,sans-serif;
    letter-spacing: 0;
    color: #002240;
    opacity: 1;
    padding-top: 16px
}

.location-block .sidelocation-details p {
    margin: 0
}

.location-block .sidelocation-details:first-child {
    padding-top: 20px
}

@media (max-width: 992px) {
    .location-block .sidelocation-details:first-child {
        padding-top:0
    }
}

.location-block .sidelocation-details .street-address {
    white-space: break-spaces
}

@media (max-width: 992px) {
    .location-block .sidelocation-details {
        font-size:16px;
        line-height: 24px
    }
}

.location-block .direction-text {
    font-family: Noto Sans,Arial,Helvetica,sans-serif;
    font-weight: 700;
    font-size: 18px;
    line-height: 26px;
    letter-spacing: 0;
    color: #737627;
    opacity: 1;
    padding-top: 22px
}

@media (max-width: 992px) {
    .location-block .direction-text {
        font-size:16px;
        padding-top: 18px
    }
}

.email-animate a {
    font-family: Noto Sans,Arial,Helvetica,sans-serif;
    font-weight: 700;
    font-size: 18px;
    letter-spacing: 0;
    color: #002240;
    opacity: 1
}

@media (max-width: 992px) {
    .email-animate a {
        font-size:16px;
        line-height: 22px
    }
}

.direction-block .rightarrowicon {
    background-image: url(/-/media/project/dlapiper-tenant/dlapiper/icons/arrow_forward_24.svg)!important
}

.direction-block .rightarrowicon,.email-animate .rightarrowicon {
    width: 24px;
    height: 24px;
    background-repeat: no-repeat;
    background-size: 24px;
    display: inline-block;
    position: relative;
    top: 7px;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    transition: .3s;
    -webkit-transition-timing-function: ease-out;
    -moz-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    -webkit-animation: .3s ease-in-out 1.1s forwards;
    -moz-animation: .3s ease-in-out 1.1s forwards;
    animation: .3s ease-in-out 1.1s forwards
}

.email-animate .rightarrowicon {
    margin-left: 5px;
    background-image: url(/-/media/project/dlapiper-tenant/dlapiper/icons/peopleconatct-arrowsmall.svg)!important
}

@media (min-width: 993px) {
    .direction-text:hover .rightarrowicon,.email-animate:hover .rightarrowicon {
        -webkit-transition:.3s;
        -moz-transition: .3s;
        transition: .3s;
        -webkit-transition-timing-function: ease-out;
        -moz-transition-timing-function: ease-out;
        transition-timing-function: ease-out;
        -webkit-transform: translateX(4px);
        -moz-transform: translateX(4px);
        transform: translateX(4px);
        -webkit-animation: .3s ease-in-out 1.1s forwards;
        -moz-animation: .3s ease-in-out 1.1s forwards;
        animation: .3s ease-in-out 1.1s forwards;
        background-image: url(/-/media/project/dlapiper-tenant/dlapiper/icons/arrow_forward_stretch_24.svg)!important
    }
}

.sayhello-block {
    padding-left: 51px
}

@media (max-width: 992px) {
    .sayhello-block {
        position:static;
        padding-top: 35px;
        padding-left: 16px;
        padding-bottom: 14px
    }
}

.sayhello-block .sayhello-title {
    font-family: "Noto Serif";
    font-size: 32px;
    line-height: 30px;
    text-align: left;
    letter-spacing: 0;
    color: #002240;
    opacity: 1;
    padding-top: 38px
}

@media (max-width: 992px) {
    .sayhello-block .sayhello-title {
        font-size:20px;
        padding-top: 1px
    }
}

.sayhello-block .social-block {
    position: relative;
    display: inline-block
}

@media (max-width: 992px) {
    .sayhello-block .social-block {
        display:block;
        padding-bottom: 10px;
        float: none
    }
}

@media (min-width: 993px) {
    .sayhello-block .social-block.linkedin {
        margin-right:130px
    }

    .sayhello-block .social-block.twitter {
        margin-right: 117px
    }

    .sayhello-block .social-block.whatsapp {
        margin-right: 140px
    }

    .sayhello-block .social-block.xing {
        margin-right: 92px
    }

    .sayhello-block .social-block.line {
        margin-right: 89px
    }
}

.sayhello-block .social-icon {
    position: relative;
    padding-right: 17px
}

@media (max-width: 992px) {
    .sayhello-block .social-icon {
        padding-right:12px
    }
}

.sayhello-block .social-text {
    position: absolute;
    text-align: left;
    font-family: Noto Sans,Arial,Helvetica,sans-serif;
    font-weight: 700;
    font-size: 18px;
    line-height: 26px;
    letter-spacing: 0;
    color: #737627;
    opacity: 1;
    -webkit-transition: .3s ease-out;
    -moz-transition: .3s ease-out;
    transition: .3s ease-out
}

@media (max-width: 992px) {
    .sayhello-block .social-text {
        position:relative;
        font-size: 16px
    }
}

@media (min-width: 993px) {
    .sayhello-block .social-text:before {
        position:absolute;
        content: "";
        width: 0;
        height: 120%;
        border-bottom: 2px solid #737627;
        -webkit-transition: .3s ease-out;
        -moz-transition: .3s ease-out;
        transition: .3s ease-out
    }

    .sayhello-block .social-text:hover {
        margin-top: -4px
    }

    .sayhello-block .social-text:hover:before {
        width: 100%
    }

    .email-animate:hover a,.email-animate a:hover .sendemailcontact {
        color: #737627
    }

    .profile-contact-component .direction-text,.profile-contact-component a {
        cursor: pointer
    }

    .profile-contact-component a:hover {
        color: #737627
    }

    .col-lg-4.plr-0.pd-16 {
        padding-right: 16px!important
    }
}

.social-block.mrtp-32 {
    margin-top: 32px
}

@media (max-width: 992px) {
    .social-block.mrtp-32 {
        margin-top:16px
    }
}

.direction-text svg {
    margin-right: 5px;
    margin-bottom: 3px
}

.un {
    display: inline-block!important
}

@media (min-width: 993px) {
    .un:after {
        content:"";
        width: 0;
        margin-top: 5px;
        height: 2px;
        display: block;
        background: #737627;
        -webkit-transition: .3s;
        -moz-transition: .3s;
        transition: .3s
    }
}

.un:hover:after {
    width: 100%
}

@media (min-width: 993px) {
    .rich-text-heading-component.connect-heading {
        padding-bottom:38px
    }
}

.rich-text-heading-component.connect-heading .rich-text-header {
    margin-bottom: 15px
}

@media (max-width: 992px) {
    .rich-text-heading-component.connect-heading .rich-text-header {
        margin-bottom:8px
    }

    .rich-text-heading-component.connect-heading .rich-text-container {
        padding-bottom: 16px
    }
}

.people-profile-component {
    margin-top: -1px;
    margin-bottom: 48px
}

@media (max-width: 992px) {
    .people-profile-component {
        margin-bottom:32px
    }
}

.people-profile-component .mainDiv {
    position: relative;
    width: 100%;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    transition: all .5s ease
}

@media (min-width: 993px) {
    .people-profile-component .stickyMain {
        position:sticky;
        position: -webkit-sticky;
        top: 0;
        z-index: -1;
        -webkit-transition: all .5s ease;
        -moz-transition: all .5s ease;
        transition: all .5s ease
    }
}

.people-profile-component .people-profile-wrapper {
    width: 100%;
    margin: 0 auto;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    transition: all .5s ease
}

.people-profile-component .people-profile-wrapper .section-wrap {
    height: 100%
}

.people-profile-component .people-profile-wrapper .section-wrap .share-btn-wrapper {
    position: absolute;
    right: 50px;
    z-index: 998;
    top: 16px
}

@media print {
    .people-profile-component .people-profile-wrapper .section-wrap .share-btn-wrapper {
        display: none
    }
}

@media (max-width: 992px) {
    .people-profile-component .people-profile-wrapper .section-wrap .share-btn-wrapper {
        position:fixed;
        right: 20px;
        top: 64px
    }
}

.people-profile-component .people-profile-wrapper .section-wrap .share-btn-wrapper button {
    background: none;
    padding-left: 0
}

.people-profile-component .people-profile-wrapper .section-wrap .share-btn-wrapper .share-button {
    display: -moz-box;
    display: flex;
    -moz-box-align: center;
    align-items: center;
    border: 2px solid #fff;
    border-radius: 50px;
    color: #fff;
    text-decoration: none;
    padding: 0 20px;
    height: 40px;
    cursor: pointer;
    float: right;
    -moz-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

@media (max-width: 992px) {
    .people-profile-component .people-profile-wrapper .section-wrap .share-btn-wrapper .share-button {
        width:40px;
        height: 40px;
        padding: unset;
        border-radius: 50%
    }
}

.people-profile-component .people-profile-wrapper .section-wrap .share-btn-wrapper .share-button.active {
    border: 1px solid #737627;
    background-color: #737627
}

@media (min-width: 993px) {
    .people-profile-component .people-profile-wrapper .section-wrap .share-btn-wrapper .share-button.active {
        -webkit-transform:scale(1.1);
        -moz-transform: scale(1.1);
        transform: scale(1.1)
    }

    .people-profile-component .people-profile-wrapper .section-wrap .share-btn-wrapper .share-button:hover {
        border: 1px solid #737627;
        background-color: #737627;
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        transform: scale(1.1)
    }

    .people-profile-component .people-profile-wrapper .section-wrap .share-btn-wrapper .share-button:hover svg {
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        transform: scale(1.1)
    }
}

.people-profile-component .people-profile-wrapper .section-wrap .share-btn-wrapper .share-button .button-txt {
    text-transform: uppercase;
    font-weight: 600;
    font-size: 12px;
    line-height: 17px;
    margin-right: 11px;
    font-family: Noto Sans,Arial,Helvetica,sans-serif
}

@media (max-width: 992px) {
    .people-profile-component .people-profile-wrapper .section-wrap .share-btn-wrapper .share-button .button-txt {
        display:none
    }
}

.people-profile-component .people-profile-wrapper .section-wrap .share-btn-wrapper .share-button svg {
    width: 19px;
    height: 19px;
    -webkit-transition: .3s ease-out;
    -moz-transition: .3s ease-out;
    transition: .3s ease-out
}

@media (max-width: 992px) {
    .people-profile-component .people-profile-wrapper .section-wrap .share-btn-wrapper .share-button svg {
        margin:8px 0 0 8px
    }
}

.people-profile-component .people-profile-wrapper .section-wrap .share-btn-wrapper .share-links {
    display: none;
    position: absolute;
    padding: 25px 25px 9px;
    background-color: #fff;
    font-family: Noto Sans,Arial,Helvetica,sans-serif;
    font-weight: 500;
    border: 1.5px solid #737627;
    width: 192px;
    height: auto;
    top: 57px;
    right: 0;
    z-index: 9999;
    border-radius: 2px
}

@media (max-width: 992px) {
    .people-profile-component .people-profile-wrapper .section-wrap .share-btn-wrapper .share-links {
        top:57px;
        right: -26%
    }
}

.people-profile-component .people-profile-wrapper .section-wrap .share-btn-wrapper .share-links:after {
    content: "";
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 19px solid #fff;
    position: absolute;
    top: -18px;
    left: 80%
}

.people-profile-component .people-profile-wrapper .section-wrap .share-btn-wrapper .share-links:before {
    content: "";
    width: 0;
    height: 0;
    border-left: 11.75px solid transparent;
    border-right: 11.75px solid transparent;
    border-bottom: 19px solid #737627;
    position: absolute;
    top: -19px;
    left: 79%
}

.people-profile-component .people-profile-wrapper .section-wrap .share-btn-wrapper .share-links a {
    position: relative;
    display: block;
    text-decoration: none;
    color: #737627;
    cursor: pointer;
    margin-bottom: 18px
}

.people-profile-component .people-profile-wrapper .section-wrap .share-btn-wrapper .share-links a:hover {
    color: #002240
}

.people-profile-component .people-profile-wrapper .section-wrap .share-btn-wrapper .share-links a:hover span.link-text:after {
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    width: 100%
}

.people-profile-component .people-profile-wrapper .section-wrap .share-btn-wrapper .share-links a span.link-text {
    margin-left: 46px;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    position: relative;
    padding-bottom: 5px
}

.people-profile-component .people-profile-wrapper .section-wrap .share-btn-wrapper .share-links a span.link-text:after {
    content: "";
    width: 0;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    height: 2px;
    background-color: #002240;
    position: absolute;
    left: 0;
    bottom: 0
}

.people-profile-component .people-profile-wrapper .section-wrap .share-btn-wrapper .share-links a.sharethis_button_email:before,.people-profile-component .people-profile-wrapper .section-wrap .share-btn-wrapper .share-links a.sharethis_button_facebook:before,.people-profile-component .people-profile-wrapper .section-wrap .share-btn-wrapper .share-links a.sharethis_button_line:before,.people-profile-component .people-profile-wrapper .section-wrap .share-btn-wrapper .share-links a.sharethis_button_linkedin:before,.people-profile-component .people-profile-wrapper .section-wrap .share-btn-wrapper .share-links a.sharethis_button_twitter:before,.people-profile-component .people-profile-wrapper .section-wrap .share-btn-wrapper .share-links a.sharethis_button_wechat:before,.people-profile-component .people-profile-wrapper .section-wrap .share-btn-wrapper .share-links a.sharethis_button_whatsapp:before,.people-profile-component .people-profile-wrapper .section-wrap .share-btn-wrapper .share-links a.sharethis_button_xing:before {
    content: "";
    background-repeat: no-repeat;
    position: absolute;
    width: 24px;
    height: 24px;
    left: 0;
    top: 3px
}

.people-profile-component .people-profile-wrapper .section-wrap .share-btn-wrapper .share-links a.sharethis_button_facebook:before {
    background-image: url(/-/media/project/dlapiper-tenant/dlapiper/icons/facebook-icon.svg)
}

.people-profile-component .people-profile-wrapper .section-wrap .share-btn-wrapper .share-links a.sharethis_button_twitter:before {
    background-image: url(/-/media/project/dlapiper-tenant/dlapiper/icons/twitter-icon-share_v2.svg)
}

.people-profile-component .people-profile-wrapper .section-wrap .share-btn-wrapper .share-links a.sharethis_button_email:before {
    background-image: url(/-/media/project/dlapiper-tenant/dlapiper/icons/email-icon.svg)
}

.people-profile-component .people-profile-wrapper .section-wrap .share-btn-wrapper .share-links a.sharethis_button_linkedin:before {
    background-image: url(/-/media/project/dlapiper-tenant/dlapiper/icons/linkedin-icon.svg)
}

.people-profile-component .people-profile-wrapper .section-wrap .share-btn-wrapper .share-links a.sharethis_button_whatsapp:before {
    background-image: url(/-/media/project/dlapiper-tenant/dlapiper/icons/whatsapp-icon.svg)
}

.people-profile-component .people-profile-wrapper .section-wrap .share-btn-wrapper .share-links a.sharethis_button_line:before {
    background-image: url(/-/media/project/dlapiper-tenant/dlapiper/icons/line-icon.svg)
}

.people-profile-component .people-profile-wrapper .section-wrap .share-btn-wrapper .share-links a.sharethis_button_wechat:before {
    background-image: url(/-/media/project/dlapiper-tenant/dlapiper/icons/wechat-icon.svg)
}

.people-profile-component .people-profile-wrapper .section-wrap .share-btn-wrapper .share-links a.sharethis_button_xing:before {
    background-image: url(/-/media/project/dlapiper-tenant/dlapiper/icons/xing-icon.svg)
}

.people-profile-component .people-profile-wrapper .section-wrap .share-btn-wrapper.hide-share-button {
    z-index: -1
}

.people-profile-component .people-profile-wrapper .section-wrap .left-section {
    padding: 0
}

@media (min-width: 993px) {
    .people-profile-component .people-profile-wrapper .section-wrap .left-section {
        position:sticky;
        width: 42%;
        top: 69px;
        float: left
    }
}

@media (max-width: 992px) {
    .people-profile-component .people-profile-wrapper .section-wrap .left-section {
        position:absolute;
        z-index: -99;
        width: 100%
    }
}

@media (max-width: 992px) and (max-width:992px) {
    .people-profile-component .people-profile-wrapper .section-wrap .left-section.image-fixed {
        position:fixed!important;
        top: 56px
    }
}

@media print and (max-width: 992px) and (max-width:992px) {
    .people-profile-component .people-profile-wrapper .section-wrap .left-section.image-fixed {
        position:sticky!important;
        top: 0
    }
}

.people-profile-component .people-profile-wrapper .section-wrap .left-section .img-wrapper {
    width: 100%;
    height: 720px
}

@media (max-width: 992px) {
    .people-profile-component .people-profile-wrapper .section-wrap .left-section .img-wrapper {
        height:550px;
        background-attachment: fixed
    }
}

.people-profile-component .people-profile-wrapper .section-wrap .left-section img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: top
}

@media (max-width: 992px) {
    .people-profile-component .people-profile-wrapper .section-wrap .left-section img {
        height:464px
    }
}

@media print {
    .people-profile-component .people-profile-wrapper .section-wrap .left-section {
        position: relative
    }

    .people-profile-component .people-profile-wrapper .section-wrap .left-section img {
        height: 100%
    }
}

@media print and (max-width: 992px) {
    .people-profile-component .people-profile-wrapper .section-wrap .left-section img {
        max-height:1454px!important
    }
}

@media (max-width: 992px) {
    .people-profile-component .people-profile-wrapper .section-wrap .left-section.pos-absolute {
        position:absolute!important
    }
}

.people-profile-component .people-profile-wrapper .section-wrap .right-section {
    padding: 0
}

@media (max-width: 992px) {
    .people-profile-component .people-profile-wrapper .section-wrap .right-section {
        position:relative;
        padding-top: 413px
    }
}

@media (min-width: 993px) {
    .people-profile-component .people-profile-wrapper .section-wrap .right-section {
        width:58%;
        z-index: 99;
        float: left
    }
}

@media print {
    .people-profile-component .people-profile-wrapper .section-wrap .right-section {
        padding-top: 30px
    }
}

.people-profile-component .people-profile-wrapper .section-wrap .right-section .name-quote-wrapper {
    position: relative
}

.people-profile-component .people-profile-wrapper .section-wrap .right-section .name-quote-wrapper .name-details-section {
    color: #fff
}

@media (min-width: 993px) {
    .people-profile-component .people-profile-wrapper .section-wrap .right-section .name-quote-wrapper .name-details-section {
        background:url(/-/media/project/dlapiper-tenant/dlapiper/icons/people-profile-strings.svg) #002240 no-repeat;
        background-position: bottom;
        background-size: 100%
    }
}

@media (max-width: 992px) {
    .people-profile-component .people-profile-wrapper .section-wrap .right-section .name-quote-wrapper .name-details-section {
        background-color:#002240;
        min-height: 240px;
        border-radius: 32px 32px 0 0
    }
}

.people-profile-component .people-profile-wrapper .section-wrap .right-section .name-quote-wrapper .name-details-section .name-details {
    padding: 122px 33px 62px
}

@media (max-width: 992px) {
    .people-profile-component .people-profile-wrapper .section-wrap .right-section .name-quote-wrapper .name-details-section .name-details {
        padding:32px 16px
    }
}

.people-profile-component .people-profile-wrapper .section-wrap .right-section .name-quote-wrapper .name-details-section .name-details span {
    display: block
}

.people-profile-component .people-profile-wrapper .section-wrap .right-section .name-quote-wrapper .name-details-section .name-details .name {
    font-family: "Noto Serif";
    font-weight: 300;
    font-size: 56px;
    line-height: 62px;
    margin-bottom: 12px
}

@media (max-width: 992px) {
    .people-profile-component .people-profile-wrapper .section-wrap .right-section .name-quote-wrapper .name-details-section .name-details .name {
        font-size:28px;
        line-height: 32px;
        margin-bottom: 16px
    }
}

.people-profile-component .people-profile-wrapper .section-wrap .right-section .name-quote-wrapper .name-details-section .name-details .name span {
    display: inline;
    font-family: "Noto Serif";
    font-weight: 600
}

.people-profile-component .people-profile-wrapper .section-wrap .right-section .name-quote-wrapper .name-details-section .name-details .gender,.people-profile-component .people-profile-wrapper .section-wrap .right-section .name-quote-wrapper .name-details-section .name-details .pronunciation {
    font-size: 16px;
    line-height: 26px;
    letter-spacing: .58px
}

@media (max-width: 992px) {
    .people-profile-component .people-profile-wrapper .section-wrap .right-section .name-quote-wrapper .name-details-section .name-details .gender,.people-profile-component .people-profile-wrapper .section-wrap .right-section .name-quote-wrapper .name-details-section .name-details .pronunciation {
        font-size:14px;
        letter-spacing: .5px
    }
}

.people-profile-component .people-profile-wrapper .section-wrap .right-section .name-quote-wrapper .name-details-section .name-details .pronunciation {
    margin-bottom: 5px;
    position: relative
}

.people-profile-component .people-profile-wrapper .section-wrap .right-section .name-quote-wrapper .name-details-section .name-details .pronunciation:before {
    content: "";
    display: inline-block;
    background: url(/-/media/project/dlapiper-tenant/dlapiper/icons/voice-over.svg);
    background-repeat: no-repeat;
    background-size: contain;
    position: relative;
    top: 2px;
    width: 18px;
    height: 18px;
    margin-right: 9px
}

@media (max-width: 992px) {
    .people-profile-component .people-profile-wrapper .section-wrap .right-section .name-quote-wrapper .name-details-section .name-details .pronunciation:before {
        width:20px;
        height: 20px
    }
}

.people-profile-component .people-profile-wrapper .section-wrap .right-section .name-quote-wrapper .name-details-section .name-details .gender {
    margin-bottom: 16px
}

.people-profile-component .people-profile-wrapper .section-wrap .right-section .name-quote-wrapper .name-details-section .name-details .designation,.people-profile-component .people-profile-wrapper .section-wrap .right-section .name-quote-wrapper .name-details-section .name-details .role {
    font-family: Noto Sans,Arial,Helvetica,sans-serif;
    font-weight: 600;
    font-size: 20px;
    line-height: 26px;
    margin-bottom: 4px
}

.people-profile-component .people-profile-wrapper .section-wrap .right-section .name-quote-wrapper .name-details-section .name-details .designation p,.people-profile-component .people-profile-wrapper .section-wrap .right-section .name-quote-wrapper .name-details-section .name-details .role p {
    margin-bottom: 4px
}

@media (max-width: 992px) {
    .people-profile-component .people-profile-wrapper .section-wrap .right-section .name-quote-wrapper .name-details-section .name-details .designation,.people-profile-component .people-profile-wrapper .section-wrap .right-section .name-quote-wrapper .name-details-section .name-details .role {
        font-size:18px
    }
}

.people-profile-component .people-profile-wrapper .section-wrap .right-section .name-quote-wrapper .name-details-section .quote-box {
    position: relative;
    bottom: -46px;
    max-width: 86%;
    min-height: 200px;
    background-color: #ddde4c;
    padding: 60px 139px 24px 60px
}

@media (max-width: 992px) {
    .people-profile-component .people-profile-wrapper .section-wrap .right-section .name-quote-wrapper .name-details-section .quote-box {
        max-width:100%;
        min-height: 160px;
        padding: 28px 36px 39px 42px;
        position: relative;
        bottom: unset
    }
}

.people-profile-component .people-profile-wrapper .section-wrap .right-section .name-quote-wrapper .name-details-section .quote-box .withoutQuotationMark {
    display: block;
    position: relative;
    margin-bottom: 14px;
    font-family: "Noto Serif";
    font-style: italic;
    font-size: 24px;
    line-height: 30px;
    color: #002240
}

@media (max-width: 992px) {
    .people-profile-component .people-profile-wrapper .section-wrap .right-section .name-quote-wrapper .name-details-section .quote-box .withoutQuotationMark {
        font-size:20px;
        line-height: 24px
    }
}

.people-profile-component .people-profile-wrapper .section-wrap .right-section .name-quote-wrapper .name-details-section .quote-box .quote {
    display: block;
    position: relative;
    margin-bottom: 37px;
    font-family: "Noto Serif";
    font-style: italic;
    font-size: 24px;
    line-height: 30px;
    color: #002240
}

.people-profile-component .people-profile-wrapper .section-wrap .right-section .name-quote-wrapper .name-details-section .quote-box .quote div {
    display: inline
}

@media (max-width: 992px) {
    .people-profile-component .people-profile-wrapper .section-wrap .right-section .name-quote-wrapper .name-details-section .quote-box .quote {
        font-size:20px;
        line-height: 24px
    }
}

.people-profile-component .people-profile-wrapper .section-wrap .right-section .name-quote-wrapper .name-details-section .quote-box .quote:before {
    content: "“";
    position: absolute;
    font-size: 72px;
    line-height: 30px;
    left: -40px;
    top: 0
}

@media (max-width: 992px) {
    .people-profile-component .people-profile-wrapper .section-wrap .right-section .name-quote-wrapper .name-details-section .quote-box .quote:before {
        font-size:64px;
        line-height: 30px
    }
}

.people-profile-component .people-profile-wrapper .section-wrap .right-section .name-quote-wrapper .name-details-section .quote-box .quote:after {
    content: "“";
    position: static;
    display: inline-block;
    margin-left: 14px;
    margin-top: -19px;
    padding-bottom: 13px;
    font-size: 72px;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    transform: rotate(180deg);
    margin-right: -50px
}

@media (max-width: 992px) {
    .people-profile-component .people-profile-wrapper .section-wrap .right-section .name-quote-wrapper .name-details-section .quote-box .quote:after {
        right:-13px;
        bottom: 5px
    }
}

.people-profile-component .people-profile-wrapper .section-wrap .right-section .name-quote-wrapper .name-details-section .quote-box .attribution {
    float: unset;
    position: absolute;
    right: 32px;
    bottom: 24px;
    font-family: Noto Sans,Arial,Helvetica,sans-serif;
    font-weight: 600;
    font-size: 18px;
    line-height: 24px;
    color: #002240
}

@media (max-width: 992px) {
    .people-profile-component .people-profile-wrapper .section-wrap .right-section .name-quote-wrapper .name-details-section .quote-box .attribution {
        font-size:14px
    }
}

.people-profile-component .people-profile-wrapper .section-wrap .right-section .email-and-phone {
    background-color: #fff;
    padding: 88px 150px 40px 141px
}

@media (max-width: 992px) {
    .people-profile-component .people-profile-wrapper .section-wrap .right-section .email-and-phone {
        padding:45px 45px 40px 16px
    }
}

.people-profile-component .people-profile-wrapper .section-wrap .right-section .email-and-phone .email-section a:hover {
    color: #002240!important;
    cursor: pointer
}

.people-profile-component .people-profile-wrapper .section-wrap .right-section .email-and-phone .email-section .email-label,.people-profile-component .people-profile-wrapper .section-wrap .right-section .email-and-phone .phone-section .phone-label {
    display: block;
    font-family: Noto Sans,Arial,Helvetica,sans-serif;
    font-size: 12px;
    line-height: 17px;
    color: #002240;
    text-transform: uppercase;
    font-weight: 700
}

.people-profile-component .people-profile-wrapper .section-wrap .right-section .email-and-phone .email-section .email,.people-profile-component .people-profile-wrapper .section-wrap .right-section .email-and-phone .email-section .email-without-phone,.people-profile-component .people-profile-wrapper .section-wrap .right-section .email-and-phone .phone-section .phone {
    display: block;
    font-family: Noto Sans,Arial,Helvetica,sans-serif;
    font-weight: 600;
    font-size: 18px;
    line-height: 26px;
    color: #737627
}

@media (max-width: 992px) {
    .people-profile-component .people-profile-wrapper .section-wrap .right-section .email-and-phone .email-section .email,.people-profile-component .people-profile-wrapper .section-wrap .right-section .email-and-phone .email-section .email-without-phone,.people-profile-component .people-profile-wrapper .section-wrap .right-section .email-and-phone .phone-section .phone {
        font-size:14px
    }
}

.people-profile-component .people-profile-wrapper .section-wrap .right-section .email-and-phone .email-section .email-without-phone a,.people-profile-component .people-profile-wrapper .section-wrap .right-section .email-and-phone .email-section .email a,.people-profile-component .people-profile-wrapper .section-wrap .right-section .email-and-phone .phone-section .phone a {
    color: #737627
}

.people-profile-component .people-profile-wrapper .section-wrap .right-section .email-and-phone .email {
    margin-bottom: 40px
}

.people-profile-component .people-profile-wrapper .section-wrap .right-section .email-and-phone .phone-section a:hover {
    color: #002240!important;
    cursor: pointer
}

.people-profile-component .people-profile-wrapper .section-wrap .right-section .people-info-section {
    padding: 0 150px 40px 141px;
    background-color: #fff;
    margin: -1px 0
}

@media (max-width: 992px) {
    .people-profile-component .people-profile-wrapper .section-wrap .right-section .people-info-section {
        padding:0 16px 40px;
        font-size: 16px;
        line-height: 22px
    }
}

.people-profile-component .people-profile-wrapper .section-wrap .right-section .people-info-section span {
    display: block
}

.people-profile-component .people-profile-wrapper .section-wrap .right-section .people-info-section .region:hover {
    color: #002240!important;
    cursor: pointer
}

.people-profile-component .people-profile-wrapper .section-wrap .right-section .people-info-section .region,.people-profile-component .people-profile-wrapper .section-wrap .right-section .people-info-section .region-empty-class {
    display: inline-block;
    font-family: Noto Sans,Arial,Helvetica,sans-serif;
    font-weight: 600;
    font-size: 18px;
    line-height: 30px;
    margin: 0 16px 16px 0;
    color: #737627
}

@media (max-width: 992px) {
    .people-profile-component .people-profile-wrapper .section-wrap .right-section .people-info-section .region,.people-profile-component .people-profile-wrapper .section-wrap .right-section .people-info-section .region-empty-class {
        font-family:Noto Sans,Arial,Helvetica,sans-serif;
        font-weight: 700
    }
}

.people-profile-component .people-profile-wrapper .section-wrap .right-section .people-info-section .region-empty-class {
    margin: 0 16px 0 0!important
}

.people-profile-component .people-profile-wrapper .section-wrap .right-section .people-info-section .note {
    font-size: 14px;
    line-height: 20px;
    font-style: italic;
    margin-bottom: 20px
}

.people-profile-component .people-profile-wrapper .section-wrap .right-section .people-info-section .position {
    font-size: 18px;
    line-height: 32px
}

@media (max-width: 992px) {
    .people-profile-component .people-profile-wrapper .section-wrap .right-section .people-info-section .position {
        font-size:16px;
        line-height: 22px
    }
}

.people-profile-component .people-profile-wrapper .section-wrap .right-section .people-profile {
    background-color: #f8f8f8;
    padding: 48px 85px 1px 141px
}

@media (max-width: 992px) {
    .people-profile-component .people-profile-wrapper .section-wrap .right-section .people-profile {
        padding:21px 16px 1px
    }

    .people-profile-component .people-profile-wrapper .section-wrap .right-section .people-profile .empty-class {
        margin-bottom: 66px!important
    }
}

@media (min-width: 993px) {
    .people-profile-component .people-profile-wrapper .section-wrap .right-section .people-profile .empty-class {
        margin-bottom:88px!important
    }
}

.people-profile-component .people-profile-wrapper .section-wrap .right-section .people-profile .label {
    display: block;
    font-family: Noto Sans,Arial,Helvetica,sans-serif;
    font-size: 16px;
    line-height: 22px;
    text-transform: uppercase;
    font-weight: 700
}

.people-profile-component .people-profile-wrapper .section-wrap .right-section .people-profile .people-about-section {
    margin-bottom: 120px
}

@media (max-width: 992px) {
    .people-profile-component .people-profile-wrapper .section-wrap .right-section .people-profile .people-about-section {
        margin-bottom:50px
    }

    .people-profile-component .people-profile-wrapper .section-wrap .right-section .people-profile .people-about-section:last-child {
        margin-bottom: 35px
    }
}

.people-profile-component .people-profile-wrapper .section-wrap .right-section .people-profile .people-about-section .label {
    margin-bottom: 28px
}

.people-profile-component .people-profile-wrapper .section-wrap .right-section .people-profile .people-about-section .about-para {
    display: block;
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 20px
}

@media (max-width: 992px) {
    .people-profile-component .people-profile-wrapper .section-wrap .right-section .people-profile .people-about-section .about-para {
        font-size:16px
    }
}

.people-profile-component .people-profile-wrapper .section-wrap .right-section .people-profile .people-about-section .bind-more-text {
    display: block;
    -moz-transition: all .8s ease-out;
    -webkit-transition: all .8s ease-out;
    -webkit-transition: -webkit-transform .8s;
    transition: -webkit-transform .8s;
    -moz-transition: transform .8s,-moz-transform .8s;
    transition: transform .8s;
    transition: transform .8s,-webkit-transform .8s,-moz-transform .8s;
    transition: all .8s ease-out
}

.people-profile-component .people-profile-wrapper .section-wrap .right-section .people-profile .people-about-section button {
    background: none;
    border: none;
    padding-left: 0
}

.people-profile-component .people-profile-wrapper .section-wrap .right-section .people-profile .people-about-section .read-more-link {
    margin-top: 33px;
    margin-bottom: 0;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    color: #737627
}

@media (max-width: 992px) {
    .people-profile-component .people-profile-wrapper .section-wrap .right-section .people-profile .people-about-section .read-more-link {
        margin-top:28px;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content
    }
}

.people-profile-component .people-profile-wrapper .section-wrap .right-section .people-profile .people-about-section .read-more-link .read-more-align {
    text-align: right;
    font-family: Noto Sans,Arial,Helvetica,sans-serif;
    font-weight: 700;
    font-size: 16px;
    line-height: 22px;
    letter-spacing: 0;
    text-transform: uppercase;
    opacity: 1
}

.people-profile-component .people-profile-wrapper .section-wrap .right-section .people-profile .people-about-section .read-more-link svg.rotate {
    fill: #737627
}

.people-profile-component .people-profile-wrapper .section-wrap .right-section .people-profile .people-about-section .read-more-link:hover {
    color: #002240
}

.people-profile-component .people-profile-wrapper .section-wrap .right-section .people-profile .people-about-section .read-more-link:hover path#Path_3589 {
    fill: #000
}

.people-profile-component .people-profile-wrapper .section-wrap .right-section .people-profile .area-focus-section {
    margin-bottom: 104px
}

@media (max-width: 992px) {
    .people-profile-component .people-profile-wrapper .section-wrap .right-section .people-profile .area-focus-section {
        margin-bottom:34px
    }
}

.people-profile-component .people-profile-wrapper .section-wrap .right-section .people-profile .area-focus-section .label {
    margin-bottom: 24px
}

.people-profile-component .people-profile-wrapper .section-wrap .right-section .people-profile .area-focus-section .focus-area {
    display: inline-block;
    font-family: Noto Sans,Arial,Helvetica,sans-serif;
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    color: #737627;
    border: 1px solid #737627;
    border-radius: 4px;
    padding: 10px 17px;
    margin: 0 16px 16px 0
}

@media (min-width: 993px) {
    .people-profile-component .people-profile-wrapper .section-wrap .right-section .people-profile .area-focus-section .focus-area:hover {
        background-color:#737627;
        color: #fff
    }
}

.people-profile-component .people-profile-wrapper .section-wrap .right-section .people-profile .bar-admission-section,.people-profile-component .people-profile-wrapper .section-wrap .right-section .people-profile .court-section,.people-profile-component .people-profile-wrapper .section-wrap .right-section .people-profile .qualification-section {
    color: #002240;
    margin-bottom: 80px
}

@media (max-width: 992px) {
    .people-profile-component .people-profile-wrapper .section-wrap .right-section .people-profile .bar-admission-section,.people-profile-component .people-profile-wrapper .section-wrap .right-section .people-profile .court-section,.people-profile-component .people-profile-wrapper .section-wrap .right-section .people-profile .qualification-section {
        margin-bottom:50px
    }

    .people-profile-component .people-profile-wrapper .section-wrap .right-section .people-profile .bar-admission-section:last-child,.people-profile-component .people-profile-wrapper .section-wrap .right-section .people-profile .court-section:last-child,.people-profile-component .people-profile-wrapper .section-wrap .right-section .people-profile .qualification-section:last-child {
        margin-bottom: 35px
    }
}

@media print {
    .people-profile-component .people-profile-wrapper .section-wrap .right-section .people-profile .bar-admission-section,.people-profile-component .people-profile-wrapper .section-wrap .right-section .people-profile .court-section,.people-profile-component .people-profile-wrapper .section-wrap .right-section .people-profile .qualification-section {
        margin-bottom: 40px
    }
}

.people-profile-component .people-profile-wrapper .section-wrap .right-section .people-profile .bar-admission-section .label,.people-profile-component .people-profile-wrapper .section-wrap .right-section .people-profile .court-section .label,.people-profile-component .people-profile-wrapper .section-wrap .right-section .people-profile .qualification-section .label {
    margin-bottom: 28px
}

.people-profile-component .people-profile-wrapper .section-wrap .right-section .people-profile .bar-admission-section .area,.people-profile-component .people-profile-wrapper .section-wrap .right-section .people-profile .court-section .area,.people-profile-component .people-profile-wrapper .section-wrap .right-section .people-profile .qualification-section .area {
    display: block;
    font-size: 18px;
    line-height: 28px
}

@media (max-width: 992px) {
    .people-profile-component .people-profile-wrapper .section-wrap .right-section .people-profile .bar-admission-section .area,.people-profile-component .people-profile-wrapper .section-wrap .right-section .people-profile .court-section .area,.people-profile-component .people-profile-wrapper .section-wrap .right-section .people-profile .qualification-section .area {
        font-size:16px;
        line-height: 22px
    }

    .people-profile-component .people-profile-wrapper .section-wrap .right-section .people-profile .court-section {
        margin-bottom: 35px
    }
}

.people-profile-main-div:last-child {
    margin-bottom: 0
}

.people-profile-main-div+.anchor-nav-component,.people-profile-main-div+.brightcove-component,.people-profile-main-div+.dla-contacts.gray-background,.people-profile-main-div+.feature-component,.people-profile-main-div+.feature-cta-component,.people-profile-main-div+.feature-text-component,.people-profile-main-div+.hero-component,.people-profile-main-div+.homepage-stories-component,.people-profile-main-div+.intro-copy-component,.people-profile-main-div+.masthead-subtitle-component,.people-profile-main-div+.more-to-see-component,.people-profile-main-div+.people-profile-main-div,.people-profile-main-div+.press-release-comp,.people-profile-main-div+.quote-component,.people-profile-main-div+.recommended-for-you-component.gray-background,.people-profile-main-div+.related-capability-component,.people-profile-main-div+.resource-component-links:not(.white-background),.people-profile-main-div+.resourcescommon.gray-background,.people-profile-main-div+.rich-text-component:not(.subhead-white),.people-profile-main-div+.rich-text-heading-component.gray-background,.people-profile-main-div+.share-component:not(.PrimaryHeader-white),.people-profile-main-div+.tertiary-content-component:not(.background-white) {
    margin-top: -48px
}

@media (max-width: 992px) {
    .people-profile-main-div+.anchor-nav-component,.people-profile-main-div+.brightcove-component,.people-profile-main-div+.dla-contacts.gray-background,.people-profile-main-div+.feature-component,.people-profile-main-div+.feature-cta-component,.people-profile-main-div+.feature-text-component,.people-profile-main-div+.hero-component,.people-profile-main-div+.homepage-stories-component,.people-profile-main-div+.intro-copy-component,.people-profile-main-div+.masthead-subtitle-component,.people-profile-main-div+.more-to-see-component,.people-profile-main-div+.people-profile-main-div,.people-profile-main-div+.press-release-comp,.people-profile-main-div+.quote-component,.people-profile-main-div+.recommended-for-you-component.gray-background,.people-profile-main-div+.related-capability-component,.people-profile-main-div+.resource-component-links:not(.white-background),.people-profile-main-div+.resourcescommon.gray-background,.people-profile-main-div+.rich-text-component:not(.subhead-white),.people-profile-main-div+.rich-text-heading-component.gray-background,.people-profile-main-div+.share-component:not(.PrimaryHeader-white),.people-profile-main-div+.tertiary-content-component:not(.background-white) {
        margin-top:-32px
    }
}

.people-profile-main-div+.breadcrumb-component {
    margin-top: -37px
}

@media (max-width: 992px) {
    .people-profile-main-div+.breadcrumb-component {
        margin-top:-16px
    }

    .people-profile-main-div+.profile-contact-component {
        margin-top: -32px
    }
}

.people-profile-component .share-btn-wrapper.disabled-cookies {
    pointer-events: none
}

.education-component {
    margin-bottom: 48px;
    padding: 0
}

@media (max-width: 992px) {
    .education-component {
        max-width:100%;
        width: 100%;
        padding: 0 16px;
        margin-bottom: 32px
    }
}

.education-heading {
    text-align: left;
    font-family: Noto Sans,Arial,Helvetica,sans-serif;
    font-weight: 700;
    font-size: 18px;
    line-height: 24px;
    letter-spacing: 0;
    color: #002240;
    text-transform: uppercase;
    opacity: 1;
    margin-bottom: 28px
}

ul.education-list {
    list-style-type: none;
    padding-left: 0;
    margin-bottom: 0;
    padding-bottom: 0
}

ul.education-list div {
    margin-bottom: 36px
}

@media (max-width: 992px) {
    ul.education-list div {
        margin-bottom:31px
    }
}

ul.education-list div:last-child {
    margin-bottom: 0
}

ul.education-list li {
    text-align: left;
    font-family: Noto Sans,Arial,Helvetica,sans-serif;
    font-size: 18px;
    line-height: 24px;
    letter-spacing: 0;
    color: #002240;
    opacity: 1
}

ul.education-list li ul {
    padding-left: 20px
}

ul.education-list li li {
    list-style-type: disc
}

@media (max-width: 992px) {
    ul.education-list li {
        font-size:16px;
        line-height: 22px
    }
}

ul.education-list li p {
    margin-bottom: 6px
}

ul.education-list li .education-subtitle i,ul.education-list li em {
    text-align: left;
    font-family: Noto Sans,Arial,Helvetica,sans-serif;
    font-style: italic;
    font-size: 18px;
    line-height: 24px;
    letter-spacing: 0;
    color: #002240;
    opacity: 1;
    margin-top: 6px;
    margin-bottom: 0
}

@media (max-width: 992px) {
    ul.education-list li .education-subtitle i,ul.education-list li em {
        font-size:16px;
        line-height: 22px
    }
}

ul.education-list li .education-subtitle i p,ul.education-list li em p {
    margin-bottom: 6px
}

ul.education-list li .education-subtitle i .education-subtitle i,ul.education-list li .education-subtitle i em,ul.education-list li em .education-subtitle i,ul.education-list li em em {
    text-align: left;
    font-family: Noto Sans,Arial,Helvetica,sans-serif;
    font-style: italic;
    font-size: 18px;
    line-height: 24px;
    letter-spacing: 0;
    color: #002240;
    opacity: 1;
    margin-top: 6px;
    margin-bottom: 0
}

@media (max-width: 992px) {
    ul.education-list li .education-subtitle i .education-subtitle i,ul.education-list li .education-subtitle i em,ul.education-list li em .education-subtitle i,ul.education-list li em em {
        margin-top:5px;
        font-size: 16px
    }
}

.education-component-wrapper:first-child {
    margin-top: 48px
}

@media (max-width: 992px) {
    .education-component-wrapper:first-child {
        margin-top:32px
    }
}

.freetext-component {
    margin: 0 auto 48px;
    padding: 0
}

@media (max-width: 992px) {
    .freetext-component {
        max-width:100%;
        width: 100%;
        padding: 0 16px;
        margin-bottom: 32px
    }
}

.freetext-component button {
    border: none;
    background: none;
    display: block
}

.freetext-component h1 {
    font-family: "Noto Serif";
    font-weight: 300;
    font-size: 56px;
    line-height: 72px;
    margin-bottom: 25px;
    margin-top: 58px
}

@media (max-width: 992px) {
    .freetext-component h1 {
        font-size:28px;
        line-height: 38px;
        margin-top: 36px
    }
}

.freetext-component h2 {
    font-family: "Noto Serif";
    font-weight: 300;
    font-size: 48px;
    line-height: 62px;
    margin-bottom: 21px
}

@media (max-width: 992px) {
    .freetext-component h2 {
        font-size:24px;
        line-height: 32px
    }
}

.freetext-component h3 {
    font-family: "Noto Serif";
    font-weight: 300;
    font-size: 40px;
    line-height: 55px;
    margin-bottom: 8px
}

@media (max-width: 992px) {
    .freetext-component h3 {
        font-size:20px;
        line-height: 27px
    }
}

.freetext-component h4 {
    font-family: "Noto Serif";
    font-weight: 300;
    font-size: 32px;
    line-height: 43px;
    margin-bottom: 8px
}

@media (max-width: 992px) {
    .freetext-component h4 {
        font-size:18px;
        line-height: 24px
    }
}

.freetext-component h5 {
    font-family: Noto Sans,Arial,Helvetica,sans-serif;
    font-weight: 700;
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 12px;
    text-transform: uppercase
}

@media (max-width: 992px) {
    .freetext-component h5 {
        font-size:14px;
        line-height: 19px
    }
}

.freetext-component h5 span:first-child {
    font-size: 18px!important
}

@media (max-width: 992px) {
    .freetext-component h5 span:first-child {
        font-size:14px!important
    }

    .freetext-component h1,.freetext-component h2,.freetext-component h3,.freetext-component h4,.freetext-component h5 {
        margin-bottom: 10px
    }
}

.freetext-component .FreeText-title {
    text-transform: uppercase;
    margin-bottom: 16px
}

.freetext-component .FreeText-subtitle,.freetext-component .FreeText-title {
    text-align: left;
    font-family: Noto Sans,Arial,Helvetica,sans-serif;
    font-weight: 700;
    font-size: 18px;
    line-height: 24px;
    letter-spacing: 0;
    color: #002240;
    opacity: 1
}

.freetext-component .FreeText-subtitle {
    margin-bottom: 0
}

@media (max-width: 992px) {
    .freetext-component .FreeText-subtitle {
        margin-bottom:0;
        font-size: 16px;
        line-height: 22px
    }
}

.freetext-component .freeText-description {
    font-size: 18px;
    line-height: 24px;
    font-family: Noto Sans,Arial,Helvetica,sans-serif;
    text-align: left;
    letter-spacing: 0;
    color: #002240;
    opacity: 1;
    margin-bottom: 0
}

@media (max-width: 992px) {
    .freetext-component .freeText-description {
        font-size:16px;
        line-height: 22px
    }
}

.freetext-component .freeText-description p:last-child {
    margin-bottom: 0
}

.freetext-component .freeText-description ul {
    padding-left: 20px;
    padding-bottom: 0
}

.freetext-component .freeText-description ul:last-child {
    margin-bottom: 0
}

.freetext-component .freeText-description a {
    color: #737627;
    text-decoration: none;
    position: relative;
    scroll-margin-top: 110px
}

@media (max-width: 992px) {
    .freetext-component .freeText-description a {
        scroll-margin-top:65px
    }
}

@media (min-width: 993px) {
    .freetext-component .freeText-description a:hover {
        color:#002240;
        font-family: Noto Sans,Arial,Helvetica,sans-serif;
        font-weight: 600
    }
}

.freetext-component .freeText-description a.external:hover:after {
    background: url(/-/media/project/dlapiper-tenant/dlapiper/icons/regular.svg) no-repeat;
    background-size: 18px
}

.freetext-component .freeText-description a.external:after {
    content: "";
    display: inline-block;
    position: relative;
    width: 18px;
    height: 18px;
    background: url(/-/media/project/dlapiper-tenant/dlapiper/icons/hover.svg) no-repeat;
    background-size: 18px;
    top: 4px;
    margin-left: 4px;
    -webkit-transition: .3s ease-out;
    -moz-transition: .3s ease-out;
    transition: .3s ease-out
}

@media (max-width: 992px) {
    .freetext-component .freeText-description iframe {
        width:100%
    }
}

.freetext-component .freeText-description .italic {
    font-size: 18px;
    line-height: 24px;
    font-family: Noto Sans,Arial,Helvetica,sans-serif;
    text-align: left;
    font-style: italic;
    letter-spacing: 0;
    color: #002240;
    opacity: 1
}

@media (max-width: 992px) {
    .freetext-component .freeText-description .italic {
        font-size:16px;
        line-height: 22px
    }
}

.freetext-component .read-more-align {
    text-align: right;
    font-family: Noto Sans,Arial,Helvetica,sans-serif;
    font-weight: 700;
    font-size: 16px;
    line-height: 22px;
    letter-spacing: 0;
    text-transform: uppercase;
    opacity: 1
}

.freetext-component .read-more-link {
    margin-top: 33px;
    margin-bottom: 0;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    color: #737627;
    padding-left: 0
}

@media (min-width: 993px) {
    .freetext-component .read-more-link:hover {
        color:#002240
    }

    .freetext-component .read-more-link:hover path#Path_3589 {
        fill: #002240
    }
}

.freetext-component .read-more-link path#Path_3589 {
    fill: #737627
}

@media (max-width: 992px) {
    .freetext-component .read-more-link {
        margin-top:28px;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content
    }
}

.freetext-component svg.rotate {
    fill: #737627
}

.freetext-component .bind-more-text {
    -moz-transition: all .8s ease-out;
    -webkit-transition: all .8s ease-out;
    -webkit-transition: -webkit-transform .8s;
    transition: -webkit-transform .8s;
    -moz-transition: transform .8s,-moz-transform .8s;
    transition: transform .8s;
    transition: transform .8s,-webkit-transform .8s,-moz-transform .8s;
    transition: all .8s ease-out
}

.withoutreadmore-element {
    scroll-margin-top: 110px;
    margin: 0 auto
}

@media (max-width: 992px) {
    .withoutreadmore-element {
        scroll-margin-top:65px
    }
}

p.FreeText-title:empty {
    display: none
}

.freetext-component-wrapper:first-child {
    margin-top: 48px
}

@media (max-width: 992px) {
    .freetext-component-wrapper:first-child {
        margin-top:32px
    }
}

.freetext-readmore {
    margin: 0 auto;
    scroll-margin-top: 110px
}

@media (max-width: 992px) {
    .freetext-readmore {
        scroll-margin-top:65px
    }
}

.tertiary-content-component {
    background-color: #f8f8f8;
    padding: 48px 51px 40px;
    margin-bottom: 48px;
    scroll-margin-top: 78px
}

@media (max-width: 992px) {
    .tertiary-content-component {
        margin-bottom:32px;
        padding: 32px 16px
    }
}

.tertiary-content-component.background-white:first-child {
    margin-top: 48px
}

@media (max-width: 992px) {
    .tertiary-content-component.background-white:first-child {
        margin-top:32px
    }
}

.tertiary-content-component .tertiary-content-wrapper {
    width: 100%;
    margin: 0 auto;
    position: relative
}

.tertiary-content-component .tertiary-content-wrapper .content-container .heading {
    padding-bottom: 29px;
    border-bottom: 2px solid #ddde4c;
    margin-bottom: 35px
}

@media (max-width: 992px) {
    .tertiary-content-component .tertiary-content-wrapper .content-container .heading {
        font-size:24px;
        line-height: 30px;
        padding-bottom: 10px
    }
}

.tertiary-content-component .tertiary-content-wrapper .content-container .content-section .content-box {
    margin-bottom: 17px
}

@media (max-width: 992px) {
    .tertiary-content-component .tertiary-content-wrapper .content-container .content-section .content-box {
        margin-bottom:0
    }
}

.tertiary-content-component .tertiary-content-wrapper .content-container .content-section .content-box .card {
    position: relative;
    width: 100%;
    margin: 0 auto;
    text-decoration: none;
    color: #002240;
    border: 0;
    border-radius: 2px
}

@media (max-width: 992px) {
    .tertiary-content-component .tertiary-content-wrapper .content-container .content-section .content-box .card {
        width:100%;
        min-height: 260px;
        margin: 0 auto 23px
    }
}

@media (min-width: 993px) {
    .tertiary-content-component .tertiary-content-wrapper .content-container .content-section .content-box .card:hover .img-wrap img {
        -webkit-transform:scale(1.1);
        -moz-transform: scale(1.1);
        transform: scale(1.1);
        -webkit-transition: -webkit-transform .3s;
        transition: -webkit-transform .3s;
        -moz-transition: transform .3s,-moz-transform .3s;
        transition: transform .3s;
        transition: transform .3s,-webkit-transform .3s,-moz-transform .3s
    }

    .tertiary-content-component .tertiary-content-wrapper .content-container .content-section .content-box .card:hover .card-content .description {
        color: #737627
    }
}

.tertiary-content-component .tertiary-content-wrapper .content-container .content-section .content-box .card .category {
    position: absolute;
    top: 12px;
    left: 16px;
    font-size: 14px;
    line-height: 24px;
    padding: 0 10px;
    border: 1px solid #fff;
    border-radius: 21px;
    background: #fff;
    z-index: 99
}

.tertiary-content-component .tertiary-content-wrapper .content-container .content-section .content-box .card .category:empty {
    display: none
}

@media (max-width: 992px) {
    .tertiary-content-component .tertiary-content-wrapper .content-container .content-section .content-box .card .category {
        top:16px;
        font-size: 12px;
        padding: 0 13px
    }
}

.tertiary-content-component .tertiary-content-wrapper .content-container .content-section .content-box .card .img-wrap {
    overflow: hidden;
    height: 162px;
    width: 100%;
    border-radius: 2px
}

@media (max-width: 992px) {
    .tertiary-content-component .tertiary-content-wrapper .content-container .content-section .content-box .card .img-wrap {
        height:129px;
        width: 100%
    }
}

.tertiary-content-component .tertiary-content-wrapper .content-container .content-section .content-box .card .img-wrap img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    border-radius: 2px;
    -webkit-transition: .3s ease-out;
    -moz-transition: .3s ease-out;
    transition: .3s ease-out
}

@media (max-width: 992px) {
    .tertiary-content-component .tertiary-content-wrapper .content-container .content-section .content-box .card .img-wrap img {
        width:100%;
        height: 100%
    }
}

.tertiary-content-component .tertiary-content-wrapper .content-container .content-section .content-box .card .card-content {
    padding: 14px 16px 18px
}

@media (max-width: 992px) {
    .tertiary-content-component .tertiary-content-wrapper .content-container .content-section .content-box .card .card-content {
        padding:16px 24px 18px
    }
}

.tertiary-content-component .tertiary-content-wrapper .content-container .content-section .content-box .card .card-content .description {
    font-family: "Noto Serif";
    font-size: 20px;
    line-height: 26px;
    letter-spacing: .72px;
    margin-bottom: 32px
}

@media (max-width: 992px) {
    .tertiary-content-component .tertiary-content-wrapper .content-container .content-section .content-box .card .card-content .description {
        font-size:16px;
        line-height: 20px;
        letter-spacing: .58px
    }
}

.tertiary-content-component .tertiary-content-wrapper .content-container .content-section .content-box .card .card-content .date {
    font-size: 10px;
    line-height: 14px;
    font-family: Noto Sans,Arial,Helvetica,sans-serif;
    font-weight: 500;
    letter-spacing: .3px;
    text-transform: uppercase;
    margin-bottom: 0;
    position: absolute;
    bottom: 18px
}

.tertiary-content-component .tertiary-content-wrapper .view-all {
    display: block;
    font-family: Noto Sans,Arial,Helvetica,sans-serif;
    font-weight: 700;
    font-size: 18px;
    line-height: 26px;
    color: #737627;
    position: relative;
    float: right
}

@media (max-width: 992px) {
    .tertiary-content-component .tertiary-content-wrapper .view-all {
        margin-left:2%;
        float: left;
        margin-top: -4%
    }
}

.tertiary-content-component .tertiary-content-wrapper .view-all .rightarrowicon {
    width: 24px;
    height: 24px;
    background-image: url(/-/media/project/dlapiper-tenant/dlapiper/icons/arrow_forward_24.svg)!important;
    background-repeat: no-repeat;
    background-size: 24px;
    display: inline-block;
    position: relative;
    top: 7px;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    transition: .3s;
    -webkit-transition-timing-function: ease-out;
    -moz-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    -webkit-animation: .3s ease-in-out 1.1s forwards;
    -moz-animation: .3s ease-in-out 1.1s forwards;
    animation: .3s ease-in-out 1.1s forwards
}

@media (min-width: 993px) {
    .tertiary-content-component .tertiary-content-wrapper .view-all:hover {
        color:#002240
    }
}

@media (min-width: 993px) and (min-width:993px) {
    .tertiary-content-component .tertiary-content-wrapper .view-all:hover .rightarrowicon {
        -webkit-transition:.3s;
        -moz-transition: .3s;
        transition: .3s;
        -webkit-transition-timing-function: ease-out;
        -moz-transition-timing-function: ease-out;
        transition-timing-function: ease-out;
        -webkit-transform: translateX(4px);
        -moz-transform: translateX(4px);
        transform: translateX(4px);
        -webkit-animation: .3s ease-in-out 1.1s forwards;
        -moz-animation: .3s ease-in-out 1.1s forwards;
        animation: .3s ease-in-out 1.1s forwards;
        background-image: url(/-/media/project/dlapiper-tenant/dlapiper/icons/arrow_stretch_view24.svg)!important
    }
}

.tertiary-content-component .col-lg-4 {
    display: -moz-box;
    display: flex
}

.tertiary-content-component.background-white {
    background-color: #fff;
    padding-top: 0
}

.tertiary-content-component:not(.background-white) {
    padding-bottom: 79px
}

@media (max-width: 992px) {
    .tertiary-content-component:not(.background-white) {
        padding-bottom:48px
    }
}

.tertiary-content-component:not(.background-white):last-child {
    margin-bottom: 0
}

.tertiary-content-component+.tertiary-content-component.background-white,.tertiary-content-component.background-white+.anchor-nav-component,.tertiary-content-component.background-white+.breadcrumb-component,.tertiary-content-component.background-white+.brightcove-component,.tertiary-content-component.background-white+.feature-component,.tertiary-content-component.background-white+.feature-cta-component,.tertiary-content-component.background-white+.feature-text-component,.tertiary-content-component.background-white+.hero-component,.tertiary-content-component.background-white+.homepage-stories-component,.tertiary-content-component.background-white+.intro-copy-component,.tertiary-content-component.background-white+.masthead-subtitle-component,.tertiary-content-component.background-white+.more-to-see-component,.tertiary-content-component.background-white+.people-profile-main-div,.tertiary-content-component.background-white+.press-release-comp,.tertiary-content-component.background-white+.quote-component,.tertiary-content-component.background-white+.recommended-for-you-component.gray-background,.tertiary-content-component.background-white+.related-capability-component,.tertiary-content-component.background-white+.resource-component-links,.tertiary-content-component.background-white+.resourcescommon.gray-background,.tertiary-content-component.background-white+.rich-text-component,.tertiary-content-component.background-white+.rich-text-component.subhead-white,.tertiary-content-component.background-white+.rich-text-heading-component.gray-background,.tertiary-content-component.background-white+.share-component,.tertiary-content-component.background-white+.tertiary-content-component,.tertiary-content-component.background-white+.tertiary-content-component.background-white {
    margin-top: 0
}

.tertiary-content-component:not(.background-white)+.anchor-nav-component,.tertiary-content-component:not(.background-white)+.brightcove-component,.tertiary-content-component:not(.background-white)+.dla-contacts.gray-background,.tertiary-content-component:not(.background-white)+.feature-component,.tertiary-content-component:not(.background-white)+.feature-cta-component,.tertiary-content-component:not(.background-white)+.feature-text-component,.tertiary-content-component:not(.background-white)+.hero-component,.tertiary-content-component:not(.background-white)+.homepage-stories-component,.tertiary-content-component:not(.background-white)+.intro-copy-component,.tertiary-content-component:not(.background-white)+.masthead-subtitle-component,.tertiary-content-component:not(.background-white)+.more-to-see-component,.tertiary-content-component:not(.background-white)+.people-profile-main-div,.tertiary-content-component:not(.background-white)+.press-release-comp,.tertiary-content-component:not(.background-white)+.quote-component,.tertiary-content-component:not(.background-white)+.recommended-for-you-component.gray-background,.tertiary-content-component:not(.background-white)+.related-capability-component,.tertiary-content-component:not(.background-white)+.resource-component-links:not(.white-background),.tertiary-content-component:not(.background-white)+.resourcescommon.gray-background,.tertiary-content-component:not(.background-white)+.rich-text-component:not(.subhead-white),.tertiary-content-component:not(.background-white)+.rich-text-heading-component.gray-background,.tertiary-content-component:not(.background-white)+.share-component:not(.PrimaryHeader-white),.tertiary-content-component:not(.background-white)+.tertiary-content-component {
    margin-top: -48px
}

@media (max-width: 992px) {
    .tertiary-content-component:not(.background-white)+.anchor-nav-component,.tertiary-content-component:not(.background-white)+.brightcove-component,.tertiary-content-component:not(.background-white)+.dla-contacts.gray-background,.tertiary-content-component:not(.background-white)+.feature-component,.tertiary-content-component:not(.background-white)+.feature-cta-component,.tertiary-content-component:not(.background-white)+.feature-text-component,.tertiary-content-component:not(.background-white)+.hero-component,.tertiary-content-component:not(.background-white)+.homepage-stories-component,.tertiary-content-component:not(.background-white)+.intro-copy-component,.tertiary-content-component:not(.background-white)+.masthead-subtitle-component,.tertiary-content-component:not(.background-white)+.more-to-see-component,.tertiary-content-component:not(.background-white)+.people-profile-main-div,.tertiary-content-component:not(.background-white)+.press-release-comp,.tertiary-content-component:not(.background-white)+.quote-component,.tertiary-content-component:not(.background-white)+.recommended-for-you-component.gray-background,.tertiary-content-component:not(.background-white)+.related-capability-component,.tertiary-content-component:not(.background-white)+.resource-component-links:not(.white-background),.tertiary-content-component:not(.background-white)+.resourcescommon.gray-background,.tertiary-content-component:not(.background-white)+.rich-text-component:not(.subhead-white),.tertiary-content-component:not(.background-white)+.rich-text-heading-component.gray-background,.tertiary-content-component:not(.background-white)+.share-component:not(.PrimaryHeader-white),.tertiary-content-component:not(.background-white)+.tertiary-content-component {
        margin-top:-32px
    }
}

.tertiary-content-component+.breadcrumb-component {
    margin-top: -37px
}

@media (max-width: 992px) {
    .tertiary-content-component+.breadcrumb-component {
        margin-top:-16px
    }

    .tertiary-content-component:not(.background-white)+.profile-contact-component {
        margin-top: -32px
    }
}

.multimedia-highlight-component {
    background: #fff
}

@media (min-width: 993px) {
    .multimedia-highlight-component {
        margin:0 auto 48px
    }
}

.multimedia-highlight-component a {
    color: #737627;
    text-decoration: none;
    position: relative;
    margin-bottom: 20px!important
}

.multimedia-highlight-component a:hover {
    color: #002240;
    text-decoration: none;
    position: relative;
    margin-bottom: 20px!important
}

.multimedia-highlight-component .external:after {
    background: url(/-/media/project/dlapiper-tenant/dlapiper/icons/hover.svg) no-repeat;
    background-size: 18px
}

.multimedia-highlight-component .external:after,.multimedia-highlight-component .external:hover:after {
    content: "";
    display: inline-block;
    position: relative;
    width: 18px;
    height: 18px;
    top: 4px;
    margin-left: 4px;
    -webkit-transition: .3s ease-out;
    -moz-transition: .3s ease-out;
    transition: .3s ease-out
}

.multimedia-highlight-component .external:hover:after {
    background: url(/-/media/project/dlapiper-tenant/dlapiper/icons/regular.svg) no-repeat;
    background-size: 18px
}

.multimedia-highlight-component .multimedia-highlight {
    width: 100%;
    margin: 0 auto
}

@media (max-width: 992px) {
    .multimedia-highlight-component .multimedia-highlight {
        padding:18px 0 32px
    }
}

.multimedia-highlight-component .multimedia-highlight .heading {
    padding-bottom: 17px;
    margin-right: 51px;
    margin-bottom: 33px;
    border-bottom: 2px solid #ddde4c
}

@media (max-width: 992px) {
    .multimedia-highlight-component .multimedia-highlight .heading {
        padding-bottom:10px;
        margin-right: 16px
    }
}

.multimedia-highlight-component .multimedia-highlight .nav {
    margin-bottom: 30px;
    padding-left: 51px
}

@media (max-width: 992px) {
    .multimedia-highlight-component .multimedia-highlight .nav {
        margin-bottom:25px;
        padding-left: 16px
    }
}

.multimedia-highlight-component .multimedia-highlight .nav .tab-links {
    border: 0;
    background: #fff;
    color: #737627;
    font-family: Noto Sans,Arial,Helvetica,sans-serif;
    font-size: 14px;
    line-height: 22px;
    text-transform: uppercase
}

.multimedia-highlight-component .multimedia-highlight .nav .tab-links.slide-icon {
    margin-right: 44px;
    padding-left: 31px;
    padding-right: 0;
    position: relative
}

@media (max-width: 992px) {
    .multimedia-highlight-component .multimedia-highlight .nav .tab-links.slide-icon {
        margin-right:64px
    }
}

@media (min-width: 993px) {
    .multimedia-highlight-component .multimedia-highlight .nav .tab-links.slide-icon:hover {
        color:#002240
    }

    .multimedia-highlight-component .multimedia-highlight .nav .tab-links.slide-icon:hover:before {
        background: url(/-/media/project/dlapiper-tenant/dlapiper/icons/multimedia-slide-icon-blue.svg) no-repeat
    }

    .multimedia-highlight-component .multimedia-highlight .nav .tab-links.slide-icon:hover.active:after {
        background-color: #002240
    }

    .multimedia-highlight-component .multimedia-highlight .nav .tab-links.slide-icon:hover:after {
        background-color: #002240;
        width: 100%;
        -webkit-transition: .3s ease-out;
        -moz-transition: .3s ease-out;
        transition: .3s ease-out
    }
}

.multimedia-highlight-component .multimedia-highlight .nav .tab-links.slide-icon:before {
    content: "";
    background: url(/-/media/project/dlapiper-tenant/dlapiper/icons/multimedia-slide-icon.svg) no-repeat;
    width: 24px;
    height: 24px;
    position: absolute;
    left: 0;
    top: -1px
}

.multimedia-highlight-component .multimedia-highlight .nav .tab-links.slide-icon:after {
    content: "";
    width: 0;
    height: 2px;
    background-color: #737627;
    position: absolute;
    left: 0;
    bottom: 0;
    -webkit-transition: .3s ease-out;
    -moz-transition: .3s ease-out;
    transition: .3s ease-out
}

.multimedia-highlight-component .multimedia-highlight .nav .tab-links.slide-icon.active:after {
    width: 100%;
    -webkit-transition: .3s ease-out;
    -moz-transition: .3s ease-out;
    transition: .3s ease-out
}

.multimedia-highlight-component .multimedia-highlight .nav .tab-links.detail-icon {
    position: relative;
    padding-left: 31px;
    padding-right: 0
}

@media (min-width: 993px) {
    .multimedia-highlight-component .multimedia-highlight .nav .tab-links.detail-icon:hover {
        color:#002240
    }

    .multimedia-highlight-component .multimedia-highlight .nav .tab-links.detail-icon:hover:before {
        background: url(/-/media/project/dlapiper-tenant/dlapiper/icons/multimedia-detail-icon-blue.svg) no-repeat
    }

    .multimedia-highlight-component .multimedia-highlight .nav .tab-links.detail-icon:hover.active:after {
        background-color: #002240
    }

    .multimedia-highlight-component .multimedia-highlight .nav .tab-links.detail-icon:hover:after {
        background-color: #002240;
        width: 100%;
        -webkit-transition: .3s ease-out;
        -moz-transition: .3s ease-out;
        transition: .3s ease-out
    }
}

.multimedia-highlight-component .multimedia-highlight .nav .tab-links.detail-icon:before {
    content: "";
    background: url(/-/media/project/dlapiper-tenant/dlapiper/icons/multimedia-detail-icon.svg) no-repeat;
    width: 24px;
    height: 24px;
    position: absolute;
    left: 0;
    top: -1px
}

.multimedia-highlight-component .multimedia-highlight .nav .tab-links.detail-icon:after {
    content: "";
    width: 0;
    height: 2px;
    background-color: #737627;
    position: absolute;
    left: 0;
    bottom: 0;
    -webkit-transition: .3s ease-out;
    -moz-transition: .3s ease-out;
    transition: .3s ease-out
}

.multimedia-highlight-component .multimedia-highlight .nav .tab-links.detail-icon.active:after {
    width: 100%;
    -webkit-transition: .3s ease-out;
    -moz-transition: .3s ease-out;
    transition: .3s ease-out
}

@media (min-width: 993px) {
    .multimedia-highlight-component .multimedia-highlight .tab-content #slide-view {
        padding-bottom:48px
    }
}

.multimedia-highlight-component .multimedia-highlight .tab-content #slide-view .swiper-container {
    padding-left: 51px
}

@media (max-width: 992px) {
    .multimedia-highlight-component .multimedia-highlight .tab-content #slide-view .swiper-container {
        padding-left:16px
    }
}

.multimedia-highlight-component .multimedia-highlight .tab-content .thumbnail-carousel {
    position: relative
}

.multimedia-highlight-component .multimedia-highlight .tab-content .thumbnail-carousel .swiper-wrapper .swiper-slide {
    height: auto
}

@media (min-width: 993px) {
    .multimedia-highlight-component .multimedia-highlight .tab-content .thumbnail-carousel .swiper-wrapper .swiper-slide {
        max-width:508px;
        max-height: 508px;
        min-width: 450px;
        min-height: 450px
    }
}

@media (max-width: 992px) {
    .multimedia-highlight-component .multimedia-highlight .tab-content .thumbnail-carousel .swiper-wrapper .swiper-slide {
        max-width:242px;
        min-height: 242px
    }
}

.multimedia-highlight-component .multimedia-highlight .tab-content .thumbnail-carousel .carousel-box {
    display: block;
    position: relative;
    max-width: 100%;
    height: 100%;
    overflow: hidden;
    cursor: pointer
}

.multimedia-highlight-component .multimedia-highlight .tab-content .thumbnail-carousel .carousel-box img {
    width: 100%;
    height: 100%;
    overflow: hidden;
    object-fit: cover;
    object-position: center
}

.multimedia-highlight-component .multimedia-highlight .tab-content .thumbnail-carousel .carousel-box.award {
    display: -moz-box;
    display: flex;
    -moz-box-pack: center;
    justify-content: center;
    -moz-box-align: center;
    align-items: center;
    text-align: center;
    padding: 0 9%
}

@media (max-width: 992px) {
    .multimedia-highlight-component .multimedia-highlight .tab-content .thumbnail-carousel .carousel-box.award {
        padding:0 11%
    }
}

.multimedia-highlight-component .multimedia-highlight .tab-content .thumbnail-carousel .carousel-box.award.green {
    background-color: #ddde4c
}

.multimedia-highlight-component .multimedia-highlight .tab-content .thumbnail-carousel .carousel-box.award.green .award-section .award-img {
    background: url(/-/media/project/dlapiper-tenant/dlapiper/icons/award-blue.png) no-repeat;
    background-size: cover
}

.multimedia-highlight-component .multimedia-highlight .tab-content .thumbnail-carousel .carousel-box.award.green .award-section span {
    color: #002240
}

.multimedia-highlight-component .multimedia-highlight .tab-content .thumbnail-carousel .carousel-box.award.blue {
    background-color: #002240
}

.multimedia-highlight-component .multimedia-highlight .tab-content .thumbnail-carousel .carousel-box.award.blue .award-section .award-img {
    background: url(/-/media/project/dlapiper-tenant/dlapiper/icons/award-yellow.png) no-repeat;
    background-size: cover
}

.multimedia-highlight-component .multimedia-highlight .tab-content .thumbnail-carousel .carousel-box.award.blue .award-section span {
    color: #ddde4c
}

.multimedia-highlight-component .multimedia-highlight .tab-content .thumbnail-carousel .carousel-box.award .award-section .award-img {
    display: block;
    height: 127px;
    width: 127px;
    margin: 0 auto 25px
}

@media (max-width: 992px) {
    .multimedia-highlight-component .multimedia-highlight .tab-content .thumbnail-carousel .carousel-box.award .award-section .award-img {
        height:62px;
        width: 62px;
        margin-bottom: 12px
    }
}

.multimedia-highlight-component .multimedia-highlight .tab-content .thumbnail-carousel .carousel-box.award .award-section span {
    display: block
}

.multimedia-highlight-component .multimedia-highlight .tab-content .thumbnail-carousel .carousel-box.award .award-section span.award-text {
    font-family: Noto Sans,Arial,Helvetica,sans-serif;
    font-weight: 700;
    font-size: 28px;
    margin-bottom: 5px
}

@media (max-width: 992px) {
    .multimedia-highlight-component .multimedia-highlight .tab-content .thumbnail-carousel .carousel-box.award .award-section span.award-text {
        font-size:12px
    }
}

.multimedia-highlight-component .multimedia-highlight .tab-content .thumbnail-carousel .carousel-box.award .award-section span.award-source {
    font-size: 24px;
    font-style: italic
}

@media (max-width: 992px) {
    .multimedia-highlight-component .multimedia-highlight .tab-content .thumbnail-carousel .carousel-box.award .award-section span.award-source {
        font-size:10px
    }
}

.multimedia-highlight-component .multimedia-highlight .tab-content .thumbnail-carousel .carousel-box .tag {
    display: block;
    position: absolute;
    top: 24px;
    left: 20px;
    height: 42px;
    min-width: 109px;
    padding: 10px 27px;
    border-radius: 21px;
    background: #fff;
    font-size: 18px;
    line-height: 24px;
    color: #002240;
    text-align: center
}

@media (max-width: 992px) {
    .multimedia-highlight-component .multimedia-highlight .tab-content .thumbnail-carousel .carousel-box .tag {
        padding:3px 12px;
        font-size: 12px;
        line-height: 17px;
        min-width: 60px;
        height: 23px;
        top: 15px;
        left: 16px
    }
}

.multimedia-highlight-component .multimedia-highlight .tab-content .thumbnail-carousel .swiper-btn-next,.multimedia-highlight-component .multimedia-highlight .tab-content .thumbnail-carousel .swiper-btn-prev,.multimedia-highlight-component .multimedia-highlight .tab-content .thumbnail-carousel .swiper-button-next,.multimedia-highlight-component .multimedia-highlight .tab-content .thumbnail-carousel .swiper-button-prev {
    width: 32px;
    height: 32px;
    border: 2px solid #7c7e43;
    border-radius: 50%;
    top: unset;
    bottom: 0;
    left: 46.5%;
    -webkit-transition: .3s ease-out;
    -moz-transition: .3s ease-out;
    transition: .3s ease-out
}

@media (max-width: 992px) {
    .multimedia-highlight-component .multimedia-highlight .tab-content .thumbnail-carousel .swiper-btn-next,.multimedia-highlight-component .multimedia-highlight .tab-content .thumbnail-carousel .swiper-btn-prev,.multimedia-highlight-component .multimedia-highlight .tab-content .thumbnail-carousel .swiper-button-next,.multimedia-highlight-component .multimedia-highlight .tab-content .thumbnail-carousel .swiper-button-prev {
        display:none
    }
}

.multimedia-highlight-component .multimedia-highlight .tab-content .thumbnail-carousel .swiper-btn-next:after,.multimedia-highlight-component .multimedia-highlight .tab-content .thumbnail-carousel .swiper-btn-prev:after,.multimedia-highlight-component .multimedia-highlight .tab-content .thumbnail-carousel .swiper-button-next:after,.multimedia-highlight-component .multimedia-highlight .tab-content .thumbnail-carousel .swiper-button-prev:after {
    font-size: 16px;
    color: #7c7e43;
    font-weight: 600
}

.multimedia-highlight-component .multimedia-highlight .tab-content .thumbnail-carousel .swiper-btn-next:hover,.multimedia-highlight-component .multimedia-highlight .tab-content .thumbnail-carousel .swiper-btn-prev:hover,.multimedia-highlight-component .multimedia-highlight .tab-content .thumbnail-carousel .swiper-button-next:hover,.multimedia-highlight-component .multimedia-highlight .tab-content .thumbnail-carousel .swiper-button-prev:hover {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-transition: .3s ease-out;
    -moz-transition: .3s ease-out;
    transition: .3s ease-out;
    border-color: #002240
}

.multimedia-highlight-component .multimedia-highlight .tab-content .thumbnail-carousel .swiper-btn-next:hover:after,.multimedia-highlight-component .multimedia-highlight .tab-content .thumbnail-carousel .swiper-btn-prev:hover:after,.multimedia-highlight-component .multimedia-highlight .tab-content .thumbnail-carousel .swiper-button-next:hover:after,.multimedia-highlight-component .multimedia-highlight .tab-content .thumbnail-carousel .swiper-button-prev:hover:after {
    color: #002240
}

.multimedia-highlight-component .multimedia-highlight .tab-content .thumbnail-carousel .swiper-btn-next,.multimedia-highlight-component .multimedia-highlight .tab-content .thumbnail-carousel .swiper-button-next {
    margin-left: 64px
}

.multimedia-highlight-component .multimedia-highlight .tab-content .thumbnail-carousel .swiper-button-disabled {
    opacity: 1;
    border: 2px solid #707070!important
}

.multimedia-highlight-component .multimedia-highlight .tab-content .thumbnail-carousel .swiper-button-disabled:after {
    color: #707070!important
}

.multimedia-highlight-component .multimedia-highlight .tab-content .detail-carousel {
    position: relative
}

@media (max-width: 992px) {
    .multimedia-highlight-component .multimedia-highlight .tab-content .detail-carousel {
        padding-left:16px;
        padding-right: 16px;
        margin-bottom: 38px
    }
}

.multimedia-highlight-component .multimedia-highlight .tab-content .detail-carousel .swiper-container {
    position: relative
}

.multimedia-highlight-component .multimedia-highlight .tab-content .detail-carousel .swiper-container .multimedia-data {
    max-width: 76.721%;
    margin: 0 auto;
    display: -moz-box;
    display: flex;
    align-content: center;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    flex-direction: column;
    -moz-box-pack: center;
    justify-content: center
}

@media (max-width: 992px) {
    .multimedia-highlight-component .multimedia-highlight .tab-content .detail-carousel .swiper-container .multimedia-data {
        max-width:unset
    }
}

.multimedia-highlight-component .multimedia-highlight .tab-content .detail-carousel .swiper-container .multimedia-data .multimedia-image {
    overflow: hidden;
    width: 100%
}

.multimedia-highlight-component .multimedia-highlight .tab-content .detail-carousel .swiper-container .multimedia-data .multimedia-image:not(.podcast) iframe {
    min-height: 512px
}

@media (max-width: 992px) {
    .multimedia-highlight-component .multimedia-highlight .tab-content .detail-carousel .swiper-container .multimedia-data .multimedia-image:not(.podcast) iframe {
        height:242px;
        min-height: 242px
    }
}

.multimedia-highlight-component .multimedia-highlight .tab-content .detail-carousel .swiper-container .multimedia-data .multimedia-image iframe {
    display: block
}

.multimedia-highlight-component .multimedia-highlight .tab-content .detail-carousel .swiper-container .multimedia-data .multimedia-image img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center center;
    overflow: hidden
}

@media (max-width: 992px) {
    .multimedia-highlight-component .multimedia-highlight .tab-content .detail-carousel .swiper-container .multimedia-data .multimedia-image img {
        object-fit:cover;
        object-position: center center
    }

    .multimedia-highlight-component .multimedia-highlight .tab-content .detail-carousel .swiper-container .multimedia-data .multimedia-image:not(.podcast) {
        height: 242px;
        min-height: 242px
    }
}

.multimedia-highlight-component .multimedia-highlight .tab-content .detail-carousel .swiper-container .multimedia-data .multimedia-image.award {
    display: -moz-box;
    display: flex;
    -moz-box-pack: center;
    justify-content: center;
    -moz-box-align: center;
    align-items: center;
    text-align: center;
    min-height: 512px;
    padding: 0 4.5%
}

@media (max-width: 992px) {
    .multimedia-highlight-component .multimedia-highlight .tab-content .detail-carousel .swiper-container .multimedia-data .multimedia-image.award {
        height:242px;
        min-height: 242px;
        padding: 0 16px
    }
}

.multimedia-highlight-component .multimedia-highlight .tab-content .detail-carousel .swiper-container .multimedia-data .multimedia-image.award.green {
    background-color: #ddde4c
}

.multimedia-highlight-component .multimedia-highlight .tab-content .detail-carousel .swiper-container .multimedia-data .multimedia-image.award.green .award-section .award-img {
    background: url(/-/media/project/dlapiper-tenant/dlapiper/icons/award-blue.png) no-repeat;
    background-size: cover
}

.multimedia-highlight-component .multimedia-highlight .tab-content .detail-carousel .swiper-container .multimedia-data .multimedia-image.award.green .award-section span {
    color: #002240
}

.multimedia-highlight-component .multimedia-highlight .tab-content .detail-carousel .swiper-container .multimedia-data .multimedia-image.award.blue {
    background-color: #002240
}

.multimedia-highlight-component .multimedia-highlight .tab-content .detail-carousel .swiper-container .multimedia-data .multimedia-image.award.blue .award-section .award-img {
    background: url(/-/media/project/dlapiper-tenant/dlapiper/icons/award-yellow.png) no-repeat;
    background-size: cover
}

.multimedia-highlight-component .multimedia-highlight .tab-content .detail-carousel .swiper-container .multimedia-data .multimedia-image.award.blue .award-section span {
    color: #ddde4c
}

.multimedia-highlight-component .multimedia-highlight .tab-content .detail-carousel .swiper-container .multimedia-data .multimedia-image.award .award-section .award-img {
    display: block;
    height: 159px;
    width: 159px;
    margin: 0 auto 25px
}

@media (max-width: 992px) {
    .multimedia-highlight-component .multimedia-highlight .tab-content .detail-carousel .swiper-container .multimedia-data .multimedia-image.award .award-section .award-img {
        height:75px;
        width: 75px;
        margin-bottom: 12px
    }
}

.multimedia-highlight-component .multimedia-highlight .tab-content .detail-carousel .swiper-container .multimedia-data .multimedia-image.award .award-section span {
    display: block
}

.multimedia-highlight-component .multimedia-highlight .tab-content .detail-carousel .swiper-container .multimedia-data .multimedia-image.award .award-section span.award-text {
    font-family: Noto Sans,Arial,Helvetica,sans-serif;
    font-weight: 700;
    font-size: 28px;
    margin-bottom: 5px
}

@media (max-width: 992px) {
    .multimedia-highlight-component .multimedia-highlight .tab-content .detail-carousel .swiper-container .multimedia-data .multimedia-image.award .award-section span.award-text {
        font-size:12px
    }
}

.multimedia-highlight-component .multimedia-highlight .tab-content .detail-carousel .swiper-container .multimedia-data .multimedia-image.award .award-section span.award-source {
    font-size: 24px;
    font-style: italic
}

@media (max-width: 992px) {
    .multimedia-highlight-component .multimedia-highlight .tab-content .detail-carousel .swiper-container .multimedia-data .multimedia-image.award .award-section span.award-source {
        font-size:10px
    }
}

.multimedia-highlight-component .multimedia-highlight .tab-content .detail-carousel .swiper-container .multimedia-data .multimedia-text {
    min-height: 88px;
    background-color: #eeede9
}

.multimedia-highlight-component .multimedia-highlight .tab-content .detail-carousel .swiper-container .multimedia-data .multimedia-text .multimedia-Desc {
    margin: 0 auto;
    padding: 17px 216px;
    text-align: left;
    font-size: 14px;
    line-height: 18px
}

@media (max-width: 992px) {
    .multimedia-highlight-component .multimedia-highlight .tab-content .detail-carousel .swiper-container .multimedia-data .multimedia-text .multimedia-Desc {
        padding:17px 14px
    }
}

.multimedia-highlight-component .multimedia-highlight .tab-content .detail-carousel .swiper-container .multimedia-data .multimedia-video {
    width: 100%;
    height: 100%
}

.multimedia-highlight-component .multimedia-highlight .tab-content .detail-carousel .swiper-btn-next,.multimedia-highlight-component .multimedia-highlight .tab-content .detail-carousel .swiper-btn-prev,.multimedia-highlight-component .multimedia-highlight .tab-content .detail-carousel .swiper-button-next,.multimedia-highlight-component .multimedia-highlight .tab-content .detail-carousel .swiper-button-prev {
    width: 46px;
    height: 46px;
    top: 250px
}

@media (min-width: 993px) {
    .multimedia-highlight-component .multimedia-highlight .tab-content .detail-carousel .swiper-btn-next,.multimedia-highlight-component .multimedia-highlight .tab-content .detail-carousel .swiper-btn-prev,.multimedia-highlight-component .multimedia-highlight .tab-content .detail-carousel .swiper-button-next,.multimedia-highlight-component .multimedia-highlight .tab-content .detail-carousel .swiper-button-prev {
        -webkit-transition:.3s ease-out;
        -moz-transition: .3s ease-out;
        transition: .3s ease-out;
        top: 50%
    }
}

@media (max-width: 992px) {
    .multimedia-highlight-component .multimedia-highlight .tab-content .detail-carousel .swiper-btn-next,.multimedia-highlight-component .multimedia-highlight .tab-content .detail-carousel .swiper-btn-prev,.multimedia-highlight-component .multimedia-highlight .tab-content .detail-carousel .swiper-button-next,.multimedia-highlight-component .multimedia-highlight .tab-content .detail-carousel .swiper-button-prev {
        display:block;
        top: -moz-calc(100% + 22px + 16px);
        top: calc(100% + 22px + 16px);
        width: -webkit-max-content;
        width: -moz-max-content;
        width: max-content;
        height: -webkit-max-content;
        height: -moz-max-content;
        height: max-content
    }
}

.multimedia-highlight-component .multimedia-highlight .tab-content .detail-carousel .swiper-btn-next:after,.multimedia-highlight-component .multimedia-highlight .tab-content .detail-carousel .swiper-btn-prev:after,.multimedia-highlight-component .multimedia-highlight .tab-content .detail-carousel .swiper-button-next:after,.multimedia-highlight-component .multimedia-highlight .tab-content .detail-carousel .swiper-button-prev:after {
    font-size: 39px;
    color: #989b36;
    font-weight: 600
}

@media (max-width: 992px) {
    .multimedia-highlight-component .multimedia-highlight .tab-content .detail-carousel .swiper-btn-next:after,.multimedia-highlight-component .multimedia-highlight .tab-content .detail-carousel .swiper-btn-prev:after,.multimedia-highlight-component .multimedia-highlight .tab-content .detail-carousel .swiper-button-next:after,.multimedia-highlight-component .multimedia-highlight .tab-content .detail-carousel .swiper-button-prev:after {
        font-size:20px
    }
}

.multimedia-highlight-component .multimedia-highlight .tab-content .detail-carousel .swiper-btn-next,.multimedia-highlight-component .multimedia-highlight .tab-content .detail-carousel .swiper-button-next {
    right: 6.4%;
    left: unset
}

@media (min-width: 993px) {
    .multimedia-highlight-component .multimedia-highlight .tab-content .detail-carousel .swiper-btn-next:hover,.multimedia-highlight-component .multimedia-highlight .tab-content .detail-carousel .swiper-button-next:hover {
        right:6%;
        -webkit-transition: .2s ease-out;
        -moz-transition: .2s ease-out;
        transition: .2s ease-out
    }
}

@media (max-width: 992px) {
    .multimedia-highlight-component .multimedia-highlight .tab-content .detail-carousel .swiper-btn-next,.multimedia-highlight-component .multimedia-highlight .tab-content .detail-carousel .swiper-button-next {
        right:21px
    }
}

.multimedia-highlight-component .multimedia-highlight .tab-content .detail-carousel .swiper-btn-prev,.multimedia-highlight-component .multimedia-highlight .tab-content .detail-carousel .swiper-button-prev {
    left: 6.4%;
    right: unset
}

@media (min-width: 993px) {
    .multimedia-highlight-component .multimedia-highlight .tab-content .detail-carousel .swiper-btn-prev:hover,.multimedia-highlight-component .multimedia-highlight .tab-content .detail-carousel .swiper-button-prev:hover {
        left:6%;
        -webkit-transition: .2s ease-out;
        -moz-transition: .2s ease-out;
        transition: .2s ease-out
    }
}

@media (max-width: 992px) {
    .multimedia-highlight-component .multimedia-highlight .tab-content .detail-carousel .swiper-btn-prev,.multimedia-highlight-component .multimedia-highlight .tab-content .detail-carousel .swiper-button-prev {
        left:21px
    }
}

@media print {
    .multimedia-highlight-component .multimedia-highlight .tab-content .thumbnail-carousel .swiper-wrapper .swiper-slide {
        height: auto!important
    }
}

.trendingNow-component {
    padding: 3.5em 0 5em;
    margin: 0 auto;
    width: 100%;
    background-color: #fff
}

@media (max-width: 992px) {
    .trendingNow-component {
        padding:2em 0;
        margin-bottom: 32px
    }
}

.trendingNow-component .tredingNow-container {
    width: 100%;
    margin: 0 auto
}

.trendingNow-component .tredingNow-container .trendnow-heading {
    display: -moz-box;
    display: flex;
    font-family: "Noto Serif";
    font-size: 28px;
    line-height: 41px;
    padding-bottom: 49px
}

@media (max-width: 992px) {
    .trendingNow-component .tredingNow-container .trendnow-heading {
        font-size:24px;
        padding-bottom: 31px
    }
}

.trendingNow-component .tredingNow-container .trendingNow-mainSection .col-lg-4 {
    display: -moz-box;
    display: flex
}

@media (max-width: 992px) {
    .trendingNow-component .tredingNow-container .trendingNow-mainSection .col-lg-4 {
        padding:0 0 0 3px
    }

    .trendingNow-component .tredingNow-container .trendingNow-mainSection .content-box {
        grid-gap: 38px;
        gap: 38px;
        margin: 0 auto
    }
}

.trendingNow-component .tredingNow-container .trendingNow-mainSection .content-box .card {
    width: 100%;
    text-decoration: none;
    color: #002240;
    border: 0;
    border-radius: 2px;
    border-top: 2px solid #ddde4c
}

@media (max-width: 992px) {
    .trendingNow-component .tredingNow-container .trendingNow-mainSection .content-box .card {
        width:100%;
        margin: 0 auto
    }
}

@media (min-width: 993px) {
    .trendingNow-component .tredingNow-container .trendingNow-mainSection .content-box .card:hover .img-wrap .card-img {
        -webkit-transform:scale(1.1);
        -moz-transform: scale(1.1);
        transform: scale(1.1);
        -webkit-transition: -webkit-transform .3s;
        transition: -webkit-transform .3s;
        -moz-transition: transform .3s,-moz-transform .3s;
        transition: transform .3s;
        transition: transform .3s,-webkit-transform .3s,-moz-transform .3s
    }

    .trendingNow-component .tredingNow-container .trendingNow-mainSection .content-box .card:hover .card-content .description,.trendingNow-component .tredingNow-container .trendingNow-mainSection .content-box .card:hover .card-content .trendingNow-tag {
        color: #737627
    }
}

.trendingNow-component .tredingNow-container .trendingNow-mainSection .content-box .card .img-wrap {
    overflow: hidden;
    height: 253px;
    width: 100%;
    border-radius: 2px;
    margin-top: 30px
}

@media (max-width: 992px) {
    .trendingNow-component .tredingNow-container .trendingNow-mainSection .content-box .card .img-wrap {
        height:205.56px;
        width: 100%;
        margin-top: 24.84px
    }
}

.trendingNow-component .tredingNow-container .trendingNow-mainSection .content-box .card .img-wrap .card-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    border-radius: 2px;
    -webkit-transition: .3s ease-out;
    -moz-transition: .3s ease-out;
    transition: .3s ease-out
}

@media (max-width: 992px) {
    .trendingNow-component .tredingNow-container .trendingNow-mainSection .content-box .card .img-wrap .card-img {
        width:100%;
        height: 100%
    }
}

.trendingNow-component .tredingNow-container .trendingNow-mainSection .content-box .card .card-content .trendingNow-tag {
    text-align: left;
    line-height: 14px;
    letter-spacing: .3px;
    font-size: 10px;
    color: #002240;
    text-transform: uppercase;
    font-family: Noto Sans,Arial,Helvetica,sans-serif;
    font-weight: 500;
    margin: 15.84px 0 0
}

.trendingNow-component .tredingNow-container .trendingNow-mainSection .content-box .card .card-content .description {
    margin: 9px 0 0;
    width: 100%;
    font-size: 20px;
    letter-spacing: 0;
    line-height: 26px;
    font-family: "Noto Serif";
    text-align: left;
    color: #002240
}

@media (max-width: 992px) {
    .trendingNow-component .tredingNow-container .trendingNow-mainSection .content-box .card .card-content .description {
        letter-spacing:.65px;
        font-size: 18px
    }
}

.trendingNow-component:first-child {
    margin-top: 48px
}

@media (max-width: 992px) {
    .trendingNow-component:first-child {
        margin-top:32px
    }
}

.feature-cta-component {
    margin-bottom: 48px;
    bottom: 0;
    z-index: -2
}

.feature-cta-component:last-child {
    margin-bottom: 0
}

@media (max-width: 992px) {
    .feature-cta-component {
        margin-bottom:32px
    }
}

.feature-cta-component.non-sticky {
    position: static
}

.feature-cta-component .feature-cta-wrapper {
    max-width: 100%;
    min-height: 223px;
    margin: auto;
    background-color: #737627;
    padding: 62px 0 49px
}

@media (max-width: 992px) {
    .feature-cta-component .feature-cta-wrapper {
        padding:43px 16px 37px
    }
}

.feature-cta-component .feature-cta-wrapper .feature-cta {
    margin: 0 auto
}

.feature-cta-component .feature-cta-wrapper .feature-cta .col-lg-5 {
    padding-bottom: 109px;
    padding-right: 55px
}

@media (max-width: 992px) {
    .feature-cta-component .feature-cta-wrapper .feature-cta .col-lg-5 {
        padding-bottom:52px;
        padding-right: 16px
    }
}

@media (min-width: 993px) {
    .feature-cta-component .feature-cta-wrapper .feature-cta .col-lg-5:nth-child(odd) {
        padding-left:0
    }

    .feature-cta-component .feature-cta-wrapper .feature-cta .col-lg-5:nth-last-child(2):nth-child(odd) {
        padding-bottom: 0
    }
}

.feature-cta-component .feature-cta-wrapper .feature-cta .col-lg-5:last-child {
    padding-bottom: 0
}

@media (max-width: 992px) {
    .feature-cta-component .feature-cta-wrapper .feature-cta .col-lg-5:last-child {
        padding-bottom:0
    }
}

.feature-cta-component .feature-cta-wrapper .feature-cta .cta-with-arrow {
    display: block;
    position: relative;
    min-width: 100%;
    padding: 0 55px 24px 0;
    -webkit-transition: .1s ease-out;
    -moz-transition: .1s ease-out;
    transition: .1s ease-out
}

@media (max-width: 992px) {
    .feature-cta-component .feature-cta-wrapper .feature-cta .cta-with-arrow {
        padding-bottom:24px;
        min-width: 100%
    }
}

.feature-cta-component .feature-cta-wrapper .feature-cta .cta-with-arrow:before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    border-bottom: 1px solid #fff
}

@media (min-width: 993px) {
    .feature-cta-component .feature-cta-wrapper .feature-cta .cta-with-arrow:hover {
        -webkit-transition:.1s ease-out;
        -moz-transition: .1s ease-out;
        transition: .1s ease-out
    }

    .feature-cta-component .feature-cta-wrapper .feature-cta .cta-with-arrow:hover:before {
        border-bottom: 3px solid #fff
    }

    .feature-cta-component .feature-cta-wrapper .feature-cta .cta-with-arrow:hover .arrow {
        width: 45px;
        -webkit-transition: .1s ease-out;
        -moz-transition: .1s ease-out;
        transition: .1s ease-out
    }

    .feature-cta-component .feature-cta-wrapper .feature-cta .cta-with-arrow:hover .cta-text {
        font-family: "Noto Serif";
        font-weight: 600
    }
}

.feature-cta-component .feature-cta-wrapper .feature-cta .cta-with-arrow .cta-text {
    font-family: "Noto Serif";
    line-height: 70px;
    color: #fff;
    letter-spacing: 0
}

@media (max-width: 992px) {
    .feature-cta-component .feature-cta-wrapper .feature-cta .cta-with-arrow .cta-text {
        font-size:40px;
        letter-spacing: 0;
        line-height: 57px
    }
}

@media (min-width: 993px) {
    .feature-cta-component .feature-cta-wrapper .feature-cta .cta-with-arrow .cta-text.large {
        font-size:62px
    }

    .feature-cta-component .feature-cta-wrapper .feature-cta .cta-with-arrow .cta-text.small {
        font-size: 48px
    }
}

.feature-cta-component .feature-cta-wrapper .feature-cta .cta-with-arrow .arrow {
    display: inline-block;
    background: url(/-/media/project/dlapiper-tenant/dlapiper/icons/feature-cta-arrow-extended.svg) no-repeat;
    background-position: 100%;
    width: 40px;
    height: 40px;
    position: absolute;
    left: -moz-calc(100% - 42px);
    left: calc(100% - 42px);
    bottom: 32px;
    -webkit-transition: .1s ease-out;
    -moz-transition: .1s ease-out;
    transition: .1s ease-out
}

@media (min-width: 993px) {
    .feature-cta-component .feature-cta-wrapper .feature-cta .cta-with-arrow .arrow {
        -webkit-transform:scale(70%);
        -moz-transform: scale(70%);
        transform: scale(70%)
    }
}

@media (max-width: 992px) {
    .feature-cta-component .feature-cta-wrapper .feature-cta .cta-with-arrow .arrow {
        background:url(/-/media/project/dlapiper-tenant/dlapiper/icons/feature-cta-arrow.svg) no-repeat;
        width: 30px;
        height: 28px;
        bottom: 35px
    }
}

.feature-cta-component+.anchor-nav-component,.feature-cta-component+.brightcove-component,.feature-cta-component+.dla-contacts.gray-background,.feature-cta-component+.feature-component,.feature-cta-component+.feature-text-component,.feature-cta-component+.hero-component,.feature-cta-component+.homepage-stories-component,.feature-cta-component+.intro-copy-component,.feature-cta-component+.masthead-subtitle-component,.feature-cta-component+.more-to-see-component,.feature-cta-component+.people-profile-main-div,.feature-cta-component+.press-release-comp,.feature-cta-component+.quote-component,.feature-cta-component+.recommended-for-you-component.gray-background,.feature-cta-component+.related-capability-component,.feature-cta-component+.resource-component-links:not(.white-background),.feature-cta-component+.resourcescommon.gray-background,.feature-cta-component+.rich-text-component:not(.subhead-white),.feature-cta-component+.rich-text-heading-component.gray-background,.feature-cta-component+.share-component:not(.PrimaryHeader-white),.feature-cta-component+.tertiary-content-component:not(.background-white) {
    margin-top: -48px
}

@media (max-width: 992px) {
    .feature-cta-component+.anchor-nav-component,.feature-cta-component+.brightcove-component,.feature-cta-component+.dla-contacts.gray-background,.feature-cta-component+.feature-component,.feature-cta-component+.feature-text-component,.feature-cta-component+.hero-component,.feature-cta-component+.homepage-stories-component,.feature-cta-component+.intro-copy-component,.feature-cta-component+.masthead-subtitle-component,.feature-cta-component+.more-to-see-component,.feature-cta-component+.people-profile-main-div,.feature-cta-component+.press-release-comp,.feature-cta-component+.quote-component,.feature-cta-component+.recommended-for-you-component.gray-background,.feature-cta-component+.related-capability-component,.feature-cta-component+.resource-component-links:not(.white-background),.feature-cta-component+.resourcescommon.gray-background,.feature-cta-component+.rich-text-component:not(.subhead-white),.feature-cta-component+.rich-text-heading-component.gray-background,.feature-cta-component+.share-component:not(.PrimaryHeader-white),.feature-cta-component+.tertiary-content-component:not(.background-white) {
        margin-top:-32px
    }
}

.feature-cta-component+.breadcrumb-component {
    margin-top: -37px
}

@media (max-width: 992px) {
    .feature-cta-component+.breadcrumb-component {
        margin-top:-16px
    }

    .feature-cta-component+.profile-contact-component {
        margin-top: -32px
    }
}

.feature-text-component {
    position: relative;
    background-color: #ddde4c;
    z-index: 2;
    margin-bottom: 48px;
    width: 100%
}

@media (max-width: 992px) {
    .feature-text-component {
        margin-bottom:32px
    }
}

.feature-text-component .feature-text-wrapper {
    width: 100%;
    max-width: 1440px;
    margin: 0 auto;
    padding: 109px 51px;
    -webkit-transition: -webkit-transform .3s ease-in-out;
    transition: -webkit-transform .3s ease-in-out;
    -moz-transition: transform .3s ease-in-out,-moz-transform .3s ease-in-out;
    transition: transform .3s ease-in-out;
    transition: transform .3s ease-in-out,-webkit-transform .3s ease-in-out,-moz-transform .3s ease-in-out
}

@media (max-width: 992px) {
    .feature-text-component .feature-text-wrapper {
        padding:100px 16px;
        min-height: 640px
    }
}

.feature-text-component .feature-text {
    display: -moz-box;
    display: flex;
    flex-wrap: wrap;
    font-family: "Noto Serif";
    font-size: 115px;
    line-height: 125px
}

.feature-text-component .feature-text span {
    margin: 0 12px;
    opacity: 0;
    -webkit-transition: opacity .2s ease-in-out;
    -moz-transition: opacity .2s ease-in-out;
    transition: opacity .2s ease-in-out
}

@media (max-width: 992px) {
    .feature-text-component .feature-text span {
        opacity:1
    }
}

.feature-text-component .feature-text span:first-of-type {
    margin-left: 0
}

@media (max-width: 992px) {
    .feature-text-component .feature-text span:first-of-type {
        margin-left:12px
    }
}

.feature-text-component .feature-text span:last-of-type {
    margin-right: 0
}

.feature-text-component .feature-text.fadeIn span {
    opacity: 1
}

.feature-text-component .feature-text.fadeIn span:first-child {
    -webkit-transition-delay: .1s;
    -moz-transition-delay: .1s;
    transition-delay: .1s
}

.feature-text-component .feature-text.fadeIn span:nth-child(2) {
    -webkit-transition-delay: .2s;
    -moz-transition-delay: .2s;
    transition-delay: .2s
}

.feature-text-component .feature-text.fadeIn span:nth-child(3) {
    -webkit-transition-delay: .3s;
    -moz-transition-delay: .3s;
    transition-delay: .3s
}

.feature-text-component .feature-text.fadeIn span:nth-child(4) {
    -webkit-transition-delay: .4s;
    -moz-transition-delay: .4s;
    transition-delay: .4s
}

.feature-text-component .feature-text.fadeIn span:nth-child(5) {
    -webkit-transition-delay: .5s;
    -moz-transition-delay: .5s;
    transition-delay: .5s
}

.feature-text-component .feature-text.fadeIn span:nth-child(6) {
    -webkit-transition-delay: .6s;
    -moz-transition-delay: .6s;
    transition-delay: .6s
}

.feature-text-component .feature-text.fadeIn span:nth-child(7) {
    -webkit-transition-delay: .7s;
    -moz-transition-delay: .7s;
    transition-delay: .7s
}

.feature-text-component .feature-text.fadeIn span:nth-child(8) {
    -webkit-transition-delay: .8s;
    -moz-transition-delay: .8s;
    transition-delay: .8s
}

.feature-text-component .feature-text.fadeIn span:nth-child(9) {
    -webkit-transition-delay: .9s;
    -moz-transition-delay: .9s;
    transition-delay: .9s
}

.feature-text-component .feature-text.fadeIn span:nth-child(10) {
    -webkit-transition-delay: 1s;
    -moz-transition-delay: 1s;
    transition-delay: 1s
}

.feature-text-component .feature-text.fadeIn span:nth-child(11) {
    -webkit-transition-delay: 1.1s;
    -moz-transition-delay: 1.1s;
    transition-delay: 1.1s
}

.feature-text-component .feature-text.fadeIn span:nth-child(12) {
    -webkit-transition-delay: 1.2s;
    -moz-transition-delay: 1.2s;
    transition-delay: 1.2s
}

.feature-text-component .feature-text.fadeIn span:nth-child(13) {
    -webkit-transition-delay: 1.3s;
    -moz-transition-delay: 1.3s;
    transition-delay: 1.3s
}

.feature-text-component .feature-text.fadeIn span:nth-child(14) {
    -webkit-transition-delay: 1.4s;
    -moz-transition-delay: 1.4s;
    transition-delay: 1.4s
}

.feature-text-component .feature-text.fadeIn span:nth-child(15) {
    -webkit-transition-delay: 1.5s;
    -moz-transition-delay: 1.5s;
    transition-delay: 1.5s
}

.feature-text-component .feature-text.fadeIn span:nth-child(16) {
    -webkit-transition-delay: 1.6s;
    -moz-transition-delay: 1.6s;
    transition-delay: 1.6s
}

.feature-text-component .feature-text.fadeIn span:nth-child(17) {
    -webkit-transition-delay: 1.7s;
    -moz-transition-delay: 1.7s;
    transition-delay: 1.7s
}

.feature-text-component .feature-text.fadeIn span:nth-child(18) {
    -webkit-transition-delay: 1.8s;
    -moz-transition-delay: 1.8s;
    transition-delay: 1.8s
}

.feature-text-component .feature-text.fadeIn span:nth-child(19) {
    -webkit-transition-delay: 1.9s;
    -moz-transition-delay: 1.9s;
    transition-delay: 1.9s
}

.feature-text-component .feature-text.fadeIn span:nth-child(20) {
    -webkit-transition-delay: 2s;
    -moz-transition-delay: 2s;
    transition-delay: 2s
}

.feature-text-component .feature-text.fadeIn span:nth-child(21) {
    -webkit-transition-delay: 2.1s;
    -moz-transition-delay: 2.1s;
    transition-delay: 2.1s
}

.feature-text-component .feature-text.fadeIn span:nth-child(22) {
    -webkit-transition-delay: 2.2s;
    -moz-transition-delay: 2.2s;
    transition-delay: 2.2s
}

.feature-text-component .feature-text.fadeIn span:nth-child(23) {
    -webkit-transition-delay: 2.3s;
    -moz-transition-delay: 2.3s;
    transition-delay: 2.3s
}

.feature-text-component .feature-text.fadeIn span:nth-child(24) {
    -webkit-transition-delay: 2.4s;
    -moz-transition-delay: 2.4s;
    transition-delay: 2.4s
}

.feature-text-component .feature-text.fadeIn span:nth-child(25) {
    -webkit-transition-delay: 2.5s;
    -moz-transition-delay: 2.5s;
    transition-delay: 2.5s
}

.feature-text-component .feature-text.fadeIn span:nth-child(26) {
    -webkit-transition-delay: 2.6s;
    -moz-transition-delay: 2.6s;
    transition-delay: 2.6s
}

.feature-text-component .feature-text.fadeIn span:nth-child(27) {
    -webkit-transition-delay: 2.7s;
    -moz-transition-delay: 2.7s;
    transition-delay: 2.7s
}

.feature-text-component .feature-text.fadeIn span:nth-child(28) {
    -webkit-transition-delay: 2.8s;
    -moz-transition-delay: 2.8s;
    transition-delay: 2.8s
}

.feature-text-component .feature-text.fadeIn span:nth-child(29) {
    -webkit-transition-delay: 2.9s;
    -moz-transition-delay: 2.9s;
    transition-delay: 2.9s
}

.feature-text-component .feature-text.fadeIn span:nth-child(30) {
    -webkit-transition-delay: 3s;
    -moz-transition-delay: 3s;
    transition-delay: 3s
}

.feature-text-component .feature-text.fadeIn span:nth-child(31) {
    -webkit-transition-delay: 3.1s;
    -moz-transition-delay: 3.1s;
    transition-delay: 3.1s
}

.feature-text-component .feature-text.fadeIn span:nth-child(32) {
    -webkit-transition-delay: 3.2s;
    -moz-transition-delay: 3.2s;
    transition-delay: 3.2s
}

.feature-text-component .feature-text.fadeIn span:nth-child(33) {
    -webkit-transition-delay: 3.3s;
    -moz-transition-delay: 3.3s;
    transition-delay: 3.3s
}

.feature-text-component .feature-text.fadeIn span:nth-child(34) {
    -webkit-transition-delay: 3.4s;
    -moz-transition-delay: 3.4s;
    transition-delay: 3.4s
}

.feature-text-component .feature-text.fadeIn span:nth-child(35) {
    -webkit-transition-delay: 3.5s;
    -moz-transition-delay: 3.5s;
    transition-delay: 3.5s
}

.feature-text-component .feature-text.fadeIn span:nth-child(36) {
    -webkit-transition-delay: 3.6s;
    -moz-transition-delay: 3.6s;
    transition-delay: 3.6s
}

.feature-text-component .feature-text.fadeIn span:nth-child(37) {
    -webkit-transition-delay: 3.7s;
    -moz-transition-delay: 3.7s;
    transition-delay: 3.7s
}

.feature-text-component .feature-text.fadeIn span:nth-child(38) {
    -webkit-transition-delay: 3.8s;
    -moz-transition-delay: 3.8s;
    transition-delay: 3.8s
}

.feature-text-component .feature-text.fadeIn span:nth-child(39) {
    -webkit-transition-delay: 3.9s;
    -moz-transition-delay: 3.9s;
    transition-delay: 3.9s
}

.feature-text-component .feature-text.fadeIn span:nth-child(40) {
    -webkit-transition-delay: 4s;
    -moz-transition-delay: 4s;
    transition-delay: 4s
}

.feature-text-component .feature-text.fadeIn span:nth-child(41) {
    -webkit-transition-delay: 4.1s;
    -moz-transition-delay: 4.1s;
    transition-delay: 4.1s
}

.feature-text-component .feature-text.fadeIn span:nth-child(42) {
    -webkit-transition-delay: 4.2s;
    -moz-transition-delay: 4.2s;
    transition-delay: 4.2s
}

.feature-text-component .feature-text.fadeIn span:nth-child(43) {
    -webkit-transition-delay: 4.3s;
    -moz-transition-delay: 4.3s;
    transition-delay: 4.3s
}

.feature-text-component .feature-text.fadeIn span:nth-child(44) {
    -webkit-transition-delay: 4.4s;
    -moz-transition-delay: 4.4s;
    transition-delay: 4.4s
}

.feature-text-component .feature-text.fadeIn span:nth-child(45) {
    -webkit-transition-delay: 4.5s;
    -moz-transition-delay: 4.5s;
    transition-delay: 4.5s
}

.feature-text-component .feature-text.fadeIn span:nth-child(46) {
    -webkit-transition-delay: 4.6s;
    -moz-transition-delay: 4.6s;
    transition-delay: 4.6s
}

.feature-text-component .feature-text.fadeIn span:nth-child(47) {
    -webkit-transition-delay: 4.7s;
    -moz-transition-delay: 4.7s;
    transition-delay: 4.7s
}

.feature-text-component .feature-text.fadeIn span:nth-child(48) {
    -webkit-transition-delay: 4.8s;
    -moz-transition-delay: 4.8s;
    transition-delay: 4.8s
}

.feature-text-component .feature-text.fadeIn span:nth-child(49) {
    -webkit-transition-delay: 4.9s;
    -moz-transition-delay: 4.9s;
    transition-delay: 4.9s
}

.feature-text-component .feature-text.fadeIn span:nth-child(50) {
    -webkit-transition-delay: 5s;
    -moz-transition-delay: 5s;
    transition-delay: 5s
}

@media (max-width: 992px) {
    .feature-text-component .feature-text {
        font-size:48px;
        line-height: 54px;
        letter-spacing: 0
    }
}

.feature-text-component:last-child {
    margin-bottom: 0
}

.feature-text-component+.anchor-nav-component,.feature-text-component+.brightcove-component,.feature-text-component+.dla-contacts.gray-background,.feature-text-component+.feature-component,.feature-text-component+.feature-cta-component,.feature-text-component+.hero-component,.feature-text-component+.homepage-stories-component,.feature-text-component+.intro-copy-component,.feature-text-component+.masthead-subtitle-component,.feature-text-component+.more-to-see-component,.feature-text-component+.people-profile-main-div,.feature-text-component+.press-release-comp,.feature-text-component+.quote-component,.feature-text-component+.recommended-for-you-component.gray-background,.feature-text-component+.related-capability-component,.feature-text-component+.resource-component-links:not(.white-background),.feature-text-component+.resourcescommon.gray-background,.feature-text-component+.rich-text-component:not(.subhead-white),.feature-text-component+.rich-text-heading-component.gray-background,.feature-text-component+.share-component:not(.PrimaryHeader-white),.feature-text-component+.tertiary-content-component:not(.background-white) {
    margin-top: -48px
}

@media (max-width: 992px) {
    .feature-text-component+.anchor-nav-component,.feature-text-component+.brightcove-component,.feature-text-component+.dla-contacts.gray-background,.feature-text-component+.feature-component,.feature-text-component+.feature-cta-component,.feature-text-component+.hero-component,.feature-text-component+.homepage-stories-component,.feature-text-component+.intro-copy-component,.feature-text-component+.masthead-subtitle-component,.feature-text-component+.more-to-see-component,.feature-text-component+.people-profile-main-div,.feature-text-component+.press-release-comp,.feature-text-component+.quote-component,.feature-text-component+.recommended-for-you-component.gray-background,.feature-text-component+.related-capability-component,.feature-text-component+.resource-component-links:not(.white-background),.feature-text-component+.resourcescommon.gray-background,.feature-text-component+.rich-text-component:not(.subhead-white),.feature-text-component+.rich-text-heading-component.gray-background,.feature-text-component+.share-component:not(.PrimaryHeader-white),.feature-text-component+.tertiary-content-component:not(.background-white) {
        margin-top:-32px
    }
}

.feature-text-component+.breadcrumb-component {
    margin-top: -37px
}

@media (max-width: 992px) {
    .feature-text-component+.breadcrumb-component {
        margin-top:-16px
    }

    .feature-text-component+.profile-contact-component {
        margin-top: -32px
    }
}

.intro-copy-component {
    background: -webkit-gradient(linear,left bottom,left top,from(#144774),to(#002240));
    background: -moz-linear-gradient(bottom,#144774 0,#002240 100%);
    background: linear-gradient(0deg,#144774,#002240);
    min-height: -moz-calc(100vh - 104px);
    min-height: calc(100vh - 104px);
    overflow: hidden
}

@media (max-width: 992px) {
    .intro-copy-component {
        padding:51px 0 97px
    }
}

.intro-copy-component .intro-copy-wrapper {
    position: relative;
    width: 100%;
    font-family: "Noto Serif";
    font-weight: 600;
    color: #fff
}

.intro-copy-component .intro-copy-wrapper .recommended-wrapper {
    opacity: 0
}

@media (min-width: 993px) {
    .intro-copy-component .intro-copy-wrapper .recommended-wrapper {
        max-width:33%;
        position: absolute;
        right: 0;
        top: 2.5rem;
        padding-right: 51px;
        padding-top: 3vh;
        z-index: 99
    }
}

@media (max-width: 992px) {
    .intro-copy-component .intro-copy-wrapper .recommended-wrapper {
        padding-bottom:75px;
        padding-left: 16px;
        padding-right: 16px
    }
}

.intro-copy-component .intro-copy-wrapper .recommended-wrapper .trendnow-heading-wrapper .trendnow-heading {
    padding-top: 1px;
    font-family: "Noto Serif";
    font-size: 28px;
    line-height: 32px;
    padding-bottom: 49px
}

@media (max-width: 992px) {
    .intro-copy-component .intro-copy-wrapper .recommended-wrapper .trendnow-heading-wrapper .trendnow-heading {
        font-size:24px;
        padding-bottom: 20px
    }
}

.intro-copy-component .intro-copy-wrapper .recommended-wrapper .trendnow-heading-wrapper .trendnow-heading span {
    display: inline-block
}

.intro-copy-component .intro-copy-wrapper .recommended-wrapper .trendnow-heading-wrapper .trendnow-heading .first-word {
    padding-right: 4px
}

.intro-copy-component .intro-copy-wrapper .recommended-wrapper .trendnow-heading-wrapper .trendnow-heading .highligted-word:before {
    height: 41px
}

.intro-copy-component .intro-copy-wrapper .recommended-wrapper .card {
    max-width: 100%;
    color: #fff;
    border: 0;
    border-radius: 2px;
    border-top: 2px solid #ddde4c;
    background-color: transparent
}

@media (max-width: 992px) {
    .intro-copy-component .intro-copy-wrapper .recommended-wrapper .card {
        width:100%;
        margin: 0 auto
    }
}

@media (min-width: 993px) {
    .intro-copy-component .intro-copy-wrapper .recommended-wrapper .card:hover .img-wrap .card-img {
        -webkit-transform:scale(1.1);
        -moz-transform: scale(1.1);
        transform: scale(1.1);
        -webkit-transition: -webkit-transform .3s;
        transition: -webkit-transform .3s;
        -moz-transition: transform .3s,-moz-transform .3s;
        transition: transform .3s;
        transition: transform .3s,-webkit-transform .3s,-moz-transform .3s
    }

    .intro-copy-component .intro-copy-wrapper .recommended-wrapper .card:hover .card-content .description,.intro-copy-component .intro-copy-wrapper .recommended-wrapper .card:hover .card-content .trendingNow-tag {
        color: #737627
    }
}

.intro-copy-component .intro-copy-wrapper .recommended-wrapper .card .img-wrap {
    overflow: hidden;
    height: 253px;
    width: 100%;
    border-radius: 2px;
    margin-top: 30px
}

@media (max-width: 992px) {
    .intro-copy-component .intro-copy-wrapper .recommended-wrapper .card .img-wrap {
        height:205.56px;
        width: 100%;
        margin-top: 24.84px
    }
}

.intro-copy-component .intro-copy-wrapper .recommended-wrapper .card .img-wrap .card-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    border-radius: 2px;
    -webkit-transition: .3s ease-out;
    -moz-transition: .3s ease-out;
    transition: .3s ease-out
}

@media (max-width: 992px) {
    .intro-copy-component .intro-copy-wrapper .recommended-wrapper .card .img-wrap .card-img {
        width:100%;
        height: 100%
    }
}

.intro-copy-component .intro-copy-wrapper .recommended-wrapper .card .card-content .trendingNow-tag {
    line-height: 14px;
    letter-spacing: .3px;
    font-size: 10px;
    text-transform: uppercase;
    font-family: Noto Sans,Arial,Helvetica,sans-serif;
    margin: 15.84px 0 0
}

.intro-copy-component .intro-copy-wrapper .recommended-wrapper .card .card-content .description {
    margin: 9px 0 0;
    width: 100%;
    font-size: 20px;
    letter-spacing: .72px;
    line-height: 26px;
    font-family: "Noto Serif";
    min-height: 79px
}

@media (max-width: 992px) {
    .intro-copy-component .intro-copy-wrapper .recommended-wrapper .card .card-content .description {
        letter-spacing:.65px;
        font-size: 18px
    }
}

.intro-copy-component .intro-copy-wrapper .recommended-wrapper .card .card-content .description:empty {
    display: none
}

.intro-copy-component .intro-copy-wrapper .recommended-wrapper .swiper-pagination {
    width: 100%;
    left: 0;
    padding-top: 4px;
    position: relative
}

.intro-copy-component .intro-copy-wrapper .recommended-wrapper .swiper-pagination .swiper-pagination-bullet {
    margin-left: 10px;
    height: 6px;
    width: 12px;
    background: transparent;
    border-radius: 4px;
    border: 1px solid #fff;
    opacity: 1
}

@media (max-width: 992px) {
    .intro-copy-component .intro-copy-wrapper .recommended-wrapper .swiper-pagination .swiper-pagination-bullet {
        height:4px;
        width: 8px
    }
}

.intro-copy-component .intro-copy-wrapper .recommended-wrapper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: #737627;
    height: 6px;
    width: 22px;
    border: 2px solid #737627;
    border-radius: 4px
}

@media (max-width: 992px) {
    .intro-copy-component .intro-copy-wrapper .recommended-wrapper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
        background:#737627;
        border: 2px solid #737627;
        height: 4px;
        width: 16px
    }
}

.intro-copy-component .intro-copy-wrapper .highligted-word {
    display: inline
}

@media (min-width: 993px) {
    .intro-copy-component .intro-copy-wrapper .highligted-word {
        display:inline-block;
        margin-left: 2.5px;
        position: relative;
        -webkit-transition: color .8s ease-out .9s;
        -moz-transition: color .8s ease-out .9s;
        transition: color .8s ease-out .9s;
        z-index: 1
    }

    .intro-copy-component .intro-copy-wrapper .highligted-word.heading-animate {
        color: #002240;
        -webkit-transition: color .8s ease-out .9s;
        -moz-transition: color .8s ease-out .9s;
        transition: color .8s ease-out .9s
    }

    .intro-copy-component .intro-copy-wrapper .highligted-word.heading-animate:before {
        width: 100%;
        -webkit-transition: .8s ease-out .9s;
        -moz-transition: .8s ease-out .9s;
        transition: .8s ease-out .9s
    }

    .intro-copy-component .intro-copy-wrapper .highligted-word:before {
        content: "";
        position: absolute;
        left: 0;
        width: 0;
        height: 104%;
        background: #ddde4c;
        z-index: -1;
        -webkit-transition: .8s ease-out .9s;
        -moz-transition: .8s ease-out .9s;
        transition: .8s ease-out .9s
    }
}

.intro-copy-component .hero-section {
    display: -moz-box;
    display: flex;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    flex-direction: column;
    -moz-box-pack: center;
    justify-content: center
}

@media (max-width: 992px) {
    .intro-copy-component .hero-section {
        max-width:100%;
        height: 100%;
        padding-bottom: 64px
    }
}

.intro-copy-component .hero-section .card {
    max-width: 100%;
    color: #fff;
    border: 0;
    border-radius: 2px;
    border-top: 2px solid #ddde4c;
    background-color: transparent
}

@media (max-width: 992px) {
    .intro-copy-component .hero-section .card {
        width:100%;
        margin: 0 auto
    }
}

@media (min-width: 993px) {
    .intro-copy-component .hero-section .card:hover .img-wrap .card-img {
        -webkit-transform:scale(1.1);
        -moz-transform: scale(1.1);
        transform: scale(1.1);
        -webkit-transition: -webkit-transform .3s;
        transition: -webkit-transform .3s;
        -moz-transition: transform .3s,-moz-transform .3s;
        transition: transform .3s;
        transition: transform .3s,-webkit-transform .3s,-moz-transform .3s
    }

    .intro-copy-component .hero-section .card:hover .card-content .description,.intro-copy-component .hero-section .card:hover .card-content .trendingNow-tag {
        color: #737627
    }
}

@media (max-width: 992px) {
    .intro-copy-component .container {
        max-width:100%;
        margin: 0;
        padding: 0 5%
    }
}

.intro-copy-component .heading {
    font-family: inherit;
    margin-top: 1rem;
    max-width: 720px
}

.intro-copy-component .heading span {
    display: block
}

.intro-copy-component .heading span:first-child {
    -webkit-transition-delay: .3s;
    -moz-transition-delay: .3s;
    transition-delay: .3s
}

.intro-copy-component .heading span:nth-child(2) {
    -webkit-transition-delay: .6s;
    -moz-transition-delay: .6s;
    transition-delay: .6s
}

.intro-copy-component .heading span.atOnce:first-child,.intro-copy-component .heading span.atOnce:nth-child(2) {
    -webkit-transition-delay: 0ms;
    -moz-transition-delay: 0ms;
    transition-delay: 0ms
}

.intro-copy-component .heading.large {
    font-size: 170px;
    line-height: 175px;
    font-weight: 500;
    letter-spacing: -.75rem
}

@media (min-width: 993px) {
    .intro-copy-component .heading.large {
        font-size:170px;
        line-height: 175px;
        font-weight: 500
    }
}

@media (max-width: 992px) {
    .intro-copy-component .heading.large {
        max-width:300px;
        font-size: 72px;
        line-height: 72px;
        letter-spacing: 0
    }
}

@media (min-width: 993px) {
    .intro-copy-component .heading.medium {
        font-size:150px;
        line-height: 150px
    }
}

@media (max-width: 992px) {
    .intro-copy-component .heading.medium {
        font-size:60px;
        line-height: 60px;
        letter-spacing: 0
    }
}

@media (min-width: 993px) {
    .intro-copy-component .heading.small {
        font-size:130px;
        line-height: 130px
    }
}

@media (max-width: 992px) {
    .intro-copy-component .heading.small {
        font-size:52px;
        line-height: 52px;
        letter-spacing: 0
    }
}

.intro-copy-component .description-section {
    position: relative
}

@media (max-width: 992px) {
    .intro-copy-component .description-section {
        position:static
    }
}

.intro-copy-component .description-section .container {
    padding: 0;
    margin: 0
}

.intro-copy-component .description-section .description {
    max-width: 50%;
    margin: 80px 0 0 15%
}

@media (max-width: 992px) {
    .intro-copy-component .description-section .description {
        margin:3em 0 0
    }
}

.intro-copy-component .subhead1,.intro-copy-component .subhead2 {
    opacity: 0;
    display: block;
    font-size: 30px;
    line-height: 1.37;
    letter-spacing: 0;
    margin-bottom: 37px
}

@media (max-width: 992px) {
    .intro-copy-component .subhead1,.intro-copy-component .subhead2 {
        opacity:1
    }

    .intro-copy-component .subhead1:first-child,.intro-copy-component .subhead2:first-child {
        margin-bottom: 1em
    }
}

.intro-copy-component .subhead1:last-child,.intro-copy-component .subhead2:last-child {
    margin-bottom: 0;
    padding-bottom: 10px
}

.intro-copy-component .subhead1.highligted-word,.intro-copy-component .subhead2.highligted-word {
    margin-bottom: 0;
    display: inline
}

@media (max-width: 992px) {
    .intro-copy-component .subhead1,.intro-copy-component .subhead2 {
        margin-bottom:40px;
        font-size: 24px;
        line-height: 32px;
        letter-spacing: -.48px
    }

    .intro-copy-component {
        background-color: #144774;
        background-image: -webkit-gradient(linear,left top,left bottom,from(#002342),color-stop(5%,#082d4e),color-stop(17%,#0b365b),color-stop(25%,#0e3e67),color-stop(32%,#0e3e67),color-stop(40%,#0e3e67),color-stop(47%,#0e3e67),color-stop(54%,#0e3e67),color-stop(62%,#0e3e67),color-stop(70%,#0e3e67),color-stop(78%,#0b365b),color-stop(95%,#082d4e),to(#002342));
        background-image: -moz-linear-gradient(top,#002342 0,#082d4e 5%,#0b365b 17%,#0e3e67 25%,#0e3e67 32%,#0e3e67 40%,#0e3e67 47%,#0e3e67 54%,#0e3e67 62%,#0e3e67 70%,#0b365b 78%,#082d4e 95%,#002342 100%);
        background-image: linear-gradient(180deg,#002342,#082d4e 5%,#0b365b 17%,#0e3e67 25%,#0e3e67 32%,#0e3e67 40%,#0e3e67 47%,#0e3e67 54%,#0e3e67 62%,#0e3e67 70%,#0b365b 78%,#082d4e 95%,#002342)
    }

    .intro-copy-component .full-height-gradient,.intro-copy-component .full-height-gradient-2 {
        display: none
    }

    .intro-copy-component .intro-copy-wrapper .hero-section {
        background-image: url(/-/media/project/dlapiper-tenant/dlapiper/intro-wave-mobile.png);
        background-size: cover;
        background-position: 100%;
        background-repeat: no-repeat
    }

    .intro-copy-component .intro-copy-wrapper .recommended-wrapper {
        opacity: 1
    }

    .intro-copy-component .description-section .description {
        max-width: unset
    }
}

.homepage-stories-component {
    color: #fff
}

.homepage-stories-component .pillars-container {
    position: relative;
    background: #1e5882
}

@media screen and (min-width: 993px) {
    .homepage-stories-component .pillars-container .global-pillar0.pillar {
        padding:10% 0 15vh
    }
}

.homepage-stories-component .pillars-container>div:nth-child(2n) {
    background: #144774;
    background: -webkit-gradient(linear,left bottom,left top,from(#011d36),to(#144774));
    background: -moz-linear-gradient(bottom,#011d36,#144774);
    background: linear-gradient(0deg,#011d36,#144774)
}

.homepage-stories-component .pillars-container>div:nth-child(odd) {
    background: #002240;
    background: -webkit-gradient(linear,left bottom,left top,from(#144774),to(#011d36));
    background: -moz-linear-gradient(bottom,#144774,#011d36);
    background: linear-gradient(0deg,#144774,#011d36)
}

.homepage-stories-component .inner-container {
    position: relative
}

.homepage-stories-component .pillar {
    position: relative;
    display: -moz-box;
    display: flex;
    padding: 300px 0 15vh
}

.homepage-stories-component .pillar .mobile-only {
    display: none!important
}

.homepage-stories-component .pillar-title {
    position: relative
}

.homepage-stories-component .pillar-title h2,.homepage-stories-component .pillar-title p {
    margin-left: 100px;
    position: relative;
    z-index: 10
}

.homepage-stories-component .pillar-title>div {
    position: absolute;
    top: 100%;
    -webkit-transform: translateY(calc(-50% + -6.5rem));
    -moz-transform: translateY(-moz-calc(-50% + -6.5rem));
    transform: translateY(calc(-50% + -6.5rem));
    width: 100%;
    z-index: 5
}

.homepage-stories-component .pillar-title .pillar-body {
    height: 100px;
    min-height: 100px;
    overflow: visible
}

.homepage-stories-component .pillar-title .pillar-body div p {
    margin-left: 0
}

.homepage-stories-component .pillar-titles {
    position: sticky;
    top: 40vh;
    padding-right: 0;
    margin-left: 0
}

.homepage-stories-component .pillar-titles .pillar-body {
    line-height: 40px;
    font-family: "Noto Serif";
    font-size: 30px;
    padding-top: 30px;
    max-width: 40%
}

.homepage-stories-component .pillar-column.right {
    padding: 30% 3rem 25vh 50vw;
    width: 100vw
}

.homepage-stories-component h2 {
    font-family: "Noto Serif";
    font-weight: 600;
    font-size: 88px;
    line-height: 1.3;
    margin: 0;
    padding-bottom: 20px
}

.homepage-stories-component h3 {
    font-family: "Noto Serif";
    font-weight: 600;
    font-size: 24px;
    line-height: 1.3;
    max-width: 500px;
    margin-left: 0;
    margin-top: 56px
}

.homepage-stories-component .pillar-content {
    margin: 0;
    opacity: 1
}

.homepage-stories-component .can-scroll,.homepage-stories-component .can-scroll-global {
    -webkit-transform: translate(0);
    -moz-transform: translate(0);
    transform: translate(0);
    opacity: 1
}

.homepage-stories-component+.anchor-nav-component,.homepage-stories-component+.brightcove-component,.homepage-stories-component+.dla-contacts.gray-background,.homepage-stories-component+.feature-component,.homepage-stories-component+.feature-text-component,.homepage-stories-component+.hero-component,.homepage-stories-component+.homepage-stories-component,.homepage-stories-component+.intro-copy-component,.homepage-stories-component+.masthead-subtitle-component,.homepage-stories-component+.more-to-see-component,.homepage-stories-component+.people-profile-main-div,.homepage-stories-component+.press-release-comp,.homepage-stories-component+.quote-component,.homepage-stories-component+.recommended-for-you-component.gray-background,.homepage-stories-component+.related-capability-component,.homepage-stories-component+.resource-component-links:not(.white-background),.homepage-stories-component+.resourcescommon.gray-background,.homepage-stories-component+.rich-text-component:not(.subhead-white),.homepage-stories-component+.rich-text-heading-component.gray-background,.homepage-stories-component+.share-component:not(.PrimaryHeader-white) {
    margin-top: -48px
}

@media (max-width: 992px) {
    .homepage-stories-component+.anchor-nav-component,.homepage-stories-component+.brightcove-component,.homepage-stories-component+.dla-contacts.gray-background,.homepage-stories-component+.feature-component,.homepage-stories-component+.feature-text-component,.homepage-stories-component+.hero-component,.homepage-stories-component+.homepage-stories-component,.homepage-stories-component+.intro-copy-component,.homepage-stories-component+.masthead-subtitle-component,.homepage-stories-component+.more-to-see-component,.homepage-stories-component+.people-profile-main-div,.homepage-stories-component+.press-release-comp,.homepage-stories-component+.quote-component,.homepage-stories-component+.recommended-for-you-component.gray-background,.homepage-stories-component+.related-capability-component,.homepage-stories-component+.resource-component-links:not(.white-background),.homepage-stories-component+.resourcescommon.gray-background,.homepage-stories-component+.rich-text-component:not(.subhead-white),.homepage-stories-component+.rich-text-heading-component.gray-background,.homepage-stories-component+.share-component:not(.PrimaryHeader-white) {
        margin-top:-32px
    }
}

.homepage-stories-component+.breadcrumb-component {
    margin-top: -37px
}

@media (max-width: 992px) {
    .homepage-stories-component+.breadcrumb-component {
        margin-top:-16px
    }

    .homepage-stories-component+.profile-contact-component {
        margin-top: -32px
    }
}

@media screen and (max-width: 992px) {
    .homepage-stories-component .inner-container {
        -moz-box-orient:vertical;
        -moz-box-direction: normal;
        flex-direction: column;
        max-height: unset;
        scrollbar-width: unset;
        overflow: unset;
        max-width: 100%
    }

    .homepage-stories-component .pillar {
        padding: unset
    }

    .homepage-stories-component .pillar .mobile-only {
        display: block!important
    }

    .homepage-stories-component .pillar .inner-container {
        position: relative
    }

    .homepage-stories-component .pillar .inner-container>h2 {
        background: rgba(0,34,64,.75) url(/-/media/project/dlapiper-tenant/dlapiper/Global_String_Mobile.png) bottom no-repeat;
        backdrop-filter: blur(25px);
        background-size: 100%;
        padding: 1rem 1rem 4rem;
        position: sticky;
        top: 55px;
        z-index: 5000
    }

    .homepage-stories-component .pillar .inner-container>p {
        font-family: "Noto Serif Regular",Arial,Helvetica,sans-serif;
        font-size: 20px;
        line-height: 40px;
        padding: 1rem;
        text-align: start
    }

    .homepage-stories-component .pillar.global-pillar1 .inner-container>h2 {
        background-color: rgba(20,71,116,.75);
        background-image: url(/-/media/project/dlapiper-tenant/dlapiper/Visionary_String_Mobile.png)
    }

    .homepage-stories-component .pillar.global-pillar2 .inner-container>h2 {
        background-color: rgba(0,34,64,.75);
        background-image: url(/-/media/project/dlapiper-tenant/dlapiper/Partners_String_Mobile.png)
    }

    .homepage-stories-component .pillar .pillar-titles {
        position: relative;
        top: unset
    }

    .homepage-stories-component .pillar .pillar-titles .pillar-title h2 {
        display: none
    }

    .homepage-stories-component .pillar .pillar-titles .pillar-title .pillar-body {
        line-height: 1.3;
        padding-top: 0;
        margin: 0 1rem 88px;
        max-width: 100%
    }

    .homepage-stories-component .pillar .pillar-titles .pillar-title .pillar-body div p {
        margin-left: 0
    }

    .homepage-stories-component .pillar .pillar-titles .pillar-body {
        font-size: 20px;
        height: unset;
        min-height: unset
    }

    .homepage-stories-component .pillar .pillar-column.right {
        max-height: unset;
        scrollbar-width: unset;
        padding: 0
    }

    .homepage-stories-component .pillar .pillar-column::-webkit-scrollbar {
        display: unset
    }

    .homepage-stories-component .pillar h2 {
        font-size: 42px;
        text-align: left
    }

    .homepage-stories-component .pillar .pillar-content {
        margin: 0 auto;
        -webkit-transform: none;
        -moz-transform: none;
        transform: none;
        opacity: 1;
        margin-left: unset
    }

    .homepage-stories-component .pillar .peek-padding {
        margin-top: unset
    }
}

.breadcrumb-component {
    margin: 11px auto
}

@media (max-width: 992px) {
    .breadcrumb-component {
        margin-top:16px;
        margin-bottom: 16px
    }
}

.pattern ul {
    margin-bottom: 0;
    padding-left: 48px
}

@media (min-width: 993px) {
    .pattern ul {
        font-size:0
    }
}

@media (max-width: 992px) {
    .pattern ul {
        padding-left:0
    }
}

.crumbs li {
    display: none
}

.crumbs li a {
    text-transform: uppercase;
    color: #737627;
    font-weight: 500;
    font-size: 14px;
    line-height: 22px;
    display: -moz-inline-box;
    display: inline-flex
}

.crumbs li a,.crumbs li a:hover {
    font-family: Noto Sans,Arial,Helvetica,sans-serif
}

.crumbs li a:hover {
    font-weight: 700;
    color: #002240
}

.crumbs li:last-child a {
    color: #002240
}

.crumbs li:last-child a:hover {
    font-family: Noto Sans,Arial,Helvetica,sans-serif;
    font-weight: 500
}

.crumbs li:nth-last-child(2) {
    display: inline-block
}

.crumbs li:nth-last-child(2):before {
    content: "";
    background: url(/-/media/project/dlapiper-tenant/dlapiper/icons/chevron_left_black_24dp.svg);
    background-repeat: no-repeat;
    padding: 1.5px 10px;
    margin-left: 12px
}

@media (min-width: 993px) {
    .crumbs li {
        display:inline-block;
        text-transform: uppercase;
        font-family: Noto Sans,Arial,Helvetica,sans-serif;
        font-size: 14px;
        font-weight: 500;
        line-height: 22px
    }

    .crumbs li:after {
        content: "";
        background: url(/-/media/project/dlapiper-tenant/dlapiper/icons/chevron_right_black_24dp.svg);
        background-repeat: no-repeat;
        padding: 3px 10px
    }

    .crumbs li:last-child:after,.crumbs li:nth-last-child(2):before {
        content: "";
        display: none
    }
}

.disclaimer-box {
    margin-bottom: 48px
}

@media (max-width: 992px) {
    .disclaimer-box {
        width:100%;
        margin-bottom: 32px
    }
}

.disclaimer-box .disclaimer-text {
    background-color: #f2f2f2;
    font-style: italic;
    font-size: 14px;
    line-height: 18px;
    color: #002240;
    padding: 18px 108px
}

.disclaimer-box .disclaimer-text div,.disclaimer-box .disclaimer-text p {
    display: inline
}

@media (max-width: 992px) {
    .disclaimer-box .disclaimer-text {
        padding:18px 16px 20px
    }
}

.masthead-subtitle-component {
    width: 100%;
    background: #002240 0 0 no-repeat padding-box;
    opacity: 1
}

.masthead-subtitle-component .masthead-subtitle-wrapper {
    padding: 22px 51px 23px
}

@media (max-width: 992px) {
    .masthead-subtitle-component .masthead-subtitle-wrapper {
        padding:23px 16px 30px
    }
}

.masthead-subtitle-component .masthead-subtitle-wrapper .title {
    text-align: left;
    font-size: 48px;
    font-family: "Noto Serif";
    font-weight: 300;
    font-weight: 400;
    line-height: 55px;
    letter-spacing: 0;
    color: #fff;
    opacity: 1;
    padding-bottom: 6px;
    margin-bottom: 0
}

@media (max-width: 992px) {
    .masthead-subtitle-component .masthead-subtitle-wrapper .title {
        font-size:32px;
        padding-bottom: 8px;
        line-height: 40px
    }
}

.masthead-subtitle-component .masthead-subtitle-wrapper .subitle {
    text-align: left;
    font-size: 16px;
    font-family: Noto Sans,Arial,Helvetica,sans-serif;
    font-weight: 400;
    line-height: 30px;
    letter-spacing: 0;
    color: #fff;
    opacity: 1;
    margin-bottom: 0
}

@media (max-width: 992px) {
    .masthead-subtitle-component .masthead-subtitle-wrapper .subitle {
        font-size:16px;
        line-height: 30px
    }
}

.masthead-subtitle-component+.resource-component-links.white-background,.masthead-subtitle-component+.rich-text-component.subhead-white,.masthead-subtitle-component+.rich-text-heading-component:not(.gray-background),.masthead-subtitle-component+.share-component.PrimaryHeader-white,.masthead-subtitle-component+.tertiary-content-component.background-white {
    margin-top: 48px
}

@media (max-width: 992px) {
    .masthead-subtitle-component+.resource-component-links.white-background,.masthead-subtitle-component+.rich-text-component.subhead-white,.masthead-subtitle-component+.rich-text-heading-component:not(.gray-background),.masthead-subtitle-component+.share-component.PrimaryHeader-white,.masthead-subtitle-component+.tertiary-content-component.background-white {
        margin-top:32px
    }
}

.anchor-nav-component {
    margin-bottom: 48px
}

@media (max-width: 992px) {
    .anchor-nav-component {
        margin-bottom:32px
    }
}

.anchor-nav-component.white {
    margin-bottom: 33.5px
}

@media (max-width: 992px) {
    .anchor-nav-component.white {
        margin-bottom:32px
    }
}

.anchor-nav-component.white .anchor-nav-desktop {
    background: #fff
}

.anchor-nav-component.white .anchor-nav-desktop .anchor-nav-list li a {
    color: #737627
}

.anchor-nav-component.white .anchor-nav-desktop .anchor-nav-list li a:active,.anchor-nav-component.white .anchor-nav-desktop .anchor-nav-list li a:hover {
    border-bottom: 1.5px solid #737627
}

.anchor-nav-component.white .anchor-nav-mobile .dropdown-section {
    border-bottom: 1px solid #d7d7d7;
    background-color: #fff
}

.anchor-nav-component.white .anchor-nav-mobile .dropdown-section .anchor-nav-dropdown {
    color: #737627
}

.anchor-nav-component.white .anchor-nav-mobile .dropdown-section .dropdown-arrow {
    background: url(/-/media/project/dlapiper-tenant/dlapiper/icons/dropdown-expand-arrow-green.svg) no-repeat
}

.anchor-nav-component.white .anchor-nav-mobile ul {
    border-bottom: 1px solid #d7d7d7;
    background-color: #fff
}

.anchor-nav-component.white .anchor-nav-mobile ul li .anchor-dropdown-item {
    color: #737627
}

.anchor-nav-component .anchor-nav-desktop {
    padding: 0 126px;
    text-align: center;
    background: #737627
}

@media (max-width: 992px) {
    .anchor-nav-component .anchor-nav-desktop {
        display:none
    }
}

.anchor-nav-component .anchor-nav-desktop .anchor-nav-list {
    list-style-type: none;
    margin: 0;
    padding: 0
}

.anchor-nav-component .anchor-nav-desktop .anchor-nav-list li {
    display: inline-block;
    margin-right: 24px
}

.anchor-nav-component .anchor-nav-desktop .anchor-nav-list li a {
    display: inherit;
    color: #fff;
    text-transform: uppercase;
    font-family: Noto Sans,Arial,Helvetica,sans-serif;
    font-weight: 500;
    font-size: 14px;
    line-height: 24px;
    border-bottom: 1.5px solid transparent;
    padding-top: 13.5px;
    margin-bottom: 13.5px
}

.anchor-nav-component .anchor-nav-desktop .anchor-nav-list li a:active,.anchor-nav-component .anchor-nav-desktop .anchor-nav-list li a:hover {
    font-family: Noto Sans,Arial,Helvetica,sans-serif;
    font-weight: 700;
    border-bottom: 1.5px solid #fff
}

.anchor-nav-component .anchor-nav-desktop .anchor-nav-list li a:before {
    content: attr(data-text);
    display: block;
    font-family: Noto Sans,Arial,Helvetica,sans-serif;
    font-weight: 700;
    height: 0;
    overflow: hidden;
    visibility: hidden;
    text-transform: uppercase
}

.anchor-nav-component .anchor-nav-mobile {
    position: relative
}

@media (max-width: 992px) {
    .anchor-nav-component .anchor-nav-mobile {
        z-index:1
    }
}

@media (min-width: 993px) {
    .anchor-nav-component .anchor-nav-mobile {
        display:none
    }
}

.anchor-nav-component .anchor-nav-mobile.menu-open .dropdown-section .dropdown-arrow {
    -webkit-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    transform: rotate(-180deg);
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.anchor-nav-component .anchor-nav-mobile.menu-open .anchor-dropdown-menu {
    -webkit-transform: scaleY(1);
    -moz-transform: scaleY(1);
    transform: scaleY(1);
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.anchor-nav-component .anchor-nav-mobile .dropdown-section {
    display: block;
    width: 100%;
    min-height: 40px;
    background-color: #737627;
    padding: 10px 45px 10px 17px;
    position: relative;
    border-bottom: 1px solid #f8f8e2
}

.anchor-nav-component .anchor-nav-mobile .dropdown-section.center-content {
    text-align: center
}

.anchor-nav-component .anchor-nav-mobile .dropdown-section .anchor-nav-dropdown {
    display: inline-block;
    color: #fff;
    font-family: Noto Sans,Arial,Helvetica,sans-serif;
    font-weight: 700;
    font-size: 16px;
    line-height: 20px;
    text-transform: uppercase
}

.anchor-nav-component .anchor-nav-mobile .dropdown-section .dropdown-arrow {
    display: inline-block;
    width: 24px;
    height: 24px;
    background: url(/-/media/project/dlapiper-tenant/dlapiper/icons/dropdown-expand-arrow.svg) no-repeat;
    position: absolute;
    right: 16px;
    top: 10px;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.anchor-nav-component .anchor-nav-mobile .anchor-dropdown-menu {
    display: block;
    position: absolute;
    width: 100%;
    background-color: #737627;
    list-style-type: none;
    padding: 0;
    margin: 0;
    -webkit-transform: scaleY(0);
    -moz-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: top;
    -moz-transform-origin: top;
    transform-origin: top;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.anchor-nav-component .anchor-nav-mobile .anchor-dropdown-menu li {
    padding: 27px 18px 0
}

.anchor-nav-component .anchor-nav-mobile .anchor-dropdown-menu li:last-child {
    padding-bottom: 31px
}

.anchor-nav-component .anchor-nav-mobile .anchor-dropdown-menu li:first-child {
    padding-top: 22px
}

.anchor-nav-component .anchor-nav-mobile .anchor-dropdown-menu li:first-child a {
    font-family: Noto Sans,Arial,Helvetica,sans-serif;
    font-weight: 700
}

.anchor-nav-component .anchor-nav-mobile .anchor-dropdown-menu li a {
    color: #fff;
    font-size: 16px;
    line-height: 20px;
    text-transform: uppercase
}

.dropdown {
    width: 100%;
    margin: 0 20px;
    padding: 20px;
    background-color: #fff;
    -webkit-box-shadow: 0 8px 10px 0 rgba(0,0,0,.3);
    box-shadow: 0 8px 10px 0 rgba(0,0,0,.3);
    font-family: Lato,sans-serif
}

.dropdown__switch:checked+.dropdown__options-filter .dropdown__select {
    -webkit-transform: scaleY(1);
    -moz-transform: scaleY(1);
    transform: scaleY(1)
}

.dropdown__switch:checked+.dropdown__options-filter .dropdown__filter:after {
    -webkit-transform: rotate(-135deg);
    -moz-transform: rotate(-135deg);
    transform: rotate(-135deg)
}

.dropdown__options-filter {
    width: 100%;
    cursor: pointer
}

.dropdown__filter {
    position: relative;
    display: -moz-box;
    display: flex;
    padding: 20px;
    color: #595959;
    background-color: #fff;
    border: 1px solid #d7d7d7;
    border-radius: 30px;
    font-size: 14px;
    text-transform: uppercase;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    transition: .3s
}

.dropdown__filter:focus {
    border: 1px solid #918ff4;
    outline: none;
    -webkit-box-shadow: 0 0 5px 3px #918ff4;
    box-shadow: 0 0 5px 3px #918ff4
}

.dropdown__filter:after {
    top: 45%;
    right: 20px;
    content: "";
    width: 10px;
    height: 10px;
    border-right: 2px solid #595959;
    border-bottom: 2px solid #595959;
    -webkit-transform: rotate(45deg) translateX(-45%);
    -moz-transform: rotate(45deg) translateX(-45%);
    transform: rotate(45deg) translateX(-45%)
}

.dropdown__filter:after,.dropdown__select {
    position: absolute;
    -webkit-transition: .2s ease-in-out;
    -moz-transition: .2s ease-in-out;
    transition: .2s ease-in-out
}

.dropdown__select {
    top: 100%;
    left: 0;
    width: 100%;
    margin-top: 5px;
    overflow: hidden;
    -webkit-box-shadow: 0 5px 10px 0 hsla(0,0%,59.6%,.6);
    box-shadow: 0 5px 10px 0 hsla(0,0%,59.6%,.6);
    -webkit-transform: scaleY(0);
    -moz-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: top;
    -moz-transform-origin: top;
    transform-origin: top;
    font-weight: 300
}

.dropdown__select-option {
    padding: 20px;
    background-color: #fff;
    border-bottom: 1px solid #d7d7d7;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    transition: .3s
}

.dropdown__select-option:last-of-type {
    border-bottom: 0
}

.dropdown__select-option:hover {
    background-color: #f8f8f8
}

.anchor-nav-component.white+.anchor-nav-component,.anchor-nav-component.white+.breadcrumb-component,.anchor-nav-component.white+.brightcove-component,.anchor-nav-component.white+.dla-contacts.gray-background,.anchor-nav-component.white+.feature-component,.anchor-nav-component.white+.feature-cta-component,.anchor-nav-component.white+.feature-text-component,.anchor-nav-component.white+.hero-component,.anchor-nav-component.white+.homepage-stories-component,.anchor-nav-component.white+.intro-copy-component,.anchor-nav-component.white+.masthead-subtitle-component,.anchor-nav-component.white+.more-to-see-component,.anchor-nav-component.white+.people-profile-main-div,.anchor-nav-component.white+.press-release-comp,.anchor-nav-component.white+.quote-component,.anchor-nav-component.white+.recommended-for-you-component.gray-background,.anchor-nav-component.white+.related-capability-component,.anchor-nav-component.white+.resource-component-links,.anchor-nav-component.white+.resourcescommon.gray-background,.anchor-nav-component.white+.rich-text-component,.anchor-nav-component.white+.rich-text-heading-component.gray-background,.anchor-nav-component.white+.share-component,.anchor-nav-component.white+.tertiary-content-component {
    margin-top: -33.5px
}

@media (max-width: 992px) {
    .anchor-nav-component.white+.anchor-nav-component,.anchor-nav-component.white+.breadcrumb-component,.anchor-nav-component.white+.brightcove-component,.anchor-nav-component.white+.dla-contacts.gray-background,.anchor-nav-component.white+.feature-component,.anchor-nav-component.white+.feature-cta-component,.anchor-nav-component.white+.feature-text-component,.anchor-nav-component.white+.hero-component,.anchor-nav-component.white+.homepage-stories-component,.anchor-nav-component.white+.intro-copy-component,.anchor-nav-component.white+.masthead-subtitle-component,.anchor-nav-component.white+.more-to-see-component,.anchor-nav-component.white+.people-profile-main-div,.anchor-nav-component.white+.press-release-comp,.anchor-nav-component.white+.quote-component,.anchor-nav-component.white+.recommended-for-you-component.gray-background,.anchor-nav-component.white+.related-capability-component,.anchor-nav-component.white+.resource-component-links,.anchor-nav-component.white+.resourcescommon.gray-background,.anchor-nav-component.white+.rich-text-component,.anchor-nav-component.white+.rich-text-heading-component.gray-background,.anchor-nav-component.white+.share-component,.anchor-nav-component.white+.tertiary-content-component {
        margin-top:-32px
    }
}

.anchor-nav-component+.tertiary-content-component.background-white,.anchor-nav-component.white+.rich-text-component.subhead-white {
    margin-top: 48px
}

@media (max-width: 992px) {
    .anchor-nav-component+.tertiary-content-component.background-white,.anchor-nav-component.white+.rich-text-component.subhead-white {
        margin-top:32px
    }
}

.anchor-nav-component+.share-component {
    margin-top: -48px
}

@media (max-width: 992px) {
    .anchor-nav-component+.share-component {
        margin-top:-32px
    }
}

.anchor-nav-component+.share-component.PrimaryHeader-white {
    margin-top: 48px
}

@media (max-width: 992px) {
    .anchor-nav-component+.share-component.PrimaryHeader-white {
        margin-top:32px
    }
}

.anchor-nav-component+.rich-text-component:not(.subhead-white) {
    margin-top: -48px
}

@media (max-width: 992px) {
    .anchor-nav-component+.rich-text-component:not(.subhead-white) {
        margin-top:-32px
    }
}

.anchor-nav-component+.anchor-nav-component,.anchor-nav-component+.brightcove-component,.anchor-nav-component+.feature-component,.anchor-nav-component+.feature-cta-component,.anchor-nav-component+.feature-text-component,.anchor-nav-component+.hero-component,.anchor-nav-component+.homepage-stories-component,.anchor-nav-component+.intro-copy-component,.anchor-nav-component+.masthead-subtitle-component,.anchor-nav-component+.more-to-see-component,.anchor-nav-component+.people-profile-main-div,.anchor-nav-component+.press-release-comp,.anchor-nav-component+.quote-component,.anchor-nav-component+.recommended-for-you-component.gray-background,.anchor-nav-component+.related-capability-component,.anchor-nav-component+.resource-component-links,.anchor-nav-component+.resourcescommon.gray-background,.anchor-nav-component+.rich-text-heading-component.gray-background,.anchor-nav-component+.tertiary-content-component {
    margin-top: -48px
}

@media (max-width: 992px) {
    .anchor-nav-component+.anchor-nav-component,.anchor-nav-component+.brightcove-component,.anchor-nav-component+.feature-component,.anchor-nav-component+.feature-cta-component,.anchor-nav-component+.feature-text-component,.anchor-nav-component+.hero-component,.anchor-nav-component+.homepage-stories-component,.anchor-nav-component+.intro-copy-component,.anchor-nav-component+.masthead-subtitle-component,.anchor-nav-component+.more-to-see-component,.anchor-nav-component+.people-profile-main-div,.anchor-nav-component+.press-release-comp,.anchor-nav-component+.quote-component,.anchor-nav-component+.recommended-for-you-component.gray-background,.anchor-nav-component+.related-capability-component,.anchor-nav-component+.resource-component-links,.anchor-nav-component+.resourcescommon.gray-background,.anchor-nav-component+.rich-text-heading-component.gray-background,.anchor-nav-component+.tertiary-content-component {
        margin-top:-32px
    }
}

.anchor-nav-component+.breadcrumb-component {
    margin-top: -37px
}

@media (max-width: 992px) {
    .anchor-nav-component+.breadcrumb-component {
        margin-top:-16px
    }

    .anchor-nav-component+.profile-contact-component {
        margin-top: -32px
    }
}

.anchor-nav-component+.resource-component-links.white-background {
    margin-top: 0
}

@media (max-width: 992px) {
    .anchor-nav-component+.resource-component-links.white-background {
        margin-top:0
    }
}

.byline-component {
    margin-bottom: 48px
}

@media (max-width: 992px) {
    .byline-component {
        margin-bottom:32px
    }
}

.byline-component .contributors,.byline-component .written-by {
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 16px
}

@media (max-width: 992px) {
    .byline-component .contributors,.byline-component .written-by {
        font-size:16px;
        line-height: 22px
    }
}

.byline-component .contributors .heading,.byline-component .written-by .heading {
    font-family: Noto Sans,Arial,Helvetica,sans-serif;
    font-weight: 600;
    color: #002240;
    padding-right: 4px
}

.byline-component .contributors a,.byline-component .written-by a {
    color: #737627;
    padding-right: 4px
}

.byline-component .contributors a:hover,.byline-component .written-by a:hover {
    color: #002240;
    font-family: Noto Sans,Arial,Helvetica,sans-serif;
    font-weight: 600
}

.byline-component .contributors a:after,.byline-component .written-by a:after {
    content: ",";
    color: #002240
}

.byline-component .contributors a:last-child:after,.byline-component .written-by a:last-child:after {
    content: ""
}

@media (min-width: 993px) {
    .byline-component .contributors a.external:hover:after,.byline-component .written-by a.external:hover:after {
        background:url(/-/media/project/dlapiper-tenant/dlapiper/icons/regular.svg) no-repeat;
        background-size: 20px
    }
}

.byline-component .contributors a.external:after,.byline-component .written-by a.external:after {
    content: "";
    display: inline-block;
    position: relative;
    width: 20px;
    height: 20px;
    background: url(/-/media/project/dlapiper-tenant/dlapiper/icons/hover.svg) no-repeat;
    background-size: 20px;
    top: 3px;
    margin-left: 2px;
    -webkit-transition: .3s ease-out;
    -moz-transition: .3s ease-out;
    transition: .3s ease-out
}

.byline-component .contributors {
    font-size: 14px;
    line-height: 24px
}

@media (max-width: 992px) {
    .byline-component .contributors {
        line-height:20px
    }
}

.byline-component .contributors a.external:hover:after {
    background-size: 16px
}

.byline-component .contributors a.external:after {
    width: 16.6px;
    height: 16.6px;
    background-size: 16px;
    margin-left: 1px;
    top: 3.5px
}

@media (min-width: 993px) {
    .byline-component-wrapper .col-lg-8 {
        padding:0
    }
}

.byline-component-wrapper:first-child {
    margin-top: 48px
}

@media (max-width: 992px) {
    .byline-component-wrapper:first-child {
        margin-top:32px
    }
}

.article-quote-component .article-quote {
    font-family: "Noto Serif";
    font-weight: 500;
    font-size: 48px;
    line-height: 56px;
    color: #002240;
    margin-bottom: 0
}

@media (max-width: 992px) {
    .article-quote-component .article-quote {
        font-size:32px;
        line-height: 40px
    }
}

.article-quote-component .article-quote+.author,.article-quote-component .article-quote+.position {
    margin-top: 25px
}

@media (max-width: 992px) {
    .article-quote-component .article-quote+.author,.article-quote-component .article-quote+.position {
        margin-top:17px
    }
}

.article-quote-component .author,.article-quote-component .position {
    font-family: Noto Sans,Arial,Helvetica,sans-serif;
    font-weight: 600;
    font-size: 14px;
    line-height: 18px;
    color: #002240;
    margin-bottom: 0
}

.article-quote-component .position {
    font-family: Noto Sans,Arial,Helvetica,sans-serif
}

.article-quote-component-wrapper {
    margin: 0 auto 48px
}

@media (max-width: 992px) {
    .article-quote-component-wrapper {
        margin-bottom:32px
    }
}

.article-quote-component-wrapper:first-child {
    margin-top: 48px
}

@media (max-width: 992px) {
    .article-quote-component-wrapper:first-child {
        margin-top:32px
    }
}

.gallery-container {
    margin: 0 35px 48px;
    scroll-margin-top: 110px
}

@media (max-width: 992px) {
    .gallery-container {
        margin:0;
        scroll-margin-top: 65px
    }
}

.gallery-container:first-child {
    margin-top: 48px
}

@media (max-width: 992px) {
    .gallery-container:first-child {
        margin-top:32px
    }
}

.gallery-container .gallery-box {
    margin: 0 auto 13px
}

@media (min-width: 993px) {
    .gallery-container .gallery-box:nth-child(2) {
        margin-top:32px
    }
}

@media (max-width: 992px) {
    .gallery-container .gallery-box {
        margin:0
    }
}

.gallery-container .gallery-box .dynamic-auto-height {
    display: -moz-box;
    display: flex
}

.gallery-container .gallery-box .card {
    width: 100%;
    text-decoration: none;
    color: #002240;
    border: 0;
    border-radius: 2px
}

@media (max-width: 992px) {
    .gallery-container .gallery-box .card {
        width:100%;
        margin: 0 auto 32px
    }
}

.gallery-container .gallery-box .card .image-title-wrap.no-events .title {
    cursor: context-menu
}

.gallery-container .gallery-box .card .image-title-wrap .img-wrap {
    overflow: hidden;
    height: 400px;
    width: 100%;
    border-radius: 2px;
    margin-bottom: 32px
}

@media (max-width: 992px) {
    .gallery-container .gallery-box .card .image-title-wrap .img-wrap {
        width:100%;
        object-fit: cover;
        height: 328px
    }
}

.gallery-container .gallery-box .card .image-title-wrap .img-wrap.height-onefourth {
    height: 100px
}

.gallery-container .gallery-box .card .image-title-wrap .img-wrap.height-onethird {
    height: 133px
}

.gallery-container .gallery-box .card .image-title-wrap .img-wrap .card-img {
    width: 100%;
    height: 100%;
    object-position: center;
    border-radius: 2px;
    -webkit-transition: .3s ease-out;
    -moz-transition: .3s ease-out;
    transition: .3s ease-out;
    object-fit: cover
}

@media (max-width: 992px) {
    .gallery-container .gallery-box .card .image-title-wrap .img-wrap .card-img {
        width:100%;
        height: 100%
    }
}

.gallery-container .gallery-box .card .image-title-wrap .title {
    font-family: "Noto Serif";
    font-size: 18px;
    line-height: 26px;
    letter-spacing: .65px;
    margin-bottom: 1px;
    color: #002240
}

@media (max-width: 992px) {
    .gallery-container .gallery-box .card .image-title-wrap .title {
        line-height:24px
    }
}

.gallery-container .gallery-box .card .image-title-wrap:not(.no-events) .img-wrap {
    cursor: pointer
}

@media (min-width: 993px) {
    .gallery-container .gallery-box .card .image-title-wrap:not(.no-events):hover .img-wrap .card-img {
        -webkit-transform:scale(1.1);
        -moz-transform: scale(1.1);
        transform: scale(1.1);
        -webkit-transition: -webkit-transform .3s;
        transition: -webkit-transform .3s;
        -moz-transition: transform .3s,-moz-transform .3s;
        transition: transform .3s;
        transition: transform .3s,-webkit-transform .3s,-moz-transform .3s
    }

    .gallery-container .gallery-box .card .image-title-wrap:not(.no-events):hover .title {
        color: #737627
    }
}

.gallery-container .gallery-box .card .card-content.no-events {
    cursor: context-menu
}

.gallery-container .gallery-box .card .card-content:not(.no-events) {
    cursor: pointer
}

@media (min-width: 993px) {
    .gallery-container .gallery-box .card .card-content:not(.no-events) .name-block:hover {
        color:#002240;
        font-family: Noto Sans,Arial,Helvetica,sans-serif;
        font-weight: 600
    }
}

.gallery-container .gallery-box .card .card-content .name-block-wrapper {
    height: -webkit-max-content;
    height: -moz-max-content;
    height: max-content
}

@media (min-width: 993px) {
    .gallery-container .gallery-box .card .card-content .name-block-wrapper {
        margin-top:8px
    }
}

@media (max-width: 992px) {
    .gallery-container .gallery-box .card .card-content .name-block-wrapper {
        margin-top:16px
    }
}

.gallery-container .gallery-box .card .card-content .name-block-wrapper .name-block {
    margin: 0;
    font-size: 16px;
    line-height: 26px;
    font-family: Noto Sans,Arial,Helvetica,sans-serif;
    color: #737627;
    display: inline-block
}

.gallery-container .gallery-box .card .card-content .description {
    font-size: 14px;
    line-height: 18px;
    font-family: Noto Sans,Arial,Helvetica,sans-serif;
    letter-spacing: 0;
    color: #002240;
    padding-top: 16px;
    margin: 0 0 30px
}

@media (max-width: 992px) {
    .gallery-container .gallery-box .card .card-content .description {
        font-size:16px;
        line-height: 22px;
        margin-bottom: 0;
        padding-top: 16px
    }
}

.gallery-container .gallery-box .card .card-content .description:empty {
    padding: 0;
    margin-bottom: 22px
}

.gallery-container .gallery-box .card .card-content .date-time {
    font-size: 10px;
    line-height: 14px;
    font-family: Noto Sans,Arial,Helvetica,sans-serif;
    font-weight: 500;
    letter-spacing: .3px;
    text-transform: uppercase;
    position: absolute;
    bottom: 0
}

@media (max-width: 992px) {
    .gallery-container .gallery-box .card .card-content .date-time {
        margin-top:16px;
        position: relative
    }
}

.hero-component {
    max-width: 100%;
    margin-bottom: 48px
}

@media (max-width: 992px) {
    .hero-component {
        margin-bottom:2px
    }
}

.hero-component .hero-img-wrapper {
    position: relative;
    background: #fff;
    z-index: 0
}

@media (min-width: 993px) {
    .hero-component .hero-img-wrapper {
        margin-bottom:50px
    }
}

.hero-component .hero-img-wrapper .office-hero-image {
    width: auto
}

@media (min-width: 993px) {
    .hero-component .hero-img-wrapper .office-hero-image {
        height:520px
    }
}

@media (max-width: 992px) {
    .hero-component .hero-img-wrapper .office-hero-image {
        height:380px
    }
}

.hero-component .hero-img-wrapper .editorial-hero-image {
    width: auto
}

@media (min-width: 993px) {
    .hero-component .hero-img-wrapper .editorial-hero-image {
        height:520px
    }
}

@media (max-width: 992px) {
    .hero-component .hero-img-wrapper .editorial-hero-image {
        height:380px
    }
}

.hero-component .hero-img-wrapper .hero-img {
    width: 100%;
    height: 520px;
    position: relative;
    z-index: -1;
    object-fit: cover;
    object-position: top center
}

@media (max-width: 992px) {
    .hero-component .hero-img-wrapper .hero-img {
        height:380px
    }
}

.hero-component .hero-img-wrapper .tag-section {
    position: absolute;
    top: 32px;
    left: 50px
}

.hero-component .hero-img-wrapper .tag-section:empty {
    display: none
}

@media (min-width: 993px) {
    .hero-component .hero-img-wrapper .tag-section {
        max-width:70%
    }
}

@media (max-width: 992px) {
    .hero-component .hero-img-wrapper .tag-section {
        top:16px;
        left: 16px
    }
}

.hero-component .hero-img-wrapper .tag-section .localTime {
    display: inline-block;
    background-color: #fff;
    border: 1px solid #fff;
    border-radius: 22px;
    padding: 11px 19px;
    font-family: Noto Sans,Arial,Helvetica,sans-serif;
    font-weight: 500;
    font-size: 14px;
    line-height: 19px;
    color: #002240;
    letter-spacing: .42px;
    text-transform: uppercase;
    margin: 0 8px 10px 0;
    text-align: center
}

.hero-component .hero-img-wrapper .tag-section .localTime:empty {
    display: none
}

@media (max-width: 992px) {
    .hero-component .hero-img-wrapper .tag-section .localTime {
        display:block;
        padding: 3px 11px;
        font-family: Noto Sans,Arial,Helvetica,sans-serif;
        font-size: 12px;
        line-height: 11px;
        letter-spacing: 0;
        margin: 0 8px 8px 0
    }
}

.hero-component .hero-img-wrapper .tag-section span {
    display: inline-block;
    background-color: #fff;
    border: 1px solid #fff;
    border-radius: 22px;
    padding: 11px 19px;
    font-family: Noto Sans,Arial,Helvetica,sans-serif;
    font-weight: 500;
    font-size: 14px;
    line-height: 19px;
    color: #002240;
    letter-spacing: .42px;
    text-transform: uppercase;
    margin: 0 8px 10px 0;
    text-align: center
}

.hero-component .hero-img-wrapper .tag-section span:empty {
    display: none
}

@media (max-width: 992px) {
    .hero-component .hero-img-wrapper .tag-section span {
        display:block;
        padding: 3px 11px;
        font-family: Noto Sans,Arial,Helvetica,sans-serif;
        font-size: 12px;
        line-height: 11px;
        letter-spacing: 0;
        margin: 0 8px 8px 0
    }
}

.hero-component .hero-img-wrapper .share-btn-wrapper {
    position: absolute;
    right: 54px;
    z-index: 100;
    top: 32px
}

@media (max-width: 992px) {
    .hero-component .hero-img-wrapper .share-btn-wrapper {
        right:16px;
        top: 16px
    }
}

.hero-component .hero-img-wrapper .share-btn-wrapper .share-button {
    display: -moz-box;
    display: flex;
    -moz-box-align: center;
    align-items: center;
    border: 1px solid #737627;
    border-radius: 50px;
    color: #fff;
    background-color: #737627;
    text-decoration: none;
    padding: 0 20px;
    height: 40px;
    cursor: pointer;
    float: right;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

@media (max-width: 992px) {
    .hero-component .hero-img-wrapper .share-btn-wrapper .share-button {
        width:40px;
        height: 40px;
        padding: unset;
        border-radius: 50%
    }
}

@media (min-width: 993px) {
    .hero-component .hero-img-wrapper .share-btn-wrapper .share-button:hover {
        border:1px solid #737627;
        background-color: #737627
    }

    .hero-component .hero-img-wrapper .share-btn-wrapper .share-button:hover,.hero-component .hero-img-wrapper .share-btn-wrapper .share-button:hover svg {
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        transform: scale(1.1)
    }
}

.hero-component .hero-img-wrapper .share-btn-wrapper .share-button .button-txt {
    text-transform: uppercase;
    font-size: 12px;
    line-height: 17px;
    margin-right: 11px;
    font-family: Noto Sans,Arial,Helvetica,sans-serif;
    font-weight: 600
}

@media (max-width: 992px) {
    .hero-component .hero-img-wrapper .share-btn-wrapper .share-button .button-txt {
        display:none
    }
}

.hero-component .hero-img-wrapper .share-btn-wrapper .share-button svg {
    width: 19px;
    height: 19px;
    -webkit-transition: .3s ease-out;
    -moz-transition: .3s ease-out;
    transition: .3s ease-out
}

@media (max-width: 992px) {
    .hero-component .hero-img-wrapper .share-btn-wrapper .share-button svg {
        margin:8px 0 0 8px
    }
}

.hero-component .hero-img-wrapper .share-btn-wrapper .share-links {
    display: none;
    position: absolute;
    padding: 25px 25px 9px;
    background-color: #fff;
    font-family: Noto Sans,Arial,Helvetica,sans-serif;
    font-weight: 500;
    border: 1.5px solid #737627;
    width: 192px;
    height: auto;
    top: 57px;
    right: 0;
    z-index: 9999;
    border-radius: 2px
}

@media (max-width: 992px) {
    .hero-component .hero-img-wrapper .share-btn-wrapper .share-links {
        top:57px;
        right: -11px
    }
}

.hero-component .hero-img-wrapper .share-btn-wrapper .share-links:after {
    content: "";
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 19px solid #fff;
    position: absolute;
    top: -18px;
    left: 80%
}

.hero-component .hero-img-wrapper .share-btn-wrapper .share-links:before {
    content: "";
    width: 0;
    height: 0;
    border-left: 11.75px solid transparent;
    border-right: 11.75px solid transparent;
    border-bottom: 19px solid #737627;
    position: absolute;
    top: -19px;
    left: 79%
}

.hero-component .hero-img-wrapper .share-btn-wrapper .share-links a {
    position: relative;
    display: block;
    text-decoration: none;
    color: #737627;
    cursor: pointer;
    margin-bottom: 18px
}

.hero-component .hero-img-wrapper .share-btn-wrapper .share-links a:hover {
    color: #002240
}

.hero-component .hero-img-wrapper .share-btn-wrapper .share-links a:hover span.link-text:after {
    width: 100%
}

.hero-component .hero-img-wrapper .share-btn-wrapper .share-links a span.link-text {
    margin-left: 46px;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    position: relative;
    padding-bottom: 5px
}

.hero-component .hero-img-wrapper .share-btn-wrapper .share-links a span.link-text:after {
    content: "";
    width: 0;
    height: 2px;
    background-color: #002240;
    position: absolute;
    left: 0;
    bottom: 0;
    -webkit-transition: .3s ease-out;
    -moz-transition: .3s ease-out;
    transition: .3s ease-out
}

.hero-component .hero-img-wrapper .share-btn-wrapper .share-links a.sharethis_button_email:before,.hero-component .hero-img-wrapper .share-btn-wrapper .share-links a.sharethis_button_facebook:before,.hero-component .hero-img-wrapper .share-btn-wrapper .share-links a.sharethis_button_line:before,.hero-component .hero-img-wrapper .share-btn-wrapper .share-links a.sharethis_button_linkedin:before,.hero-component .hero-img-wrapper .share-btn-wrapper .share-links a.sharethis_button_twitter:before,.hero-component .hero-img-wrapper .share-btn-wrapper .share-links a.sharethis_button_wechat:before,.hero-component .hero-img-wrapper .share-btn-wrapper .share-links a.sharethis_button_whatsapp:before,.hero-component .hero-img-wrapper .share-btn-wrapper .share-links a.sharethis_button_xing:before {
    content: "";
    background-repeat: no-repeat;
    position: absolute;
    width: 24px;
    height: 24px;
    left: 0;
    top: 3px
}

.hero-component .hero-img-wrapper .share-btn-wrapper .share-links a.sharethis_button_facebook:before {
    background-image: url(/-/media/project/dlapiper-tenant/dlapiper/icons/facebook-icon.svg)
}

.hero-component .hero-img-wrapper .share-btn-wrapper .share-links a.sharethis_button_twitter:before {
    background-image: url(/-/media/project/dlapiper-tenant/dlapiper/icons/twitter-icon-share_v2.svg)
}

.hero-component .hero-img-wrapper .share-btn-wrapper .share-links a.sharethis_button_email:before {
    background-image: url(/-/media/project/dlapiper-tenant/dlapiper/icons/email-icon.svg)
}

.hero-component .hero-img-wrapper .share-btn-wrapper .share-links a.sharethis_button_linkedin:before {
    background-image: url(/-/media/project/dlapiper-tenant/dlapiper/icons/linkedin-icon.svg)
}

.hero-component .hero-img-wrapper .share-btn-wrapper .share-links a.sharethis_button_whatsapp:before {
    background-image: url(/-/media/project/dlapiper-tenant/dlapiper/icons/whatsapp-icon.svg)
}

.hero-component .hero-img-wrapper .share-btn-wrapper .share-links a.sharethis_button_line:before {
    background-image: url(/-/media/project/dlapiper-tenant/dlapiper/icons/line-icon.svg)
}

.hero-component .hero-img-wrapper .share-btn-wrapper .share-links a.sharethis_button_wechat:before {
    background-image: url(/-/media/project/dlapiper-tenant/dlapiper/icons/wechat-icon.svg)
}

.hero-component .hero-img-wrapper .share-btn-wrapper .share-links a.sharethis_button_xing:before {
    background-image: url(/-/media/project/dlapiper-tenant/dlapiper/icons/xing-icon.svg)
}

.hero-component .hero-img-wrapper .share-btn-wrapper.disabled-cookies {
    pointer-events: none
}

@media (min-width: 993px) {
    .hero-component .hero-img-wrapper .office-hero-title {
        width:83.33333333%;
        bottom: 33px!important;
        left: 48px
    }

    .hero-component .hero-img-wrapper .office-hero-title-section {
        width: -webkit-max-content!important;
        width: -moz-max-content!important;
        width: max-content!important;
        min-width: 450px;
        max-width: 575px;
        padding-left: 48px;
        padding-right: 27px;
        background-color: #f2f2f2
    }

    .hero-component .hero-img-wrapper .office-hero-title-section.grey,.hero-component .hero-img-wrapper .office-hero-title-section.grey .entity-name {
        background-color: #f2f2f2!important
    }

    .hero-component .hero-img-wrapper .office-hero-title-section.red,.hero-component .hero-img-wrapper .office-hero-title-section.red .entity-name {
        background-color: #ba2440;
        color: #fff!important
    }

    .hero-component .hero-img-wrapper .office-hero-title-section.red .contact .phone,.hero-component .hero-img-wrapper .office-hero-title-section.red .contact .phoneEyebrow {
        color: #fff!important
    }
}

@media (max-width: 992px) {
    .hero-component .hero-img-wrapper .office-hero-title-section {
        position:relative;
        bottom: unset;
        top: -30px;
        width: 95%;
        background-color: #f2f2f2;
        padding: 17px 14px 19px 16px!important
    }
}

.hero-component .hero-img-wrapper .hero-title-section {
    position: absolute;
    bottom: -20px
}

@media (min-width: 993px) {
    .hero-component .hero-img-wrapper .hero-title-section {
        width:83.33333333%
    }
}

.hero-component .hero-img-wrapper .hero-title-section.blue .contact span:nth-child(2):before,.hero-component .hero-img-wrapper .hero-title-section.blue .office-details span:nth-child(2):before,.hero-component .hero-img-wrapper .hero-title-section.blue .office-title span:nth-child(2):before,.hero-component .hero-img-wrapper .hero-title-section.blue .subtitle-date span:nth-child(2):before,.hero-component .hero-img-wrapper .hero-title-section.blue .subtitle-time span:nth-child(2):before,.hero-component .hero-img-wrapper .hero-title-section.blue .subtitle span:nth-child(2):before,.hero-component .hero-img-wrapper .hero-title-section.blue .title span:nth-child(2):before {
    content: "";
    background-color: #fff;
    border: 1px solid #fff
}

@media (min-width: 993px) {
    .hero-component .hero-img-wrapper .hero-title-section.blue .contact,.hero-component .hero-img-wrapper .hero-title-section.blue .office-details,.hero-component .hero-img-wrapper .hero-title-section.blue .office-title,.hero-component .hero-img-wrapper .hero-title-section.blue .subtitle,.hero-component .hero-img-wrapper .hero-title-section.blue .subtitle-date,.hero-component .hero-img-wrapper .hero-title-section.blue .subtitle-time,.hero-component .hero-img-wrapper .hero-title-section.blue .title {
        background-color:#00619e;
        color: #fff
    }
}

@media (max-width: 992px) {
    .hero-component .hero-img-wrapper .hero-title-section.blue {
        background-color:#00619e
    }

    .hero-component .hero-img-wrapper .hero-title-section.blue .contact,.hero-component .hero-img-wrapper .hero-title-section.blue .office-details,.hero-component .hero-img-wrapper .hero-title-section.blue .office-title,.hero-component .hero-img-wrapper .hero-title-section.blue .subtitle,.hero-component .hero-img-wrapper .hero-title-section.blue .subtitle-date,.hero-component .hero-img-wrapper .hero-title-section.blue .subtitle-time,.hero-component .hero-img-wrapper .hero-title-section.blue .title {
        color: #fff
    }
}

@media (min-width: 993px) {
    .hero-component .hero-img-wrapper .hero-title-section.gold .office-details,.hero-component .hero-img-wrapper .hero-title-section.gold .office-title,.hero-component .hero-img-wrapper .hero-title-section.gold .subtitle,.hero-component .hero-img-wrapper .hero-title-section.gold .subtitle-date,.hero-component .hero-img-wrapper .hero-title-section.gold .subtitle-time,.hero-component .hero-img-wrapper .hero-title-section.gold .title {
        background-color:#fcbe04
    }
}

@media (max-width: 992px) {
    .hero-component .hero-img-wrapper .hero-title-section.gold {
        background-color:#fcbe04
    }
}

@media (min-width: 993px) {
    .hero-component .hero-img-wrapper .hero-title-section.green .office-details,.hero-component .hero-img-wrapper .hero-title-section.green .office-title,.hero-component .hero-img-wrapper .hero-title-section.green .subtitle,.hero-component .hero-img-wrapper .hero-title-section.green .subtitle-date,.hero-component .hero-img-wrapper .hero-title-section.green .subtitle-time,.hero-component .hero-img-wrapper .hero-title-section.green .title {
        background-color:#ddde4c
    }
}

@media (max-width: 992px) {
    .hero-component .hero-img-wrapper .hero-title-section.green {
        background-color:#ddde4c
    }
}

.hero-component .hero-img-wrapper .hero-title-section.red .contact span:nth-child(2):before,.hero-component .hero-img-wrapper .hero-title-section.red .office-details span:nth-child(2):before,.hero-component .hero-img-wrapper .hero-title-section.red .office-title span:nth-child(2):before,.hero-component .hero-img-wrapper .hero-title-section.red .subtitle-date span:nth-child(2):before,.hero-component .hero-img-wrapper .hero-title-section.red .subtitle-time span:nth-child(2):before,.hero-component .hero-img-wrapper .hero-title-section.red .subtitle span:nth-child(2):before,.hero-component .hero-img-wrapper .hero-title-section.red .title span:nth-child(2):before {
    content: "";
    background-color: #fff;
    border: 1px solid #fff
}

@media (min-width: 993px) {
    .hero-component .hero-img-wrapper .hero-title-section.red .contact,.hero-component .hero-img-wrapper .hero-title-section.red .office-details,.hero-component .hero-img-wrapper .hero-title-section.red .office-title,.hero-component .hero-img-wrapper .hero-title-section.red .subtitle,.hero-component .hero-img-wrapper .hero-title-section.red .subtitle-date,.hero-component .hero-img-wrapper .hero-title-section.red .subtitle-time,.hero-component .hero-img-wrapper .hero-title-section.red .title {
        background-color:#ba2440;
        color: #fff
    }
}

@media (max-width: 992px) {
    .hero-component .hero-img-wrapper .hero-title-section.red {
        background-color:#ba2440
    }

    .hero-component .hero-img-wrapper .hero-title-section.red .contact,.hero-component .hero-img-wrapper .hero-title-section.red .office-details,.hero-component .hero-img-wrapper .hero-title-section.red .office-title,.hero-component .hero-img-wrapper .hero-title-section.red .subtitle,.hero-component .hero-img-wrapper .hero-title-section.red .subtitle-date,.hero-component .hero-img-wrapper .hero-title-section.red .subtitle-time,.hero-component .hero-img-wrapper .hero-title-section.red .title {
        color: #fff
    }

    .hero-component .hero-img-wrapper .hero-title-section {
        position: relative;
        bottom: unset;
        top: -30px;
        width: 95%;
        background-color: #f2f2f2;
        padding: 17px 14px 0 16px
    }
}

.hero-component .hero-img-wrapper .hero-title-section .title {
    display: block;
    color: #002240;
    margin-top: -1px
}

@media (min-width: 993px) {
    .hero-component .hero-img-wrapper .hero-title-section .title {
        width:-webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
        padding: 20px 16px 10px 40px;
        background-color: #f2f2f2
    }
}

@media (max-width: 992px) {
    .hero-component .hero-img-wrapper .hero-title-section .title {
        padding-bottom:16px
    }
}

.hero-component .hero-img-wrapper .hero-title-section .subtitle,.hero-component .hero-img-wrapper .hero-title-section .subtitle-date,.hero-component .hero-img-wrapper .hero-title-section .subtitle-time {
    display: block;
    color: #002240;
    margin-top: -1px
}

@media (min-width: 993px) {
    .hero-component .hero-img-wrapper .hero-title-section .subtitle,.hero-component .hero-img-wrapper .hero-title-section .subtitle-date,.hero-component .hero-img-wrapper .hero-title-section .subtitle-time {
        width:-webkit-fit-content;
        width: fit-content;
        width: -moz-fit-content;
        padding: 10px 16px 10px 40px;
        background-color: #f2f2f2
    }
}

@media (max-width: 992px) {
    .hero-component .hero-img-wrapper .hero-title-section .subtitle,.hero-component .hero-img-wrapper .hero-title-section .subtitle-date,.hero-component .hero-img-wrapper .hero-title-section .subtitle-time {
        padding-bottom:16px
    }
}

.hero-component .hero-img-wrapper .hero-title-section .subtitle-date .hyphenClass:before,.hero-component .hero-img-wrapper .hero-title-section .subtitle-date .hyphenDateClass:before {
    content: "-";
    padding-right: 4px
}

.hero-component .hero-img-wrapper .hero-title-section .subtitle-date .enddateClass,.hero-component .hero-img-wrapper .hero-title-section .subtitle-date .hyphenClass {
    padding-right: 6px
}

.hero-component .hero-img-wrapper .hero-title-section .subtitle-date .cityClass {
    padding-left: 4px
}

.hero-component .hero-img-wrapper .hero-title-section .subtitle-date .startdateClass {
    margin-right: 4px
}

.hero-component .hero-img-wrapper .hero-title-section .subtitle-date .starttimeClass {
    margin-left: 4px
}

.hero-component .hero-img-wrapper .hero-title-section .subtitle-date .endtimeClass {
    margin-left: 4px;
    margin-right: 4px
}

@media (min-width: 993px) {
    .hero-component .hero-img-wrapper .hero-title-section .officeCountry {
        padding-bottom:17px
    }
}

.hero-component .hero-img-wrapper .hero-title-section .office-details {
    display: block;
    color: #002240;
    margin-top: -1px;
    font-family: Noto Sans,Arial,Helvetica,sans-serif;
    font-weight: 300
}

@media (max-width: 992px) {
    .hero-component .hero-img-wrapper .hero-title-section .office-details {
        font-size:18px;
        line-height: 22px
    }
}

@media (min-width: 993px) {
    .hero-component .hero-img-wrapper .hero-title-section .office-details {
        font-size:18px;
        line-height: 24px;
        word-break: break-word;
        background-color: #f2f2f2
    }
}

.hero-component .hero-img-wrapper .hero-title-section .office-title {
    font-family: "Noto Serif";
    font-weight: 300;
    font-size: 32px;
    line-height: 42px;
    width: -webkit-fit-content;
    width: fit-content;
    width: -moz-fit-content;
    padding: 13px 0 9px;
    background-color: #f2f2f2
}

@media (max-width: 992px) {
    .hero-component .hero-img-wrapper .hero-title-section .office-title {
        font-size:24px;
        line-height: 32px;
        padding: 0 0 12px
    }
}

.hero-component .hero-img-wrapper .hero-title-section .title {
    font-family: "Noto Serif";
    font-weight: 300;
    font-size: 48px;
    line-height: 56px
}

@media (max-width: 992px) {
    .hero-component .hero-img-wrapper .hero-title-section .title {
        font-size:24px;
        line-height: 32px
    }
}

.hero-component .hero-img-wrapper .hero-title-section .subtitle {
    font-family: Noto Sans,Arial,Helvetica,sans-serif;
    font-weight: 300;
    font-size: 24px;
    line-height: 42px
}

@media (max-width: 992px) {
    .hero-component .hero-img-wrapper .hero-title-section .subtitle {
        font-size:18px;
        line-height: 22px
    }
}

.hero-component .hero-img-wrapper .hero-title-section .contact {
    background-color: #f2f2f2;
    display: block;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    padding-bottom: 19px
}

@media (max-width: 992px) {
    .hero-component .hero-img-wrapper .hero-title-section .contact {
        padding:0
    }
}

.hero-component .hero-img-wrapper .hero-title-section .contact .phoneEyebrow {
    font-family: Noto Sans,Arial,Helvetica,sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 12px;
    line-height: 17px;
    color: #002240;
    padding-top: 16px
}

.hero-component .hero-img-wrapper .hero-title-section .contact .phone {
    width: 228px;
    font-family: Noto Sans,Arial,Helvetica,sans-serif;
    font-weight: 600;
    font-size: 18px;
    line-height: 26px;
    color: #737627
}

.hero-component .hero-img-wrapper .hero-title-section .contact .phone:hover {
    color: #002240;
    cursor: pointer
}

.hero-component .hero-img-wrapper .hero-title-section .subtitle-time {
    font-family: Noto Sans,Arial,Helvetica,sans-serif;
    font-weight: 300;
    font-size: 24px;
    line-height: 40px
}

@media (max-width: 992px) {
    .hero-component .hero-img-wrapper .hero-title-section .subtitle-time {
        font-size:18px;
        line-height: 22px
    }
}

.hero-component .hero-img-wrapper .hero-title-section .subtitle-time span:first-child {
    margin-right: 6px
}

@media (max-width: 992px) {
    .hero-component .hero-img-wrapper .hero-title-section .subtitle-time span:first-child {
        margin-right:8px
    }
}

.hero-component .hero-img-wrapper .hero-title-section .subtitle-time span:nth-child(2) {
    position: relative
}

@media (max-width: 992px) {
    .hero-component .hero-img-wrapper .hero-title-section .subtitle-time span:nth-child(2) {
        padding-left:0
    }
}

.hero-component .hero-img-wrapper .hero-title-section .commaClass:after {
    content: ","
}

.hero-component .office-share.disabled-cookies {
    pointer-events: none
}

.hero-component .hero-cta-section {
    text-align: center;
    display: -moz-box;
    display: flex;
    -moz-box-pack: center;
    justify-content: center;
    background: #fff;
    grid-gap: 32px;
    gap: 32px;
    padding: 30px 54px 0
}

@media (max-width: 992px) {
    .hero-component .hero-cta-section {
        padding:0 16px;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        flex-direction: column;
        grid-gap: 24px;
        gap: 24px;
        margin-bottom: 30px
    }
}

.hero-component .hero-cta-section .direction:before {
    content: "";
    background-color: #fff;
    position: absolute;
    top: -2px;
    left: -2px;
    z-index: -1;
    width: -moz-calc(100% + 4px);
    width: calc(100% + 4px);
    height: -moz-calc(100% + 4px);
    height: calc(100% + 4px);
    opacity: 0;
    -webkit-transform: scale(1.04);
    -moz-transform: scale(1.04);
    transform: scale(1.04);
    -webkit-transition: -webkit-transform .5s ease;
    transition: -webkit-transform .5s ease;
    -moz-transition: transform .5s ease,-moz-transform .5s ease;
    transition: transform .5s ease;
    transition: transform .5s ease,-webkit-transform .5s ease,-moz-transform .5s ease;
    border-radius: 24px;
    border: 1.5px solid #737627
}

.hero-component .hero-cta-section .cta-btn {
    display: inline-block;
    text-align: center;
    padding: 10.2px 0;
    border: 1.5px solid #737627;
    border-radius: 24px;
    min-width: 400px;
    cursor: pointer;
    position: relative;
    z-index: 0
}

@media (max-width: 992px) {
    .hero-component .hero-cta-section .cta-btn {
        display:block;
        min-width: 100%;
        margin-left: unset
    }
}

.hero-component .hero-cta-section .cta-btn span {
    display: block;
    font-family: Noto Sans,Arial,Helvetica,sans-serif;
    font-weight: 600;
    font-size: 16px;
    line-height: 22px;
    color: #737627;
    text-transform: uppercase
}

.hero-component .hero-cta-section .cta-btn.register {
    background-color: #737627
}

.hero-component .hero-cta-section .cta-btn.register span {
    color: #fff
}

.hero-component .hero-cta-section .cta-btn.register:before {
    content: "";
    background-color: #737627;
    position: absolute;
    top: -2px;
    left: -2px;
    z-index: -1;
    width: -moz-calc(100% + 4px);
    width: calc(100% + 4px);
    height: -moz-calc(100% + 4px);
    height: calc(100% + 4px);
    opacity: 0;
    -webkit-transform: scale(1.04);
    -moz-transform: scale(1.04);
    transform: scale(1.04);
    -webkit-transition: -webkit-transform .5s ease;
    transition: -webkit-transform .5s ease;
    -moz-transition: transform .5s ease,-moz-transform .5s ease;
    transition: transform .5s ease;
    transition: transform .5s ease,-webkit-transform .5s ease,-moz-transform .5s ease;
    border-radius: 24px
}

.hero-component .hero-cta-section .cta-btn.register.external span:after {
    background: url(/-/media/project/dlapiper-tenant/dlapiper/icons/hover-white.svg) no-repeat;
    width: 20px;
    top: 4.5px
}

.hero-component .hero-cta-section .cta-btn.register.external span:after,.hero-component .hero-cta-section .cta-btn.register.internal span {
    content: "";
    display: inline-block;
    position: relative;
    height: 20px;
    background-size: 20px;
    margin-left: 4px;
    -webkit-transition: .3s ease-out;
    -moz-transition: .3s ease-out;
    transition: .3s ease-out
}

.hero-component .hero-cta-section .cta-btn.register.internal span {
    top: 1.5px
}

.hero-component .hero-cta-section .cta-btn.direction span {
    color: #737627
}

.hero-component .hero-cta-section .cta-btn.direction.external span:after {
    background: url(/-/media/project/dlapiper-tenant/dlapiper/icons/hover.svg) no-repeat;
    width: 20px;
    top: 4.5px
}

.hero-component .hero-cta-section .cta-btn.direction.external span:after,.hero-component .hero-cta-section .cta-btn.direction.internal span {
    content: "";
    display: inline-block;
    position: relative;
    height: 20px;
    background-size: 20px;
    margin-left: 4px;
    -webkit-transition: .3s ease-out;
    -moz-transition: .3s ease-out;
    transition: .3s ease-out
}

.hero-component .hero-cta-section .cta-btn.direction.internal span {
    top: 1.5px
}

@media (min-width: 993px) {
    .hero-component .hero-cta-section .cta-btn:hover span {
        font-family:Noto Sans,Arial,Helvetica,sans-serif;
        font-weight: 700
    }
}

.hero-component .hero-cta-section .cta-btn:hover:before {
    opacity: 1
}

div.entity-name {
    display: block;
    color: #002240;
    margin-top: -1px;
    font-family: Noto Sans,Arial,Helvetica,sans-serif;
    font-weight: 300;
    font-size: 24px;
    line-height: 40px
}

@media (min-width: 993px) {
    div.entity-name {
        width:-webkit-fit-content;
        width: fit-content;
        width: -moz-fit-content;
        padding: 9px 0;
        background-color: #f2f2f2
    }
}

@media (max-width: 992px) {
    div.entity-name {
        padding-bottom:12px;
        font-size: 18px;
        line-height: 22px
    }
}

a.emailId {
    padding-bottom: 10px!important
}

@media (max-width: 992px) {
    a.emailId {
        word-break:break-all
    }
}

span.street-address {
    white-space: break-spaces
}

@media (min-width: 993px) {
    span.street-address {
        padding-top:16px
    }
}

body.email-outer {
    background: #fff!important
}

.image-logo-text-component {
    padding: 0 51px
}

.logo-zoom img {
    width: 100%;
    height: auto;
    object-fit: cover;
    object-position: center
}

@media (max-width: 992px) {
    .logo-zoom img {
        height:70px
    }
}

@media (min-width: 993px) {
    .logo-zoom {
        overflow:hidden;
        width: 240px
    }
}

@media (max-width: 992px) {
    .logo-zoom {
        width:70px
    }
}

.image-text-component {
    scroll-margin-top: 110px;
    margin: 0 auto
}

@media (max-width: 992px) {
    .image-text-component {
        scroll-margin-top:65px
    }
}

.image-text-component:first-child {
    margin-top: 48px
}

@media (max-width: 992px) {
    .image-text-component:first-child {
        margin-top:32px
    }
}

@media (min-width: 993px) {
    .image-text-component .image-text-container {
        margin:0 51px
    }
}

@media (max-width: 992px) {
    .image-text-component .image-text-container .white-variant {
        background:#fff;
        padding: 25px 16px 2px!important
    }
}

.image-text-component .image-text-container .image-text-overlap {
    margin-bottom: 48px
}

@media (max-width: 992px) {
    .image-text-component .image-text-container .image-text-overlap {
        margin:0 0 32px;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        flex-direction: column
    }
}

@media (min-width: 993px) {
    .image-text-component .image-text-container .image-text-overlap .image-box {
        padding:0;
        overflow: hidden
    }
}

.image-text-component .image-text-container .image-text-overlap .image-box img {
    object-fit: contain;
    object-position: center;
    width: 100%;
    height: 100%
}

@media (min-width: 993px) {
    .image-text-component .image-text-container .image-text-overlap .image-box img {
        float:right;
        margin-right: 10%
    }
}

.image-text-component .image-text-container .image-text-overlap .text-box {
    margin-left: -19%;
    height: -webkit-max-content;
    height: -moz-max-content;
    height: max-content;
    padding: 37px 108px 37px 140px
}

@media (max-width: 992px) {
    .image-text-component .image-text-container .image-text-overlap .text-box {
        padding:25px 16px
    }
}

.image-text-component .image-text-container .image-text-overlap.reverse .image-box {
    overflow: hidden
}

@media (min-width: 993px) {
    .image-text-component .image-text-container .image-text-overlap.reverse .image-box img {
        float:left
    }
}

.image-text-component .image-text-container .image-text-overlap.reverse .text-box {
    margin-right: -12.2%;
    margin-left: 0
}

.image-text-component .image-text-container .image-text-overlap.reverse .text-box.white-variant {
    margin-right: 0;
    margin-left: 0
}

@media (min-width: 993px) {
    .image-text-component .image-text-container .reverse {
        -moz-box-orient:horizontal;
        -moz-box-direction: reverse;
        flex-direction: row-reverse
    }
}

.image-text-component .image-text-container .text-box.grey {
    background-color: #f2f2f2
}

.image-text-component .image-text-container .text-box.white-variant {
    margin-left: 0
}

.image-text-component .image-text-container .text-box.blue {
    background-color: #002240;
    color: #fff
}

.image-text-component .image-text-container .text-box.blue a {
    color: #fff
}

.image-text-component .image-text-container .text-box.blue .right-arrow {
    background-image: url(/-/media/project/dlapiper-tenant/dlapiper/icons/alert-arrow.svg)!important
}

.image-text-component .image-text-container .text-box.blue .external-link:hover {
    color: #989b36
}

.image-text-component .image-text-container .text-box.blue .external-link:hover .right-arrow {
    background-image: url(/-/media/project/dlapiper-tenant/dlapiper/icons/arrow_yellow_stretch_view24.svg)!important
}

@media (max-width: 992px) {
    .image-text-component .image-text-container .text-box {
        margin:0 auto!important
    }
}

.image-text-component .image-text-container .text-box a {
    color: #737627
}

.image-text-component .image-text-container .text-box .optional-headline {
    font-family: "Noto Serif";
    font-size: 32px;
    line-height: 33px;
    padding-bottom: 19px
}

@media (max-width: 992px) {
    .image-text-component .image-text-container .text-box .optional-headline {
        font-family:"Noto Serif";
        font-size: 24px;
        line-height: 24px
    }
}

.image-text-component .image-text-container .text-box .optional-subhead {
    font-family: "Noto Serif";
    font-size: 24px;
    line-height: 28px;
    padding-bottom: 34px
}

@media (max-width: 992px) {
    .image-text-component .image-text-container .text-box .optional-subhead {
        font-family:"Noto Serif";
        font-size: 18px;
        line-height: 24px;
        padding-bottom: 22px
    }
}

.image-text-component .image-text-container .text-box .text-box-description {
    font-family: Noto Sans,Arial,Helvetica,sans-serif;
    font-size: 18px;
    line-height: 24px;
    padding-bottom: 24px
}

@media (max-width: 992px) {
    .image-text-component .image-text-container .text-box .text-box-description {
        font-family:Noto Sans,Arial,Helvetica,sans-serif;
        font-size: 16px;
        line-height: 22px
    }
}

.image-text-component .image-text-container .text-box .text-box-description .quote {
    position: relative;
    font-family: "Noto Serif Regular",Arial,Helvetica,sans-serif;
    font-style: italic;
    font-size: 24px;
    line-height: 30px;
    margin-bottom: 37px
}

@media (max-width: 992px) {
    .image-text-component .image-text-container .text-box .text-box-description .quote {
        font-size:20px;
        line-height: 24px;
        margin-bottom: 15px;
        margin-left: 25px
    }
}

.image-text-component .image-text-container .text-box .text-box-description .quote:before {
    content: "“";
    position: absolute;
    font-size: 100px;
    font-family: "Noto Serif";
    font-weight: 300;
    line-height: 30px;
    left: -60px;
    top: 10px
}

@media (max-width: 992px) {
    .image-text-component .image-text-container .text-box .text-box-description .quote:before {
        font-size:60px;
        line-height: 30px;
        left: -36px;
        top: 0
    }
}

.image-text-component .image-text-container .text-box .text-box-description .quote:after {
    content: "“";
    position: static;
    display: inline-block;
    margin-left: 20px;
    margin-top: -50px;
    padding-bottom: 16px;
    font-size: 100px;
    font-family: "Noto Serif";
    font-weight: 300;
    line-height: 30px;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    transform: rotate(180deg);
    margin-right: -50px
}

@media (max-width: 992px) {
    .image-text-component .image-text-container .text-box .text-box-description .quote:after {
        margin-left:13px;
        padding-bottom: 11px;
        font-size: 64px;
        right: -13px;
        bottom: 5px
    }
}

.image-text-component .image-text-container .text-box .external-link,.image-text-component .image-text-container .text-box .inline-link-block {
    display: block
}

.image-text-component .image-text-container .text-box .inline-link-block {
    padding-bottom: 24px;
    font-family: Noto Sans,Arial,Helvetica,sans-serif;
    font-size: 18px;
    line-height: 24px
}

@media (min-width: 993px) {
    .image-text-component .image-text-container .text-box .inline-link-block:hover {
        font-family:Noto Sans,Arial,Helvetica,sans-serif;
        font-weight: 600
    }

    .image-text-component .image-text-container .text-box:not(.blue) .external-link:hover,.image-text-component .image-text-container .text-box:not(.blue) .inline-link-block:hover {
        color: #002240
    }
}

.image-text-component .image-text-container .text-box .external-link {
    font-family: Noto Sans,Arial,Helvetica,sans-serif;
    font-size: 18px;
    line-height: 22px;
    font-weight: 700;
    width: 100%
}

.image-text-component .image-text-container .text-box .external-link .right-arrow {
    width: 20px;
    height: 20px;
    background-size: 20px;
    top: 5px
}

.image-text-component .image-text-container .text-box .external-link:hover .right-arrow {
    -webkit-transition: .3s;
    -moz-transition: .3s;
    transition: .3s;
    -webkit-transition-timing-function: ease-out;
    -moz-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    -webkit-transform: translateX(4px);
    -moz-transform: translateX(4px);
    transform: translateX(4px);
    -webkit-animation: .3s ease-in-out 1.1s forwards;
    -moz-animation: .3s ease-in-out 1.1s forwards;
    animation: .3s ease-in-out 1.1s forwards;
    background-image: url(/-/media/project/dlapiper-tenant/dlapiper/icons/arrow_stretch_view24.svg)!important
}

.image-text-component .image-text-container .extended-image-overlap {
    margin-bottom: 48px!important
}

@media (max-width: 992px) {
    .image-text-component .image-text-container .extended-image-overlap {
        margin:0 0 32px
    }
}

@media (min-width: 993px) {
    .image-text-component .image-text-container .extended-image-overlap .extended-image-box {
        margin-left:20%;
        margin-right: 16%;
        overflow: hidden
    }
}

.image-text-component .image-text-container .extended-image-overlap .extended-image-box img {
    object-fit: contain;
    object-position: center;
    width: 100%;
    height: 100%
}

@media (min-width: 993px) {
    .image-text-component .image-text-container .extended-image-overlap .extended-image-box img {
        float:right
    }
}

@media (max-width: 992px) {
    .image-text-component .image-text-container .extended-image-overlap .extended-image-box img {
        width:100%
    }
}

.image-text-component .image-text-container .extended-image-overlap .text-box {
    padding: 38px 108px 38px 216px
}

@media (min-width: 993px) {
    .image-text-component .image-text-container .extended-image-overlap .text-box {
        margin-left:-31%;
        height: -webkit-max-content;
        height: -moz-max-content;
        height: max-content
    }
}

@media (max-width: 992px) {
    .image-text-component .image-text-container .extended-image-overlap .text-box {
        margin:-20% 0 0!important;
        padding: 25px 16px
    }
}

@media (min-width: 993px) {
    .image-text-component .image-text-container .extended-image-overlap.reverse .extended-image-box {
        margin-right:20%
    }

    .image-text-component .image-text-container .extended-image-overlap.reverse .extended-image-box img {
        float: left
    }

    .image-text-component .image-text-container .extended-image-overlap.reverse .text-box {
        padding: 38px 216px 38px 138px;
        margin: 0 -31% 0 0;
        height: -webkit-max-content;
        height: -moz-max-content;
        height: max-content
    }
}

@media (max-width: 992px) {
    .image-text-component .image-text-container .image-icon-container {
        margin:0 auto
    }
}

.image-text-component .image-text-container .image-icon-container .box-wrapper {
    padding-bottom: 48px
}

@media (min-width: 993px) {
    .image-text-component .image-text-container .image-icon-container .box-wrapper {
        display:-moz-box!important;
        display: flex!important;
        height: 100%
    }
}

@media (max-width: 992px) {
    .image-text-component .image-text-container .image-icon-container .box-wrapper {
        padding-bottom:32px
    }

    .image-text-component .image-text-container .image-icon-container .small-image-box {
        padding: 0
    }
}

.image-text-component .image-text-container .image-icon-container .small-image-box img {
    object-fit: contain;
    object-position: center;
    width: 100%;
    height: 100%
}

.image-text-component .image-text-container .image-icon-container .text-box {
    display: -moz-box;
    display: flex;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    flex-direction: column;
    -moz-box-pack: center;
    justify-content: center
}

@media (max-width: 992px) {
    .image-text-component .image-text-container .image-icon-container .text-box {
        padding:25px 0
    }
}

.recommended-for-you-component {
    background-color: #fff;
    width: 100%;
    padding: 0 54px 0 48px;
    margin: 0 auto 48px
}

@media (max-width: 992px) {
    .recommended-for-you-component {
        padding:0 16px;
        margin-bottom: 32px
    }
}

.recommended-for-you-component .recommended-for-you-container {
    width: 100%;
    margin: 0 auto
}

@media (min-width: 993px) {
    .recommended-for-you-component .recommended-for-you-container .recommended-for-you-heading-wrapper.heading-animate .recommended-for-you-heading {
        -webkit-transition:1s ease-out;
        -moz-transition: 1s ease-out;
        transition: 1s ease-out
    }

    .recommended-for-you-component .recommended-for-you-container .recommended-for-you-heading-wrapper.heading-animate .recommended-for-you-heading .highligted-word:before {
        width: 100%;
        -webkit-transition: .3s ease-out 1.25s;
        -moz-transition: .3s ease-out 1.25s;
        transition: .3s ease-out 1.25s
    }
}

.recommended-for-you-component .recommended-for-you-container .recommended-for-you-heading-wrapper .recommended-for-you-heading {
    -webkit-transition: 1s ease-out;
    -moz-transition: 1s ease-out;
    transition: 1s ease-out;
    font-family: "Noto Serif";
    font-size: 28px;
    line-height: 41px;
    padding-bottom: 49px
}

@media (max-width: 992px) {
    .recommended-for-you-component .recommended-for-you-container .recommended-for-you-heading-wrapper .recommended-for-you-heading {
        font-size:24px;
        padding-bottom: 31px
    }
}

.recommended-for-you-component .recommended-for-you-container .recommended-for-you-heading-wrapper .recommended-for-you-heading span {
    display: inline-block
}

.recommended-for-you-component .recommended-for-you-container .recommended-for-you-heading-wrapper .recommended-for-you-heading .highligted-word {
    display: inline-block;
    position: relative;
    padding: 0 6px;
    z-index: 1;
    margin-left: -3px
}

.recommended-for-you-component .recommended-for-you-container .recommended-for-you-heading-wrapper .recommended-for-you-heading .highligted-word:before {
    content: "";
    position: absolute;
    left: 0;
    width: 0;
    height: 41px;
    background: #ddde4c;
    z-index: -1;
    -webkit-transition: .3s ease-out;
    -moz-transition: .3s ease-out;
    transition: .3s ease-out;
    -webkit-transition-delay: .7s;
    -moz-transition-delay: .7s;
    transition-delay: .7s
}

@media (max-width: 992px) {
    .recommended-for-you-component .recommended-for-you-container .recommended-for-you-heading-wrapper .recommended-for-you-heading .highligted-word:before {
        width:100%
    }
}

.recommended-for-you-component .recommended-for-you-container .recommended-for-you-mainSection .col-lg-4 {
    display: -moz-box;
    display: flex
}

@media (max-width: 992px) {
    .recommended-for-you-component .recommended-for-you-container .recommended-for-you-mainSection .col-lg-4 {
        padding:0 0 0 3px
    }

    .recommended-for-you-component .recommended-for-you-container .recommended-for-you-mainSection .content-box {
        grid-gap: 38px;
        gap: 38px;
        margin: 0 auto
    }
}

.recommended-for-you-component .recommended-for-you-container .recommended-for-you-mainSection .content-box .card {
    width: 100%;
    text-decoration: none;
    color: #002240;
    border: 0;
    border-radius: 2px;
    border-top: 2px solid #ddde4c
}

@media (max-width: 992px) {
    .recommended-for-you-component .recommended-for-you-container .recommended-for-you-mainSection .content-box .card {
        width:100%;
        margin: 0 auto
    }
}

@media (min-width: 993px) {
    .recommended-for-you-component .recommended-for-you-container .recommended-for-you-mainSection .content-box .card:hover .img-wrap .card-img {
        -webkit-transform:scale(1.1);
        -moz-transform: scale(1.1);
        transform: scale(1.1);
        -webkit-transition: -webkit-transform .3s;
        transition: -webkit-transform .3s;
        -moz-transition: transform .3s,-moz-transform .3s;
        transition: transform .3s;
        transition: transform .3s,-webkit-transform .3s,-moz-transform .3s
    }

    .recommended-for-you-component .recommended-for-you-container .recommended-for-you-mainSection .content-box .card:hover .card-content .date,.recommended-for-you-component .recommended-for-you-container .recommended-for-you-mainSection .content-box .card:hover .card-content .description,.recommended-for-you-component .recommended-for-you-container .recommended-for-you-mainSection .content-box .card:hover .card-content .recommended-for-you-tag {
        color: #737627
    }
}

.recommended-for-you-component .recommended-for-you-container .recommended-for-you-mainSection .content-box .card .img-wrap {
    overflow: hidden;
    height: 253px;
    width: 100%;
    border-radius: 2px;
    margin-top: 30px
}

@media (max-width: 992px) {
    .recommended-for-you-component .recommended-for-you-container .recommended-for-you-mainSection .content-box .card .img-wrap {
        height:205.56px;
        width: 100%;
        margin-top: 24.84px
    }
}

.recommended-for-you-component .recommended-for-you-container .recommended-for-you-mainSection .content-box .card .img-wrap .card-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    border-radius: 2px;
    -webkit-transition: .3s ease-out;
    -moz-transition: .3s ease-out;
    transition: .3s ease-out
}

@media (max-width: 992px) {
    .recommended-for-you-component .recommended-for-you-container .recommended-for-you-mainSection .content-box .card .img-wrap .card-img {
        width:100%;
        height: 100%
    }
}

.recommended-for-you-component .recommended-for-you-container .recommended-for-you-mainSection .content-box .card .card-content {
    position: relative;
    padding-bottom: 22px
}

.recommended-for-you-component .recommended-for-you-container .recommended-for-you-mainSection .content-box .card .card-content .recommended-for-you-tag {
    text-align: left;
    line-height: 14px;
    letter-spacing: .3px;
    font-size: 10px;
    color: #002240;
    text-transform: uppercase;
    font-family: Noto Sans,Arial,Helvetica,sans-serif;
    font-weight: 500;
    margin: 15.84px 0 0
}

.recommended-for-you-component .recommended-for-you-container .recommended-for-you-mainSection .content-box .card .card-content .description {
    margin: 9px 0 0;
    width: 100%;
    font-size: 20px;
    letter-spacing: 0;
    line-height: 26px;
    font-family: "Noto Serif";
    text-align: left;
    color: #002240
}

@media (max-width: 992px) {
    .recommended-for-you-component .recommended-for-you-container .recommended-for-you-mainSection .content-box .card .card-content .description {
        letter-spacing:.65px;
        font-size: 18px
    }
}

.recommended-for-you-component .recommended-for-you-container .recommended-for-you-mainSection .content-box .card .card-content .date {
    position: absolute;
    bottom: 0;
    margin-top: 8px;
    font-size: 10px;
    line-height: 14px;
    font-family: Noto Sans,Arial,Helvetica,sans-serif;
    font-weight: 500;
    letter-spacing: .3px;
    text-transform: uppercase;
    margin-bottom: 0
}

.recommended-for-you-component .recommended-for-you-container .recommended-for-you-mainSection .content-box .card .card-content .dateSeperator {
    font-family: Noto Sans,Arial,Helvetica,sans-serif;
    font-weight: 400;
    line-height: 14px;
    font-size: 10px;
    top: 0
}

.recommended-for-you-component.gray-background {
    background-color: #f8f8f8;
    padding-top: 58px;
    padding-bottom: 80.16px
}

.recommended-for-you-component.gray-background .date,.recommended-for-you-component.gray-background .description,.recommended-for-you-component.gray-background .recommended-for-you-tag {
    padding: 0 16px
}

@media (max-width: 992px) {
    .recommended-for-you-component.gray-background {
        padding-top:33px;
        padding-bottom: 62px
    }
}

.recommended-for-you-component.gray-background:last-child {
    margin-bottom: 0
}

.recommended-for-you-component+.anchor-nav-component,.recommended-for-you-component+.breadcrumb-component,.recommended-for-you-component+.brightcove-component,.recommended-for-you-component+.feature-component,.recommended-for-you-component+.feature-cta-component,.recommended-for-you-component+.feature-text-component,.recommended-for-you-component+.hero-component,.recommended-for-you-component+.homepage-stories-component,.recommended-for-you-component+.intro-copy-component,.recommended-for-you-component+.masthead-subtitle-component,.recommended-for-you-component+.more-to-see-component,.recommended-for-you-component+.people-profile-main-div,.recommended-for-you-component+.press-release-comp,.recommended-for-you-component+.quote-component,.recommended-for-you-component+.recommended-for-you-component,.recommended-for-you-component+.related-capability-component,.recommended-for-you-component+.resource-component-links,.recommended-for-you-component+.resourcescommon.gray-background,.recommended-for-you-component+.rich-text-component,.recommended-for-you-component+.rich-text-component.subhead-white,.recommended-for-you-component+.share-component,.recommended-for-you-component+.tertiary-content-component,.recommended-for-you-component+.tertiary-content-component.background-white,.recommended-for-you-component.gray-background+.resource-component-links.white-background,.recommended-for-you-component.gray-background+.rich-text-component.subhead-white,.recommended-for-you-component.gray-background+.share-component.PrimaryHeader-white,.recommended-for-you-component.gray-background+.tertiary-content-component.background-white {
    margin-top: 48px!important
}

@media (max-width: 992px) {
    .recommended-for-you-component+.anchor-nav-component,.recommended-for-you-component+.breadcrumb-component,.recommended-for-you-component+.brightcove-component,.recommended-for-you-component+.feature-component,.recommended-for-you-component+.feature-cta-component,.recommended-for-you-component+.feature-text-component,.recommended-for-you-component+.hero-component,.recommended-for-you-component+.homepage-stories-component,.recommended-for-you-component+.intro-copy-component,.recommended-for-you-component+.masthead-subtitle-component,.recommended-for-you-component+.more-to-see-component,.recommended-for-you-component+.people-profile-main-div,.recommended-for-you-component+.press-release-comp,.recommended-for-you-component+.quote-component,.recommended-for-you-component+.recommended-for-you-component,.recommended-for-you-component+.related-capability-component,.recommended-for-you-component+.resource-component-links,.recommended-for-you-component+.resourcescommon.gray-background,.recommended-for-you-component+.rich-text-component,.recommended-for-you-component+.rich-text-component.subhead-white,.recommended-for-you-component+.share-component,.recommended-for-you-component+.tertiary-content-component,.recommended-for-you-component+.tertiary-content-component.background-white,.recommended-for-you-component.gray-background+.resource-component-links.white-background,.recommended-for-you-component.gray-background+.rich-text-component.subhead-white,.recommended-for-you-component.gray-background+.share-component.PrimaryHeader-white,.recommended-for-you-component.gray-background+.tertiary-content-component.background-white {
        margin-top:32px!important
    }
}

.recommended-for-you-component+.share-component {
    margin-top: -48px
}

@media (max-width: 992px) {
    .recommended-for-you-component+.share-component {
        margin-top:-32px
    }
}

.recommended-for-you-component+.share-component.PrimaryHeader-white {
    margin-top: 48px
}

@media (max-width: 992px) {
    .recommended-for-you-component+.share-component.PrimaryHeader-white {
        margin-top:32px
    }
}

.recommended-for-you-component+.rich-text-component {
    margin-top: -48px
}

@media (max-width: 992px) {
    .recommended-for-you-component+.rich-text-component {
        margin-top:-32px
    }
}

.recommended-for-you-component+.rich-text-component.subhead-white {
    margin-top: 48px
}

@media (max-width: 992px) {
    .recommended-for-you-component+.rich-text-component.subhead-white {
        margin-top:32px
    }
}

.recommended-for-you-component.gray-background+.anchor-nav-component,.recommended-for-you-component.gray-background+.brightcove-component,.recommended-for-you-component.gray-background+.dla-contacts.gray-background,.recommended-for-you-component.gray-background+.feature-component,.recommended-for-you-component.gray-background+.feature-cta-component,.recommended-for-you-component.gray-background+.feature-text-component,.recommended-for-you-component.gray-background+.hero-component,.recommended-for-you-component.gray-background+.homepage-stories-component,.recommended-for-you-component.gray-background+.intro-copy-component,.recommended-for-you-component.gray-background+.masthead-subtitle-component,.recommended-for-you-component.gray-background+.more-to-see-component,.recommended-for-you-component.gray-background+.people-profile-main-div,.recommended-for-you-component.gray-background+.press-release-comp,.recommended-for-you-component.gray-background+.quote-component,.recommended-for-you-component.gray-background+.recommended-for-you-component,.recommended-for-you-component.gray-background+.related-capability-component,.recommended-for-you-component.gray-background+.resource-component-links,.recommended-for-you-component.gray-background+.resourcescommon.gray-background,.recommended-for-you-component.gray-background+.rich-text-component,.recommended-for-you-component.gray-background+.rich-text-heading-component.gray-background,.recommended-for-you-component.gray-background+.share-component,.recommended-for-you-component.gray-background+.tertiary-content-component {
    margin-top: -48px!important
}

@media (max-width: 992px) {
    .recommended-for-you-component.gray-background+.anchor-nav-component,.recommended-for-you-component.gray-background+.brightcove-component,.recommended-for-you-component.gray-background+.dla-contacts.gray-background,.recommended-for-you-component.gray-background+.feature-component,.recommended-for-you-component.gray-background+.feature-cta-component,.recommended-for-you-component.gray-background+.feature-text-component,.recommended-for-you-component.gray-background+.hero-component,.recommended-for-you-component.gray-background+.homepage-stories-component,.recommended-for-you-component.gray-background+.intro-copy-component,.recommended-for-you-component.gray-background+.masthead-subtitle-component,.recommended-for-you-component.gray-background+.more-to-see-component,.recommended-for-you-component.gray-background+.people-profile-main-div,.recommended-for-you-component.gray-background+.press-release-comp,.recommended-for-you-component.gray-background+.quote-component,.recommended-for-you-component.gray-background+.recommended-for-you-component,.recommended-for-you-component.gray-background+.related-capability-component,.recommended-for-you-component.gray-background+.resource-component-links,.recommended-for-you-component.gray-background+.resourcescommon.gray-background,.recommended-for-you-component.gray-background+.rich-text-component,.recommended-for-you-component.gray-background+.rich-text-heading-component.gray-background,.recommended-for-you-component.gray-background+.share-component,.recommended-for-you-component.gray-background+.tertiary-content-component {
        margin-top:-32px!important
    }
}

.recommended-for-you-component.gray-background+.breadcrumb-component {
    margin-top: -37px!important
}

@media (max-width: 992px) {
    .recommended-for-you-component.gray-background+.breadcrumb-component {
        margin-top:-16px!important
    }

    .recommended-for-you-component.gray-background+.profile-contact-component {
        margin-top: -32px
    }
}

.recommended-for-you-component:not(.gray-background):first-child {
    margin-top: 48px
}

@media (max-width: 992px) {
    .recommended-for-you-component:not(.gray-background):first-child {
        margin-top:32px
    }
}

.email-disclaimer-component .modal {
    background-color: rgba(0,34,64,.75);
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    transition: all 1s;
    overflow: hidden
}

.email-disclaimer-component .modal-content {
    padding: 0;
    border: 0;
    border-radius: 0
}

@media (max-width: 992px) {
    .email-disclaimer-component .modal-content {
        margin-right:16px;
        margin-left: 16px
    }
}

.email-disclaimer-component .email-modal {
    max-width: 580px;
    height: 100%;
    margin: 0 auto
}

.email-disclaimer-component .modal-body.modal-email-padding {
    padding: 10px 30px 30px;
    background-color: #fff;
    opacity: 1;
    color: #fff
}

.email-disclaimer-component .fade1 {
    opacity: 1;
    z-index: 10000
}

.email-disclaimer-component p.email-modal-title {
    text-align: left;
    font-size: 16px;
    font-family: Noto Sans,Arial,Helvetica,sans-serif;
    font-weight: 500;
    letter-spacing: 0;
    color: #000;
    opacity: 1;
    padding-bottom: 0;
    margin-bottom: 30px
}

.email-disclaimer-component .emailbtn-direction {
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    flex-direction: row;
    margin-left: 0;
    margin-right: 0
}

.email-disclaimer-component a.emailbtn-cancel {
    border: 2px solid #fff;
    border-radius: 24px;
    opacity: 1;
    font-size: 16px;
    color: #fff;
    background-color: #002240;
    font-family: Noto Sans,Arial,Helvetica,sans-serif;
    font-weight: 600;
    line-height: 22px;
    text-align: center;
    text-transform: uppercase;
    cursor: pointer;
    padding: 13px 61px;
    margin-left: 16px;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

@media (min-width: 993px) {
    .email-disclaimer-component a.emailbtn-cancel:hover {
        -webkit-transform:scale(1.1);
        -moz-transform: scale(1.1);
        transform: scale(1.1);
        font-family: Noto Sans,Arial,Helvetica,sans-serif;
        font-weight: 700
    }
}

@media (max-width: 992px) {
    .email-disclaimer-component a.emailbtn-cancel {
        margin-left:10px;
        padding: 13px 25px
    }
}

.email-disclaimer-component a.emailbtn-delete {
    font-size: 16px;
    color: #fff;
    font-family: Noto Sans,Arial,Helvetica,sans-serif;
    font-weight: 600;
    line-height: 22px;
    text-align: center;
    text-transform: uppercase;
    background: #737627 0 0 no-repeat padding-box;
    border-color: #737627;
    border-radius: 24px;
    opacity: 1;
    cursor: pointer;
    padding: 13px 61px;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

@media (min-width: 993px) {
    .email-disclaimer-component a.emailbtn-delete:hover {
        -webkit-transform:scale(1.1);
        -moz-transform: scale(1.1);
        transform: scale(1.1);
        font-family: Noto Sans,Arial,Helvetica,sans-serif;
        font-weight: 700
    }
}

@media (max-width: 992px) {
    .email-disclaimer-component a.emailbtn-delete {
        margin-right:10px;
        padding: 13px 25px
    }
}

.email-disclaimer-component .modal-title {
    padding: 25px 30px 12px;
    font-size: 22px;
    font-family: Noto Sans,Arial,Helvetica,sans-serif;
    font-weight: 500;
    background: #fff
}

.email-disclaimer-component .email-close-button {
    background: #737627;
    border-radius: 50%;
    display: -moz-box;
    display: flex;
    -moz-box-pack: center;
    justify-content: center;
    -moz-box-align: center;
    align-items: center;
    top: 0;
    height: 24px;
    float: right;
    width: 24px;
    position: relative
}

.email-disclaimer-component .email-close-button a {
    display: block;
    background: url(/-/media/project/dlapiper-tenant/dlapiper/icons/close-white.svg);
    background-repeat: no-repeat;
    background-size: contain;
    width: 20px;
    height: 20px;
    -webkit-transition: .2s ease-out;
    -moz-transition: .2s ease-out;
    transition: .2s ease-out
}

.capability-search-component {
    margin-bottom: 28px
}

@media (max-width: 992px) {
    .capability-search-component {
        margin-bottom:12px
    }
}

.capability-search-component .search-box {
    margin: 15px auto;
    width: 45.1vw
}

@media (max-width: 992px) {
    .capability-search-component .search-box {
        width:82%;
        margin: 15px auto
    }
}

.capability-search-component .search-box.suggestion-box-open .search-input {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.capability-search-component .search-box.suggestion-box-open .suggestion-box {
    display: block
}

.capability-search-component .search-box .search-input {
    color: #002240;
    height: 42px;
    width: 100%;
    padding: 12px 45px 12px 20px;
    font-family: Noto Sans,Arial,Helvetica,sans-serif;
    font-size: 14px;
    line-height: 19px;
    border: thin solid #7e8c9a;
    border-radius: 8px
}

.capability-search-component .search-box .search-input:focus-visible {
    outline: 0
}

.capability-search-component .search-box .suggestion-box {
    display: none;
    border: thin solid #7e8c9a;
    border-top: none;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    padding: 10px 20px;
    list-style: none
}

.capability-search-component .search-box .suggestion-box .suggestion-item {
    cursor: pointer;
    margin-bottom: 15px;
    list-style-type: none;
    color: #737627;
    font-size: 16px;
    line-height: 28px;
    font-family: Noto Sans,Arial,Helvetica,sans-serif;
    font-weight: 600;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    display: block
}

.capability-search-component .search-box .suggestion-box .suggestion-item:last-child {
    margin-bottom: 0!important
}

@media (min-width: 993px) {
    .capability-search-component .search-box .suggestion-box .suggestion-item:hover {
        color:#002240;
        font-family: Noto Sans,Arial,Helvetica,sans-serif;
        font-weight: 700
    }
}

.capability-search-component .search-box .suggestion-box .no-suggestions-text {
    display: none;
    font-size: 14px;
    color: #002240
}

.capability-search-component .search-box .suggestion-box .no-suggestions-text a {
    color: #737627
}

.capability-search-component .search-box .suggestion-box.no-suggestions .suggestion-item:not(.no-suggestions-text) {
    display: none
}

.capability-search-component .search-box .suggestion-box.no-suggestions .no-suggestions-text {
    display: block
}

.capability-search-component .tab-section {
    border-bottom: 1px solid #737627
}

.capability-search-component .tab-section .tab-items {
    padding: 0;
    margin: 0 auto;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.capability-search-component .tab-section .tab-items button {
    background: none;
    border: none;
    padding: 0
}

.capability-search-component .tab-section .tab-items .tab-item {
    display: inline-block;
    margin: 24px 12px 20px
}

@media (max-width: 992px) {
    .capability-search-component .tab-section .tab-items .tab-item {
        margin-top:12px
    }
}

.capability-search-component .tab-section .tab-items .tab-item .item-link {
    cursor: pointer;
    position: relative;
    color: #737627;
    font-family: Noto Sans,Arial,Helvetica,sans-serif;
    font-weight: 500;
    font-size: 14px;
    line-height: 22px;
    text-transform: uppercase;
    padding-bottom: 4px
}

.capability-search-component .tab-section .tab-items .tab-item .item-link:not(.active):hover {
    font-weight: 600;
    color: #002240
}

.capability-search-component .tab-section .tab-items .tab-item .item-link:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    height: 2px;
    background-color: #737627;
    width: 0
}

.capability-search-component .tab-section .tab-items .tab-item .item-link.active {
    font-weight: 700
}

.capability-search-component .tab-section .tab-items .tab-item .item-link.active:after {
    width: 100%;
    -webkit-transition: .3s ease-out;
    -moz-transition: .3s ease-out;
    transition: .3s ease-out
}

.capability-search-component .search-results {
    -moz-box-pack: center;
    justify-content: center;
    margin: 0
}

.capability-search-component .search-results .capability-list {
    margin-top: 50px;
    padding: 0
}

@media (max-width: 992px) {
    .capability-search-component .search-results .capability-list {
        margin-top:20px
    }
}

@media (min-width: 993px) {
    .capability-search-component .search-results .capability-list {
        -webkit-column-count:3;
        -moz-column-count: 3;
        column-count: 3;
        grid-column-gap: 30px;
        -webkit-column-gap: 30px;
        -moz-column-gap: 30px;
        column-gap: 30px
    }
}

.capability-search-component .search-results .capability-list li {
    list-style-type: none
}

.capability-search-component .search-results .capability-list .capability-list-item {
    cursor: pointer;
    position: relative;
    page-break-inside: avoid;
    -webkit-column-break-inside: avoid;
    break-inside: avoid;
    margin-bottom: 20px;
    border: 1px solid #737627;
    border-radius: 4px
}

.capability-search-component .search-results .capability-list .capability-list-item.expandable.show .capability-list-item-title:after {
    content: "";
    background: url(/-/media/project/dlapiper-tenant/dlapiper/icons/add_black_24dp_minus.svg)!important
}

.capability-search-component .search-results .capability-list .capability-list-item.expandable:not(.show) .capability-list-item-title:after {
    content: "";
    background: url(/-/media/project/dlapiper-tenant/dlapiper/icons/add_black_24dp.svg)!important
}

@media (max-width: 992px) {
    .capability-search-component .search-results .capability-list .capability-list-item {
        margin:0 16px 20px
    }
}

.capability-search-component .search-results .capability-list .capability-list-item:hover {
    background-color: #737627
}

.capability-search-component .search-results .capability-list .capability-list-item:hover a {
    color: #fff
}

.capability-search-component .search-results .capability-list .capability-list-item .capability-list-item-title {
    display: block;
    padding: 18px 23px;
    margin: 0;
    font-family: Noto Sans,Arial,Helvetica,sans-serif;
    font-weight: 600;
    font-size: 16px;
    letter-spacing: 0;
    line-height: 24px;
    color: #737627
}

.capability-search-component .search-results .capability-list .capability-list-item .capability-list-item-title:after {
    background-repeat: no-repeat;
    position: absolute;
    right: 23px;
    width: 24px;
    height: 24px;
    top: 18px
}

.capability-search-component .search-results .capability-list .capability-list-item .sub-items {
    display: none;
    padding: 0 23px 18px;
    cursor: auto
}

.capability-search-component .search-results .capability-list .capability-list-item .sub-items .sub-item {
    margin: 0 0 10px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.capability-search-component .search-results .capability-list .capability-list-item .sub-items .sub-item:last-child {
    margin-bottom: 0
}

.capability-search-component .search-results .capability-list .capability-list-item .sub-items .sub-item a {
    color: #002240;
    font-family: "Noto Serif";
    font-size: 14px;
    letter-spacing: 0;
    line-height: 24px
}

.capability-search-component .search-results .capability-list .capability-list-item.show .sub-items {
    display: block!important
}

.capability-search-component .search-results .no-results-container {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin: 30px auto;
    padding: 0;
    display: none
}

.capability-search-component .search-results .no-results-container .no-results-text {
    font-family: "Noto Serif";
    font-size: 24px;
    line-height: 32px;
    letter-spacing: .86px;
    margin-bottom: 40px
}

@media (max-width: 992px) {
    .capability-search-component .search-results .no-results-container .no-results-text {
        font-size:22px;
        line-height: 30px;
        letter-spacing: .79px;
        margin-bottom: 32px
    }
}

.capability-search-component .search-results .no-results-container .no-results-suggestions .suggestion-heading {
    font-family: Noto Sans,Arial,Helvetica,sans-serif;
    font-weight: 700;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: 0;
    text-transform: uppercase;
    margin-bottom: 16px
}

.capability-search-component .search-results .no-results-container .no-results-suggestions .suggestion {
    font-family: Noto Sans,Arial,Helvetica,sans-serif;
    font-size: 18px;
    line-height: 26px;
    letter-spacing: 0;
    margin-bottom: 12px
}

.capability-search-component .search-results.no-results .capability-list {
    display: none
}

.capability-search-component .search-results.no-results .no-results-container {
    display: block
}

.pillar-cards .card-title {
    color: #fff;
    font-size: 20px;
    line-height: 1.3;
    margin-bottom: 30px
}

.pillar-cards .card-title a {
    color: inherit;
    font-size: inherit
}

.pillar-cards .card {
    background-color: unset!important;
    border: none;
    margin: 0 auto;
    padding: 13px 0 0;
    position: relative;
    max-width: 66.666666%
}

.pillar-cards .card .card-body {
    padding: 0
}

.pillar-cards .card .card-body .link-text {
    font-family: "Noto Serif";
    font-weight: 700;
    font-size: 30px;
    letter-spacing: -.6px;
    margin-bottom: 42px
}

@media (max-width: 992px) {
    .pillar-cards .card .card-body .link-text {
        font-family:"Noto Serif";
        font-weight: 700;
        font-size: 24px;
        letter-spacing: -.48px;
        margin-bottom: 30px
    }
}

.pillar-cards .card .card-body .link-cta {
    font-family: Noto Sans,Arial,Helvetica,sans-serif;
    font-weight: 700;
    font-size: 24px;
    letter-spacing: -.48px;
    color: #fff;
    -webkit-transition: .2s ease-out;
    -moz-transition: .2s ease-out;
    transition: .2s ease-out
}

@media (max-width: 992px) {
    .pillar-cards .card .card-body .link-cta {
        font-size:18px;
        letter-spacing: -.36px
    }
}

@media (min-width: 993px) {
    .pillar-cards .card .card-body .link-cta:hover {
        color:#737627
    }

    .pillar-cards .card .card-body .link-cta:hover:after {
        background: url(/-/media/project/dlapiper-tenant/dlapiper/icons/arrow_forward_stretch_24.svg) no-repeat 100%;
        background-size: 28px;
        width: 28px
    }
}

.pillar-cards .card .card-body .link-cta:after {
    content: "";
    display: inline-block;
    position: relative;
    background: url(/-/media/project/dlapiper-tenant/dlapiper/icons/arrow_forward_stretch_alert_24.svg) no-repeat 100%;
    background-size: 28px;
    width: 24px;
    height: 28px;
    top: 8px;
    margin-left: 8px;
    -webkit-transition: .2s ease-out;
    -moz-transition: .2s ease-out;
    transition: .2s ease-out
}

.pillar-cards .card+.card {
    margin-top: 88px
}

.pillar-cards .card:before {
    content: "";
    display: block;
    width: 100%;
    border-top: 2px solid #dfe059;
    position: absolute;
    top: 0
}

.pillar-cards .card img {
    border-radius: 2px;
    height: auto!important;
    max-width: 100%!important
}

.pillar-cards .card .yellow {
    font-weight: 700
}

.pillar-cards .card .yellow.highlightText {
    -webkit-transform: translate(30px);
    -moz-transform: translate(30px);
    transform: translate(30px)
}

.pillar-cards .card .yellow.highlightText:before {
    width: -moz-calc(100% + 11px);
    width: calc(100% + 11px)
}

.pillar-cards .card .chart-highlight {
    background-color: #737627;
    color: #fff;
    padding: 0;
    font-size: 30px;
    line-height: 40px;
    word-break: break-word;
    display: inline;
    max-width: unset
}

.pillar-cards .card .chart-highlight:hover {
    color: #144774;
    font-weight: 700
}

.pillar-cards .card .author {
    padding-top: 23px
}

.pillar-cards .card .video-wrapper .tag {
    font-size: 10px;
    padding-bottom: 16px;
    text-transform: uppercase
}

.pillar-cards .card .video-wrapper .brightcovecomponent {
    display: block;
    margin: 0 auto;
    padding-top: 56.25%;
    position: relative
}

.pillar-cards .card .video-wrapper .brightcovecomponent iframe {
    bottom: 0;
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%
}

.pillar-cards .card .podcast-wrapper {
    width: 100%
}

.pillar-cards .card .podcast-wrapper .tag {
    font-size: 10px;
    line-height: 14px;
    padding-bottom: 16px;
    text-transform: uppercase
}

.pillar-cards .card.active {
    opacity: 1
}

.pillar-cards .card.card-616 {
    max-width: 616px
}

.pillar-cards .card.card-508 {
    max-width: 508px
}

.pillar-cards .card .article-type {
    font-size: 10px;
    letter-spacing: -.001em;
    margin-bottom: 12px;
    display: inline-block;
    text-transform: uppercase
}

.pillar-cards .card.card-block h3 {
    font-size: 30px;
    margin-top: 12px
}

.pillar-cards .card.card-block p {
    font-family: "Noto Serif";
    font-weight: 600;
    font-size: 30px;
    line-height: 1.2
}

.pillar-cards .card.card-block .author {
    text-align: right;
    font-size: 22px
}

@media (max-width: 992px) {
    .pillar-cards .card.card-block .author {
        font-size:18px
    }
}

@media (min-width: 993px) {
    .pillar-cards .article-hover {
        overflow:hidden
    }

    .pillar-cards .article-hover:hover .article-type,.pillar-cards .article-hover:hover .card-title {
        color: #737627
    }

    .pillar-cards .article-hover:hover .article-img {
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        transform: scale(1.1);
        -webkit-transition: -webkit-transform .3s;
        transition: -webkit-transform .3s;
        -moz-transition: transform .3s,-moz-transform .3s;
        transition: transform .3s;
        transition: transform .3s,-webkit-transform .3s,-moz-transform .3s
    }
}

.pillar-cards blockquote h3 {
    font-family: "Noto Serif";
    font-weight: 600
}

@media screen and (max-width: 992px) {
    .pillar-cards .card {
        margin:22px auto 44px;
        max-width: 100%
    }

    .pillar-cards .card:before {
        left: 50%;
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        transform: translateX(-50%);
        width: -moz-calc(100% - 2rem);
        width: calc(100% - 2rem)
    }

    .pillar-cards .card.col-8 {
        width: 100%
    }

    .pillar-cards .card .card-body {
        padding: 0 1rem
    }

    .pillar-cards .card .card-body .article-type {
        margin: 0 0 12px
    }

    .pillar-cards .card .card-body .card-title {
        margin: 0 0 2rem
    }

    .pillar-cards .card .card-body .video-wrapper .tag {
        margin: 0 0 12px
    }

    .pillar-cards .card .card-body .video-wrapper .brightcovecomponent {
        margin: 0
    }

    .pillar-cards .card .card-body .podcast-wrapper {
        margin: 0;
        max-width: 100%
    }

    .pillar-cards .card img {
        padding: 0 1rem!important
    }
}

.sprite-container {
    position: absolute;
    left: 0;
    right: 0;
    top: 51%;
    width: 100%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%)
}

.sprite {
    height: 0;
    display: block;
    background-position: 0 0;
    width: 100%
}

.sprite.pill0 {
    background-image: url(/-/media/project/dlapiper-tenant/dlapiper/sprite/StringBSetSpriteTransp144Compressed.png);
    background-size: 3400%;
    padding-bottom: 29.058%
}

.sprite.pill0.play {
    -webkit-animation: sprite1 3s steps(34) 1;
    -moz-animation: sprite1 3s steps(34) 1;
    animation: sprite1 3s steps(34) 1
}

.sprite.pill1 {
    background-image: url(/-/media/project/dlapiper-tenant/dlapiper/sprite/StringCSetSpriteTransp144Compressed.png);
    background-size: 3300%;
    padding-bottom: 32%
}

.sprite.pill1.play {
    -webkit-animation: sprite2 3s steps(33) 1;
    -moz-animation: sprite2 3s steps(33) 1;
    animation: sprite2 3s steps(33) 1
}

.sprite.pill2 {
    background-image: url(/-/media/project/dlapiper-tenant/dlapiper/sprite/StringASetSpriteTransp144Compressed.png);
    background-size: 3200%;
    padding-bottom: 33%
}

.sprite.pill2.play {
    -webkit-animation: sprite3 3s steps(32) 1;
    -moz-animation: sprite3 3s steps(32) 1;
    animation: sprite3 3s steps(32) 1
}

@-webkit-keyframes sprite1 {
    to {
        background-position: 3400% 0
    }
}

@-moz-keyframes sprite1 {
    to {
        background-position: 3400% 0
    }
}

@keyframes sprite1 {
    to {
        background-position: 3400% 0
    }
}

@-webkit-keyframes sprite2 {
    to {
        background-position: 3300% 0
    }
}

@-moz-keyframes sprite2 {
    to {
        background-position: 3300% 0
    }
}

@keyframes sprite2 {
    to {
        background-position: 3300% 0
    }
}

@-webkit-keyframes sprite3 {
    to {
        background-position: 3200% 0
    }
}

@-moz-keyframes sprite3 {
    to {
        background-position: 3200% 0
    }
}

@keyframes sprite3 {
    to {
        background-position: 3200% 0
    }
}

@media screen and (max-width: 992px) {
    .sprite-container {
        display:none
    }
}

.background-gradient,.full-height-gradient,.gradient-wrapper {
    background-image: -webkit-gradient(linear,left top,left bottom,from(#002342),color-stop(#02294b),color-stop(#043055),color-stop(#07365e),color-stop(#0b3d68),color-stop(#0b3d68),color-stop(#0b3d68),color-stop(#0b3d68),color-stop(#07365e),color-stop(#043055),color-stop(#02294b),to(#002342));
    background-image: -moz-linear-gradient(top,#002342,#02294b,#043055,#07365e,#0b3d68,#0b3d68,#0b3d68,#0b3d68,#07365e,#043055,#02294b,#002342);
    background-image: linear-gradient(180deg,#002342,#02294b,#043055,#07365e,#0b3d68,#0b3d68,#0b3d68,#0b3d68,#07365e,#043055,#02294b,#002342)
}

.full-height-gradient {
    z-index: -1
}

.full-height-gradient,.full-height-gradient-2 {
    background-attachment: fixed;
    height: 100%;
    width: 100%;
    position: absolute;
    bottom: 0;
    top: 0
}

.full-height-gradient-2 {
    -webkit-transition: .2s ease-out;
    -moz-transition: .2s ease-out;
    transition: .2s ease-out;
    background: #144774;
    background: -webkit-gradient(linear,left bottom,left top,from(#144774),to(#002240));
    background: -moz-linear-gradient(bottom,#144774 0,#002240 100%);
    background: linear-gradient(0deg,#144774,#002240);
    opacity: 0
}

.gradient-wrapper {
    position: relative
}

.background-gradient,.full-height-gradient,.gradient-wrapper {
    background-color: #144774;
    background-image: -webkit-gradient(linear,left top,left bottom,from(#002342),color-stop(5%,#082d4e),color-stop(17%,#0b365b),color-stop(25%,#0e3e67),color-stop(32%,#0e3e67),color-stop(40%,#0e3e67),color-stop(47%,#0e3e67),color-stop(54%,#0e3e67),color-stop(62%,#0e3e67),color-stop(70%,#0e3e67),color-stop(78%,#0b365b),color-stop(95%,#082d4e),to(#002342));
    background-image: -moz-linear-gradient(top,#002342 0,#082d4e 5%,#0b365b 17%,#0e3e67 25%,#0e3e67 32%,#0e3e67 40%,#0e3e67 47%,#0e3e67 54%,#0e3e67 62%,#0e3e67 70%,#0b365b 78%,#082d4e 95%,#002342 100%);
    background-image: linear-gradient(180deg,#002342,#082d4e 5%,#0b365b 17%,#0e3e67 25%,#0e3e67 32%,#0e3e67 40%,#0e3e67 47%,#0e3e67 54%,#0e3e67 62%,#0e3e67 70%,#0b365b 78%,#082d4e 95%,#002342)
}

.waves-bg {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 50%;
    right: 0;
    padding-bottom: 24%;
    width: 100%;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: 50%;
    -webkit-transform: scale(2.8) translate(6%,-50%);
    -moz-transform: scale(2.8) translate(6%,-50%);
    transform: scale(2.8) translate(6%,-50%);
    -webkit-transform-origin: bottom;
    -moz-transform-origin: bottom;
    transform-origin: bottom;
    -webkit-transform-origin: 48% -35%;
    -moz-transform-origin: 48% -35%;
    transform-origin: 48% -35%;
    z-index: -1;
    -webkit-animation-iteration-count: 1;
    -moz-animation-iteration-count: 1;
    animation-iteration-count: 1;
    z-index: 10
}

@media (max-width: 992px) {
    .waves-bg {
        -webkit-transform-origin:47% -19%;
        -moz-transform-origin: 47% -19%;
        transform-origin: 47% -19%;
        -webkit-transform: scale(.89);
        -moz-transform: scale(.89);
        transform: scale(.89)
    }
}

@media screen and (max-width: 992px) {
    .waves-bg {
        display:none
    }
}

.text-animate-translucent {
    opacity: .25
}

.text-animate-translucent,.text-animate-visible {
    -webkit-transition: opacity .65s linear;
    -moz-transition: opacity .65s linear;
    transition: opacity .65s linear
}

.text-animate-visible {
    opacity: 1
}

.transition {
    -webkit-transition: all .65s linear;
    -moz-transition: all .65s linear;
    transition: all .65s linear
}

.intro-copy-component .fadeIn {
    opacity: 1;
    -webkit-transition: opacity .3s ease-in-out;
    -moz-transition: opacity .3s ease-in-out;
    transition: opacity .3s ease-in-out
}

.intro-copy-component .fadeIn.delay1 {
    -webkit-transition-delay: .3s;
    -moz-transition-delay: .3s;
    transition-delay: .3s
}

.intro-copy-component .fadeIn.delay2 {
    -webkit-transition-delay: 1.5s;
    -moz-transition-delay: 1.5s;
    transition-delay: 1.5s
}

.intro-copy-component .fadeHalfwayOut {
    opacity: .2;
    -webkit-transition: opacity .3s ease-in-out;
    -moz-transition: opacity .3s ease-in-out;
    transition: opacity .3s ease-in-out
}

.intro-copy-component .fadeHalfwayOut.delay2 {
    -webkit-transition-delay: .3s;
    -moz-transition-delay: .3s;
    transition-delay: .3s
}

.intro-copy-component .fadeOut {
    opacity: 0;
    -webkit-transition: opacity .3s ease-in-out;
    -moz-transition: opacity .3s ease-in-out;
    transition: opacity .3s ease-in-out
}

@media (max-width: 992px) {
    .intro-copy-component .fadeOut {
        opacity:1
    }
}

.intro-copy-component div.recommended-wrapper.showRecommended {
    opacity: 1;
    -webkit-transition: opacity .3s ease-in-out;
    -moz-transition: opacity .3s ease-in-out;
    transition: opacity .3s ease-in-out
}

.slideInFromLeft {
    opacity: 1;
    -webkit-transform: translate(8px);
    -moz-transform: translate(8px);
    transform: translate(8px);
    -webkit-transition: opacity .3s ease-in-out,-webkit-transform .3s ease-in-out;
    transition: opacity .3s ease-in-out,-webkit-transform .3s ease-in-out;
    -moz-transition: opacity .3s ease-in-out,transform .3s ease-in-out,-moz-transform .3s ease-in-out;
    transition: opacity .3s ease-in-out,transform .3s ease-in-out;
    transition: opacity .3s ease-in-out,transform .3s ease-in-out,-webkit-transform .3s ease-in-out,-moz-transform .3s ease-in-out
}

.slideOutFromLeft {
    opacity: 0;
    -webkit-transform: translate(-20px);
    -moz-transform: translate(-20px);
    transform: translate(-20px)
}

@media desktop {
    .slideUp {
        -webkit-transform: translateY(-20px);
        -moz-transform: translateY(-20px);
        transform: translateY(-20px)
    }

    .slideDown {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        transform: translateY(0)
    }
}

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

    to {
        opacity: 1
    }
}

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

    to {
        opacity: 1
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.hL span {
    position: relative;
    -webkit-transition: color .3s ease-in-out;
    -moz-transition: color .3s ease-in-out;
    transition: color .3s ease-in-out;
    margin: 0 2px
}

.hL span:before {
    content: "";
    position: absolute;
    left: -1px;
    top: 0;
    bottom: 0;
    height: 100%;
    background-color: transparent;
    width: 0;
    z-index: -1;
    -webkit-transition: width .3s ease-in-out,background-color .3s ease-in-out;
    -moz-transition: width .3s ease-in-out,background-color .3s ease-in-out;
    transition: width .3s ease-in-out,background-color .3s ease-in-out
}

.hL span.highlightText {
    color: #002240
}

.hL span.highlightText:before {
    width: -moz-calc(100% + 3px);
    width: calc(100% + 3px);
    background-color: #ddde4c
}

.hL span.now {
    margin-left: 9px
}

.hL span.now:before {
    -webkit-transition-delay: .2s;
    -moz-transition-delay: .2s;
    transition-delay: .2s
}

.hL span.now.highlightText {
    -webkit-transform: translate(30px);
    -moz-transform: translate(30px);
    transform: translate(30px)
}

.hL span.now.highlightText:before {
    width: -moz-calc(100% + 11px);
    width: calc(100% + 11px)
}

.coveocomponent .view-all {
    display: block;
    font-family: Noto Sans,Arial,Helvetica,sans-serif;
    font-weight: 700;
    font-size: 18px;
    line-height: 26px;
    color: #737627;
    position: relative;
    float: right;
    margin-right: 2%;
    margin-top: 1%
}

@media (max-width: 992px) {
    .coveocomponent .view-all {
        margin-left:5%;
        float: left;
        margin-top: 0
    }
}

.coveocomponent .view-all .rightarrowicon {
    width: 24px;
    height: 24px;
    background-image: url(/-/media/project/dlapiper-tenant/dlapiper/icons/arrow_forward_24.svg)!important;
    background-repeat: no-repeat;
    background-size: 24px;
    display: inline-block;
    position: relative;
    top: 7px;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    transition: .3s;
    -webkit-transition-timing-function: ease-out;
    -moz-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    -webkit-animation: .3s ease-in-out 1.1s forwards;
    -moz-animation: .3s ease-in-out 1.1s forwards;
    animation: .3s ease-in-out 1.1s forwards
}

@media (min-width: 993px) {
    .coveocomponent .view-all:hover {
        color:#002240
    }
}

@media (min-width: 993px) and (min-width:993px) {
    .coveocomponent .view-all:hover .rightarrowicon {
        -webkit-transition:.3s;
        -moz-transition: .3s;
        transition: .3s;
        -webkit-transition-timing-function: ease-out;
        -moz-transition-timing-function: ease-out;
        transition-timing-function: ease-out;
        -webkit-transform: translateX(4px);
        -moz-transform: translateX(4px);
        transform: translateX(4px);
        -webkit-animation: .3s ease-in-out 1.1s forwards;
        -moz-animation: .3s ease-in-out 1.1s forwards;
        animation: .3s ease-in-out 1.1s forwards;
        background-image: url(/-/media/project/dlapiper-tenant/dlapiper/icons/arrow_stretch_view24.svg)!important
    }
}

.infographic .swiper-slide-next,.infographic .swiper-slide-prev {
    opacity: 30%
}