html, body {   
    color: #333;
    font-family: 'Lato', sans-serif;
    font-size: 16px;
    font-weight: 400;
    margin: 0;
    padding: 0;
}
body, wrapper {
    min-height: 100vh;
}
wrapper {
    position: relative;
    overflow: hidden;
}





/*------------------------------
            Global
------------------------------*/
a {
    color: #333;
    text-decoration: none;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
a:hover {
    color: #5A99D7;
    text-decoration: none;
}
h6 {
    line-height: 1.3;
}
.tzp-h3 {
    color: #00205B;
    font-size: 2.25rem;
    font-weight: 700;
    margin-bottom: 1rem
}
.tzp-h4 {
    color: #1A3165;
    font-size: 2.25rem;
    margin-bottom: 3rem;
}
.tzp-h4 span {
    display: block;
    color: #A7A7A7;
    font-size: 1.25rem;
    margin-top: 0.5rem;
}
.img-contain {
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.trans {
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
.overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    color: #fff;
}
@media (max-width: 1199px) {
    .tzp-h3 {
        font-size: 1.75rem !important;
    }
    .tzp-h4 {
        font-size: 1.375rem !important;
    }
    .tzp-h4 span {
        font-size: 1rem;
        margin-top: 0.25rem;
    }
}
@media (max-width: 991px) {
    .p-mobile {
        padding: 3.5rem 0 !important;
    }
}
@media (max-width: 767px) {
    .tzp-h3 {
        font-size: 1.25rem !important;
    }
    .tzp-h4 {
        font-size: 1.125rem !important;
        margin-bottom: 2.5rem;
    }
    .p-mobile {
        padding: 2.5rem 0 !important;
    }
}





/*------------------------------
            Navbar
------------------------------*/
.navbar {
    z-index: 99;
    background-color: #fff;
    padding: 0.75rem 0 1.25rem;
}
.navbar .navbar-brand {
    width: 6.75rem;
    padding: 0;
    margin: 0;
}
.navbar .navbar-toggler {
    z-index: 9;
    cursor: pointer;
    border: none;
    outline: none;
}
.navbar .fas {
    color: #00205B;
    transform: scale(1.5, 1.5);
    padding: 0.5rem;
}
.navbar .nav-item.nav-link {
    color: #00205B;
    font-size: 1.25rem;
    line-height: 1.3;
    padding: 0;
    margin: 0.5rem 0.875rem 1.25rem;
}
.navbar .nav-item.nav-link:hover,
.navbar .nav-item.nav-link.active {
    color: #A48A66;
}
@media (min-width: 992px) {
    .navbar .navbar-nav {
        position: relative;
        top: 1.75rem;
    }
    .navbar .nav-item.nav-link {
        position: relative;
    }
    .navbar .nav-item.nav-link:nth-child(-n+4)::after {
        content: '';
        position: absolute;
        top: 10%;
        right: -1rem;
        display: block;
        width: 1px;
        height: 80%;
        background: linear-gradient(#A48A664D,#A48A66,#A48A664D);
        transform: rotate(213deg);
    }
    .navbar .nav-item.nav-link:nth-last-child(2),
    .navbar .nav-item.nav-link:nth-last-child(1) {
        position: absolute;
        top: -2.25rem;
        color: #363636;
        font-size: 0.9375rem;
        padding: 0;
    }
    .navbar .nav-item.nav-link:nth-last-child(2):hover,
    .navbar .nav-item.nav-link:nth-last-child(1):hover {
        color: #A48A66;
    }
    .navbar .nav-item.nav-link:nth-last-child(2) {
        right: 3.25rem;
        padding-right: 0.875rem;
        border-right: 1px solid #363636;
    }
    .navbar .nav-item.nav-link:nth-last-child(1) {
        right: 0;
        margin-right: 0;
    }
}
@media (max-width: 1199px) {
    .navbar .nav-item.nav-link {
        font-size: 1.125rem;
    }
    .navbar .nav-item.nav-link:nth-last-child(2),
    .navbar .nav-item.nav-link:nth-last-child(1) {
        font-size: 0.875rem;
    }
}
@media (max-width: 991px) {
    .navbar {
        padding: 0.75rem 0;
    }
    .navbar .navbar-brand {
        width: 5rem;
        margin: 0 0.975rem;
    }
    .navbar .navbar-nav {
        text-align: right;
        padding: 0 1rem;
    }
    .navbar .nav-item.nav-link {
        padding: 0.125rem 0;
        margin: 0.25rem 0;
    }
    .navbar .nav-item.nav-link:nth-last-child(2),
    .navbar .nav-item.nav-link:nth-last-child(1) {
        font-size: 1rem;
    }
}





/*------------------------------
            Header
------------------------------*/
header {
    position: relative;
}
header .container {
    z-index: 3;
    position: relative;
}
header .d-flex {
    min-height: 17rem;
    padding: 2rem 0;
}
header h1 {
    color: #fff;
    font-size: 3rem;
    font-weight: 700;
    margin: auto 0 0;
}
header h1 span {
    display: block;
    font-size: 1.25rem;
    font-weight: 400;
}
header h2 {
    color: #fff;
    font-size: 2.25rem;
    margin: auto 0 3rem;
}
header .img-container {
    position: absolute;
    top: 0; right: 0;
    height: 100%;
    width: 40rem;
    max-width: 100%;
    background: url(../all-tzp-partners.html) center no-repeat;
    background-size: cover;
}
header .img-container .overlay {
    width: 8rem;
    background: linear-gradient(to right, #1a3165 , transparent);
}
@media (max-width: 1199px) {
    header .d-flex {
        min-height: 12rem;
        padding: 1.5rem 0;
    }
    header h1 {
        font-size: 2.25rem;
    }
    header h1 span {
        font-size: 1.125rem;
    }
    header h2 {
        font-size: 1.875rem;
    }
    header .img-container {
        width: 28rem;
    }
}
@media (max-width: 767px) {
    header .d-flex {
        min-height: 10rem;
    }
    header h1 {
        font-size: 1.5rem;
    }
    header h1 span {
        font-size: 1rem;
    }
    header h2 {
        font-size: 1.25rem;
    }
    header .img-container {
        width: 24rem;
    }
}





/*------------------------------
          Bottom Nav
------------------------------*/
.bottom-nav {
    margin-top: 4rem;
}
.bottom-nav .nav-link {
    height: 14rem;
    color: #fff;
    font-size: 2.5rem;
    line-height: 1.1;
    text-align: center;
}
.bottom-nav .nav-link span {
    z-index: 1;
    position: relative;
}
.bottom-nav .nav-link span.small {
    display: block;
    font-size: 1.25rem;
}
.bottom-nav .overlay {
    opacity: 0.2;
    background-color: #00205B;
}
.bottom-nav .nav-link:hover > .overlay {
    opacity: 0;
}
.bottom-nav.small .nav-link {
    font-size: 1.75rem;
}
@media (max-width: 1199px) {
    .bottom-nav {
        margin-top: 3.5rem;
    }
    .bottom-nav .nav-link {
        height: 10rem;
        font-size: 2rem;
    }
    .bottom-nav.small .nav-link {
        font-size: 1.25rem;
    }
    .bottom-nav .nav-link span.small {
        font-size: 1.125rem;
    }
}
@media (max-width: 767px) {
    .bottom-nav {
        margin-top: 2.5rem;
    }
    .bottom-nav .nav-link,
    .bottom-nav.small .nav-link {
        height: 6rem;
        font-size: 1.125rem;
    }
    .bottom-nav .nav-link span.small {
        font-size: 1rem;
    }
}





/*------------------------------
             Home
------------------------------*/
.home {
    background: linear-gradient(rgba(0,0,0,0.0),rgba(0,0,0,0.1)), url(../jpg/bridge.jpg) center center no-repeat;
    background-size: cover;
}
.home .content {
    color: #fff;
    min-height: calc(100vh - 7rem);
    padding: 18rem 0 8rem;
}
.home h1 {
    font-size: 4.75rem;
    font-weight: 700;
    margin-bottom: 1.25rem;
}
.home h2 {
    font-size: 3rem;
    line-height: 1.4;
    margin-bottom: 1rem;
}
@media (max-width: 1199px) {
    .home .content {
        padding: 12rem 0 6rem;
    }
    .home h1 {
        font-size: 2.75rem;
    }
    .home h2 {
        font-size: 1.75rem;
    }
}
@media (max-width: 991px) {
    .home .content {
        min-height: calc(100vh - 5rem);
        padding: 6rem 0;
    }
}
@media (max-width: 767px) {
    .home h1 {
        font-size: 2rem;
    }
    .home h2 {
        font-size: 1.25rem;
    }
}





/*------------------------------
          TZP Ticker
------------------------------*/
.carouselTicker {
    background-color: #F7F7F7;
    padding: 1rem 0;
}
.carouselTicker {
    overflow: hidden;
    float: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}
.carouselTicker__item {
    width: 12rem;
    height: 8rem;
    border: none;
}
.carouselTicker__item a {
    display: block;
    height: 8rem;
    padding: 1.25rem;
}
@media (max-width: 767px) {
    .carouselTicker {
        padding: 0;
    }
    .carouselTicker__item {
        width: 12rem;
        height: 6rem;
    }
    .carouselTicker__item a {
        height: 6rem;
        padding: 1rem 2rem;
    }
}





/*------------------------------
           Platform
------------------------------*/
.platform {
    padding: 4rem 0 0;
}
#platform .platform {
    background: linear-gradient(#50668E,#4E648C, #00205B 40%);
    margin-top: 20rem;
    padding: 0 0 3rem;
}
#platform .platform .container {
    background-color: #00205B;
    padding-top: 3rem;
    margin-top: -12rem;
}
.platform h4 {
    color: #A48A66;
    font-size: 3.125rem;
    font-weight: 700;
    margin-bottom: 2.75rem;
}
.platform h5 {
    color: #fff;
    font-size: 1.625rem;
    font-weight: 700;
    margin-bottom: 2rem;
}
.platform .name {
    color: #A48A66;
    font-size: 2.25rem;
    font-weight: 700;
    margin-bottom: 1rem;
}
.platform .desc {
    color: #fff;
    font-size: 1.625rem;
    margin-bottom: 2rem;
}
.platform .content {
    background-color: #EFF3FD;
    padding: 3rem 2rem 2rem;
}
.platform .extras {
    color: #fff;
    background-color: #00205B;
    font-size: 1.25rem;
    text-align: center;
    padding: 3rem 0;
    margin: 1rem 0;
}
.platform .extras:hover {
    opacity: 0.85;
}
.platform .divider {
    height: 4px;
    background: linear-gradient(to right, #00205B, #2C5091, #00205B);
    margin: 3rem 0 5rem;
}
.platform .d-flex ul li {
    position: relative;
    color: #fff;
    font-size: 1.625rem;
    line-height: 1.3;
    padding-left: 2rem;
    margin-bottom: 1rem;
}
.platform .d-flex ul li .fas {
    position: absolute;
    top: 0.4rem;
    left: 0;
    color: #A48A66;
    transform: scale(0.85, 1);
}
.platform .d-flex ul li span {
    display: block;
    font-size: 1.125rem;
    margin: 1rem 0;
}
.platform a.learn {
    display: block;
    color: #A48A66;
    font-size: 1rem;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 2rem;
}
.platform a.learn:hover {
    color: #e4c190;
}
.platform .img-container {
    position: relative;
    max-width: 30rem;
    margin-bottom: 1rem;
}
.platform .img-container img {
    animation: spin 45s linear infinite;
}
.platform .img-container ul {
    z-index: 1;
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    transform: translateY(-50%);
    margin: auto;
}
.platform .img-container ul li {
    font-size: 0.8125rem;
    line-height: 1.3;
}
.capital .bracket-img {
    width: 100%;
    margin: -1rem 0 2rem;
}
@media (min-width: 1180px) {
    #platform .platform .container {
        max-width: 1260px;
        padding-left: 75px;
        padding-right: 75px;
    }
}
@media (max-width: 1199px) {
    .platform {
        padding: 3.5rem 0 0;
    }
    #platform .platform {
        margin-top: 14rem;
    }
    #platform .platform .container {
        margin-top: -8rem
    }
    .platform .content {
        padding: 2rem 1rem 1rem;
    }
    .platform .extras {
        font-size: 1.125rem;
        padding: 2rem 0;
    }
    .platform h4 {
        font-size: 2.25rem;
        margin-bottom: 2rem;
    }
    .platform h5 {
        font-size: 1.5rem;
        margin-bottom: 1.25rem;
    }
    .platform .name {
        font-size: 1.5rem;
    }
    .platform .desc {
        font-size: 1.125rem;
    }
    .platform p {
        font-size: 1.125rem;
    }
    .platform .d-flex ul li {
        font-size: 1.125rem;
        margin-bottom: .5rem;
    }
    .platform .img-container ul li {
        font-size: 0.75rem;
    }
    .platform .d-flex ul li span {
        font-size: 1rem;
        margin: .25rem 0 1rem;
    }
    .platform a.learn {
        font-size: 0.75rem;
    }
}
@media (max-width: 991px) {
    .platform .img-container ul li {
        font-size: 0.625rem;
    }
}
@media (max-width: 767px) {
    .platform {
        padding: 2.5rem 0 0;
    }
    #platform .platform {
        padding: 0 0 1rem;
        margin-top: 10rem;
    }
    .platform h4 {
        font-size: 1.25rem;
        margin-bottom: 1rem;
    }
    .platform h5 {
        font-size: 1rem;
        font-weight: 400;
        line-height: 1.4;
        margin-bottom: 2rem;
    }
    .platform .divider {
        margin: 1rem 0 2.5rem;
    }
    .platform .name {
        font-size: 1.125rem;
        margin-bottom: 0.5rem;
    }
    .platform .desc {
        font-size: 1rem;
    }
    .platform .d-flex ul li {
        font-size: 1rem;
        padding-left: 1.5rem;
        margin: 0;
    }
    .platform .content {
        padding-left: 1rem;
    }
    .platform .extras {
        padding: 1.25rem 0;
        margin: 0 0 1rem;
    }
    .platform p {
        font-size: 1rem;
    }
    .platform .img-container {
        position: relative;
        max-width: 30rem;
    }
    .platform .img-container ul li {
        font-size: 0.75rem;
        font-weight: 400;
    }
}
@keyframes spin {
    100% {transform: rotate(360deg)}
}





