/* Base Styles
–––––––––––––––––––––––––––––––––––––––––––––––––– */

:root {
    --transition-duration: .25s;
    /* Color Neutral */
    --black: #000;
    --white: #fff;
    --neutral-lightest: #eee;
    --neutral-lighter: #ccc;
    --neutral-lighter: #aaa;
    --neutral: #666;
    --neutral-dark: #444;
    --neutral-darker: #222;
    --neutral-darkest: #111;
    /* Color System */
    --success-green: #027A48;
    --success-green-light: #ECFDF3;
    --error-red: #b42318;
    --error-light-red: #fef3f2;
    /* Other Colors */
    --bg-color: #F2EEEB;
    --red: #d7282f;
    --dark-cream: #E8E4E2;
    --brand-blue: #529ca9;
}

.clearfix {
    clear: both;
}

/* Fonts */

@font-face {
    font-family: 'TH Black';
    src: url('/fonts/TiemposHeadline-Black.otf') format('opentype');
}
@font-face {
    font-family: 'TH Black Italic';
    src: url('/fonts/TiemposHeadline-BlackItalic.otf') format('opentype');
}
@font-face {
    font-family: 'TH Bold';
    src: url('/fonts/TiemposHeadline-Bold.otf') format('opentype');
}
@font-face {
    font-family: 'TH Bold Italic';
    src: url('/fonts/TiemposHeadline-BoldItalic.otf') format('opentype');
}
@font-face {
    font-family: 'TH Light';
    src: url('/fonts/TiemposHeadline-Light.otf') format('opentype');
}
@font-face {
    font-family: 'TH Light Italic';
    src: url('/fonts/TiemposHeadline-LightItalic.otf') format('opentype');
}
@font-face {
    font-family: 'TH Medium';
    src: url('/fonts/TiemposHeadline-Medium.otf') format('opentype');
}
@font-face {
    font-family: 'TH Medium Italic';
    src: url('/fonts/TiemposHeadline-MediumItalic.otf') format('opentype');
}
@font-face {
    font-family: 'TH Regular';
    src: url('/fonts/TiemposHeadline-Regular.otf') format('opentype');
}
@font-face {
    font-family: 'TH Regular Italic';
    src: url('/fonts/TiemposHeadline-RegularItalic.otf') format('opentype');
}
@font-face {
    font-family: 'TH Semibold';
    src: url('/fonts/TiemposHeadline-Semibold.otf') format('opentype');
}
@font-face {
    font-family: 'TH Semibold Italic';
    src: url('/fonts/TiemposHeadline-SemiboldItalic.otf') format('opentype');
}

/* Fonts */

.italic {
    font-family: 'Gotham Book Italic';
}
.bold {
    font-weight: bold;
}
.center {
    text-align: center;
}

body, html {
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

html {
    font-size: 62.5%;
    box-sizing: border-box;
    scroll-behavior: smooth;
    max-width: 2000px;
    margin: 0 auto;
    background-color: #fff;
    border: 1px solid #eee;
    border-top: none;
    border-bottom: none;
}

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

body {
    font-size: 1.8rem;
    font-weight: 400;
    font-family: "Inter", Verdana, Helvetica, Arial, sans-serif;
    line-height: 2.5rem;
    color: #000;
    margin: 0;
    background-color: var(--bg-color);
}

.wrap {
    width: 1312px;
    margin: 0 auto;
/*    padding: 0 6.4rem;*/
}

#main {
    transition: .5s;
    position: relative;
}
#main > .overlay {
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgb(0 0 0 / 0.30);
    height: 100%;
    width: 100%;
    z-index: 100;
}

.page {
    min-height: calc(100vh - 14rem);
}

.mobile-only {
    display: none;
}

@media (max-width: 1311px) {
    .wrap {
        width: 100%;
        padding: 0 2rem;
    }
}

@media (max-width: 767px) {
    .mobile-only {
        display: block;
    }
}

/* Titles */
.h-l {
    font-family: 'TH Regular';
    font-size: 7.2rem;
    font-weight: normal;
    line-height: 8.6rem;
    margin: 0;
}
.h-m {
    font-family: 'TH Regular';
    font-size: 6.4rem;
    font-weight: normal;
    line-height: 7.8rem;
    margin: 0;
}
.small-title {
    font-size: 1.6rem;
    font-weight: 600;
    line-height: 2.4rem;
}

h1 {
    font-family: 'TH Regular';
    font-size: 5.6rem;
    font-weight: normal;
    line-height: 6.7rem;
    margin: 0;
}

h2 {
    font-family: 'TH Regular';
    font-size: 4.8rem;
    font-weight: normal;
    line-height: 5.8rem;
    margin: 0;
}

h3 {
    font-family: 'TH Regular';
    font-size: 4.0rem;
    font-weight: normal;
    line-height: 4.8rem;
    margin: 0;
}

h4 {
    font-family: 'TH Regular';
    font-size: 3.2rem;
    font-weight: normal;
    line-height: 4.2rem;
    margin: 0;
}

h5 {
    font-family: 'Inter';
    font-size: 2.4rem;
    font-weight: normal;
    line-height: 3.4rem;
    margin: 0;
}

h6 {
    font-family: 'TH Regular';
    font-size: 2.0rem;
    font-weight: normal;
    line-height: 2.8rem;
    margin: 0;
}

    .h-l > p,
    .h-m > p,
    h1 > p,
    h2 > p,
    h3 > p,
    h4 > p,
    h5 > p,
    h6 > p {
        margin: 0;
    }

@media (max-width: 767px) {
    .h-l {
        font-family: 'TH Regular';
        font-size: 4.0rem;
        line-height: 4.8rem;
        margin: 0;
    }

    .h-m {
        font-family: 'TH Regular';
        font-size: 4.0rem;
        line-height: 4.8rem;
        margin: 0;
    }
    h1 {
        font-family: 'TH Regular';
        font-size: 3.6rem;
        line-height: 4.0rem;
        margin: 0;
    }

    h2 {
        font-family: 'TH Regular';
        font-size: 3.6rem;
        line-height: 4.3rem;
        margin: 0;
    }

    h3 {
        font-family: 'TH Regular';
        font-size: 3.0rem;
        line-height: 3.8rem;
        margin: 0;
    }

    h4 {
        font-family: 'TH Regular';
        font-size: 2.4rem;
        line-height: 3.4rem;
        margin: 0;
    }

    h5 {
        font-family: 'Inter';
        font-size: 2.0rem;
        line-height: 2.8rem;
        margin: 0;
    }

    h6 {
        font-family: 'TH Regular';
        font-size: 1.8rem;
        line-height: 2.5rem;
        margin: 0;
    }
}


/* Margins */
.m-5 {
    margin-top: .5rem;
}
.m-10 {
    margin-top: 1rem;
}
.m-15 {
    margin-top: 1.5rem;
}
.m-20 {
    margin-top: 2rem;
}
.m-25 {
    margin-top: 2.5rem;
}
.m-30 {
    margin-top: 3rem;
}
.m-40 {
    margin-top: 4rem;
}
.m-50 {
    margin-top: 5rem;
}
.m-75 {
    margin-top: 7.5rem;
}
.m-100 {
    margin-top: 10rem;
}

.mb-5 {
    margin-bottom: .5rem;
}

.mb-10 {
    margin-bottom: 1rem;
}

.mb-15 {
    margin-bottom: 1.5rem;
}

.mb-20 {
    margin-bottom: 2rem;
}

.mb-25 {
    margin-bottom: 2.5rem;
}

.mb-30 {
    margin-bottom: 3rem;
}

.mb-40 {
    margin-bottom: 4rem;
}

.mb-50 {
    margin-bottom: 5rem;
}

.mb-75 {
    margin-bottom: 7.5rem;
}

.mb-100 {
    margin-bottom: 10rem;
}


.header-overlay {
    margin-top: -8rem;
}

/* Padding */
.p-5 {
    padding: .5rem;
}
.p-10 {
    padding: 1rem;
}
.p-15 {
    padding: 1.5rem;
}
.p-20 {
    padding: 2rem;
}
.p-25 {
    padding: 2.5rem;
}

.b-14, p.b-14 {
    font-size: 1.4rem;
}
.b-16, p.b-16 {
    font-size: 1.6rem;
}

/* Animations */
@-webkit-keyframes spin {
    from {
        -webkit-transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(360deg);
    }
}

.menu-item > .k-icon.spin {
    animation-name: spin;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
    animation-duration: .5s;
    /*    transition: color .75s;
    color: #eee;*/
}


input,
textarea,
select {
    border-width: 2px;
    border-color: #ccc;
    box-shadow: none;
    border-style: solid;
    margin-bottom: 5px;
    padding: 1.2rem 1rem;
    font-family: 'Inter';
    font-size: 1.6rem;
    font-weight: 600;
    border-radius: .5rem;
}
textarea {
    width: 100%;
    border: solid 1px #e2e2e2;
}
input[type=text],
input[type=email],
input[type=file],
input[type=date],
select {
    width: 100%;
    border: solid 1px #e2e2e2;
}

input[type=file] {
    min-height: 5rem;
    background-color: #fff;
}

input.red-border,
select.red-border {
    border: 1px solid #D7282F;
}

label {
    font-size: 1.4rem;
    font-weight: 600;
}

.form textarea {
    margin-bottom: 30px;
    width: 100%;
    border: solid 1px #e2e2e2;
}

input:focus,
textarea:focus {
        outline-color: #000;
    }

select {
    font-size: 1.6rem;
    padding: 1rem 2rem;
    border-color: #cdcbcb;
    color: #8f8f8f;
}

.validation-error {
    background-color: #ff0000;
    color: #fff;
    padding: .5rem 1rem;
}

/* Links
–––––––––––––––––––––––––––––––––––––––––––––––––– */
a {
    color: var(--link-color);
    text-decoration: none;
    transition: all var(--transition-duration);
    overflow-wrap: break-word;
    word-wrap: break-word;
    -ms-word-break: break-all;
    word-break: break-all;
    word-break: break-word;
    -ms-hyphens: auto;
    -moz-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
}

    a:hover {
        color: var(--link-hover-color);
        text-decoration: none;
        transition: all var(--transition-duration);
    }

    a.red {
        transition: all var(--transition-duration);
    }
    a.red:hover {
        transition: all var(--transition-duration);
        color: var(--red);
    }

/* Tables
–––––––––––––––––––––––––––––––––––––––––––––––––– */
table {
    width: 100%;
}

table, td, th {
    border: 1px solid #ccc;
    padding: 16px;
}

    table td {
        vertical-align: top;
        width: 33.333%
    }


/* Typography
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.medium {
    font-family: 'Gotham Medium';
}

.bold {
    font-family: 'Gotham Bold';
}

.bolder {
    font-family: 'Gotham Black';
}

.boldest {
    font-family: 'Gotham Ultra';
}

/* Colspans
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.col-span-two {
    grid-column: span 2;
}
.col-span-three {
    grid-column: span 3;
}
.col-span-four {
    grid-column: span 4;
}

/* Swiper overrides
–––––––––––––––––––––––––––––––––––––––––––––––––– */

