html {
    font-size: 16px;
    scroll-behavior: smooth;
}
body {   
    color: #0A2539;
    font-family: 'Gotham Book', sans-serif;
    margin: 0;
    padding: 0;
}
wrapper {
    position: relative;
    height: 100%;
    min-height: 100vh;
    overflow: hidden;
}
#home wrapper {
    background-color: #000;
}
@font-face {
    font-family: 'Gotham Light';
    font-weight: 300;
    src: url("../otf/gotham-light.otf") format("opentype");
}
@font-face {
    font-family: 'Gotham Book';
    src: url("../otf/gotham-book.otf") format("opentype");
}
@font-face {
    font-family: 'Gotham Medium';
    src: url("../otf/gotham-medium.otf") format("opentype");
}
@font-face {
    font-family: 'Gotham Bold';
    font-weight: 700;
    src: url("../otf/gotham-bold.otf") format("opentype");
}





/*------------------------------
            Global        
------------------------------*/
a {
    color: #1B3664;
    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: #5c82c5;
    text-decoration: none;
}
h1 {
    font-family: 'Gotham Bold';
    font-weight: 700;
}
h3 {
    font-family: 'Gotham Bold';
    font-weight: 700;
}
h4 {
    font-family: 'Gotham Medium';
    font-weight: 500;
}
h5 {
    font-size: 1.25rem;
}
p, ul {
    font-size: 1.25rem;
    line-height: 1.55;
}
b, strong {
    font-family: 'Gotham Bold';
    font-weight: 700;
}
.f110 {
    font-size: 6.875rem;
}
.f50 {
    font-size: 3.125rem;
}
.f45 {
    font-size: 2.8125rem;
}
.f40 {
    font-size: 2.5rem;
}
.f35 {
    font-size: 2.2875rem;
}
.f32 {
    font-size: 2rem;
}
.f30 {
    font-size: 1.875rem;
}
.f28 {
    font-size: 1.75rem;
}
.f25 {
    font-size: 1.5625rem;
}
.f22 {
    font-size: 1.375rem;
}
.f20 {
    font-size: 1.25rem;
}
.f18 {
    font-size: 1.125rem;
}
.f16 {
    font-size: 1rem;
}
.f15 {
    font-size: .9375rem;
}
.f14 {
    font-size: .875rem;
}
.btn {
    color: #fff;
    font-size: 1.875rem;
    font-family: 'Gotham Bold';
    font-weight: 700;
    padding: 0 0 .25rem;
    border: none;
    border-bottom: 2px solid #fff;
    border-radius: 0;
    margin: 1rem 0;
}
.btn:hover {
    color: #1B3664;
    background-color: #fff;
}
.btn:focus {
    outline: none;
    box-shadow: none;
}
.btn.btn-second {
    position: relative;
    font-family: 'Gotham Book';
    font-size: 1.5625rem;
    font-weight: 400;
}
.btn.btn-second:hover {
    color: #7E90AF;
    background-color: transparent;
}
.btn.btn-second::after {
    content: '';
    position: absolute;
    top: .85rem;
    right: -2rem;
    display: block;
    width: 1rem;
    height: 1rem;
    background: url(../triangle.html) center no-repeat;
    background-size: contain;
}
.img-contain {
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.container-left {
    width: 30.875rem;
    max-width: 100%;
}
.container-right {
    width: 44rem;
    max-width: 100%;
}
hr {
    border-top: 1px solid #ddd;
}
.scroll-anchor {
    z-index: -9;
    position: relative;
    padding-top: 4rem;
    margin-top: -4rem;
}
.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 (min-width: 1350px) {
    .container {
        max-width: 1290px;
    }
}
@media (max-width: 1199px) {
    h5 {
        font-size: 1rem;
    }
    p {
        font-size: 1rem;
        line-height: 1.3;
        margin-bottom: 1rem;
    }
    ul {
        font-size: 1rem;
        line-height: 1.3;
    }
    .f110 {
        font-size: 4.875rem;
    }
    .f50 {
        font-size: 2.75rem;
    }
    .f45 {
        font-size: 2.5rem;
    }
    .f40 {
        font-size: 2rem;
    }
    .f35 {
        font-size: 1.625rem;
    }
    .f32 {
        font-size: 1.5rem;
    }
    .f30 {
        font-size: 1.5rem;
    }
    .f28 {
        font-size: 1.375rem;
    }
    .f25 {
        font-size: 1.25rem;
    }
    .f22 {
        font-size: 1.25rem;
    }
    .f20 {
        font-size: 1.125rem;
    }
    .f18 {
        font-size: 1rem;
    }
    .f16 {
        font-size: .9375rem;
    }
    .btn.btn-second {
        font-size: 1.125rem;
        margin: 0;
    }
    .btn.btn-second::after {
        right: -1.25rem;
        width: .75rem;
        height: .75rem;
    }
    .p-mobile {
        padding: 3.5rem 0!important;
    }
}
@media (max-width: 767px) {
    .f110 {
        font-size: 3.875rem;
    }
    .f50 {
        font-size: 1.625rem;
    }
    .f45 {
        font-size: 1.5rem;
    }
    .f40 {
        font-size: 1.325rem;
    }
    .f35 {
        font-size: 1.3125rem;
    }
    .f32 {
        font-size: 1.25rem;
    }
    .f30 {
        font-size: 1.25rem;
    }
    .f28 {
        font-size: 1.125rem;
    }
    .f25 {
        font-size: 1rem;
    }
    .f22 {
        font-size: 1.125rem;
    }
    .f20 {
        font-size: 1rem;
    }
    .f16 {
        font-size: .875rem;
    }
    .btn {
        font-size: 1.25rem;
        padding: 0;
        margin: .5rem 0;
    }
    .p-mobile {
        padding: 2.5rem 0!important;
    }
}





/*------------------------------
            Navbar
------------------------------*/
.navbar {
    z-index: 99;
    background-color: transparent;
    padding: 2rem 0;
}
.navbar .navbar-brand {
    width: 13.625rem;
    padding: 0;
    margin: 0 .9375rem;
}
.navbar .navbar-toggler {
    z-index: 9;
    cursor: pointer;
    border: none;
    outline: none;
}
.navbar .fas {
    color: rgb(255 255 255 / 50%);
    transform: scale(1.5, 1.5);
    padding: .5rem;
}
.navbar .nav-item.nav-link {
    color: #fff;
    font-size: 1.125rem;
    font-family: 'Gotham Medium';
    text-transform: uppercase;
    padding: .125rem 0;
    margin: .5rem 1rem;
}
.navbar .nav-item.nav-link:hover {
    color: #267dbf;
}
.navbar .nav-item.nav-link.active {
    color: #267dbf;
    font-weight: 700;
}
.navbar.navbar-min {
    background-color: #0A2539;
    padding: .75rem 0;
    box-shadow: 0 0 50px rgba(0, 0, 0, .2);
}
@media (min-width: 992px) {
    #home.fp-viewing-main-0 .navbar {
        border-bottom: 1px solid #fff;
    }
    #home.fp-viewing-Mission .navbar {
        padding: 1rem 0;
    }
    #home.fp-viewing-Experience .navbar {
        padding: 1rem 0;
    }
    #home.fp-viewing-Partnership .navbar {
        padding: 1rem 0;
    }
    #home.fp-viewing-Network .navbar {
        padding: 1rem 0;
    }
    #home.fp-viewing-Portfolio .navbar {
        background-color: #0A2539;
        padding: 1rem 0;
    }
    #home.fp-viewing-Partners-0 .navbar {
        padding: 1rem 0;
    }
    #home.fp-viewing-Footer .navbar {
        background-color: #0A2539;
        padding: 1rem 0;
    }
    body:not(#home) .navbar {
        border-bottom: 1px solid #707070;
    }
}
@media (max-width: 1199px) {
    .navbar {
        padding: .875rem 0;
    }
    .navbar .navbar-brand {
        width: 11rem;
    }
    .navbar .nav-item.nav-link {
        font-size: 1rem;
        margin: .5rem .875rem;
    }
}
@media (max-width: 991px) {
    .navbar {
        background-color: #0A2539;
        box-shadow: 0 0 50px rgba(0, 0, 0, .2);
    }
    .navbar .navbar-brand {
        margin-left: 0.9375rem;
    }
    .navbar .navbar-nav {
        text-align: center;
        padding: 1rem 0;
        margin: 0;
    }
}
@media (max-width: 767px) {
    .navbar .navbar-brand {
        width: 8rem;
    }
    .navbar .nav-item.nav-link {
        padding: 0;
        margin: .25rem;
    }
}