/*------------------------------
           TZP Growth
------------------------------*/
.tzp-growth .carouselTicker {
    background-color: #00205B;
    padding: 2rem 0;
}
.tzp-growth .carouselTicker__item {
    width: 25rem;
    height: 10rem;
    background-color: #fff;
    padding: 1.25rem;
    border: none;
    margin: 0 .875rem;
}
.tzp-growth .carouselTicker__item a {
    display: block;
    height: 100%;
}
.tzp-growth .carouselTicker__item a img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.tzp-growth-2 {
    text-align: center;
    padding: 4rem 0;
}
.tzp-growth-2.alt {
    background-color: #EFF3FD;
}
.tzp-growth-2 h3 {
    color: #00205B;
    font-size: 3.125rem;
    font-weight: 700;
    margin-bottom: 3rem;
}
.tzp-growth-2 h4 {
    color: #00205B;
    font-size: 2.25rem;
    margin: 1rem 0 3rem;
}
.tzp-growth-2 p {
    font-size: 1.25rem;
}
.tzp-growth-2 p:last-child {
    margin: 0;
}
.tzp-growth-2 .content {
    /* justify-content: center; */
    height: calc(100% - 2rem);
    min-height: 13rem;
    color: #fff;
    background-color: #00205B;
    text-align: center;
    padding: 3rem 1.75rem;
    margin-bottom: 2rem;
}
.tzp-growth-2 .content .img-container {
    padding: 0 20%;
    margin-bottom: 1rem;
}
.tzp-growth-2 .content .img-container img {
    width: 5.5rem;
    height: 5.5rem;
}
.tzp-growth-2 .content h5:last-child {
    margin-bottom: 0;
}
.tzp-growth-2 .content .title {
    font-size: 1.75rem;
    margin-bottom: 1.5rem;
}
.tzp-growth-2 .content .desc {
    font-size: 1.25rem;
    font-weight: 300;
    text-transform: uppercase;
}
.tzp-growth-2 .content ul {
    padding-left: 2rem!important;
}
.tzp-growth-2 .get-in-touch h4 {
    font-size: 1.625rem;
    background-color: #EFF3FD;
    padding: 2rem 1rem;
    margin-bottom: 2rem;
}
.tzp-growth-2 .get-in-touch h5 {
    color: #fff;
    background-color: #00205B;
    font-size: 1.25rem;
    text-transform: uppercase;
    letter-spacing: 1px;
    padding: 2rem;
    margin: 0;
    transition: all .3s ease-out;
}
.tzp-growth-2 .get-in-touch h5:hover {
    box-shadow: 3px 3px 6px rgba(0,0,0,.25);
}