.swiper-pagination-bullet {
    background: #fff !important;
    opacity: 1 !important;
    border: 2px solid #005F9A;
    width: var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,10px)) !important;
    height: var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,10px)) !important;
    margin: 8px 0 !important;
}
.swiper-pagination-bullet-active {
    border: 2px solid #a7d1eb !important;
    background: #005F9A !important;
}

/* The side navigation menu */

.context-icon {
    margin-top: 0;
}

.bar1, .bar2, .bar3 {
    width: 30px;
    height: 2px;
    background-color: #000;
    margin: 6px 0;
    transition: 0.4s;
}

.change .bar1 {
    -webkit-transform: rotate(135deg) translate(6px, -7px);
    transform: rotate(135deg) translate(6px, -7px);
    background-color: #000;
}

.change .bar2 {
    opacity: 0;
    margin-right: 0;
    background-color: #000;
}

.change .bar3 {
    -webkit-transform: rotate(-135deg) translate(4px, 6px);
    transform: rotate(-135deg) translate(4px, 6px);
    background-color: #000;
}

/* Header */

.header {
    background-color: var(--bg-color);
    width: 100%;
    border-bottom: 1px solid #000;
}
.header-grid {
    display: grid;
    grid-template-columns: 1.5fr 1fr;
    align-items: center;
    justify-items: center;
    height: 100%;
/*    padding: 1.1rem 0;*/
}
    .header-grid img {
        height: 2.7rem;
        margin-left: -1.2rem;
    }
    .header-grid > div:nth-child(1) {
        justify-self: start;
        display: flex;
    }
        .header-grid > div:nth-child(1) a {
            display: inline-block;
            align-self: center;
            padding: 1.8rem 1.1rem;
            height: 6rem;
        }
        .header-grid > div:nth-child(1) a:hover {
            background-color: #e5e0dd;
            transition: all .5s;
        }
    .header-grid > div:nth-child(2) {
        display: flex;
        justify-self: end;
    }
        .header-grid > div:nth-child(2) .context-icon {
            display: none;
        }
    .header-grid ul.links {
        margin: 0;
        display: flex;
    }
    .header-grid ul.links li {
        list-style: none;
        margin-left: 1.6rem;
    }
    .header-grid .search-icon {
        cursor: pointer;
    }
    .header-grid .search-icon img {
        width: 3.4rem;
        height: 3.4rem;
    }
    .header-grid .menu-links {
        display: flex;
        align-items: center;
        font-size: 1.6rem;
    }
    .header-grid .menu-links img {
        width: 2.4rem;
        height: 2.4rem;
        margin: .7rem 0 0 .3rem;
    }
        .header-grid .menu-links > div.menu-item {
            margin-left: 3.2rem;
            display: flex;
            align-items: center;
            cursor: pointer;
            padding: 1.1rem;
            transition: all .5s;
            font-weight: 600;
        }
            .header-grid .menu-links > div.menu-item:hover {
                background-color: #e5e0dd;
                transition: all .5s;
            }
        .header-grid .menu-links > a {
            margin-left: 2.1rem;
            align-items: center;
            font-weight: 600;
        }
    .header-grid > div:nth-child(3) {
        display: none;
    }

.mobile-menu .menu-links > div.menu-item {
    margin-left: 0rem;
    display: flex;
    align-items: center;
    cursor: pointer;
    padding: 0 2rem;
    transition: all .5s;
    border-bottom: 1px solid #000;
    min-height: 5.6rem;
    font-weight: 600;
}
.mobile-menu .menu-links img {
    width: 2.4rem;
    height: 2.4rem;
    margin: .7rem 0 0 .3rem;
}
.mobile-menu .submenu {
    border-bottom: 1px solid #000;
    padding: 2rem;
}
.mobile-menu .menu-item-grid {
    display: grid;
    grid-template-columns: 2.4px 1fr;
    grid-column-gap: 3.2rem;
    font-size: 1.4rem;
    line-height: 2rem;
    padding: 1rem 0;
}

@media (max-width: 1023px) {
    .header-grid > div:nth-child(2) {
        display: none;
    }
    .header-grid > div:nth-child(3) {
        display: block;
        justify-self: end;
    }
    .header-grid .menu-links {
        display: none;
    }
    .mega-menu .mega-menu-grid {
        display: none;
    }
        .mega-menu .mega-menu-grid > div:nth-child(2) {
            display: none;
        }
        .mega-menu .mega-menu-grid > div:nth-child(1) {
            display: none;
        }
    .mega-menu {
        border-bottom: none;
        display: none;
    }
}

.mega-menu {
    border-bottom: 1px solid #000;
    background-color: var(--bg-color);
}
    .mega-menu .mega-menu-grid {
        display: grid;
        grid-template-columns: 1fr 50rem;
    }
    .mega-menu .mega-menu-grid > div:nth-child(1) {
        background-color: var(--bg-color);
        padding: 3.2rem 0 3.2rem 3.2rem;
    }
        .mega-menu .mega-menu-grid > div:nth-child(2) {
            background-color: var(--dark-cream);
            margin-right: calc(((-100vw + 1312px) / 2) - 6.4rem);
            padding: 3.2rem;
            padding-right: calc(((100vw - 1312px) / 2) + 6.4rem);
        }

@media (min-width: 2000px) {
    .mega-menu .mega-menu-grid > div:nth-child(2) {
        max-width: calc(((2000px - 1312px) / 2) + 50rem + 6.4rem);
        padding-right: calc(((2000px - 1312px) / 2) + 6.4rem);
    }
}
.mega-menu .menu-items-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-column-gap: 3.2rem;
    grid-row-gap: 2.4rem;
    margin-top: 2.4rem;
}
.mega-menu h6 {
    font-family: 'Inter';
    font-weight: bold;
    font-size: 1.4rem;
}
.mega-menu .menu-item-grid {
    display: grid;
    grid-template-columns: 2.4px 1fr;
    grid-column-gap: 3.2rem;
    font-size: 1.4rem;
    line-height: 2rem;
}
    .mega-menu .menu-item-grid .mm-link {
        transition: color .5s;
    }
        .mega-menu .menu-item-grid .mm-link:hover {
            color: var(--red);
            transition: color .5s;
        }
.mega-menu .menu-item-grid img {
    max-width: 24px;
}
.mega-menu .featured-articles a {
    font-size: 1.6rem;
}
.mega-menu .featured-articles h6 {
    margin-bottom: 2rem;
}
.mega-menu .featured-articles .article-box {
    display: grid;
    grid-template-columns: 16rem 1fr;
    grid-column-gap: 2.4rem;
    font-size: 1.4rem;
    line-height: 1.9rem;
    margin-bottom: 1.6rem;
}
.mega-menu .featured-articles .article-box img {
    max-width: 100%;
}
.mega-menu .featured-articles .article-box p {
    margin: 0 0 1rem 0;
}
    .mega-menu .featured-articles .article-box a {
        text-decoration: underline;
    }
    .mega-menu .featured-articles .see-all {
        display: flex;
    }
        .mega-menu .featured-articles .see-all img {
            width: 2.2rem;
            transform: rotate(-90deg);
        }


@media (max-width: 1311px) {
    .mega-menu .mega-menu-grid > div:nth-child(2) {
        background-color: var(--dark-cream);
        margin-right: -2rem;
        padding: 3.2rem;
        padding-right: 0;
    }
}
@media (max-width: 1200px) {
    .header-grid {
        grid-template-columns: 2fr 25rem;
    }
    .mega-menu .mega-menu-grid {
        display: grid;
        grid-template-columns: 1fr 40rem;
    }
}
@media (max-width: 1139px) {
    
}
@media (max-width: 1023px) {
    .header-grid ul.links {
        padding-left: 1.5rem;
    }
    .header-grid ul.links li {
        margin-left: 1rem;
    }
}
@media (max-width: 767px) {
    .header-grid {
        grid-template-columns: 14.5rem 1fr;
    }
        .header-grid > div:nth-child(2) {
            padding-right: 14.5rem;
        }
}
@media (max-width: 550px) {
    .header-grid {
        grid-template-columns: 10rem 1fr;
    }
        .header-grid > div:nth-child(2) {
            padding-right: 10rem;
        }
        .header-grid #menu > div:nth-child(2) {
            display: none;
        }
}
@media (max-width: 320px) {
    .header-grid img {
        height: 3rem;
    }
}


/* Footer */
.footer {
    background: #000;
}
    .footer .footer-content {        
        padding: 8rem 0;       
        margin: 0 0;
        color: #fff;
        padding: 8rem 0;
    }
    .footer .logo {
        /*width: 16rem;*/
    }
        .footer .logo img {
            max-width: 100%;
        }

    .footer .footer-grid {
        display: grid;
        grid-template-columns: 1.5fr 1fr;
        grid-gap: 4rem;
    }
        .footer .footer-grid .footer-links-grid {
            display: grid;
            grid-template-columns: 14rem 1fr 1fr 1fr;
            grid-gap: 4rem;
            margin-bottom: 4.8rem;
        }
        .footer .footer-grid .footer-links-grid strong {
            font-size: 1.6rem;
        }
            .footer .footer-grid .footer-links-grid .links {
                font-size: 1.4rem;
                margin-top: 2.45rem;
            }
            .footer .footer-grid .footer-links-grid .links.no-margin {
                margin-top: 0;
            }
            .footer .footer-grid .footer-links-grid .links ul {
                margin: 0;
                padding: 0;
            }
                .footer .footer-grid .footer-links-grid .links li {
                    list-style: none;
                    margin-bottom: .8rem;
                }
    .footer .subscribe {
        font-size: 1.4rem;
        line-height: 2.4rem;
    }
    .footer .subscribe strong {
        font-size: 1.6rem;
    }
        .footer .subscribe a {
            text-decoration: underline;
        }
        .footer .subscribe .newsletter-grid {
            display: grid;
            grid-template-columns: 1fr 13rem;
            grid-gap: 1.6rem;
        }
            .footer .subscribe .newsletter-grid input {
                font-size: 1.6rem;
                padding: 1.2rem;
                background-color: transparent;
                height: initial;
                margin: 0;
                color: #fff;
            }
    .footer .copyright-grid {
        border-top: 1px solid #F2EEEB;
        padding-top: 3.2rem;
        font-size: 1.4rem;
        display: grid;
        grid-template-columns: 2fr 1fr;
    }

        .footer .copyright-grid p {
            display: inline;
        }

        .footer .copyright-grid a {
            text-decoration: underline;
        }
    .footer .copyright-grid > div:nth-child(2) {
        justify-self: end;
        display: flex;
    }
        .footer .copyright-grid > div:nth-child(2) img {
            width: 2.4rem;
            margin-left: 1.2rem;
        }

    .footer .subscribe-message {
        margin-top: .5rem;
        background: #fff;
        color: #000;
        padding: 1rem;
        border-radius: .5rem;
        font-weight: 600;
    }
        .footer .subscribe-message.subscribe-error-message {
            color: var(--red);
        }
        .footer .subscribe-message.subscribe-field-message {
            color: var(--red);
        }