/*------------------------------
           Header      
------------------------------*/
header,
header .carousel-item {
    background-color: rgba(10, 37, 57, .5);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-blend-mode: multiply;
}
#team_page header {
    background-color: rgba(10, 37, 57, .7);
}
header .content {
    color: #fff;
    min-height: 40rem;
    padding: 18rem 0 3rem;
}
header h1 {
    position: relative;
    font-family: 'Gotham Bold';
    text-shadow: 0 0 10px #00000029;
    margin-bottom: 1.625rem;
}
header h1::after {
    position: absolute;
    left: 0;
    bottom: -.625rem;
    display: block;
    width: 4rem;
    height: .25rem;
    content: '';
    background-color: #267DBF;
}
header h2 {
    font-family: 'Gotham Light';
    text-shadow: 0 0 10px #00000029;
    margin-bottom: 0;
}
header .carousel-item h2 {
    line-height: 1.35;
    max-width: 48rem;
    margin-bottom: 0;
}
#team_page header h2 {
    font-size: 1.625rem;
}
header .carousel-indicators {
    left: .9375rem;
    bottom: 3.75rem;
}
header .carousel-indicators li {
    opacity: 1;
    background-color: #EFEFEF;
    margin: 0 1.375rem;
}
@media (max-width: 1349px) {
    header .content {
        min-height: 35rem;
        padding: 16rem 0 3rem;
    }
}
@media (max-width: 1199px) {
    header .content {
        min-height: 30rem;
        padding: 14rem 0 3rem;
    }
    #team_page header h2 {
        font-size: 1.5rem;
    }
}
@media (max-width: 767px) {
    header .content {
        min-height: 24rem;
        padding: 10rem 0 2rem;
    }
    #team_page header h2 {
        font-size: 1rem;
    }
    header .carousel-item h2 {
        font-size: 1rem;
    }
    header .carousel-indicators {
        bottom: .5rem;
    }
    header .carousel-indicators li {
        margin: 0 .75rem;
    }
}