/*------------------------------
            TZP
------------------------------*/
#code-values .tzp {
    padding: 4rem 0 0;
}
#code-values .tzp .col-md-4 {
    margin-bottom: 1rem;
}
.tzp {
    padding: 1.75rem 0;
}
.tzp h4 {
    color: #1A3165;
    font-size: 2.25rem;
    margin-bottom: 3rem;
}
.tzp .d-flex {
    position: relative;
    min-height: 100%;
    text-align: center;
    padding: 0 1rem 1rem;
}
.tzp .d-flex.navy {
    background-color: #00205B;
}
.tzp .d-flex.gold {
    background-color: #A48A66;
}
.tzp .d-flex:hover > .rollover {
    opacity: 1;
}
.tzp h1 {
    color: #fff;
    font-size: 20.75rem;
    font-weight: 700;
    margin: -2rem auto -5rem;
}
.tzp p {
    color: #fff;
    font-size: 2.25rem;
    font-weight: 500;
    margin: 2rem auto 0;
}
.tzp .white p {
    color: #A48A66;
}
.tzp ul {
    margin: 1rem 0 2rem;
}
.tzp ul li {
    color: #707070;
    font-size: 1.25rem;
    line-height: 1.3;
    margin-bottom: 1.5rem;
}
.tzp ul li:last-child {
    margin-bottom: 0;
}
.tzp .rollover {
    position: absolute;
    z-index: 1;
    top: 0; left: 0;
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    text-align: center;
    padding: 1rem;
    opacity: 0;
}
.tzp .navy .rollover {
    background-color: #00205B;
}
.tzp .gold .rollover {
    background-color: #A48A66;
}
.tzp .rollover h6 {
    color: #fff;
    font-size: 2.25rem;
    font-weight: 500;
    margin-bottom: 1rem;
}
.tzp .rollover ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
.tzp .rollover ul li {
    color: #fff;
    font-size: 1.125rem;
    font-weight: 300;
    line-height: 1.2;
    margin-bottom: .75rem;
}
.tzp .rollover ul li:last-child {
    margin: 0;
}
@media (max-width: 1199px) {
    #code-values .tzp {
        padding: 3.5rem 0 0;
    }
    .tzp h1 {
        font-size: 15rem;
        margin: -1rem auto -4rem;
    }
    .tzp h4 {
        font-size: 1.375rem;
    }
    .tzp ul li {
        font-size: 1rem;
        margin-bottom: 1rem;
    }
    .tzp .rollover h6 {
        font-size: 1.75rem;
    }
    .tzp .rollover ul li  {
        font-size: 1rem;
    }
}
@media (max-width: 991px) {
    .tzp img {
        height: 8rem;
    }
    .tzp p {
        font-size: 1.5rem;
        margin: 1.5rem auto 0;
    }
    .tzp .rollover h6 {
        font-size: 1.25rem;
    }
    .tzp .rollover ul li  {
        font-size: 0.75rem;
    }
}
@media (max-width: 767px) {
    #code-values .tzp {
        padding: 2.5rem 0 0;
    }
    .tzp h1 {
        font-size: 8rem;
        margin: -0.5rem auto -2.5rem;
    }
    .tzp h4 {
        font-size: 1.125rem;
        margin-bottom: 2.5rem;
    }
    .tzp .rollover h6 {
        margin-bottom: .5rem;
    }
    .tzp .rollover ul li  {
        margin-bottom: .25rem
    }
}





/*------------------------------
        TZP Cares Home
------------------------------*/
.tzp-cares-home {
    padding-bottom: 1.75rem;
}
.tzp-cares-home .content {
    height: 100%;
    background-color: #142449;
    padding: 2.5rem  0 2.5rem 1.5rem;
}
.tzp-cares-home h3 {
    color: #fff;
    font-size: 2.125rem;
    font-weight: 700;
    margin-bottom: 1rem;
}
.tzp-cares-home p {
    color: #fff;
    font-size: 1.25rem;
    line-height: 1.7;
    margin: 0;
}
.tzp-cares-home .img-container {
    height: 100%;
    min-height: 14rem;
}
@media (min-width: 992px) {
    .tzp-cares-home .img-container {
        border-left: 0.9374rem solid #142449;
    }
}
@media (max-width: 1199px) {
    .tzp-cares-home h3 {
        font-size: 1.625rem;
    }
    .tzp-cares-home .content {
        padding: 1.5rem 1rem;
    }
    .tzp-cares-home p {
        font-size: 1.125rem;
    }
}
@media (max-width: 767px) {
    .tzp-cares-home h3 {
        font-size: 1.25rem;
    }
    .tzp-cares-home p {
        font-size: 1rem;
    }
}