.grecaptcha-badge {
    visibility: hidden !important;
}

@media (max-width: 1023px) {
    .footer .footer-grid .footer-links-grid {
        grid-template-columns: 1fr 1fr 1fr 1fr;
    }
    .footer .footer-grid {
        grid-template-columns: 1fr;
        grid-gap: 4rem;
    }
}
@media (max-width: 767px) {
    .footer .footer-grid {
        grid-gap: 0;
    }
    .footer .footer-grid .footer-links-grid {
        grid-template-columns: 1fr;
    }
    .footer .footer-grid .footer-links-grid > div:nth-child(4) .links li {
        margin-bottom: 4rem;
    }
        .footer .footer-grid .footer-links-grid > div:nth-child(4) .links li:last-of-type {
            margin-bottom: 0;
        }
    .footer .footer-grid .footer-links-grid img {
        max-width: 16.6rem;
    }
    .footer .subscribe .newsletter-grid {
        grid-template-columns: 1fr;
    }
    .footer .copyright-grid {
        grid-template-columns: 1fr;
    }
    .footer .copyright-grid > div:nth-child(1) {
        order: 1;
    }
        .footer .copyright-grid > div:nth-child(2) {
            justify-self: start;
            margin-bottom: 3.2rem;
        }
            .footer .copyright-grid > div:nth-child(2) img {
                margin: 0 1.2rem 0 0;
            }
        .footer .copyright-grid p a {
            display: block;
        }
        .footer .copyright-grid p a:first-of-type {
            margin-top: 3.2rem;
        }
    .footer .footer-content {
        margin: 0; 
        padding: 8rem 0;
    }
}

/* Hero Images */

.hero-image {
    height: 52rem;
    background-position: center center;
    background-size: cover ;
    color: #fff;
}

.home-hero {
    padding: 8rem 0 11.2rem 0;
}
.home-hero-image.top {
    display: none;
}
    .home-hero .home-hero-info-grid {
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-gap: 8rem;
        margin-bottom: 8rem;
    }
    .home-hero .home-hero-info-grid h1 > div p:first-of-type {
        margin-top: 0;
    }
    .home-hero .home-hero-info-grid > div:nth-child(2) {
        margin-top: -1.6rem;
    }

    .home-hero .home-hero-image img {
        width: 100%;
        margin: 25px 0;
        /* Hero Clip Path */
        clip-path: polygon(12% 0%, 100% 0%, 100% 100%, 100% 100%, 0% 100%, 0% 28%);
        /*clip-path: polygon(0 0, 88% 0%, 100% 20%, 100% 100%, 0 100%);*/
        max-height: 55rem;
        object-fit:cover;
    }

@media (max-width: 1024px) {
    .home-hero .home-hero-info-grid {
        grid-gap: 4rem;
    }
    .home-hero h1 {
        font-size: 3.0rem;
        line-height: 3.8rem;
    }
}
@media (max-width: 768px) {
    .home-hero .home-hero-info-grid {
        grid-template-columns: 1fr;
    }
        .home-hero .home-hero-info-grid h1 > div p {
            margin: 0;
        }
}
@media (max-width: 767px) {
    .home-hero {
        padding: 0 0 5.5rem 0;
    }
    .home-hero-image.top {
        display: block;
        height: 16rem;
        background-position: center center !important;
        background-size: cover !important;
        margin-bottom: 4rem;
    }
        .home-hero-image.top img {
            margin: 0;
            clip-path: none;
        }
    .home-hero-image.bottom {
        display: none;
    }
    .home-hero .home-hero-info-grid {
        margin-bottom: 0;
    }
}


/* Red Title Borders */

.red-bar-1 {
    height: .2rem;
    background-color: #D7282F;
    width: 10rem;
}
    .red-bar-1.center {
        margin: 0 auto;
    }
.red-bar-2 {
    height: .2rem;
    background-color: #D7282F;
    width: 5rem;
}
    .red-bar-2.center {
        margin: 0 auto;
    }

/* Buttons */
.btn {
    padding: 1.2rem 2.4rem;
    font-size: 1.6rem;
    font-family: 'Inter';
    font-weight: normal;
    border: none;
    cursor: pointer;
    border-radius: 1rem;
    display: inline-block;
    transition: all .25s;
}
    .btn.sm {
        padding: .8rem 2rem;
    }

.red-button,
a.red-button,
button.red-button {
    background-color: var(--red);
    color: #fff;
    border: 2px solid var(--red);
    transition: all .25s;
}
    .red-button:hover,
    a.red-button:hover,
    button.red-button:hover {
        background-color: transparent;
        color: var(--red);
        transition: all .25s;
    }

    .red-button.outline,
    a.red-button.outline,
    button.red-button.outline {
        border: 2px solid var(--red);
        background-color: transparent;
        color: var(--red);
        font-weight: 600;
        transition: all .25s;
    }
        .red-button.outline:hover,
        a.red-button.outline:hover,
        button.red-button.outline:hover {
            border: 2px solid var(--red);
            background-color: var(--red);
            color: #fff;
            transition: all .25s;
        }

a.white-outline-button,
button.white-outline-button {
    border: 2px solid #fff;
    background-color: transparent;
    color: #fff;
}

@media (max-width: 767px) {
    .btn {
        padding: 1rem 2rem;
    }
}

/* Resuable elements */

.top-nm {
    margin-top: -13rem;
}
    .top-nm .title-box {
        padding-top: 5rem;
    }

.content-tile {
    background-color: #fff;
    text-align: left;
    padding: 3rem;
    margin: 5px;
    box-shadow: 1px 1px 6px 0px #c9c9c9;
    border-radius: 4px;
    transition: background-color .25s;
    min-height: 33rem;
    position: relative;
}
    .content-tile:hover {
        background-color: rgb(0 95 154 / 0.13);
        transition: background-color .25s;
    }
    .content-tile h5 {
        margin: 0 0 .5rem 0;
        font-family: 'Gotham Bold';
        font-size: 1.6rem;
    }
    .content-tile p {
        margin: 0 0 1rem 0;
        font-family: 'Gotham Book';
        font-size: 1.4rem;
        text-align: left;
    }
    .content-tile p:last-of-type {
        margin: 0 0 6rem 0;
    }
    .content-tile a {
        text-transform: uppercase;
        font-size: 1.3rem;
        font-family: 'Gotham Medium';
        position: absolute;
        bottom: 3rem;
    }

.insight-tile {
    background-color: #fff;
    text-align: left;
    padding: 3.5rem;
    box-shadow: 1px 1px 6px 0px #c9c9c9;
    border-radius: 4px;
    transition: background-color .25s;
    position: relative;
    min-height: 42.5rem;
}
    .insight-tile h5 {
        margin: 0 0 3.5rem 0;
        color: #005F9A;
        text-transform: uppercase;
        font-family: 'Gotham Medium';
    }
    .insight-tile h3 {
        margin: 0 0 1.5rem 0;
        font-family: 'Gotham Bold';
        font-size: 2.6rem;
        line-height: 3.2rem;
        text-transform: none;
    }
    .insight-tile h6 {
        margin: 0 0 7rem 0;
        font-family: 'Gotham Book';
        font-size: 1.6rem;
        color: #777777;
    }
    .insight-tile a.blue-button {
        position: absolute;
        bottom: 3.5rem;
    }
    .insight-tile:hover {
        background-color: #dfe9ef;
    }

.sign-up-bar {
    background-color: #025183;
    position: absolute;
    top: 7.3rem;
    width: 100%;
    color: #fff;
    font-size: 1.4rem;
    padding: 2.4rem;
}
.sign-up-bar.no-sub-menu {
    top: 0;
}

    .sign-up-bar .sign-up-grid {
        text-align: right;
        display: flex;
        justify-content: end;
    }

        .sign-up-bar .sign-up-grid > div {
            text-align: right;
            margin-left: 2rem;
        }

    .sign-up-bar.non-sticky {
        position: relative;
        top: 0;
    }

@media (max-width: 550px) {
    .sign-up-bar {
        padding: 1rem;
    }
    .sign-up-bar .sign-up-grid {
        display: block;
    }
        .sign-up-bar .sign-up-grid > div {
            margin: 0 0 1rem 0;
        }
    .sign-up-bar {
        font-size: 1.6rem;
    }
}

/* Our Culture Widget */

.pictures {
    width: 100%;
    float: left;
}

    .pictures .photo {
        width: 16.6666667%;
        float: left;
        height: 225px;
        overflow: hidden;
    }

    .pictures .child {
        background-size: cover;
        transition: all .25s;
        cursor: pointer;
        width: 100%;
        height: 100%;
    }

    .pictures .child {
        filter: grayscale(100%);
    }

    .pictures .photo:hover .child {
        transform: scale(1.2);
        transition: all .25s;
        filter: grayscale(0%);
    }

.pictures-row {
    position: relative;
    height: 100%;
}

.slider {
    background-color: #000;
    color: #fff;
    float: left;
    max-height: 675px;
    position: absolute;
    top: 0;
    right: 0;
}

    .slider i:before {
        content: "\00d7";
        font-size: 24px;
        float: right;
        font-style: normal;
        margin: -20px -15px 0 0;
        cursor: pointer;
        margin: 0;
        background: rgba(217, 36, 47, 0.8);
        padding: 5px 10px;
    }

    .slider .slide {
        background-size: cover !important;
        width: 570px;
        display: none;
        height: 450px;
    }

        .slider .slide.portrait {
            height: 675px;
            width: 400px;
        }

        .slider .slide.active {
            display: block;
        }

    .slider .caption {
        position: absolute;
        bottom: 0;
        padding: 20px;
        background-color: rgba(0, 0, 0, 0.80);
        font-size: 13px;
        width: 100%;
        font-weight: bold;
    }

.slider .tparrows {
    cursor: pointer;
    background: #000;
    background: rgba(0,0,0,0.5);
    width: 40px;
    height: 40px;
    position: absolute;
    display: block;
    z-index: 100;
    top: 45%;
    background: rgba(217, 36, 47, 0.8);
}
        .slider .tparrows:hover {
            background: rgba(217, 36, 47, 1);
        }

    .slider .tp-rightarrow {
        right: 0;
    }

@media all and (max-width:1024px) {
    .slider .slide {
        width: 497px;
        height: 380px;
    }

        .slider .slide.portrait {
            height: 570px;
            width: 331px;
        }
}

@media all and (max-width:1023px) {
    .slider i {
        display: none;
    }

    .red-box {
        width: 100%;
    }

    .pictures-row {
        height: 600px;
    }

    .pictures .photo {
        display: none;
    }

    .slider {
        width: 100%;
        height: 610px;
        max-height: 610px;
    }

        .slider .slide {
            width: 100%;
            height: 610px;
        }

            .slider .slide.portrait {
                height: 610px;
                width: 100%;
            }
}