/*------------------------------
          Loader Video      
------------------------------*/
.main-video {
    z-index: 9999;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; 
}
.main-video video {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.invisible {
    opacity: 0;
}





/*------------------------------
            Home      
------------------------------*/
#fp-nav.fp-right {
    right: 0;
}
#fp-nav ul li {
    margin: 1.25rem 3rem;
}
#fp-nav ul li:last-child {
    display: none
}
#fp-nav ul li a span {
    width: 12px;
    height: 12px;
    background: #fff;
    margin: 0;
}
#fp-nav ul li a:hover span,
#fp-nav ul li a.active:hover span,
#fp-nav ul li a.active span {
    width: 12px;
    height: 12px;
    background: #267DBF;
    margin: 0;
}
.fp-viewing-contact #fp-nav ul li a span,
.fp-viewing-footer #fp-nav ul li a span {
    background: #333;
}
.fp-viewing-contact #fp-nav .fp-tooltip,
.fp-viewing-footer #fp-nav .fp-tooltip {
    color: #333;
}
#fp-nav ul li .fp-tooltip.fp-right {
    display: none;
}
.section {
    overflow: hidden;
}
.section .main {
    min-height: 100vh;
    padding: 8rem 0 5rem;
}
.section-1 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    background-color: rgba(0, 0, 0, .25);
    background-size: cover;
    background-blend-mode: hard-light;
}
.section-1 h1 {
    color: #fff;
    font-family: 'Gotham Bold';
    margin: 40vh 0 0;
}
.section-1 h2 {
    color: #fff;
    font-family: 'Gotham Light';
    font-weight: 400;
    letter-spacing: 1.35px;
    line-height: 1.33;
    max-width: 50rem;
}
.section hr {
    max-width: 4rem;
    border-top: 4px solid #267DBF;
    margin: .625rem 0 1.25rem;
}
.section-1 .fp-slides {
    z-index: -1;
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
}
.section-1 .carousel-inner,
.section-1 .carousel-item {
    z-index: -1;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.section-1 .video {
    z-index: -1;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.section-1 .video video {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.section-2 {
    position: relative;
}
.section-2::before {
    z-index: -2;
    position: absolute;
    bottom: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    content: '';
    background-color: #0A2539;
}
.section-2::after {
    z-index: -1;
    position: absolute;
    bottom: 0;
    left: 0;
    display: block;
    width: 100%;
    height: calc(100% - 3rem);
    content: '';
    background: url(../svg/zmc_logo.svg) left center no-repeat;
    background-size: contain;
}
body.fp-viewing-Mission .section-2 .content {
    opacity: 1;
    bottom: 0;
}
.section-2 h5 {
    color: #267DBF;
    font-family: 'Gotham Bold';
    text-transform: uppercase;
    margin: 0 auto 3rem;
}
.section-2 h3 {
    color: #fff;
    font-family: 'Gotham Bold';
    line-height: 1.25;
    max-width: 68rem;
    margin: 0 auto;
}
.section-3 {
    position: relative;
    background-color: rgba(0, 0, 0, .0);
    background-size: cover;
    background-blend-mode: multiply;
}
.section-3 .container {
    z-index: 3;
    position: relative;
}
body.fp-viewing-Experience .section-3 .content {
    opacity: 1;
    bottom: 0;
}
.section-3 h3 {
    color: #fff;
    font-family: 'Gotham Bold';
    text-shadow: 0 3px 6px #00000071;
    max-width: 40rem;
    margin-bottom: 1.125rem;
}
.section-3 p {
    color: #fff;
    text-shadow: 0 3px 6px #00000071;
    max-width: 26rem;
}
.section-3 .overlay {
    left: 0;
    right: auto;
    width: 100vw;
    background-color: rgba(10, 37, 57, 0.64);
    background-blend-mode: multiply;
}
.section-4 {
    position: relative;
    background-blend-mode: multiply;
}
.section-4 .container {
    z-index: 3;
    position: relative;
}
body.fp-viewing-Partnership .section-4 .content {
    opacity: 1;
    bottom: 0;
}
.section-4 {
    background-color: rgba(0, 0, 0, .0);
    background-size: cover;
    background-blend-mode: multiply;
}
.section-4 h3 {
    color: #fff;
    font-family: 'Gotham Bold';
    text-shadow: 0 3px 6px #00000071;
    max-width: 40rem;
    margin-bottom: 1.125rem;
}
.section-4 p {
    color: #fff;
    text-shadow: 0 3px 6px #00000071;
    max-width: 26rem;
}
.section-4 .overlay {
    left: auto;
    right: 0;
    width: 100vw;
    background-color: rgba(10, 37, 57, 0.64);
    background-blend-mode: multiply;
}
.section-5 {
    position: relative;
    background-color: rgba(0, 0, 0, .0);
    background-size: cover;
    background-blend-mode: multiply;
}
.section-5 .container {
    z-index: 3;
    position: relative;
}
body.fp-viewing-Network .section-5 .content {
    opacity: 1;
    bottom: 0;
}
.section-5 h3 {
    color: #fff;
    font-family: 'Gotham Bold';
    text-shadow: 0 3px 6px #00000071;
    max-width: 32rem;
    margin-bottom: 1.125rem;
}
.section-5 p {
    color: #fff;
    text-shadow: 0 3px 6px #00000071;
    max-width: 26rem;
}
.section-5 p a {
    color: #fff;
}
.section-5 p a:hover {
    opacity: .85;
}
.section-5 .overlay {
    left: 0;
    right: auto;
    width: 100vw;
    background-color: rgba(10, 37, 57, 0.64);
    background-blend-mode: multiply;
}
.section-6 {
    background-color: #fff;
}
.section-6 .container {
    z-index: 3;
    position: relative;
}
.section-6 .main {
    background-color: #fff;
}
.section-6 h3 {
    color: #0A2539;
    font-family: 'Gotham Bold';
    margin-bottom: 1.125rem;
}
.section-6 .img-container {
    cursor: pointer;
    position: relative;
    height: 9rem;
    padding: 1rem 2rem;
    box-shadow: 0px 2px 10px rgb(0 0 0 / 20%);
    margin-bottom: 1.875rem;
}
.section-6 .img-container:hover > .content-overlay {
    opacity: 1;
}
body.fp-viewing-Portfolio .section-6 .img-container {
    opacity: 1;
}
.section-6 .content-overlay {
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    background-color: #fff;
    padding-right: 2rem;
    opacity: 0;
}
.section-6 .content-overlay::after {
    position: absolute;
    top: calc(50% - 1rem);
    right: 0.5rem;
    width: 1.875rem;
    height: 1.875rem;
    content: '';
    background: url(../svg/button-circle-right.svg) center no-repeat;
    background-size: contain;
}
.section-6 .content-overlay p {
    color: #333;
    font-size: .875rem;
    line-height: 1;
    padding: 0.5rem;
    margin: auto 0;
}
.section-6 .overlay {
    left: auto;
    right: 0;
    width: 100vw;
    background-color: rgba(10, 37, 57, 0.0);
    background-blend-mode: multiply;
}
.section-7 {
    background: linear-gradient(122deg, #0A2539 10%, #0C4C7E);
}
.section-7 .fp-tableCell {
    height: auto!important;
}
body.fp-viewing-Partners-0 .section-7 .content {
    bottom: 0;
    opacity: 1;
}
.section-7 h3 {
    color: rgba(255, 255, 255, .5);
    font-weight: 700;
    line-height: 1;
    letter-spacing: 2.2px;
}
.section-7 .img-container {
    width: 10.3125rem;
    height: 10.3125rem;
    margin-bottom: 2rem;
    border-radius: 100%;
    overflow: hidden;
    filter: grayscale(1);
}
.section-7 .quote {
    color: #fff;
    line-height: 1.6;
    margin-bottom: 2.75rem;
}
.section-7 .name {
    color: #fff;
    font-style: italic;
}
.section-7 .title {
    color: #fff;
    font-style: italic;
    margin-bottom: 5rem;
}
.carousel-indicators {
    right: auto;
    bottom: 0;
    margin: 0;
}
.carousel-indicators li {
    opacity: .3;
    width: 13px;
    height: 13px;
    background-color: #fff;
    border-radius: 100%;
    margin-right: 1.25rem;
}
.carousel-indicators li.active {
    background-color: #267DBF;
}
.animate-up {
    position: relative;
    bottom: -3rem;
    opacity: 0;
    transition-delay: .75s;
}
.animate-fade {
    opacity: 0;
    transition-delay: .5s;
}
.col-lg-4:nth-child(4) .animate-fade,
.col-lg-4:nth-child(5) .animate-fade,
.col-lg-4:nth-child(6) .animate-fade {
    transition-delay: .6s;
}
.col-lg-4:nth-child(7) .animate-fade,
.col-lg-4:nth-child(8) .animate-fade,
.col-lg-4:nth-child(9) .animate-fade {
    transition-delay: .7s;
}
@media(min-width: 992px) {
    .section-3 .overlay,
    .section-4 .overlay,
    .section-5 .overlay,
    .section-6 .overlay {
        width: 50vw;
    }
}
@media(max-width: 991px) {
    .section-8 .nav .nav-item {
        font-size: 1.375rem;
        padding: 1rem 2rem;
        margin-right: 3rem!important;
    }
    .section-8 .nav .nav-item:first-child {
        margin-bottom: 1.875rem;
    }
}
@keyframes spin {
    100% {transform: rotate(360deg)}
}






/*------------------------------
            About        
------------------------------*/
.about {
    padding: 6.25rem 0;
}
.about:nth-child(4) {
    background-color: rgb(10 37 57 / 20%);
}
.about .title {
    color: #005DA6;
    font-family: 'Gotham Medium';
    margin-bottom: 1.875rem;
}
.about .desc {
    font-family: 'Gotham Medium';
    line-height: 1.35;
    margin-bottom: 5.5rem;
}
.about .main p {
    opacity: .8;
    line-height: 1.7;
}
.about .content {
    margin-bottom: 3rem;
}
.about .year {
    color: rgba(0, 94, 166, .3);
    font-family: 'Gotham Bold';
    margin: 0;
}
.about .fund {
    position: relative;
    color: #0A2539;
    font-family: 'Gotham Medium';
    margin-bottom: 1.5rem;
}
.about .fund::after {
    position: absolute;
    left: 0;
    bottom: -.625rem;
    display: block;
    width: 2.5rem;
    height: .125rem;
    content: '';
    background-color: #005DA6;
}
.enterpreneurs {
    color: #fff;
    background-color: #0A2539;
    padding: 11.25rem 0;
}
.enterpreneurs .title {
    color: #005DA6;
    margin-bottom: 1.875rem;
}
.enterpreneurs .desc {
    line-height: 1.6;
    margin-bottom: 1.875rem;
}
.enterpreneurs .media:not(:last-child) {
    margin-bottom: 3rem;
}
.enterpreneurs .img-container {
    width: 2.625rem;
    min-width: 2.625rem;
    height: 2.625rem;
    margin: 0 3rem 1.875rem 0;
}
@media (min-width: 1200px) {
    .about .main,
    .enterpreneurs .main {
        padding-right: 3rem;
    }
    .about .content,
    .enterpreneurs .content {
        padding-left: 3rem;
    }
}






/*------------------------------
            Strategy        
------------------------------*/
.strategy {
    position: relative;
}
/* .strategy .row {
    position: static;
} */
.strategy .content {
    max-width: 38rem;
    min-height: 31.25rem;
    justify-content: center;
    margin-left: auto;
}
.strategy h5 {
    position: relative;
    margin-bottom: 3.125rem;
}
.strategy h5::after {
    position: absolute;
    left: 0;
    bottom: -1rem;
    display: block;
    width: 2.5rem;
    height: .1875rem;
    content: '';
    background-color: #005DA6;
}
.strategy p {
    line-height: 1.8;
    padding-left: 1.875rem;
    margin: 0 0 0 auto;
}
.strategy img {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    height: 100%;
    object-fit: cover;
}
@media (min-width: 1200px) {
    .strategy .row:nth-child(even) {
        position: relative;
        color: #fff;
    }
    .strategy .row:nth-child(even)::after {
        z-index: -1;
        position: absolute;
        top: 0;
        left: -50vw;
        display: block;
        width: 200vw;
        height: 100%;
        content: '';
        background-color: #0A2539;
    }
    .strategy .row:nth-child(even) .col-lg-6:first-child {
        order: 2;
    }
    .strategy .row:nth-child(even) .col-lg-6:last-child {
        order: 1;
    }
    .strategy .row:nth-child(even) .content {
        margin-left: 0;
        margin-right: auto;
    }
    .strategy .row:nth-child(even) img {
        left: 0;
        right: auto;
    }
}





/*------------------------------
            Team        
------------------------------*/
.team {
    padding: 4rem 0;
}
.nav-team {
    margin-bottom: 3.5rem;
}
.nav-team .dropdown:hover > .dropdown-menu {
    display: block;
}
.nav-team .nav-item {
    color: #0A2539;
    font-family: 'Gotham Medium';
    border-bottom: 5px solid transparent;
    margin: 0 1.5rem;
}
.nav-team .dropdown-menu {
    border: none;
    margin: 0;
    box-shadow: 2px 2px 12px rgb(0 0 0 / 25%);
}
.nav-team .dropdown-item {
    padding: .25rem .9375rem;
}
.nav-team .nav-item.active {
    border-bottom: 5px solid #267DBF;
}
.nav-team span {
    font-family: 'Gotham Medium';
    margin-right: 1.5rem;
}
.team .person {
    cursor: pointer;
    margin-bottom: 1.875rem
}
.team .img-container {
    position: relative;
    cursor: pointer;
}
.team .img-container:first-child::after {
    z-index: -1;
    position: absolute;
    bottom: 0;
    left: -1rem;
    display: block;
    width: calc(100% + 2rem);
    height: 12rem;
    content: '';
    background-color: #EFEFEF;
}
.team .person:hover > .info {
    color: #fff;
    background-color: #0A2539;
}
.team .info {
    text-align: center;
    padding: 1.75rem .5rem .75rem;
}
.team .name {
    font-family: 'Gotham Bold';
    margin-bottom: .625rem;
}
.team .person:hover > .info .name {
    color: #fff;
}
.team .title {
    color: #707070;
    height: 2.75rem;
    margin-bottom: 0;
}
.team .person:hover > .info .title {
    color: #fff;
}
@media (min-width: 768px) and (max-width: 991px) {
    .team .col-6:nth-child(3n-3) .img-container:first-child::after {
        left: .0625rem;
    }
    .team .col-6:nth-child(3n) .img-container:first-child::after {
        left: -1.9375rem;
    }
}
@media (min-width: 992px) {
    .team .col-6:nth-child(4n-3) .img-container:first-child::after {
        left: .0625rem;
    }
    .team .col-6:nth-child(4n) .img-container:first-child::after {
        left: -1.9375rem;
    }
}
@media (max-width: 1399px) {
    .team {
        padding: 4rem 0;
    }
    .team .img-container:first-child::after {
        height: 11rem;
    }
}
@media (max-width: 1199px) {
    .team .img-container:first-child::after {
        height: 9rem;
    }
}
@media (max-width: 767px) {
    .nav-team {
        font-size: .875rem;
    }
    .nav-team span {
        width: 100%;
        margin-bottom: .5rem;
    }
    .nav-team .nav-item {
        margin: 0 .75rem;
    }
    .nav-team .nav-item:nth-child(2) {
        margin-left: 0;
    }
    .team .col-6:nth-child(odd) {
        padding-right: .5rem;
    }
    .team .col-6:nth-child(even) {
        padding-left: .5rem;
    }
    .team .img-container:first-child::after {
        height: 7rem;
    }
    .team .info {
        padding: .5rem;
    }
    .team .name {
        margin-bottom: .25rem;
    }
}





/*------------------------------
            Team Modal        
------------------------------*/
.modal .nav {
    width: 100%;
    background-color: #0A2539;
    padding: 1rem;
}
.modal .nav .nav-item {
    background-color: #0A2539;
    padding: .5rem;
    border: none;
    margin: auto;
}
.modal .nav .nav-item:focus {
    outline: none;
    box-shadow: none;
}
.modal .nav .nav-item img {
    width: 1.75rem;
    height: 1.875rem;
}
.modal .carousel-item {
    padding: 5.375rem 7.125rem;
}
.modal .title {
    color: #707070;
    font-family: 'Gotham Medium';
    text-transform: uppercase;
    margin-bottom: .875rem;
}
.modal .name {
    font-family: 'Gotham Bold';
    margin-bottom: 1.875rem;
}
.modal .name a:hover {
    color: #707070;
}
.modal .name .fa-envelope {
    font-size: 80%;
    margin-left: 1.375rem;
}
.modal p {
    color: #707070;
    margin-bottom: 1.75rem;
}
.modal .affiliated {
    color: #0A2539;
    font-family: 'Gotham Medium';
    padding-top: 1.75rem;
    border-top: 1px solid #E0E0E0;
}
.modal .img-portfolio {
    height: 8.25rem;
    padding: 1rem 1.5rem;
    margin-top: 2rem;
}
@media (min-width: 992px) {
    .modal .person {
        position: relative;
        right: -1rem;
    }
}
@media (min-width: 1200px) {
    .modal .person {
        right: -7.125rem;
    }
}
@media (max-width: 1199px) {
    .modal .carousel-item {
        padding: 3rem 1rem;
    }
    .modal .name .fa-envelope {
        margin-left: .375rem;
    }
}
@media (max-width: 991px) {
    .modal .nav {
        padding: .5rem;
    }
    .modal .nav .nav-item img {
        width: 1.5rem;
        height: 1.75rem;
    }
    .modal .row:first-child .col-lg-6:first-child {
        order: 2;
    }
    .modal .row:first-child .col-lg-6:last-child {
        order: 1;
    }
    .modal .title {
        margin: 1.875rem 0 .875rem;
    }
    .modal .img-portfolio {
        height: 8rem;
        margin-top: 1rem;
    }
}





/*------------------------------
            Portfolio        
------------------------------*/
.portfolio {
    padding: 4rem 0;
}
.portfolio .img-container {
    cursor: pointer;
    height: 12.5rem;
    padding: 1.5rem 2rem;
    margin-bottom: 1.875rem;
}
.portfolio .img-container:hover {
    box-shadow: 0 1rem 1.25rem #00000010;
}
@media (max-width: 1199px) {
    .portfolio .img-container {
        height: 10.5rem;
        padding: 1.25rem 1.75rem;
    }
}
@media (max-width: 767px) {
    .portfolio .col-6:nth-child(odd) {
        padding-right: .5rem;
    }
    .portfolio .col-6:nth-child(even) {
        padding-left: .5rem;
    }
    .portfolio .img-container {
        height: 7.5rem;
        padding: 1rem;
        margin-bottom: 1rem;
    }
}





/*------------------------------
        Portfolio Modal        
------------------------------*/
#portfolioModal .nav {
    z-index: 9;
    position: absolute;
    top: 0;
    right: 0;
    width: auto;
    background-color: #2D3C46;
}
#portfolioModal .nav .nav-item {
    background-color: #2D3C46;
}
#portfolioModal .nav .nav-item:nth-child(2) {
    margin: 1.5rem 0;
}
#portfolioModal .row:nth-child(2) {
    margin-top: 3rem;
}
#portfolioModal .img-container {
    height: 10.25rem;
    padding: 1.375rem 3rem;
}
.modal .list-info {
    color: #707070;
}
.modal .list-info li:not(:last-child) {
    padding-bottom: .75rem;
    border-bottom: 1px solid #ddd;
    margin-bottom: .75rem;
}
.modal .list-info li span {
    display: block;
    color: #0A2539;
    font-family: 'Gotham Medium';
    text-transform: uppercase;
    margin-bottom: .5rem;
}
.modal .list-info li a {
    color: #68ADCC;
}
@media (max-width: 991px) {
    #portfolioModal .carousel .row:first-child .col-lg-8 {
        order: 2;
    }
    #portfolioModal .carousel .row:first-child .col-lg-4 {
        order: 1;
    }
    #portfolioModal .img-container {
        padding: 0 2rem 1rem 0;
        margin-bottom: 2rem;
    }
    #portfolioModal .row:nth-child(2) {
        margin-top: 1rem;
    }
    .modal .list-info li span {
        margin-bottom: .25rem;
    }
}