/*------------------------------
         TZP Revealer
------------------------------*/
.tzp-revealer {
    padding-bottom: 4rem;
}
.tzp-revealer .content {
    height: 100%;
    background-color: #EFF3FD;
    padding: 2rem;
}
.tzp-revealer p {
    color: #333;
    font-size: 1.25rem;
}
.tzp-revealer p a {
    color: #00205B;
    font-weight: 700;
}
.tzp-revealer p a:hover {
    color: #5a99d7;
}
.tzp-revealer h6 {
    font-size: 1rem;
    font-weight: 700;
    text-transform: uppercase;
    padding: 0.5rem 0 0;
    margin: 0;
}
.tzp-revealer .desc {
    background-color: #142449;
    padding: 1.5rem 1.25rem 2rem;
}
.tzp-revealer .main {
    color: #5A99D7;
    font-weight: 700;
    margin: 0;
}
.tzp-revealer .name {
    color: #fff;
    margin-bottom: 0;
}
.tzp-revealer .img-container {
    height: 14rem;
}
@media (max-width: 1199px) {
    .tzp-revealer {
        padding-bottom: 3.5rem;
    }
    .tzp-revealer .content {
        padding: 1.5rem 1rem 0.5rem;
    }
    .tzp-revealer p {
        font-size: 1.125rem;
    }
}
@media (max-width: 767px) {
    .tzp-revealer {
        padding-bottom: 2.5rem;
    }
    .tzp-revealer p {
        font-size: 1rem;
    }
    .tzp-revealer .desc {
        padding: 1rem;
    }
    .tzp-revealer h6 {
        font-size: 0.875rem;
    }
}





/*------------------------------
            About
------------------------------*/
.about {
    padding: 4rem 0 8rem;
}
.about h4 {
    font-size: 1.625rem;
}
.about .d-flex {
    position: relative;
    height: 23rem;
    padding: 1rem;
    margin-bottom: 1.875rem;
}
.about .d-flex .overlay {
    z-index: ;
    background-color: rgba(0,0,0,0.2);
}
.about .d-flex:hover > .overlay {
    background-color: rgba(0,0,0,0.05);
}
.about h5 {
    position: relative;
    z-index: 1;
    color: #fff;
    font-size: 2.25rem;
    line-height: 1.1;
    text-align: center;
    margin: auto;
    max-width: 10.75rem;
}
@media (max-width: 1199px) {
    .about .d-flex {
        height: 18rem;
    }
    .about h5 {
        font-size: 1.75rem;
    }
}
@media (max-width: 991px) {
    .about .d-flex {
        height: 14rem;
    }
}
@media (max-width: 767px) {
    .about .d-flex {
        height: 12rem;
        margin-bottom: 1rem;
    }
}





/*------------------------------
         Focus Sectors
------------------------------*/
.focus {
    padding: 4rem 0 6rem;
}
.focus h4 {
    color: #00205B;
    font-size: 3.125rem;
    font-weight: 700;
    margin-bottom: 3rem;
}
.focus .img-container {
    height: 11rem;
}
.focus h6 {
    color: #00205B;
    font-size: 1.25rem;
    font-weight: 700;
    margin: 0.75rem 0 0.5rem;
}
.focus ul {
    color: #707070;
    font-size: 1.25rem;
    padding-left: 1rem;
    margin-bottom: 2.75rem;
}
@media (max-width: 1199px) {
    .focus h4 {
        font-size: 2.25rem;
        margin-bottom: 2rem;
    }
    .focus h6 {
        font-size: 1.125rem;
    }
    .focus ul {
        font-size: 1.125rem;
    }
}
@media (max-width: 767px) {
    .focus h4 {
        font-size: 1.75rem;
    }
    .focus h6 {
        font-size: 1rem;
        margin: 0.5rem 0 0.25rem;
    }
    .focus ul {
        font-size: 1rem;
    }
}