@media all and (max-width:559px) {
    .red-box {
        width: 100%;
    }

    .pictures-row {
        height: 400px;
    }

    .pictures .photo {
        display: none;
    }

    .slider {
        width: 100%;
        height: 410px;
        max-height: 410px;
    }

        .slider .slide {
            width: 100%;
            height: 410px;
        }

            .slider .slide.portrait {
                height: 410px;
                width: 100%;
            }
}	

/* Hero Submenus */
.hero-wrap {
}

    .hero-wrap .hero-menu {
        position: absolute;
        top: 0;
        width: 100%;
        background-color: rgb(255 255 255 / 0.75);
        padding: 2.4rem 0;
        text-align: center;
    }
        .hero-wrap .hero-menu a {
            color: #000;
            font-size: 1.2rem;
            font-family: 'Gotham Bold';
            text-transform: uppercase;
        }
            .hero-wrap .hero-menu a:hover {
                color: #67baee;
            }
            .hero-wrap .hero-menu a.active {
                color: #67baee;
            }
        .hero-wrap .hero-menu .k-icon:before {
            line-height: .8;
        }
    .hero-wrap .hero-menu.dark {
            background-color: rgb(0 0 0 / 0.65);
            color: #5a5a5a;
        }
        .hero-wrap .hero-menu.dark a {
            color: #fff;
        }
            .hero-wrap .hero-menu.dark a:hover {
                color: #67baee;
            }




/* Title Box */
.title-box {
    width: 100rem;
    margin: 0 auto;
    background-color: #fff;
/*    margin-top: -7rem;*/
    z-index: 100;
    text-align: center;
}

    .title-box h3 {
        line-height: 1.14;
        font-size: 1.4rem;
        margin: 0;
        border-top: solid 2px #d7282f;
        display: inline-block;
        padding: 0.5rem 0 0 0;
    }

    .title-box .title-box-subtitle {
        padding: 0 10rem;
        font-family: 'Gotham Black';
        font-size: 2.8rem;
        line-height: 3.2rem;
        margin-top: 2.5rem;
    }

    .title-box .text {
        padding: 0 8rem;
    }
    .title-box .text p {
        margin: 0;
    }

.title-box h4 {
    margin-bottom: .5rem;
}

@media all and (max-width:1139px) {
    .title-box {
        width: 100%;
    }
}
@media all and (max-width:550px) {
    .title-box .title-box-subtitle {
        padding: 0 2rem;
    }
    .title-box .text {
        padding: 0 2rem;
    }
}

/* Tile Slider */

.tile-slider-section {
    height: 52rem;
    padding-top: 10rem;
    background-position: center center !important;
    background-size: cover !important;
}

    .tile-slider-section .content-tile:hover {
        background-color: #fff;
    }

    .tile-slider-section .owl-dots {
        display: none;
    }

    .tile-slider-section .owl-nav .owl-next,
    .tile-slider-section .owl-prev {
        width: 3rem;
        border-radius: 2.5rem;
        font-size: 35px;
        color: #fff;
        background-color: #005F9A;
    }

        .tile-slider-section .owl-nav .owl-next > span,
        .tile-slider-section .owl-nav .owl-prev > span {
            margin-top: -7px;
            display: block;
            padding: 6px 0;
            margin-left: 1px;
        }

    .tile-slider-section .owl-carousel {
        position: relative;
    }

        .tile-slider-section .owl-carousel .owl-nav .owl-prev {
            position: absolute;
            left: -5rem;
            top: calc(50% - 20px);
        }

        .tile-slider-section .owl-carousel .owl-nav .owl-next {
            position: absolute;
            right: -5rem;
            top: calc(50% - 20px);
        }
        .tile-slider-section .owl-carousel .owl-nav .owl-next,
        .tile-slider-section .owl-carousel .owl-nav .owl-prev {
            width: 3rem;
            border-radius: 2.5rem;
            font-size: 35px;
            color: #fff;
            background-color: #005F9A;
        }

            .tile-slider-section .owl-carousel .owl-nav .owl-next > span,
            .tile-slider-section .owl-carousel .owl-nav .owl-prev > span {
                margin-top: -7px;
                display: block;
                padding: 7px 0;
                margin-left: 2px;
            }

@media (max-width: 1249px) {
    .tile-slider-section .owl-carousel .owl-nav .owl-prev {
        left: -2rem;
    }
    .tile-slider-section .owl-carousel .owl-nav .owl-next {
        right: -2rem;
    }
}


/* Blue Ribbon */

.help {
    background-color: #005F9A;
    padding: 9.5rem 0;
    color: #fff;
    font-size: 1.8rem;
    text-align: center;
}

.help h1 {
        font-family: 'Gotham Bold';
        font-size: 4rem;
        margin: 0 0 1rem;
    }

.help .text {
        padding: 0 29rem;
    }


/* Logo Links */
.logo-links {
    display: flex;
    grid-gap: 6.4rem;
    align-content: center;
    align-items: center;
}
.logo-links > div {
    width: 32%;
}
    .logo-links > img {
        max-width: 100%;
    }

/* Image & Content Page Section */

.left-right {
    padding: 0;
    text-align: center;
}
    .left-right.full {
        background-color: #f7f7f7;
    }
    .left-right h4 {
        margin-bottom: 2rem;
    }

    .left-right .text {
        padding: 0 12rem;
        margin-bottom: 8rem;
        font-size: 1.5rem;
    }

    .left-right .left-right-grid {
        display: grid;
        grid-template-columns: 50% 1fr;
        text-align: left;
    }

        .left-right .left-right-grid > div:nth-child(1) {
            background-size: cover !important;
        }

        .left-right .left-right-grid > div:nth-child(2) {
            background-color: #f7f7f7;
            padding: 4.6rem 4.6rem 0 4.6rem;
        }

        .left-right.full .left-right-grid > div:nth-child(2) {
            padding-right: calc((100vw - 1200px) / 2);
        }

    .left-right .left-right-grid.reverse > div:nth-child(1) {
        background-color: #f7f7f7;
        padding: 4.6rem 4.6rem 0 4.6rem;
    }

    .left-right .left-right-grid.reverse > div:nth-child(2) {
        background-size: cover !important;
    }

    .left-right.full .left-right-grid.reverse > div:nth-child(1) {
        padding-left: calc((100vw - 1200px) / 2);
    }

        .left-right .left-right-grid h5 {
            font-size: 2.4rem;
            line-height: 3.2rem;
            margin: 0 0 1rem 0;
        }

        .left-right .phone-grid {
            display: grid;
            grid-template-columns: 2rem 1fr;
            align-items: center;
            font-family: 'Gotham Medium';
            font-size: 2.6rem;
            padding: 0 0 4rem 0;
            grid-gap: 1rem;
        }

            .left-right .left-right-grid .phone-grid img {
                max-width: 100%;
            }

    .left-right .left-right-grid.offset {
        display: grid;
        grid-template-columns: 1fr 45%;
        text-align: left;
    }
    .left-right .left-right-grid.offset.inverse {
        grid-template-columns: 45% 1fr;
    }
    .left-right.full .left-right-grid.offset.inverse > div:nth-child(1) {
        padding: 4.5rem;
        padding-left: calc((100vw - 1200px) / 2);
    }


        .left-right .left-right-grid.offset > div:nth-child(2) {
            padding-bottom: 3rem;
        }
    .left-right .blue-box-grid {
        display: grid;
        grid-template-columns: 1fr 500px 45%;
        text-align: left;
        background-color: #fff;
    }
    .left-right .blue-box-grid a:not(.grey-button) {
        color: #fff;
        font-weight: bold;
    }
    .left-right.inverse .blue-box-grid {
        grid-template-columns: 45% 500px 1fr;
    }
        .left-right .blue-box-grid > div:nth-child(2) {
            background-color: #005F9A;
            color: #fff;
            padding: 4rem 5rem;
        }
            .left-right .blue-box-grid > div:nth-child(2) h2 {
                margin: 0 0 1rem 0;
            }
            .left-right .blue-box-grid > div:nth-child(2) p {
                margin: 0;
            }

            .left-right .blue-box-grid > div:nth-child(2) img {
                width: 2rem;
            }
            .left-right .blue-box-grid > div:nth-child(2) .phone-grid {
                padding: 0;
                margin: 1rem 0;
            }
            .left-right .blue-box-grid > div:nth-child(2) .grey-button {
                margin: 1rem 0 0 0;
                display: inline-block;
                padding: 0.4rem 1.6rem;
            }
@media (max-width: 1300px) {
    .left-right.full .left-right-grid > div:nth-child(2) {
        padding-right: 4.6rem;
    }
}
@media (max-width: 1200px) {
    .left-right .left-right-grid.reverse > div:nth-child(1) {
        padding: 2rem 2rem 2rem 2rem !important;
    }
}
@media (max-width: 1023px) {
    .left-right .left-right-grid {
        grid-template-columns: 40% 1fr;
    }
    .left-right .left-right-grid {
        grid-template-columns: 60% 1fr;
    }
        .left-right .left-right-grid.offset {
            grid-template-columns: 1fr 55%;
        }
    .left-right .blue-box-grid {
        grid-template-columns: 0px 1fr 55%;
    }
}
@media (max-width: 767px) {
    .left-right .left-right-grid {
        grid-template-columns: 1fr;
    }
        .left-right .left-right-grid > div:nth-child(1) {
            min-height: 35rem;
        }
        .left-right .left-right-grid.reverse > div:nth-child(2) {
            min-height: 35rem;
        }
        .left-right .left-right-grid > div:nth-child(2) {
            padding: 2rem 2rem 0 2rem;
        }
        .left-right .left-right-grid.reverse > div:nth-child(1) {
            padding: 2rem 2rem 2rem 2rem !important;
        }
        .left-right .left-right-grid.offset {
            grid-template-columns: 1fr;
        }
    .left-right .blue-box-grid {
        grid-template-columns: 0px 1fr 0px;
    }
        .left-right .blue-box-grid > div:nth-child(2) {
            padding: 4rem 2rem;
        }
}


/* Two columns content */
.two-col-content {
    background-color: #f5f5f5;
    padding: 10rem 0;
    font-size: 1.6rem;
}
.two-col-content .two-col-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
}
    .two-col-content .two-col-grid > div {
        padding: 0 5rem;
    }
    .two-col-content .two-col-grid ul {
        margin: 0;
        padding: 0 0 0 2rem;
    }

@media (max-width: 768px) {
    .two-col-content {
        padding: 6.4rem 0;
    }
    .two-col-content .two-col-grid > div {
        padding: 0 2rem;
    }
}
@media (max-width: 767px) {
    .two-col-content .two-col-grid {
        grid-template-columns: 1fr;
    }
        .two-col-content .two-col-grid > div {
            padding: 2rem 5rem;
        }
}