/*------------------------------
            News        
------------------------------*/
.news {
    padding: 7.5rem 0;
}
.news .row {
    display: flex!important;
    margin-bottom: 2rem;
}
.news .img-container {
    height: 12rem;
    box-shadow: 2px 2px 1.25rem #00000010;
    padding: 3rem 5rem;
}
.news .date {
    color: #267DBF;
    margin-bottom: 1.75rem;
}
.news .title {
    color: #0A2539;
    line-height: 1.55;
    padding-bottom: 2.625rem;
    margin-bottom: 2.625rem;
    border-bottom: 3px solid #EBEBEB;
}
.news .col-lg-8:last-child .title {
    padding-bottom: 0;
    margin-bottom: 0;
    border-bottom: none;
}
.btn-load-more {
    color: #267DBF;
    background-color: #fff;
    font-size: 1.25rem;
    font-family: 'Gotham Medium';
    padding: .75rem 1.125rem;
    border: 2px solid #267DBF;
    transition: all .3s ease-out;
}
.btn-load-more:hover {
    color: #fff;
    background-color: #267DBF;
}
.btn-load-more:focus {
    outline: none;
    box-shadow: none;
}
@media (min-width: 992px) {
    .news .btn-load-more {
        margin-left: 9.875rem;
    }
}
@media (min-width: 1200px) {
    .news .btn-load-more {
        margin-left: 11.875rem;
    }
}
@media (min-width: 1350px) {
    .news .btn-load-more {
        margin-left: 13.375rem;
    }
}
@media (max-width: 1349px) {
    .news {
        padding: 4rem 0;
    }
}
@media (max-width: 1199px) {
    .news .date {
        margin-bottom: .5rem;
    }
    .news .title {
        padding-bottom: 1.75rem;
        margin-bottom: 1.75rem;
        border-bottom: 2px solid #EBEBEB;
    }
    .btn-load-more {
        font-size: 1rem;
        padding: .625rem 1rem;
    }
}