/*------------------------------
   Portfolio Operations Group
------------------------------*/
.portfolio-operations {
    padding: 4rem 0;
}
.portfolio-operations h4 {
    color: #00205B;
    font-size: 1.625rem;
    font-weight: 700;
    margin: 0;
}
.portfolio-operations-strategy {
    padding: 2rem 0;
}
.portfolio-operations-strategy .col-lg-4:nth-child(-n+3) {
    margin-bottom: 1.5rem;
}
.portfolio-operations-strategy .d-flex {
    position: relative;
    min-height: 5.4rem;
    padding: 0.5rem 3.125rem;
}
.portfolio-operations-strategy h6 {
    color: #00205B;
    font-size: 1.625rem;
    line-height: 1.6;
    text-align: center;
    margin: auto;
}
.portfolio-operations-experience {
    padding: 6rem 0;
}
.portfolio-operations-experience .col-12:not(:last-child) {
    margin-bottom: 3rem;
}
.portfolio-operations-experience .left {
    z-index: 9;
}
.portfolio-operations-experience .circle {
    width: 8.75rem;
    height: 8.75rem;
    background-color: #00205B;
    padding: 1.5rem;
    border-radius: 100%;
    margin: 1.5rem 0;
}
.portfolio-operations-experience .right {
    display: flex;
    flex-direction: column;
    min-height: 11rem;
    background-color: #fff;
    padding: 1rem 1rem 1rem 5rem;
    border-radius: 2rem;
    box-shadow: 0 3px 8px rgba(0,0,0,0.2);
    margin-left: -2rem;
}
.portfolio-operations-experience .name {
    color: #A48A66;
    font-size: 1.625rem;
    margin: auto 0 1rem;
}
.portfolio-operations-experience p {
    color: #4A4D52;
    font-size: 1.25rem;
    line-height: 1.2;
    margin: 0 0 auto;
}
.portfolio-operations-experience p b {
    color: #00205B;
}
.portfolio-operations-examples .container-fluid {
    background-color: #142449;
}
.portfolio-operations-examples .container {
    padding-top: 4rem;
}
.portfolio-operations-examples h4 {
    color: #fff;
    font-size: 2.25rem;
    text-align: center;
    padding: 1.5rem 0;
    margin: 0;
}
.portfolio-operations-examples h4 span {
    position: relative;
    top: -0.8rem;
    font-size: 50%;
}
.portfolio-operations-examples .d-flex {
    position: relative;
    height: 100%;
    padding: 1rem 0 2rem;
}
.portfolio-operations-examples .img-container {
    width: 17rem;
    height: 9.375rem;
    margin-bottom: 1rem;
}
.portfolio-operations-examples .name {
    color: #1A3165;
    font-size: 1.625rem;
    margin-bottom: 1rem;
}
.portfolio-operations-examples p {
    color: #707070;
    font-size: 1.25rem;
    line-height: 1.2;
}
.portfolio-operations-examples .col-md-6 {
    margin-bottom: 3rem;
}
@media (min-width: 768px) {
    .portfolio-operations-examples .col-md-6:nth-child(odd) {
        border-right: 1px solid #D5D5D5;
    }
    .portfolio-operations-examples .col-md-6:nth-child(odd) .d-flex {
        padding-right: 1.5rem;
        margin-right: 0.5rem;
    }
    .portfolio-operations-examples .col-md-6:nth-child(even) .d-flex {
        padding-left: 2rem;
        margin-left: 0.5rem;
    }
    .portfolio-operations-examples .col-md-6:nth-child(-n + 2) .d-flex::after {
        content: '';
        position: absolute;
        left: 0;
        bottom: -1.5rem;
        width: 100%;
        height: 1px;
        background-color: #D5D5D5;
    }
}
@media (min-width: 992px) {
    .portfolio-operations-strategy .col-lg-4:nth-child(-n+3) .d-flex::after {
        content: '';
        position: absolute;
        bottom: -0.75rem;
        left: 0rem;
        display: block;
        width: 100%;
        height: 1px;
        background-color: #A48A66;
    }
    .portfolio-operations-strategy .col-lg-4:not(:nth-child(3n)) .d-flex::before {
        content: '';
        position: absolute;
        bottom: 0;
        right: -1rem;
        display: block;
        width: 1px;
        height: 100%;
        background-color: #A48A66;
        margin-top: 1rem;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    .portfolio-operations-strategy .col-lg-4:nth-last-child(n+3) .d-flex::after {
        content: '';
        position: absolute;
        bottom: -0.75rem;
        left: 0rem;
        display: block;
        width: 100%;
        height: 1px;
        background-color: #A48A66;
    }
    .portfolio-operations-strategy .col-lg-4:not(:nth-child(even)) .d-flex::before {
        content: '';
        position: absolute;
        bottom: 0;
        right: -1rem;
        display: block;
        width: 1px;
        height: 100%;
        background-color: #A48A66;
        margin-top: 1rem;
    }
}
@media (max-width: 1199px) {
    .portfolio-operations h4 {
        font-size: 1.375rem;
    }
    .portfolio-operations-strategy .d-flex {
        padding: 0.5rem 1rem;
    }
    .portfolio-operations-strategy h6 {
        font-size: 1.375rem;
    }
    .portfolio-operations-experience .name {
        font-size: 1.375rem;
    }
    .portfolio-operations-experience p {
        font-size: 1.125rem;
    }
    .portfolio-operations-examples .container {
        padding-top: 3.5rem;
    }
    .portfolio-operations-examples .img-container {
        width: 14rem;
        height: 6rem;
    }
    .portfolio-operations-examples .name {
        font-size: 1.375rem;
    }
    .portfolio-operations-examples p {
        font-size: 1.125rem;
    }
}
@media (max-width: 767px) {
    .portfolio-operations h4 {
        font-size: 1.125rem;
    }
    .portfolio-operations-strategy .col-lg-4 {
        margin-bottom: 1.5rem;
    }
    .portfolio-operations-strategy .d-flex {
        min-height: auto;
    }
    .portfolio-operations-strategy .col-lg-4:not(:last-child) .d-flex::after {
        content: '';
        position: absolute;
        bottom: -0.75rem;
        left: 0rem;
        display: block;
        width: 100%;
        height: 1px;
        background-color: #A48A66;
    }
    .portfolio-operations-strategy h6 {
        font-size: 1.125rem;
    }
    .portfolio-operations-experience .col-12:not(:last-child) {
        margin-bottom: 1.5rem;
    }
    .portfolio-operations-experience .circle {
        width: 4rem;
        height: 4rem;
        padding: 0.75rem;
    }
    .portfolio-operations-experience .right {
        min-height: 11rem;
        padding: 1rem 1rem 1rem 2.5rem;
        margin-left: -1.25rem;
    }
    .portfolio-operations-experience .name {
        font-size: 1.25rem;
    }
    .portfolio-operations-experience p {
        font-size: 1rem;
    }
    .portfolio-operations-examples .container {
        padding-top: 2.5rem;
    }
    .portfolio-operations-examples .img-container {
        width: 12rem;
        height: 5rem;
    }
    .portfolio-operations-examples .name {
        font-size: 1.125rem;
    }
    .portfolio-operations-examples p {
        font-size: 1rem;
    }
    .portfolio-operations-examples .col-md-6 {
        margin-bottom: 1rem;
    }
    .portfolio-operations-examples .col-md-6:not(:last-child) .d-flex {
        border-bottom: 1px solid #D5D5D5;
    }
    .portfolio-operations-examples .d-flex {
        padding: 1rem 0;
    }
}





/*------------------------------
   Revealer of Hidden Things
------------------------------*/
.revealer {
    padding: 4rem 0 1rem;
}
.revealer h3 {
    color: #1A3165;
    font-size: 2.25rem;
    font-weight: 700;
    margin-bottom: 1.5rem;
}
.revealer p {
    color: #707070;
    font-size: 1.25rem;
    line-height: 1.3;
    margin-bottom: 1.5rem;
}
#revealer .tzp {
    padding-bottom: 6rem;
}
@media (max-width: 1199px) {
    .revealer {
        padding: 3.5rem 0 0;
    }
    .revealer h3 {
        font-size: 1.5rem;
    }
    .revealer p {
        font-size: 1rem;
        margin-bottom: 1.25rem;
    }
    #revealer .tzp {
        padding-bottom: 3.5rem;
    }
}
@media (max-width: 767px) {
    .revealer {
        padding: 2.5rem 0 0;
    }
    .revealer h3 {
        font-size: 1.25rem;
    }
    #revealer .tzp {
        padding-bottom: 2.5rem;
    }
}





/*------------------------------
         TZP Platform
------------------------------*/
.tzp-platform-top {
    padding: 4rem 0 0;
}
.tzp-platform-top .tzp-h4 {
    font-size: 1.625rem;
    font-weight: 700;
}
.tzp-platform-top img {
    height: 5.625rem;
    margin-bottom: 2rem;
}
.tzp-platform-top h6 {
    color: #1A3165;
    font-size: 1.625rem;
    text-align: center;
    margin-bottom: 2rem;
}
.capital {
    padding-top: 6rem;
}
.capital .content {
    height: calc(100% - 2rem);
    background-color: #00205B;
    margin-bottom: 2rem;
}
.capital .content-2 {
    height: 7rem;
}
.capital .content .name {
    position: relative;
    top: -3rem;
    color: #fff;
    background-color: #A48A66;
    font-size: 1.625rem;
    font-weight: 700;
    padding: 1rem 0;
    margin-bottom: -0.5rem;
}
.capital .content .num {
    color: #fff;
    font-size: 1.875rem;
    margin: 0;
}
.capital .content .num span {
    font-size: 150%;
}
.capital .content .info {
    color: #fff;
    font-size: 1.875rem;
}
.capital .content .desc {
    color: #A48A66;
    font-size: 1.25rem;
    margin: 3rem 0 0;
}
.capital .content .desc:last-child {
    margin-bottom: 1rem;
}
.capital h5 {
    color: #00205B;
    font-size: 1.625rem;
}
.capital h5 span {
    color: #A48A66;
}
@media (max-width: 1199px) {
    .tzp-platform-top img  {
        margin-bottom: 1rem;
    }
    .tzp-platform-top h6 {
        font-size: 1.25rem;
    }
    .capital {
        padding-top: 4rem;
    }
    .capital .content .name {
        top: -2.5rem;
        font-size: 1.25rem;
        padding: 0.75rem 0;
        margin: 1rem 0 -1rem;
    }
    .capital .content .num {
        font-size: 2.5rem;
    }
    .capital .content .num span,
    .capital .content .info {
        font-size: 1.5rem;
    }
    .capital .content .desc {
        font-size: 1.125rem;
        margin-bottom: 2rem;
    }
    .capital h5 {
        font-size: 1.5rem;
    }
}
@media (max-width: 991px) {
    .capital .content .name {
        font-size: 1rem;
    }
    .capital .content .num {
        font-size: 2.25rem;
    }
    .capital .content .num span,
    .capital .content .info {
        font-size: 1.375rem;
    }
    .capital .content .desc {
        font-size: 1rem;
        margin-bottom: 1.5rem;
    }
}
@media (max-width: 767px) {
    .capital .col-md-4:not(:nth-child(3)) .content {
        margin-bottom: 3.5rem;
    }
    .tzp-platform-top h6 {
        font-size: 1.125rem;
    }
    .capital h5 {
        font-size: 1.125rem;
    }
}