/* Two column image content */
.two-col-images-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 10rem;
    padding-bottom: 6.5rem;
}

.two-col-images-grid > div {
    position: relative;
    height: 46rem;

}
    .two-col-images-grid > div {
        background-size: cover !important;
    }
    .two-col-images-grid > div > div {
        position: absolute;
        background-color: #fff;
        bottom: 0;
        margin: 0 5rem -6rem 5rem;
        padding: 3rem;
        border-radius: .4rem;
        box-shadow: 1px 1px 6px 0px #c9c9c9;
        font-size: 1.4rem;
    }
    .two-col-images-grid > div > div p {
        margin: 0;
    }
    .two-col-images-grid > div:nth-child(1) > div {
        margin-left: 13rem;
    }
    .two-col-images-grid > div:nth-child(2) > div {
        margin-right: 13rem;
    }

@media (max-width: 1139px) {
    .two-col-images-grid {
        grid-gap: 2rem;
        padding-bottom: 10rem;
    }
}
@media (max-width: 1024px) {
    .two-col-images-grid {
        grid-gap: 2rem;
        padding-bottom: 10rem;
    }
        .two-col-images-grid > div:nth-child(1) > div {
            margin-left: 8rem;
        }
        .two-col-images-grid > div:nth-child(2) > div {
            margin-right: 8rem;
        }
        .two-col-images-grid > div > div {
            margin: 0 3rem -6rem 3rem;
            padding: 2rem;
        }
}
@media (max-width: 768px) {
    .two-col-images-grid {
        grid-template-columns: 1fr;
    }
    .two-col-images-grid {
        grid-gap: 10rem;
    }
        .two-col-images-grid > div:nth-child(1) > div {
            margin: 0 5rem -6rem 5rem;
        }
        .two-col-images-grid > div:nth-child(2) > div {
            margin: 0 5rem -6rem 5rem;
        }
}
@media (max-width: 550px) {
        .two-col-images-grid > div:nth-child(1) > div {
            margin: 0 3rem -6rem 3rem;
        }

        .two-col-images-grid > div:nth-child(2) > div {
            margin: 0 3rem -6rem 3rem;
        }
}

/* Three column image content */
.three-col-images-grid {
    display: grid;
    grid-template-columns: 1fr 64rem 1fr;
}

    .three-col-images-grid > div {
        position: relative;
        height: 40rem;
    }

    .three-col-images-grid > div {
        background-size: cover !important;
    }

@media (max-width: 1139px) {
    .three-col-images-grid {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
    }
}
@media (max-width: 1024px) {
    .three-col-images-grid > div {
        height: 35rem;
    }
}
@media (max-width: 768px) {
    .three-col-images-grid > div {
        height: 30rem;
    }
}
@media (max-width: 767px) {
    .three-col-images-grid {
        grid-template-columns: 1fr;
    }
}

/* Yext Search Thingy */
.search_form {
    display: none;
    width: 76.5rem;
    margin: 0 auto;
}
.yxt-SearchBar-form {
    background-color: #fff;
    box-shadow: 0 3px 6px 2px rgba(0, 0, 0, 0.13) !important;
    border-radius: 4px !important;
}
.yxt-SearchBar-button {
    border-radius: 4px !important;
}
.yxt-SearchBar-container {
    border: none !important;
    border-radius: 0px !important;
    border-radius: 4px !important;
    margin-top: -1.2rem;
    background-color: transparent !important;
    box-shadow: var(--yxt-searchbar-focus-shadow);
}
.yxt-GeoLocationFilter-input, .yxt-SearchBar-input {
    font-family: 'Gotham Medium' !important;
    font-size: 1.6rem !important;
    padding: 2.5rem 2rem !important;

}
.yxt-AutoComplete-wrapper {
    background-color: #fff !important;
    margin-top: .7rem;
    border-radius: 4px !important;
}
.yxt-AutoComplete-option--item {
    cursor: pointer;
    font-family: 'Gotham Book' !important;
    font-size: 1.6rem !important;
    padding: .7rem 2rem !important;
    color: #005f9a !important;
}

/* Title, Subtitle and Text */
.title-and-text h6 {
    font-size: 1.4rem;
    text-transform: uppercase;
    border-top: 2px solid #d7282f;
    display: inline-block;
    font-weight: 900;
    font-family: 'Gotham Medium';
    margin: 0 0 1.5rem 0;
}
.title-and-text h3 {
    font-weight: 900;
    font-family: 'Gotham Medium';
    margin-bottom: 1rem;
    text-transform: none;
}
    .title-and-text h3 p {
        margin: 0;
        font-size: 2.8rem;
        line-height: 1.29;
    }
.title-and-text p {
    margin: 0;
    line-height: 1.44;
    font-size: 1.6rem;
}

/* Privacy Popup */

.privacy-popup {
    position: fixed;
    bottom: 0;
    width: calc(100% - 60px);
    background-color: var(--brand-blue);
    color: #fff;
    border: 2px solid #4292a1;
    border-radius: 7px;
    padding: 1rem 1.5rem;
    margin: 0 1rem 1rem 2rem;
    z-index: 100;
}
    .privacy-popup .popup-grid {
        display: grid;
        grid-template-columns: 1fr 150px;
        grid-gap: 4rem;
        align-items: center;
    }
    .privacy-popup .popup-grid > div:nth-child(2) {
        justify-self: end;
    }

        .privacy-popup .popup-grid p {
            padding-right: 1rem;
            margin: 0;
            font-size: 1.6rem;
            line-height: 2rem;
        }
    .privacy-popup a {
        color: #fff;
        font-weight: bold;
        text-decoration: underline;
    }
    .privacy-popup .btn.outline:hover {
        background-color: var(--bg-color);
        color: #000;
        border-color: #000;
    }
    .privacy-popup .btn.outline {
        background-color: #fff;
        padding: 1.2rem 6rem;
        border-color: #4292a1;
        color: #4292a1;
    }

@media (max-width: 768px) {
    .privacy-popup .popup-grid {
        grid-template-columns: 1fr;
        grid-gap: 2rem;
    }
}

/* Banner */
.banner-grid {
    display: grid;
    grid-template-columns: 1fr 55px;
    background-color: #529ca9;
    width: 100%;
    min-height: 40px;
    /*position: absolute;*/
    top: 0;
    padding: .5rem 0;
}

.banner {
    color: #fff;
    z-index: 100000;
    padding: 3px 15px;
    font-size: 14px;
}

    .banner a {
        color: #fff;
        text-decoration: underline;
    }

    .banner p {
        margin: 0;
    }
#mdiv {
    width: 25px;
    height: 25px;
    cursor: pointer;
    align-self: center;
    padding-left: 5px;
}

.mdiv {
    height: 25px;
    width: 2px;
    margin-left: 12px;
    background-color: #fff;
    transform: rotate(45deg);
    Z-index: 1;
}
.md {
    height: 25px;
    width: 2px;
    background-color: #fff;
    transform: rotate(90deg);
    Z-index: 2;
}

/* Modal */
.modal {
    display: none;
    position: fixed; 
    z-index: 10000; 
    padding-top: 12rem;
    left: 0;
    top: 0;
    width: 100%; 
    height: 100%; 
    overflow: auto; 
    background-color: rgb(0,0,0); 
    background-color: rgba(0,0,0,0.4); 
}

/* Modal Content */
.modal-content {
    background-color: var(--bg-color);
    margin: auto;
    width: 83.5rem;
    border-radius: .5rem;
}

.close-modal,
.close-imodal {
    color: #000;
    float: right;
    font-size: 28px;
    font-weight: bold;
    background-color: #fff;
    margin: 2rem;
}

    .close-modal:hover,
    .close-modal:focus,
    .close-imodal:hover,
    .close-imodal:focus {
        color: #000;
        text-decoration: none;
        cursor: pointer;
    }

.modal-content .logo {
    background-color: var(--bg-color);
    padding: 2rem;
    margin: 0 auto;
    width: 100%;
    text-align: center;
    min-height: 4.2rem;
    padding-top: 3rem;
    border-top-left-radius: .5rem;
    border-top-right-radius: .5rem;
}
.modal-content img {
    width: 34rem;
}
.modal-content .content {
    padding: 4rem 7.5rem;
    text-align: center;
    
}
.modal-content .buttons {
    margin: 5rem 0;
}
.modal-content .buttons .blue-button {
    margin: 0 1rem;
}
.modal-content .content h3 {
    font-size: 4rem;
    line-height: 4.5rem;
    text-transform: none;
    margin-bottom: 2.5rem;
}
    .modal-content .content p {
        padding: 0 .5rem;
        font-size: 1.8rem;
        line-height: 2.3rem;
    }

#link-modal .modal-content {
    width: 67rem;
}
    #link-modal .modal-content .content {
        padding: 4rem 4.5rem;
    }
    #link-modal .modal-content .buttons {
        margin: 3rem 0;
        text-align: center;
    }
    #link-modal .modal-content .content h5 {
        font-size: 2.4rem;
        text-align: center;
        font-family: 'TH Regular';
    }
    #link-modal .modal-content .content p {
        font-size: 1.4rem;
        line-height: 1.8rem;
    }
    #link-modal .modal-content .btn {
        padding: .7rem 2rem;
        margin-right: 1.5rem;
    }
    #link-modal .modal-content .go-back {
        /*color: var(--brand-blue);*/
        font-size: 1.6rem;
    }
    #link-modal .modal-content .popup-text a {
        color: var(--brand-blue);
    }
    #link-modal .modal-content .logo {
        padding: 1.5rem 2rem 2rem 2rem;
    }
    #link-modal .modal-content img {
        width: 24rem;
    }

@media (max-width: 768px) {
    .modal {
        padding-top: 0;
    }
    .modal-content {
        width: 100%;
        /*height: 100vh;*/
    }
        .modal-content .content {
            padding: 2rem 4rem;
        }
    #link-modal .modal-content {
        width: 100%;
    }
    #job-modal .modal-content .overview {
        height: initial;
    }
}
@media (max-width: 550px) {
    .modal-content .content {
        padding: 2rem;
    }
    .modal-content .content h3 {
        font-size: 2.8rem;
        line-height: 3.4rem;
    }

    .modal-content .content p {
        font-size: 1.6rem;
        line-height: 2rem;
    }
    .modal-content img {
        width: 24rem;
    }
}
/* breadcrumb */
.breadcrumb h6 {
    font-family: "Inter";
    font-size: 1.6rem;
}

/* Author Widget */
.author-grid {
    display: grid;
    grid-template-columns: 5rem 1fr;
    grid-gap: 1.5rem;
    font-size: 1.4rem;
}
.author-grid > div img {
    max-width: 100%;
    border-radius: 10rem;
}