/*------------------------------
        News Article       
------------------------------*/
.news-article {
    padding-bottom: 4rem;
}
.news-article .nav {
    margin-bottom: 2.5rem;
}
.news-article .nav .nav-item {
    color: #aaa;
}
.news-article .nav .nav-item:nth-child(2) {
    margin-right: 10%;
}
.news-article .nav .nav-item:hover {
    color: #0A2539;
}
.news-article .title {
    line-height: 1.5;
    font-weight: 400;
    margin-bottom: 2.25rem;
}
.news-article .date {
    color: #267DBF;
    margin-bottom: 2.5rem;
}
.news-article p {
    color: #707070;
    margin-bottom: 1.75rem;
}
.news-article p span {
    font-family: 'Gotham Medium';
}
@media (min-width: 992px) {
    .news-article .content {
        position: relative;
        top: -8rem;
        background-color: #fff;
        padding: 3rem 7.25rem 0;
    }
}
@media (max-width: 991px) {
    .news-article {
        padding: 4rem 0;
    }
}






/*------------------------------
            Contact        
------------------------------*/
.contact {
    padding: 5rem 0 3.125rem;
}
.contact .content {
    position: relative;
    background-size: 2rem 2rem;
    background-position: left top;
    background-repeat: no-repeat;
    padding-left: 3rem;
}
.contact h4 {
    margin-bottom: .875rem;
}
.contact address {
    margin-bottom: 1.875rem;
}
.contact address span {
    color: #214B7E;
}
.contact address a {
    color: #267DBF;
    font-family: 'Gotham Medium';
}
@media (max-width: 1199px) {
    .contact {
        padding: 4rem 0 2.125rem;
    }
}