/*------------------------------
             Team
------------------------------*/
.team-filter {
    padding: 4rem 0 2rem;
}
.team-filter .btn {
    font-size: 0.875rem;
}
.team-filter .btn:hover,
.team-filter .btn:focus,
.team-filter .btn.active {
    color: #018FD1;
    outline: 0;
    box-shadow: none;
}
.team-filter .dropdown:hover > .dropdown-menu {
    display: block!important;
}
.team-filter .dropdown-menu {
    border-radius: 0.5rem;
    border-color: #f0f0f0;
    margin: 0;
}
.team-filter .dropdown-menu .btn {
    width: 100%;
    text-align: left;
}
.team {
    padding-bottom: 6rem;
}
.team .d-flex {
    margin: auto auto 2.5rem;
}
.team .img-container {
    position: relative;
}
.team a:hover > .d-flex .img-container .overlay {
    opacity: 1;
}
.team .img-container .overlay {
    z-index: 1;
    opacity: 0;
    transition: all 0.3s;
}
.team .name {
    color: #1A3165;
    font-size: 1.25rem;
    font-weight: 700;
    margin: 0.5rem 0 0;
}
.team .title {
    color: #707070;
    font-size: 1.25rem;
    margin: 0;
}
@media (max-width: 991px) {
    .team-filter {
        padding: 3.5rem 0 2rem;
    }
    .team-filter .dropdown {
        text-align: center;
    }
    .team-filter .btn {
        font-size: 0.875rem;
        padding: 0;
    }
    .team {
        padding-bottom: 3.5rem;
    }
}
@media (max-width: 767px) {
    .team-filter {
        padding: 2.5rem 0 1.5rem;
    }
    .team {
        padding-bottom: 2.5rem;
    }
    .team .d-flex {
        max-width: 21rem;
    }
    .team .d-flex img {
        width: 100%;
    }
}





/*------------------------------
            Team Bio
------------------------------*/
.secondary-nav nav {
    padding: 4rem 0 1rem;
    border-bottom: 1px solid #707070;
    margin-bottom: 3rem;
}
.secondary-nav .nav-item {
    font-size: 1rem;
    font-weight: 700;
    text-transform: uppercase;
    margin: 0 5rem;
}
.secondary-nav .nav-item i {
    position: relative;
    top: 0.15rem;
    color: #707070;
    font-size: 1.375rem;
    margin-top: -1rem;
}
.bio {
    padding-bottom: 6rem;
}
.bio .name {
    color: #1A3165;
    font-size: 2.75rem;
    font-weight: 700;
    margin: 0;
}
.bio .title {
    color: #1A3165;
    font-size: 1.625rem;
    font-weight: 700;
    margin: 0;
}
.bio ul {
    font-size: 1.25rem;
    margin: 2.75rem 0;
}
.bio p {
    font-size: 1.25rem;
    line-height: 1.3;
    margin-bottom: 1.75rem;
}
.bio p a {
    color: #00205B;
    font-weight: 700;
}
.bio p a:hover {
    color: #5a99d7;
}
@media (max-width: 1199px) {
    .bio .name {
        font-size: 2.25rem
    }
    .bio .title {
        font-size: 1.375rem
    }
    .bio p {
        font-size: 1.125rem;
    }
}
@media (max-width: 991px) {
    .secondary-nav nav {
        padding: 3.5rem 0 1rem;
        margin-bottom: 2rem;
    }
    .secondary-nav .nav-item {
        font-size: 0.875rem;
        margin: 0 3rem;
    }
    .bio .name {
        font-size: 1.75rem
    }
    .bio .title {
        font-size: 1.125rem
    }
    .bio ul {
        font-size: 1rem;
        margin: 1.5rem 0;
    }
    .bio p {
        font-size: 1rem;
    }
}
@media (max-width: 767px) {
    .secondary-nav nav {
        padding: 2.5rem 0 1rem;
    }
    .secondary-nav .nav-item {
        font-size: 0.812rem;
        margin: 0 1rem;
    }
}