/* Cropped Hero Page Section */
.cropped-hero {
    padding: 11.2rem 0;
    position: relative;
}
.cropped-hero img {
    width: 100%;
    object-fit: cover;
    height: 64rem;
}

    .cropped-hero img.left {
        clip-path: polygon(12% 0%, 100% 0%, 100% 100%, 100% 100%, 0% 100%, 0% 24%);
    }

    .cropped-hero img.right {
        clip-path: polygon(0 0, 88% 0%, 100% 20%, 100% 100%, 0 100%);
    }
    .cropped-hero .text {
        width: 100%;
        height: 64rem;
        position: absolute;
        top: 0;
        padding: 0 19.2rem;
        text-align: center;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
    .cropped-hero .text h2 p {
        font-size: 5.6rem;
        font-weight: 300;
    }

@media (max-width: 1024px) {
    .cropped-hero img {
        height: 45rem;
    }
    .cropped-hero .text {
        height: 51rem;
        padding: 0;
    }
}
@media (max-width: 768px) {
    .cropped-hero img {
        height: 35rem;
    }
    .cropped-hero .text {
        height: 39rem;
        padding: 0;
    }
}
@media (max-width: 767px) {
    .cropped-hero img {
        height: 35rem;
    }
        .cropped-hero img.left {
            clip-path: none;
        }
        .cropped-hero img.right {
            clip-path: none;
        }
    .cropped-hero {
        padding: 5em 0;
    }
        .cropped-hero .text {
            height: 35rem;
            padding: 0;
            width: calc(100% - 40px);
            padding: 21rem 0 0 0;
        }
}

/* About Us Timeline */
.timeline {
    padding: 11.2rem 0 21.7rem;
    background-color: #fff;
}
    .timeline .time-container {
        padding: 1.5rem 0 0 0;
    }
.timeline .text {
    text-align: center;
    margin-bottom: 8rem;
}
    .timeline .time-item {
        border-top: 3px solid #000;
        text-align: center;
        font-size: 1.6rem;
        line-height: 150%;
        padding: 0 3.2rem;
    }
        .timeline .time-item h6 {
            font-family: 'Inter';
            font-size: 2.4rem;
            font-weight: 700;
            line-height: 140%;
        }
        .timeline .time-item .dot {
            width: 3rem;
            height: 3rem;
            background-color: #000;
            margin: -1.7rem auto 1.5rem auto;
            border-radius: 2rem;
            border: 8px solid #fff;
            z-index: 1000;
        }

.owl-theme .owl-dots, .owl-theme .owl-nav {
    text-align: left;
    margin-top: 8rem !important;
}

.timeline .slider-controls .nav-buttons {
    display: grid;
    justify-content: end;
    grid-template-columns: 1fr 1fr;
    margin-top: -10.5rem;
}

    .slider-controls .nav-buttons > div {
        border: 1px solid #000;
        padding: 1.2rem 1.4rem .8rem 1.2rem;
        border-radius: 15rem;
        cursor: pointer;
        margin-top: -4rem;
        z-index: 100;
        
    }
        .slider-controls .nav-buttons > div.prev-btn {
            justify-self: start;
        }
        .slider-controls .nav-buttons > div.next-btn {
            justify-self: end;
        }

    .slider-controls .nav-buttons img {
        width: 2.4rem;
    }

@media (max-width: 767px) {
    .timeline {
        padding: 6.4rem 0 16rem;
    }
        .timeline .time-item {
            padding: 0 6rem;
        }
        .timeline .slider-controls .nav-buttons {
            margin-top: -15rem;
        }
}

/* Accordion Section */
.accordion-section {
    padding: 11.2rem 0;
}
.accordion-section .accordion-info {
    text-align: center;
    padding: 0 27rem;
}

.accordion-section .accordion-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-column-gap: 6.4rem;
    margin-top: 8rem;
}

    .accordion-section .accordion-grid > div {
        cursor: pointer;
    }

        .accordion-section .accordion-grid > div .accordion-title {
            display: flex;
            flex-direction: row;
            align-items: center;
            font-size: 1.8rem;
            font-weight: 700;
            justify-content: space-between;
            border-top: 1px solid #000;
            border-bottom: 1px solid #000;
            margin-top: -1px;
        }

            .accordion-section .accordion-grid > div .accordion-title > div:nth-child(2) {
            }

                .accordion-section .accordion-grid > div .accordion-title > div:nth-child(2) img {
                    width: 3.2rem;
                    margin-top: 4px;
                }

.accordion-section .buttons {
    margin-top: 8rem;
    text-align: center;
}

@media (max-width: 1024px) {
    .accordion-section .accordion-info {
        text-align: center;
        padding: 0 8rem;
    }

    .accordion-section .accordion-grid {
        grid-column-gap: 4rem;
    }
}
@media (max-width: 768px) {
    .accordion-section {
        padding: 6.4rem 0;
    }
        .accordion-section .accordion-grid {
            grid-template-columns: 1fr;
        }
}
@media (max-width: 767px) {
    .accordion-section .accordion-info {
        padding: 0;
    }
}

/* Gallery Section */
.page-gallery {
    padding: 6.4rem 0;
}

    .page-gallery .gallery-info {
        text-align: center;
        margin-bottom: 8rem;
        padding: 0 27rem;
    }

    .page-gallery .gallery-grid {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        grid-gap: 3.2rem;
    }

        .page-gallery .gallery-grid img {
            margin-bottom: 3.2rem;
            border-radius: 2rem;
            max-width: 100%;
            object-fit: cover;
            height: 41.6rem;
            width: 100%;
        }

        .page-gallery .gallery-grid > div:nth-child(2) > img:nth-child(1) {
            height: 23.4rem;
        }

        .page-gallery .gallery-grid > div:nth-child(2) > img:nth-child(2) {
            height: 23.4rem;
        }

@media (max-width: 1024px) {
    .page-gallery .gallery-info {
        padding: 0 18rem;
    }
}
@media (max-width: 768px) {
    .page-gallery .gallery-info {
        padding: 0 6rem;
    }
    .careers .job-listings {
        padding: 6.4rem 0;
    }
}
@media (max-width: 767px) {
    .page-gallery .gallery-info {
        padding: 0;
    }
    .page-gallery .gallery-grid {
        grid-template-columns: 1fr;
        grid-gap: 0;
    }
}

/* Page Sections */

/* Page Hero */

.page-hero .hero-image {
    height: 67rem;
    background-position: center center !important;
    background-size: cover !important;
}

.page-hero .hero-info {
    padding: 8rem 0;
}

    .page-hero .hero-info .hero-grid {
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-gap: 8rem;
    }

        .page-hero .hero-info .hero-grid h6 p {
            font-size: 1.6rem;
            font-family: "Inter";
            font-weight: 600;
        }

@media (max-width: 1024px) {
    .page-hero .hero-image {
        height: 45rem;
    }
    .page-hero h2 {
        font-family: 'TH Regular';
        font-size: 3.6rem;
        line-height: 4.3rem;
        margin: 0;
    }
    .page-hero .hero-info .hero-grid {
        grid-gap: 4rem;
    }
}
@media (max-width: 768px) {
    .page-hero .hero-info {
        padding: 6.4rem 0;
    }
}
@media (max-width: 767px) {
    .page-hero .hero-image {
        height: 32rem;
    }
    .page-hero .hero-info .hero-grid {
        grid-template-columns: 1fr;
    }
    .page-hero .hero-info .hero-grid {
        grid-gap: 0;
    }
}
/* Image and Content */

.image-content {
    padding: 11.2rem 0;
}
    .image-content .top {
        text-align: center;
        padding: 0 27.2rem 11.2rem 27.2rem;
    }
    .image-content .image-content-grid {
        display: flex;
        grid-gap: 8rem;
        align-items: center;
    }

        .image-content .image-content-grid > div {
            width: 50%;
        }

    .image-content .content-column {
        align-self: center;
    }
    
    .image-content .image-content-grid > div img {
        max-width: 100%;
        
    }
    .image-content .image-content-grid > div img.no-radius {
        border-radius: 0;
    }
        .image-content .image-content-grid > div img.side-image {
            height: 64rem;
            object-fit: cover;
            border-radius: 3rem;
        }
            .image-content .image-content-grid > div img.side-image.left {
                clip-path: polygon(24% 0%, 100% 0%, 100% 100%, 100% 100%, 0% 100%, 0% 24%);
            }
            .image-content .image-content-grid > div img.side-image.right {
                clip-path: polygon(0 0, 76% 0%, 100% 24%, 100% 100%, 0 100%);
            }
    .image-content .caption {
        text-align: right;
        font-size: 1.4rem;
        padding-right: 3rem;
    }
    .image-content.right .image-content-grid > div:nth-child(1) {
        order: 1;
    }
    .image-content .optional-header {
        margin-bottom: 4rem;
    }
    .image-content .four-item-grid {
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-column-gap: 2.4rem;
        grid-row-gap: 3.2rem;
    }

        .image-content .four-item-grid > div > img {
            max-width: 4.8rem;
        }

        .image-content .four-item-grid > div h5 p {
            font-size: 2.4rem;
            font-weight: 700;
        }

        .image-content .four-item-grid > div p {
            font-size: 1.6rem;
            line-height: 2.4rem;
        }

    .image-content .buttons {
        margin-top: 4.8rem;
    }

    .image-content .quote-text {
        font-size: 2.4rem;
        font-weight: 700;
        line-height: 3.3rem;
    }

    .image-content .job-title-grid {
        display: grid;
        grid-template-columns: 1fr 1fr;
        margin-top: 3.2rem;
    }

        .image-content .job-title-grid > div:nth-child(1) {
            padding-right: 2rem;
            border-right: 1px solid #000;
        }

            .image-content .job-title-grid > div:nth-child(1) h5 {
                font-size: 1.6rem;
                font-weight: 600;
                line-height: 2.4rem;
            }

            .image-content .job-title-grid > div:nth-child(1) p {
                font-size: 1.6rem;
                font-weight: 400;
                line-height: 2.4rem;
                margin: 0;
            }

        .image-content .job-title-grid > div:nth-child(2) {
            padding-left: 2rem;
        }

            .image-content .job-title-grid > div:nth-child(2) img {
                max-width: 14rem;
            }

    .image-content .product-top-title {
        display: flex;
        align-items: center;
        font-size: 1.6rem;
        font-weight: 700;
        margin-bottom: 1rem;
    }

        .image-content .product-top-title img {
            width: 3.4rem;
            margin-right: .5rem;
        }

    .image-content .product-text {
        margin: 2.4rem 0;
        font-size: 1.6rem;
    }

        .image-content .product-text ul {
            margin-top: 0;
            padding: 0 0 0 2rem;
        }

            .image-content .product-text ul li {
                margin-bottom: 1.6rem;
                list-style-image: url('/img/new/icons/blue-check-sm.png');
                padding-left: 1rem;
            }

        .image-content .product-text img {
            width: 2.4rem;
        }

    .image-content .item-list > div {
        display: flex;
        margin-bottom: 8rem;
    }

        .image-content .item-list > div:last-of-type {
            display: flex;
            margin-bottom: 0;
        }

        .image-content .item-list > div > div {
            margin-right: 2.4rem;
        }

        .image-content .item-list > div h5 {
            font-weight: 700;
        }