/*------------------------------
            Footer        
------------------------------*/
footer {
    position: relative;
    color: #fff;
    background-color: #0A2539;
    padding: 1rem 0;
}
#about_page footer {
    color: #0A2539;
    background-color: #fff;
}
footer .container {
    z-index: 3;
    position: relative;
}
footer .container:nth-child(1) {
    padding-top: 5.5rem;
    padding-bottom: 8rem;
}
footer .container:nth-child(2) {
    border-top: 1px solid rgba(255, 255, 255, .2);
}
footer h3 {
    color: #fff;
    font-family: 'Gotham Bold';
    letter-spacing: -2.2;
    margin-bottom: 4.75rem;
}
#about_page  footer h3 {
    opacity: .2;
    color: #267DBF;
}
footer p {
    text-align: center;
    padding: 1.5rem 0;
    margin: 0;
}
footer .row:nth-child(2) p {
    font-size: 1rem;
}
footer .nav {
    max-width: 62rem;
}
footer .nav .nav-item {
    color: #fff;
    font-family: 'Gotham Light';
    font-size: 1.75rem;
    text-align: center;
    width: 25.625rem;
    max-width: 100%;
    padding: 1.25rem 2.5rem;
    border: 1px solid #267DBF;
}
#about_page footer .nav .nav-item {
    color: #0A2539;
}
footer .back-to-top {
    z-index: 3;
    position: absolute;
    right: 1rem;
    bottom: 5.75rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 6rem;
    color: #fff;
    font-size: .875rem;
    font-family: 'Gotham Light';
    text-align: center;
}
#about_page .back-to-top  {
    color: #0A2539;
}
footer .back-to-top img {
    width: 1.875rem;
    height: 1.875rem;
    margin-bottom: .75rem;
}
footer .overlay {
    height: 100%;
    background: url(../svg/zmc_logo_footer.svg) left center no-repeat;
    background-size: contain;
}