/*------------------------------
            Portfolio
------------------------------*/
.portfolio {
    padding: 4rem 0 6rem;
}
.portfolio .dropdown .btn {
    display: flex;
    flex-direction: row;
    width: 100%;
    color: #333;
    font-size: 1rem;
    font-weight: 700;
    text-transform: uppercase;
    padding: 0.5rem 0.875rem;
    margin-bottom: 1rem;
    border: 1px solid #BCBCBC;
    border-radius: 0;
}
.portfolio .dropdown .btn:focus {
    outline: none;
    box-shadow: none;
}
.portfolio .dropdown .btn i {
    font-size: 1.5rem;
}
.portfolio .dropdown .dropdown-menu {
    width: 100%;
    padding: 1rem;
    border: 1px solid #BCBCBC;
    border-radius: 0;
}
.portfolio .dropdown .dropdown-menu label {
    position: relative;
    display: block;
    cursor: pointer;
    color: #666;
    font-size: 0.875rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    padding-left: 1.75rem;
}
.portfolio .dropdown .dropdown-menu label:hover,
.portfolio .dropdown .dropdown-menu label.active {
    color: #1A3165;
}
.portfolio .dropdown .dropdown-menu label input {
    display: none;
}
.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 18px;
    width: 18px;
    background-color: #f0f0f0;
    border: 1px solid #ccc;
}
.portfolio .checkmark:after {
    content: "";
    position: absolute;
    display: none;
}
.portfolio .dropdown input:checked ~ .checkmark {
    background-color: #1A3165;
}
.portfolio .dropdown input:checked ~ .checkmark:after {
    display: block;
}
.portfolio .checkmark:after {
    left: 6px;
    top: 4px;
    width: 5px;
    height: 6px;
    border: solid #fff;
    border-width: 0 2px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
.portfolio .d-flex {
    position: relative;
    height: 16rem;
    border: 1px solid #BCBCBC;
    padding: 2.5rem 1.5rem;
    margin-bottom: 1.875rem;
}
.portfolio .overlay {
    display: flex;
    flex-direction: column;
    opacity: 0;
    background-color: #1A3165;
    font-weight: 700;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 1px;
    transition: all 0.3s;
}
.portfolio a:hover > .d-flex .overlay {
    opacity: 0.75;
}
@media (max-width: 1199px) {
    .portfolio .dropdown .btn {
        font-size: 0.875rem;
    }
    .portfolio .dropdown .btn i {
        font-size: 1.25rem;
    }
    .portfolio .d-flex {
        height: 12rem;
    }
}
@media (max-width: 767px) {
    .portfolio .col-6:nth-child(even) {
        padding-left: 0.5rem;
    }
    .portfolio .col-6:nth-child(odd) {
        padding-right: 0.5rem;
    }
    .portfolio .d-flex {
        margin-bottom: 1rem;
    }
}





/*------------------------------
         Portfolio-Info
------------------------------*/
.portfolio-info {
    padding-bottom: 6rem;
}
.portfolio-info .img-container {
    position: relative;
    height: 16rem;
    padding: 1.5rem;
    border: 1px solid #D5D5D5;
    margin-bottom: 1rem;
}
.portfolio-info .name {
    color: #1A3165;
    font-size: 3.125rem;
    margin: 0;
}
.portfolio-info ul {
    margin: 2.25rem 0 2.5rem;
}
.portfolio-info ul li {
    color: #1A3165;
    font-size: 1.25rem;
}
.portfolio-info ul li i {
    display: inline-block;
    min-width: 8.5rem;
    font-style: normal;
}
.portfolio-info ul li a {
    color: #1A3165;
}
.portfolio-info ul li a:hover {
    color: #5a99d7;
}
.portfolio-info p {
    font-size: 1.25rem;
    line-height: 1.3;
    margin-bottom: 1.75rem;
}
@media (max-width: 1199px) {
    .portfolio-info {
        padding-bottom: 3.5rem;
    }
    .portfolio-info .img-container {
        height: 14rem;
    }
    .portfolio-info .name {
        font-size: 2.5rem;
    }
    .portfolio-info ul {
        margin: 1.75rem 0 2rem;
    }
    .portfolio-info ul li {
        font-size: 1.125rem;
    }
    .portfolio-info p {
        font-size: 1.125rem;
        margin-bottom: 1.25rem;
    }
}
@media (max-width: 767px) {
    .portfolio-info {
        padding-bottom: 2.5rem;
    }
    .portfolio-info .img-container {
        height: 12rem;
    }
    .portfolio-info .name {
        font-size: 1.75rem;
    }
    .portfolio-info ul {
        margin: 1rem 0 1.25rem;
    }
    .portfolio-info ul li {
        font-size: 1rem;
    }
    .portfolio-info p {
        font-size: 1rem;
    }
}






/*------------------------------
           Community
------------------------------*/
.community {
    padding: 4rem 0;
}
.community h4 {
    font-size: 1.625rem;
    font-weight: 700;
}
.community .d-flex {
    position: relative;
    height: 23rem;
    margin-bottom: 2rem;
}
.community .overlay {
    background-color: rgba(0,0,0,0.2);
}
.community a:hover > .d-flex .overlay {
    background-color: rgba(0,0,0,0);
}
.community h5 {
    position: relative;
    z-index: 1;
    color: #fff;
    font-size: 2.1875rem;
    line-height: 1;
    text-align: center;
    margin: auto;
}
@media (max-width: 1199px) {
    .community .d-flex {
        height: 18rem;
    }
    .community h5 {
        font-size: 1.625rem;
    }
}
@media (max-width: 767px) {
    .community h4 {
        margin-bottom: 2.5rem;
    }
    .community .d-flex {
        height: 16rem;
        margin-bottom: 1rem;
    }
    .community h5 {
        font-size: 1.5rem;
    }
}





/*------------------------------
            TZP Cares
------------------------------*/
.tzp-cares {
    padding: 4rem 0 0;
}
.tzp-cares h4 {
    font-size: 1.625rem;
}
.tzp-cares .d-flex {
    position: relative;
    height: 16rem;
    padding: 1.5rem;
    border: 1px solid #BCBCBC;
    margin-bottom: 1.875rem;
}
.tzp-cares p {
    color: #707070;
    font-size: 1.25rem;
    line-height: 1.3;
    margin-bottom: 1.75rem;
}
.tzp-cares p a {
    color: #00205B;
    font-weight: 700;
}
.tzp-cares a:hover {
    color: #5a99d7;
}
@media (max-width: 1199px) {
    .tzp-cares {
        padding: 3.5rem 0 0;
    }
    .tzp-cares .d-flex {
        height: 14rem;
    }
    .tzp-cares p {
        font-size: 1rem;
        margin-bottom: 1.25rem;
    }
}
@media (max-width: 767px) {
    .tzp-cares {
        padding: 2.5rem 0 0;
    }
    .tzp-cares .col-6:nth-child(even) {
        padding-right: 0.5rem;
    }
    .tzp-cares .col-6:nth-child(odd) {
        padding-left: 0.5rem;
    }
    .tzp-cares .d-flex {
        height: 10rem;
        margin-bottom: 1rem;
    }
}





/*------------------------------
            TZP ESG
------------------------------*/
.tzp-esg {
    padding: 4rem 0 6rem;
}
.tzp-esg h3 {
    color: #1A3165;
    font-size: 2.125rem;
    margin-bottom: 1.5rem;
}
.tzp-esg h3:not(:first-child) {
    margin-top: 3rem;
}
.tzp-esg h4 {
    color: #1A3165;
    font-size: 1.625rem;
    margin-bottom: 1.75rem;
}
.tzp-esg p {
    color: #707070;
    font-size: 1.25rem;
    line-height: 1.3;
    margin-bottom: 1.75rem;
}
.tzp-esg p img {
    max-width: 100%;
}
.tzp-esg p a {
    color: #1a3165;
}
.tzp-esg p a:hover {
    color: #5a99d7;
}
.tzp-esg ul {
    color: #707070;
    font-size: 1.25rem;
    line-height: 1.3;
}
.tzp-esg .img-container {
    position: relative;
    height: 12rem;
    border: 1px solid #bcbcbc;
    padding: 1.5rem 1.5rem;
    margin-bottom: 1rem;
}
.tzp-esg .img-container:hover > .overlay {
    opacity: .75;
}
.tzp-esg .img-container .overlay {
    display: flex;
    flex-direction: column;
    opacity: 0;
    background-color: #1A3165;
    font-weight: 700;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 1px;
    transition: all 0.3s;
}
@media (max-width: 1199px) {
    .tzp-esg h3 {
        font-size: 1.75rem;
    }
    .tzp-esg h4  {
        font-size: 1.375rem;
    }
    .tzp-esg p {
        font-size: 1.125rem
    }
    .tzp-esg ul {
        font-size: 1.125rem
    }
}
@media (max-width: 767px) {
    .tzp-esg h3 {
        font-size: 1.375rem;
        margin-bottom: 1.25rem;
    }
    .tzp-esg h4  {
        font-size: 1.125rem;
        margin-bottom: 1.25rem;
    }
    .tzp-esg p {
        font-size: 1rem;
        margin-bottom: 1.25rem;
    }
    .tzp-esg ul {
        font-size: 1rem
    }
}





/*------------------------------
        TZP Volunteers
------------------------------*/
.tzp-volunteers {
    padding: 4rem 0;
}
.tzp-volunteers h4 {
    color: #00205B;
    font-size: 2.25rem;
    margin-bottom: 1rem;
}
.tzp-volunteers h3 {
    color: #707070;
    font-size: 1.5rem;
    line-height: 1.3;
    margin-bottom: 4rem;
}
.tzp-volunteers h3:last-child {
    margin-bottom: 0;
}
.tzp-volunteers .img-container {
    height: 22rem;
}
.tzp-volunteers .img-holder {
    height: 32rem;
    margin-bottom: 1.875rem;
}
.tzp-volunteers h6 {
    color: #1A3165;
    font-size: 1.625rem;
    font-weight: 700;
    margin-bottom: 1.75rem;
}
.tzp-volunteers p {
    color: #707070;
    font-size: 1.25rem;
    line-height: 1.3;
}
.tzp-volunteers hr {
    border-top: 1px solid #E6E6E6;
    margin: 4rem 0 4.5rem;
}
@media (max-width: 1199px) {
    .tzp-volunteers h4 {
        font-size: 1.75rem;
    }
    .tzp-volunteers h3 {
        font-size: 1.125rem;
        margin-bottom: 3.5rem;
    }
    .tzp-volunteers .img-container {
        height: 18rem;
    }
    .tzp-volunteers .img-holder {
        height: 26rem;
    }
    .tzp-volunteers h6 {
        font-size: 1.375rem;
        margin: -0.25rem 0 1rem;
    }
    .tzp-volunteers p {
        color: #707070;
        font-size: 1rem;
        line-height: 1.3;
    }
    .tzp-volunteers hr {
        margin: 2.75rem 0;
    }
}
@media (max-width: 991px) {
    .tzp-volunteers .img-container {
        height: 16rem;
    }
    .tzp-volunteers .img-holder {
        height: 20rem;
    }
}
@media (max-width: 767px) {
    .tzp-volunteers h4 {
        font-size: 1.375rem;
        margin-bottom: 0.5rem;
    }
    .tzp-volunteers h3 {
        margin-bottom: 2.5rem;
    }
    .tzp-volunteers .col-8:nth-child(even) {
        padding-left: 0.25rem;
    }
    .tzp-volunteers .col-8:nth-child(odd) {
        padding-right: 0.25rem;
    }
    .tzp-volunteers .col-4:nth-child(even) {
        padding-left: 0.25rem;
    }
    .tzp-volunteers .col-4:nth-child(odd) {
        padding-right: 0.25rem;
    }
    .tzp-volunteers .img-holder {
        height: 10rem;
        margin-bottom: 1rem;
    }
    .tzp-volunteers h6 {
        font-size: 1.125rem;
        margin: -0.25rem 0 0.5rem;
    }
    .tzp-volunteers hr {
        margin: 1.75rem 0;
    }
}





/*------------------------------
            News
------------------------------*/
.news {
    padding: 4rem 0 6rem;
}
.news a.d-block {
    color: #1A3165;
    font-size: 1.25rem;
    line-height: 1.3;
}
.news a.date {
    min-width: 10rem;
}
.news .col-sm a:hover {
    color: #5a99d7;
}
.news .pagination {
    margin: 3rem 0 2rem;
}
.news .pagination .page-link {
    color: #A7A7A7;
    font-size: 1.25rem;
    border: none;
    border-radius: 0.5rem;
    margin: 0 0.125rem;
}
.news .pagination .page-item.active .page-link {
    color: #fff;
    background-color: #00205B;
    border-radius: 0.5rem;
}
@media (max-width: 991px) {
    .news a.d-block {
        font-size: 1rem;
    }
    .news a.date {
        min-width: 6rem;
    }
}
@media (max-width: 767px) {
    .news .pagination .page-link {
        font-size: 1rem;
    }
}





/*------------------------------
         News-Article
------------------------------*/
.news-article p {
    font-size: 1.25rem;
    line-height: 1.3;
    margin-bottom: 1.75rem;
}
.news-article p b {
    color: #00205B;
}
.news-article p a {
    color: #00205B;
}
.news-article p a:hover {
    color: #5a99d7;
}
@media (max-width: 991px) {
    .news-article p {
        font-size: 1rem;
        margin-bottom: 1.5rem;
    }
}





/*------------------------------
            Privacy
------------------------------*/
.privacy {
    padding: 4rem 0;
}
.privacy .tnctitle {
    margin: 0;
}
.privacy h4 {
    font-size: 1.625rem;
    font-weight: 700;
}
.privacy p {
    font-size: 1.125rem;
    margin-bottom: 2rem;
}
@media (max-width: 757px) {
    .privacy p {
        font-size: 1rem;
        margin-bottom: 1.5rem;
    }
}





/*------------------------------
            404 Page
------------------------------*/
.error-404 {
    padding: 1.5rem 0;
    margin: auto 0;
}
.error-404 .col-md-6 {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
}
.error-404 img {
    width: 25rem;
    max-width: 100%;
}
.error-404 .d-flex img {
    width: 5.625rem;
}
.error-404 .d-flex {
    color: #00205B;
}
.error-404 h2 {
    font-size: 1.8125rem;
    font-weight: 700;
    margin: 1rem 0 1.5rem;
}
.error-404 a {
    display: block;
    color: #00205B;
    font-size: 1.25rem;
    font-weight: 700;
    padding: .5rem 1.5rem;
    border: 1px solid #00205B;
    border-radius: .25rem;
}
.error-404 a:hover {
    color: #fff;
    background-color: #00205B;
}





/*------------------------------
            Footer
------------------------------*/
footer {
    z-index: 109;
    color: #fff;
    background-color: #00205B;
    padding: 3rem 0 0;
}
footer h6 {
    font-weight: 700;
    margin-bottom: 1.25rem;
}
footer img {
    width: 6rem;
    margin-bottom: 1rem;
}
footer a {
    color: #fff;
}
footer a:hover {
    color: #5A99D7;
}
footer ul li a {
    display: inline-block;
}
footer .extra {
    background-color: #142449;
    font-size: 0.875rem;
    padding: 1rem 0;
    margin-top: 3rem;
}
@media (max-width: 767px) {
    footer {
        padding: 1.5rem 0 0;
    }
    footer .extra {
        margin-top: 0.25rem;
    }
    footer h6 {
        margin: 0;
    }
    footer a {
        display: block;
    }
}




/*------------------------------
            IE 10 
------------------------------*/
@media all and (-ms-high-contrast:none) {
    .carouselTicker__item {
        position: relative;
    }
    .carouselTicker__item img.img-contain{
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 75%;
        height: auto;
        max-height: 8rem;
    }
    .platform {
        height: 100%;
        margin-bottom: 2rem
    }
    .tzp-platform-top .col-md-6:nth-child(2) img {
        width: 6rem;
    }
    .tzp-platform-top .col-md-6:nth-child(3) img {
        width: 6rem;
    }
    .tzp-platform-top .col-md-6:nth-child(4) img {
        width: 6rem;
    }
    .tzp-platform-top .col-md-6:nth-child(5) img {
        width: 11rem;
    }
    .tzp-platform-top .col-md-6:nth-child(6) img {
        width: 7rem;
    }
    header h1 {
        margin-top: 13%;
    }
    .portfolio-operations-experience .right {
        width: 100%;
    }
    .portfolio-operations-examples .img-container {
        position: relative;
    }
    .portfolio-operations-examples .img-container img {
        position: absolute;
        top: 50%;
        left: 0;
        transform: translateY(-50%);
        width: 100%;
        height: auto;
    }
    .team .img-container {
        height: 17.25rem;
    }
    .portfolio .d-flex img,
    .portfolio-info .img-container img,
    .tzp-cares .d-flex img {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 75%;
        height: auto;
    }
    .tzp-cares .d-flex img {
        max-height: 13rem!important;
    }
}