@media (max-width: 1024px) {
    .image-content .image-content-grid {
        grid-gap: 4rem;
    }
        .image-content .image-content-grid > div img.side-image {
            height: 45rem;
        }
    .image-content .top {
        padding: 0 18rem 11.2rem 18rem;
    }
}
@media (max-width: 768px) {
    .image-content .image-content-grid > div img.side-image {
        height: 36rem;
    }
    .image-content .image-content-grid h2 {
        font-size: 3.6rem;
        line-height: 4.3rem;
    }
    .image-content {
        padding: 6.4rem 0;
    }
        .image-content .item-list > div {
            margin-bottom: 0;
        }
        .image-content .top {
            padding: 0 6rem 6.4rem 6rem;
        }
}
@media (max-width: 767px) {
    .image-content .image-content-grid {
        display: grid;
        grid-template-columns: 1fr;
    }
        .image-content .image-content-grid > div {
            width: initial;
        }
    .image-content .top {
        padding: 0 0 6.4rem 0;
    }
    .image-content .quote-text {
        font-size: 2rem;
        font-weight: 700;
        line-height: 2.8rem;
        margin-top: -4rem;
    }
}
@media (max-width: 550px) {
    .image-content .image-content-grid > div img.side-image {
        height: initial;
        width: 100%;
    }
    .image-content.right .image-content-grid > div:nth-child(1) {
        order: 0;
    }
    .image-content .four-item-grid {
        grid-template-columns: 1fr;
    }
    .image-content .job-title-grid {
        display: grid;
        grid-template-columns: 1fr;
    }
        .image-content .job-title-grid > div:nth-child(1) {
            border-right: none;
        }
        .image-content .job-title-grid > div:nth-child(2) {
            padding: 2rem 0 0 0;
        }
}
    


/* Iconic Accodion Page Section */
.iconic-accordion-section {
    padding: 11.2rem 0; 
}
.iconic-accordion-section .accordion-content {
    margin-top: 4rem;
}
.iconic-accordion-section .content {
    padding: 0 27.2rem;
}
    .iconic-accordion-section .content .top-info {
        text-align: center;
    }
    .iconic-accordion-section .content .top-info .small-title {
        margin-bottom: 2.4rem;
    }
    .iconic-accordion-section .content .icon-accordion-title {
        display: grid;
        grid-template-columns: 3.2rem 1fr 3.2rem;
        grid-gap: 1.2rem;
        border-top: 1px solid #000;
        padding: 2rem 0 0 0;
        align-items: center;
        cursor: pointer;
    }
    .iconic-accordion-section .content .icon-accordion-title img {
        max-width: 100%;        
    }
    .iconic-accordion-section .subtitle  {
        grid-column: 2/4;
    }
    .iconic-accordion-section .subtitle p {
        margin: 0 0 2.8rem 0;
    }
    .iconic-accordion-section .icon-accordion-text {
        padding: 0 4.4rem 2.8rem 4.4rem;
    }
    .iconic-accordion-section .icon-accordion-text a {
        color: var(--brand-blue);
    }

        .iconic-accordion-section .bottom {
            text-align: center;
            border-top: 1px solid #000;
            padding: 4rem 10rem 0 10rem;
        }

/* FAQ Accodion Page Section */

    .iconic-accordion-section.faq .content .icon-accordion-title {
        display: grid;
        grid-template-columns: 1fr 3.2rem;
        grid-gap: 1.2rem;
        border-top: 1px solid #000;
        padding: 0;
        align-items: center;
        cursor: pointer;
        font-weight: 700; 
    }
    .iconic-accordion-section.faq .content .icon-accordion-text {
        padding: 0 0 2.8rem 0;
    }
    .iconic-accordion-section.faq .accordion-content {
        margin-top: 8rem;
    }
    .iconic-accordion-section.faq .bottom {
        padding: 8rem 10rem 0 10rem;
    }

@media (max-width: 1311px) {
    .iconic-accordion-section .content {
        padding: 0 22rem;
    }
}
@media (max-width: 1024px) {

}
@media (max-width: 768px) {
    .iconic-accordion-section {
        padding: 6.4rem 0;
    }
    .iconic-accordion-section .content {
        padding: 0 7rem;
    }
}
@media (max-width: 767px) {
    .iconic-accordion-section .content {
        padding: 0;
    }
    .iconic-accordion-section.faq .bottom {
        padding: 8rem 0 0 0;
    }
    .iconic-accordion-section .bottom {
        padding: 4rem 3rem 0 3rem;
    }
}

/* locations */
.locations .loc {
    margin-bottom: 4.8rem;
}

    .locations .loc > div {
        display: flex;
        align-items: start;
        margin-bottom: 1.6rem;
    }

        .locations .loc > div img {
            width: 2.4rem;
            margin-right: 1.6rem;
        }

        .locations .loc > div p {
            margin: 0;
        }

        .locations .loc > div a:hover {
            color: var(--brand-blue);
        }

/* 4 icon info columns */
.icons-title-text.four-col .top-info {
    text-align: center;
    padding: 0 22rem;
    margin-bottom: 8rem;
}
.icons-title-text.four-col .icons {
    text-align: center;
}
.icons-title-text.four-col .icons img {
    width: 4.8rem;
}
.icons-title-text.four-col .icons .title p {
    font-size: 1.8rem;
    font-weight: 700;
    margin: 2.4rem 0 1.6rem 0;
}
    .icons-title-text.four-col .icons .text {
        text-align: left;
    }

/* Product Squares */
.product-squares {
    padding: 11.2rem;
}
.product-squares .product-grid {
    display: flex;
    grid-gap: 3.2rem;
}
    .product-squares .product-grid > div {
        width: 50%;
        border: 1px solid #000;
        border-radius: 3rem;
        padding: 3.2rem 3.2rem 10rem 3.2rem;
        position: relative;
    }
    .product-squares .product-grid > div.one {
        width: 100%;
    }
        .product-squares .product-grid > div.two {
            width: 50%;
        }
        .product-squares .product-grid > div.three {
            width: 31%;
        }
    .product-squares .button-box {
        position: absolute;
        bottom: 0;
        left: 50%;
        transform: translate(-50%, -50%);
    }
    .product-squares .product-grid > div h3 {
        text-align: center;
    }
    .product-squares .product-grid > div ul {
        padding-left: 2rem;
    }
        .product-squares .product-grid > div ul li {
            margin-bottom: 1.6rem;
            list-style-image: url('/img/new/icons/check.png');
            padding-left: 1rem;
        }

@media (max-width: 1024px) {
    .product-squares {
        padding: 11.2rem 0;
    }
        .product-squares .product-grid {
            display: flex;
            flex-wrap: wrap;
            justify-content: center;
        }
            .product-squares .product-grid > div.three {
                width: 47%;
            }
}

@media (max-width: 768px) {
    .product-squares {
        padding: 6.4rem 0;
    }
}

@media (max-width: 767px) {
    .product-squares .product-grid > div.two {
        width: 100%;
    }
    .product-squares .product-grid > div.three {
        width: 100%;
    }
}


/* Three Column Info Page Section */

.title-three {
    padding: 11.2rem 0;
}
.title-three h3 {
    text-align: center;
    margin-bottom: 8rem;
}
.title-three .info-col-grid {
    display: flex;
    grid-gap: 4.8rem;
    flex-wrap: wrap;
    justify-content: center;
}
    .title-three .info-col-grid.four {
        display: flex;
        grid-gap: 3.8rem;
        flex-wrap: wrap;
        justify-content: center;
    }
    .title-three .info-col-grid > div {
        width: 30%;
        font-size: 1.6rem;
        position: relative;
    }
    .title-three .info-col-grid.four > div {
        width: 22%;
    }
    .title-three .info-col-grid > div img {
        max-width: 100%;
    }
        .title-three .info-col-grid > div .img-container {
            height: 24rem;
            display: flex;
            align-content: center;
            align-items: center;
            padding: 0 5rem;
            justify-content: center;
        }
        .title-three .info-col-grid > div h5 {
            font-weight: 700;
        }
        .title-three .info-col-grid > div .text {
            margin-bottom: 3.2rem;
        }
    .title-three .info-col-grid > div .button-box {
/*        position: absolute;
        bottom: 0;
        left: 50%;
        transform: translate(-50%, -50%);*/
        text-align: center;
    }

@media (max-width: 1024px) {
    .title-three .info-col-grid > div .img-container {
        height: 24rem;
        padding: 0 2rem;
    }
    .title-three .info-col-grid.four > div {
        width: 48%;
    }
}
@media (max-width: 768px) {
    .title-three .info-col-grid > div {
        width: 40%;
        font-size: 1.6rem;
        position: relative;
    }
    .title-three .info-col-grid.four > div {
        width: 100%;
    }
}
@media (max-width: 767px) {
    .title-three .info-col-grid > div {
        width: 100%;
        font-size: 1.6rem;
        position: relative;
    }
        .title-three .info-col-grid > div img {
            max-width: 100%;
            width: 100%;
        }
        .title-three .info-col-grid > div .img-container {
            height: initial;
            width: 100%;
            padding: 0 6rem;
            margin-bottom: 3rem;
        }
}

/* Three Columns Hide Show */

.icons-title-text.hide-show {
    padding: 11.2rem 0;
}
.icons-title-text.hide-show .small-title {
    margin-bottom: 1.6rem;
}

    .icons-title-text.hide-show .icons {
        display: flex;
        grid-gap: 5rem;
        margin-top: 8rem;
        font-size: 1.6rem;
    }

        .icons-title-text.hide-show .icons > div {
            width: 32%;
        }

        .icons-title-text .icons img {
            width: 4.8rem;
            margin-bottom: 2.4rem;
        }
.icons-title-text .icons .above p:last-of-type {
    margin-bottom: 0;
}
.icons-title-text .icons h4 {
    margin-bottom: 2.4rem;
    min-height: 8.5rem;
}
.icons-title-text .details {
    text-align: center;
    border-top: 1px solid #000;
    margin-top: 4.8rem;
    cursor: pointer;
}
.icons-title-text .details .t {
    margin-top: 2.4rem;
    font-size: 1.6rem;
    font-weight: 600;
}
    .icons-title-text .details.rotate img {
        transform: rotate(180deg);
    }

.icons-title-text .icons ul {
    padding-left: 2rem;
}

@media (max-width: 1024px) {
}

@media (max-width: 768px) {
    .icons-title-text.hide-show {
        padding: 6.4rem 0;
    }
        .icons-title-text.hide-show .icons > div {
            width: 45%;
        }
}

@media (max-width: 767px) {
    .icons-title-text.hide-show .icons > div {
        width: 100%;
    }
    .icons-title-text .icons h4 {
        min-height: 0;
    }
}

.title-text-image {
    padding: 11.2rem 0;
}
.title-text-image img {
    margin-top: 2rem;
    max-width: 100%;
}
    .title-text-image .image-mobile {
        display: none;
    }

    .title-text-image .circles {
        display: flex;
        justify-items: center;
        margin-left: 4rem;
        flex-wrap: wrap;
        justify-content: center;
        display: none;
    }
        .title-text-image .circles > div {
            border: 10px solid var(--red);
            width: 28rem;
            height: 28rem;
            display: flex;
            align-items: center;
            text-align: center;
            font-size: 3rem;
            border-radius: 15rem;
            margin-left: -4rem;
            padding: 0 3rem;
        }
        .title-text-image .circles > div:nth-child(even) {
            border: 10px solid var(--brand-blue);
        }
        .title-text-image .circles > div h3 {
            width: 100%;
            font-size: 3rem;
            line-height: 3.8rem;
        }

@media (max-width: 1024px) {
}

@media (max-width: 768px) {
    .title-text-image {
        padding: 6.4rem 0;
    }
}
@media (max-width: 767px) {
    .title-text-image .image-mobile {
        display: block;
    }
    .title-text-image .image {
        display: none;
    }
}


/* Text Header Page Section */
.text-header {
    padding: 11.2rem 0;
    text-align: center;
}
.text-header .top {
    padding: 0 27.2rem;
}

    .text-header.no-top-padding {
        padding-top: 0;
    }
    .text-header.no-bottom-padding {
        padding-bottom: 0;
    }

@media (max-width: 1024px) {
    .text-header .top {
        padding: 0 18rem;
    }
}
@media (max-width: 768px) {
    .text-header {
        padding: 6.4rem 0;
    }
        .text-header .top {
            padding: 0 6rem;
        }
}
@media (max-width: 767px) {
    .text-header .top {
        padding: 0;
    }
}

/* Bullet Column Page Section */
.bullet-column {
    padding: 11.2rem 0;
}
.bullet-column .top {
    margin-bottom: 1rem;
}
    .bullet-column .bullet-column-grid {
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-gap: 8rem;
    }
        .bullet-column .bullet-column-grid .bullet-column-right-grid {
            display: grid;
            grid-template-columns: 1fr 1fr;
            grid-gap: 3.2rem;
        }
        .bullet-column .bullet-column-grid ul {
            margin-top: 0;
            padding: 0 0 0 3rem;
        }
        .bullet-column .bullet-column-grid .bullet-column-right-grid ul {
            margin-top: 0;
            padding: 0 0 0 2.4rem;
        }
        .bullet-column .bullet-column-grid .bullet-column-right-grid li {
            margin-bottom: 1.6rem;
            list-style-image: url(/img/new/icons/blue-check-sm.png);
            padding-left: 1rem;
        }
        .bullet-column .bullet-column-grid .bullet-column-right-grid strong p {
            margin-top: 0;
        }

    .bullet-column .small-title {
        margin-bottom: 1.6rem;
    }

@media (max-width: 1024px) {
    .bullet-column .bullet-column-grid {
        grid-gap: 4rem;
    }
}

@media (max-width: 768px) {
    .bullet-column {
        padding: 6.4rem 0;
    }
}

@media (max-width: 767px) {
    .bullet-column .bullet-column-grid {
        grid-template-columns: 1fr;
    }
        .bullet-column .bullet-column-grid .bullet-column-right-grid {
            grid-template-columns: 1fr ;
        }
}

/* Quote Page Section */
.quote {
    padding: 11.2rem 0;
}
.quote.content-column {
    padding: 11.2rem 14rem;
}
.quote .quote-text {
    font-size: 2.4rem;
    font-weight: 700;
    line-height: 3.3rem;
}

.quote .job-title-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    margin-top: 3.2rem;
}

    .quote .job-title-grid > div:nth-child(1) {
        padding-right: 2rem;
        border-right: 1px solid #000;
    }

        .quote .job-title-grid > div:nth-child(1) h5 {
            font-size: 1.6rem;
            font-weight: 600;
            line-height: 2.4rem;
        }

        .quote .job-title-grid > div:nth-child(1) p {
            font-size: 1.6rem;
            font-weight: 400;
            line-height: 2.4rem;
            margin: 0;
        }

    .quote .job-title-grid > div:nth-child(2) {
        padding-left: 2rem;
    }

        .quote .job-title-grid > div:nth-child(2) img {
            max-width: 14rem;
        }

@media (max-width: 767px) {
    .quote.content-column {
        padding: 6.4rem 0;
    }
    .quote .quote-text {
        font-size: 2rem;
        font-weight: 700;
        line-height: 2.8rem;
    }
}

/* Image and Content Carousel Page Section */

.ic-carousel .owl-theme .owl-nav.disabled + .owl-dots {
    margin-top: 0 !important;
    padding-bottom: 2rem;
}
.google_search_container {
    display: grid;
    width: 770px;
    margin-left: 273.5px;
    grid-template-columns: 680px 90px;
    height: 0;
    text-decoration: underline;
}
.close-search {
    font-size: 10px;
    font-weight: bold;
    justify-self: end;
    z-index: 10000;
    cursor: pointer;
    padding-right: 5px;
    margin-top: -10px;
}

/* Title, Text, Question and Answers */
.ttqa {
    padding: 11.2rem 0;
}
    .ttqa .questions-answers > div {
        display: grid;
        grid-template-columns: 46rem 1fr;
        grid-gap: 8rem;
        border-top: 1px solid #000;
        padding-bottom: 3rem;
    }
    .ttqa .questions-answers {
        margin-top: 8rem;
    }
    .ttqa .questions-answers > div > div:nth-child(1) {
        font-weight: 600;
    }
@media (max-width: 1024px) {
    .ttqa .questions-answers > div {
        grid-template-columns: 1fr 1fr;
    }
}

@media (max-width: 768px) {
    .ttqa {
        padding: 6.4rem 0;
    }
}
@media (max-width: 767px) {
    .ttqa .questions-answers > div {
        grid-template-columns: 1fr;
        grid-gap: 4rem;
    }
}

/* Two column Title, Text */
.tctt {
    padding: 11.2rem 0;
}
    .tctt .tctt-grid {
        display: grid;
        grid-template-columns: 46rem 1fr;
        grid-gap: 8rem;
    }
    .tctt .tctt-grid > div:nth-child(1) {
        margin-top: 1.5rem;
    }

@media (max-width: 1024px) {
    .tctt .tctt-grid {
        grid-template-columns: 1fr 1fr;
    }
}
@media (max-width: 768px) {
    .tctt {
        padding: 6.4rem 0;
    }
}

@media (max-width: 767px) {
    .tctt {
        padding: 6.4rem 0;
    }
        .tctt .tctt-grid {
            grid-template-columns: 1fr;
            grid-gap: 4rem;
        }
}


/* Two Column Title, Text & Questions */
.tcttq {
    padding: 11.2rem 0;
}
    .tcttq .tcttq-grid {
        display: grid;
        grid-template-columns: 46rem 1fr;
        grid-gap: 8rem;
    }
        .tcttq .tcttq-grid > div:nth-child(1) {
            margin-top: 1.5rem;
        }

.tcttq .questions-answers > div {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 8rem;
    border-top: 1px solid #000;
}

    .tcttq .text {
        padding-bottom: 6rem;
    }
        .tcttq .questions-answers > div > div:nth-child(1) {
            margin: 1.8rem 0;
        }
@media (max-width: 1024px) {
    .tcttq .tcttq-grid {
        grid-template-columns: 1fr 1fr;
    }
}
@media (max-width: 768px) {
}

@media (max-width: 767px) {
    .tcttq .tcttq-grid {
        grid-template-columns: 1fr;
        grid-gap: 4rem;
    }
    .tcttq {
        padding: 6.4rem 0;
    }
}



/* Customer Testimonials */
.testimonials {
    padding: 11.2rem 0;
}

    .testimonials .testimonials-grid {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }
    .testimonials .testimonials-grid > div {
        width: 33%;
        padding-right: 3.2rem;
        margin-bottom: 4rem;
    }
        .testimonials .testimonials-grid > div .name-position {
            margin-top: 1.4rem;
        }
        .testimonials .testimonials-grid > div .name-position p {
            margin: 0;
        }
    .testimonials .testimonial-quote {
        font-family: 'TH Light';
    }

@media (max-width: 768px) {
    .testimonials .testimonials-grid {
        justify-content: flex-start;
    }
    .testimonials .testimonials-grid > div {
        width: 50%;
    }
}
@media (max-width: 767px) {
    .testimonials {
        padding: 6.4rem 0;
    }
}
@media (max-width: 550px) {
    .testimonials .testimonials-grid > div {
        width: 100%;
    }
}


/* Two column FAQ */
.two-col-faq {
    padding: 11.2rem 0;
}

    .two-col-faq .two-col-faq-grid {
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-gap: 8rem;
    }

        .two-col-faq .two-col-faq-grid .content {
            padding: 0;
        }
    .two-col-faq .accordion-content {
        border-bottom: 1px solid #000;
    }


@media (max-width: 768px) {
    .two-col-faq .two-col-faq-grid {
        grid-gap: 4rem;
    }
}

@media (max-width: 767px) {
    .two-col-faq {
        padding: 6.4rem 0;
    }

    .two-col-faq .two-col-faq-grid {
        grid-template-columns: 1fr;
    }
        .two-col-faq .accordion-content {
            margin-top: 2rem !important;
        }
}


/* Title Text Boxslider */
.box-slider {
    padding: 11.2rem 0;
}
.box-slider a:hover {
    color: var(--brand-blue);
}
.box-slide {
    font-size: 1.6rem;
    border-radius: 2rem;
    padding: 3.2rem;
    height: 100%;
    line-height: 2.4rem;
    margin: 0 3rem 0 .2rem;
    position: relative;
    padding-bottom: 6rem;
}
.box-slide p {
    font-size: 1.6rem;
}
.box-slide .box-link {
    position: absolute;
    bottom: 3.2rem;
}
.box-slider.news-section .news-slider {
    padding-left: 0;
    display: flex;
    position: relative;
    margin-top: 7rem;
}
.box-slider.news-section .news-slider img {
    height: 3rem;
    width: initial;
    margin-bottom: 4rem
}

.box-slider .no-slider {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

    .box-slider .no-slider > div {
        width: 30%;
        padding-right: 3.2rem;
        margin-bottom: 4rem;
        height: initial;
    }
.slider-controls.no-slider {
    display: none;
}

@media (max-width: 768px) {
    .box-slider .no-slider > div {
        width: 44%;
    }
}

@media (max-width: 767px) {
    .box-slider {
        padding: 6.4rem 0;
    }
    .box-slide {
        margin: 0 1rem 0 .2rem;
    }
}
@media (max-width: 550px) {
    .box-slider .no-slider > div {
        width: 100%;
    }
}