@font-face {
    font-family: 'Satoshi';
    src: url(../fonts/Satoshi_Complete/Fonts/WEB/fonts/Satoshi-Regular.woff);
}
@font-face {
    font-family: 'Satoshi-Light';
    src: url(../fonts/Satoshi_Complete/Fonts/WEB/fonts/Satoshi-Light.woff);
}
@font-face {
    font-family: 'Moneta';
    src: url(../fonts/Moneta/moneta-sans-4.woff);
}
@font-face {
    font-family: 'Moneta-Bold';
    src: url(../fonts/Moneta/moneta-sans-2.woff);
}
html {
    scroll-behavior: smooth;
}
body {
    color: #404040;
    font-family: 'Satoshi-Light', sans-serif;
	font-weight: 400;
    font-size: 16px;
    margin: 0;
    padding: 0;
}
wrapper {
    min-height: 100vh;
    overflow: hidden;
}





/*------------------------------
            Global        
------------------------------*/
a {
    color: #4FBFC9;
    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: #2e8fb8;
    text-decoration: none;
}
h2 {
    position: relative;
    font-weight: 400;
}
h3 {
    color: #262E33;
    font-family: 'Moneta-Bold';
    line-height: 1;
    letter-spacing: -.72px;
    margin-bottom: 3rem;
}
h4 {
    font-weight: 600;
    line-height: 1.6;
    margin-bottom: 1rem;
}
h5 {
    font-size: 1.25rem;
    font-weight: 400;
    line-height: 1.6;
    margin-bottom: 1rem;
}
p {
    font-size: 1.25rem;
    font-weight: 300;
    line-height: 1.6;
    margin-bottom: 1.75rem;
}
p:last-child {
    margin-bottom: 0;
}
ul {
    font-size: 1.25rem;
    font-weight: 300;
    line-height: 1.6;
}
address {
    font-size: 1.25rem;
    font-weight: 300;
    line-height: 1.6;
    margin-bottom: 1.75rem;
}
.f90 {
    font-size: 5.625rem;
}
.f72 {
    font-size: 4.5rem;
}
.f70 {
    font-size: 4.375rem;
}
.f62 {
    font-size: 3.875rem;
}
.f60 {
    font-size: 3.75rem;
}
.f52 {
    font-size: 3.25rem;
}
.f50 {
    font-size: 3.125rem;
}
.f48 {
    font-size: 3rem;
}
.f42 {
    font-size: 2.625rem;
}
.f40 {
    font-size: 2.5rem;
}
.f38 {
    font-size: 2.375rem;
}
.f32 {
    font-size: 2rem;
}
.f30 {
    font-size: 1.875rem;
}
.f28 {
    font-size: 1.75rem;
}
.f26 {
    font-size: 1.625rem;
}
.f24 {
    font-size: 1.5rem;
}
.f24 {
    font-size: 1.5rem;
}
.f22 {
    font-size: 1.375rem;
}
.f18 {
    font-size: 1.125rem;
}
.f16 {
    font-size: 1rem;
}
.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;
}
.img-contain {
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.img-cover {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.scroll-anchor {
    z-index: -1;
    position: relative;
    padding-top: 4rem;
    margin-top: -4rem;
}
@media (min-width: 1700px) {
    .container {
        max-width: 1680px;
    }
}
@media (max-width: 1399px) {
    h3 {
        font-size: 2rem;
    }
    h4 {
        font-size: 1.125rem;
    }
    h5 {
        line-height: 1.4;
    }
    p {
        font-size: 1rem;
        line-height: 1.4;
        margin-bottom: 1.25rem;
    }
    ul {
        font-size: 1rem;
        line-height: 1.4;
    }
    address {
        font-size: 1rem;
        line-height: 1.4;
        margin-bottom: 1.25rem;
    }
    .f90 {
        font-size: 4.5rem;
    }
    .f72, .f70 {
        font-size: 2.75rem;
    }
    .f62, .f60 {
        font-size: 2.5rem;
    }
    .f52, .f50, .f42, .f40, .f38 {
        font-size: 2rem;
    }
    .f32, .f30, .f28 {
        font-size: 1.375rem;
    }
    .f26, .f24 {
        font-size: 1.25rem;
    }
    .f22 {
        font-size: 1.125rem;
    }
    .f18 {
        font-size: 1rem;
    }
}
@media (max-width: 767px) {
    h3 {
        font-size: 1.75rem;
        margin-bottom: 2rem;
    }
    h4 {
        font-size: 1.0625rem;
    }
    .f90 {
        font-size: 2.25rem;
    }
    .f72 {
        font-size: 1.625rem;
    }
    .f52, .f50, .f42, .f40, .f38 {
        font-size: 1.5rem;
    }
    .anchor {
        padding-top: 3rem;
        margin-top: -3rem;
    }
}





/*------------------------------
            Loader Vid
------------------------------*/
#home {
    background-color: #60666c;
}
.loader-vid {
    z-index: 1999;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #60666c;
}
.video {
    width: 100%;
    height: 100%;
}
.video video {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
@media (max-width: 767px) {
    .loader-vid .video video {
        position: relative;
        left: -5rem;
        width: calc(100% + 10rem);
        object-fit: contain;
        opacity: .9;
    }
}





/*------------------------------
            Navbar
------------------------------*/
.navbar {
    z-index: 999;
    background-color: transparent;
    padding: 3rem 0;
}
.navbar .navbar-brand {
    width: 15.625rem;
    padding: 0;
}
.navbar .navbar-brand img {
    width: 100%;
}
.navbar .navbar-toggler {
    cursor: pointer;
    border: none;
    outline: none;
}
.navbar-toggler:focus {
    outline: none;
    box-shadow: none;
}
.navbar .fas {
    color: #fff;
    transform: scale(1.5, 1.5);
    padding: 0.5rem;
}
.navbar .nav-link {
    position: relative;
    color: #fff;
    font-size: 1.25rem;
    padding: .5rem 0;
    border-bottom: 1px solid transparent;
    margin: auto 1rem;
}
@media (min-width: 992px) {
    .navbar.navbar-min {
        background-color: #262E33;
        padding: 1rem 0;
        box-shadow: 0 0 10px rgba(0,0,0,.2);
    }
    .navbar.navbar-min .navbar-brand img {
        width: 14rem;
    }
    .navbar .nav-link:not(.nav-inv):hover,
    .navbar .nav-link.active:not(.nav-inv) {
        border-color: #4FBFC9;
    }
    .navbar .nav-link.nav-inv {
        color: #262E33;
        background-color: #fff;
        padding: .5rem 2.25rem;
    }
}
@media (max-width: 1499px) {
    .navbar .navbar-brand {
        width: 14rem;
    }
    .navbar .nav-link {
        font-size: 1rem;
        margin: auto .625rem;
    }
}
@media (max-width: 991px) {
    .navbar {
        background-color: #262E33;
        padding: 0.75rem 0;
    }
    .navbar .navbar-brand {
        width: 10rem;
    }
    .navbar .navbar-nav {
        text-align: center;
        padding: 1rem 0 0.5rem;
        margin: 0;
    }
    .navbar .nav-link {
        padding: 0;
        margin: .125rem 0;
    }
}





/*------------------------------
            Header      
------------------------------*/
header {
    background: linear-gradient(#0000009e, transparent), url(../images/header/about.jpg) center no-repeat;
    background-size: cover!important;
}
#approach_page header {
    background: linear-gradient(#0000009e, transparent), url(../images/header/approach.jpg) center no-repeat;
}
#portfoio_page header {
    background: linear-gradient(#0000009e, transparent), url(../images/header/portfolio.jpg) center no-repeat;
}
#team_page header {
    background: linear-gradient(#0000009e, transparent), url(../images/header/team.jpg) center no-repeat;
}
header .content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 44rem;
    text-align: center;
    padding: 8rem 0 2rem;
}
header .content h1 {
    color: #fff;
    font-family: 'Moneta-Bold';
    margin: 0 auto;
}
header .content h2 {
    color: #fff;
    margin: 0 auto;
}
@media (max-width: 1599px) {
    header .content {
        min-height: 32rem;
    }
}
@media (max-width: 1199px) {
    header .content {
        min-height: 16rem;
    }
}





/*------------------------------
            Home      
------------------------------*/
.home {
	position: relative;
}
.home .carousel-item {
    position: relative;
    background-size: cover!important;
}
.home .carousel-item::before {
    z-index: 3;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: '';
    background: #000;
    transition: .35s ease-out;
}
.home .carousel-item.active::before {
    opacity: 0;
}
.home .content {
    min-height: 100vh;
    padding: 4.75rem 0;
}
.home h1 {
    color: #fff;
    font-family: 'Moneta-Bold';
    max-width: 70rem;
    margin: auto 0;
}
.home .scroll-down {
    z-index: 99;
    position: absolute;
    bottom: 4rem;
    left: calc(50% - 1.875rem);
}
.home .scroll-down img {
    width: 3.5rem;
    transform: scaleX(0.8);
}
.home .carousel-indicators {
    right: auto;
    bottom: 4rem;
}
.home .carousel-indicators button {
    width: .75rem;
    height: .75rem;
    border: 2px solid transparent;
    border-radius: 100%;
    margin-right: .75rem;
}
.home .carousel-indicators button.active {
    background-color: transparent;
    border: 2px solid #fff;
}
.snapshot {
    color: #fff;
    background: linear-gradient(#00000069,#00000069), url(../images/art/home-snapshot.jpg) center no-repeat;
    background-size: cover;
    text-align: center;
    padding: 12.5rem 0;
}
.snapshot .content {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.snapshot .num {
    display: flex;
    flex-direction: row;
    align-items: center;
    font-weight: 300;
    text-align: center;
    margin: 0 auto;
}
.snapshot .num span {
    font-size: 250%;
    font-weight: 500;
    margin-bottom: 0;
}
.snapshot .num desc {
    font-weight: 300;
    text-align: center;
    letter-spacing: .52px;
    margin: 0 auto;
}
.relationship {
    padding: 6.5rem 0;
}
.relationship .content {
    position: relative;
    color: #fff;
    background-color: #720B3B;
    display: flex;
    flex-direction: column;
    justify-content: end;
    height: 27rem;
    padding: 3.5rem 2rem;
}
.relationship .col-sm-6:nth-child(2) .content {
    background-color: #0C5634;
}
.relationship .col-sm-6:nth-child(3) .content {
    background-color: #E57200;
}
.relationship .col-sm-6:nth-child(4) .content {
    background-color: #13294B;
}
.relationship img {
    width: 4rem;
    height: 4rem;
}
.relationship .desc {
    color: #262E33;
}
.relationship p {
    max-height: 0;
    line-height: 1.2;
    letter-spacing: .2px;
    margin: 0;
    overflow: hidden;
    transition: all .6s ease-out;
}
.relationship .content:hover > p {
    max-height: 100%;
}
.relationship .content .k-logo {
    z-index: 1;
    position: absolute;
    top: 0;
    right: 0;
    width: 80%;
    height: auto;
    opacity: 0;
    transition: all .6s ease-out;
}
.relationship .content:hover > .k-logo {
    opacity: .08;
}
.keystone {
    padding: 6.5rem 0 4rem;
}
.keystone h3 {
    margin-bottom: 1rem;
}
.keystone .img-container {
    margin-bottom: 1rem;
}
.keystone-info {
    background-color: #F7F9F9;
}
.keystone-info .content {
    position: relative;
    height: 100%;
    align-items: center;
    padding: 1.5rem 1.5rem;
}
.keystone-info .col-lg-3:nth-child(odd) .content::after {
    z-index: -1;
    position: absolute;
    top: 0;
    left: -1rem;
    width: calc(100% + 2rem);
    height: 100%;
    content: '';
    background-color: #EFF3F3;
}
.keystone-info h5 {
    font-family: 'Moneta-Bold';
}
.keystone-info img {
    width: 4.125rem;
    height: 4.125rem;
    margin-right: 2rem;
}
.keystone-info h5 {
    line-height: 1;
    margin: 0;
}
.quote {
    padding: 6.5rem 0;
}
.quote h3 {
    color: #fff;
}
.quote p {
    min-height: 10rem;
    line-height: 1.5;
    margin-bottom: 3rem;
}
.quote .quote-content {
    color: #fff;
    background-color: #262E33;
}
.quote .content {
    padding: 5rem 6rem;
}
.quote .name {
    position: relative;
    font-family: 'Moneta-Bold';
    line-height: 1;
    padding-right: 4rem;
    margin: 0;
}
.quote .title {
    line-height: 1.3;
    margin: 0;
}
.quote .img-container {
    width: 6rem;
    height: 6rem;
    border-radius: 100%;
    margin-right: 2rem;
    overflow: hidden;
}
.testimonial {
    text-align: center;
    padding: 0 0 6.5rem;
}
.testimonial h5 {
    cursor: pointer;
    margin: 0;
}
.testimonial h5:hover {
    color: #4FBFC9;
}
@media(min-width: 992px) {
	.keystone .content {
        padding-left: 10%;
    }
    .keystone-info {
        position: relative;
    }
    .keystone-info::after {
        z-index: -1;
        position: absolute;
        top: 0;
        left: 0;
        width: calc(50% - 30rem);
        height: 100%;
        content: '';
        background-color: #EFF3F3;
    }
}
@media (max-width: 1699px) {
    .relationship .content {
        height: 24rem;
        padding: 2rem 1rem;
    }
    .relationship .f40 {
        font-size: 2rem;
    }
}
@media (max-width: 1399px) {
    .snapshot {
        padding: 8rem 0;
    }
    .relationship {
        padding: 4rem 0;
    }
    .keystone {
        padding: 4rem 0;
    }
    .keystone-info img {
        width: 3rem;
        height: 3rem;
        margin-right: 1rem;
    }
}
@media (max-width: 1299px) {
    .relationship .f40 {
        font-size: 1.75rem;
    }
}
@media (max-width: 1199px) {
    .relationship .content {
        height: 18rem;
        margin-bottom: 1rem;
    }
    .quote .content {
        min-height: 100%;
        padding: 3rem 1.5rem 4rem;
    }
}
@media (max-width: 575px) {
    .relationship .content {
        height: 16rem;
    }
    .relationship img {
        width: 3rem;
        height: 3rem;
    }
    .relationship .f40 {
        font-size: 1.5rem;
    }
}





/*------------------------------
            Intro        
------------------------------*/
.intro {
    padding: 3.625rem 0;
    border-bottom: 1px solid #D9D9D9;
}
.intro h3 {
    margin: 0;
}
.intro h5 {
    color: #4B5559;
    font-weight: 300;
    margin: 0;
}
#portfoio_page .intro h5 {
    text-align: center;
}
@media (max-width: 767px) {
    .intro h5 {
        font-size: 1rem;
    }
}





/*------------------------------
            About        
------------------------------*/
.about {
    color: #fff;
    background: linear-gradient(#1D3D59 0%, #375C7C 100%) 0% 0% no-repeat padding-box;
}
.about .content {
    position: relative;
    height: 100%;
    padding: 3rem 0;
}
.about .img-container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 5.875rem;
    height: 5.875rem;
    background-color: #720B3B;
    padding: 1.625rem;
    border-radius: 100%;
    margin-bottom: 3rem;
}
.about .col-lg-3:nth-child(2) .img-container {
    background-color: #0C5634;
}
.about .col-lg-3:nth-child(3) .img-container {
    background-color: #E57200;
}
.about .col-lg-3:nth-child(4) .img-container {
    background-color: #13294B;
}
.about .title {
    line-height: 1.1;
    margin-bottom: 2rem;
}
.about p {
    margin: 0;
}
.about-2 {
    position: relative;
    padding: 8rem 0;
}
.about-2::before {
    z-index: -5;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: '';
    background-color: #edf8f8;
}
.about-2::after {
    z-index: -4;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: calc(100% - 6rem);
    content: '';
    background: url(../images/art/about-city.png) center no-repeat;
    background-size: cover;
}
.about-2 h3 {
    letter-spacing: -.62px;
}
.about-2 .content {
    padding: 1rem 0;
}
.about-2 .col-lg-6:nth-child(1) .content::before {
    z-index: -1;
    position: absolute;
    top: 0;
    left: 0;
    width: 50%;
    height: 100%;
    content: '';
    background-color: #edf8f8;
    opacity: .75;
    transition: all .3s ease-out;
}
.about-2 .col-lg-6:nth-child(1) .content:hover::before {
    opacity: .25;
}
.about-2 .col-lg-6:nth-child(2) .content::before {
    z-index: -1;
    position: absolute;
    top: 0;
    right: 0;
    width: 50%;
    height: 100%;
    content: '';
    background-color: #edf8f8;
    opacity: .75;
    transition: all .3s ease-out;
}
.about-2 .col-lg-6:nth-child(2) .content:hover::before {
    opacity: .25;
}
.about-3 {
    margin: 6rem 0;
}
.about-3 h3 {
    text-align: center;
    letter-spacing: -.72px;
}
.about-3 .content {
    position: relative;
    display: flex;
    flex-direction: column;
    height: calc(100% - 1rem);
    border: 1px solid #262E33;
    margin-bottom: 1rem;
}
.about-3 .content {
    position: relative;
    display: flex;
    flex-direction: column;
    height: calc(100% - 1rem);
    border: 1px solid #262E33;
    margin-bottom: 1rem;
}
.about-3 .img-container {
    height: 26rem;
    overflow: hidden;
}
.about-3 h5 {
    font-family: 'Moneta-Bold';
    line-height: 1.2;
}
.about-3 .title {
    color: #000;
    text-transform: uppercase;
    line-height: 1.1;
    padding: 1.75rem 2rem;
    margin: auto 0;
}
.about-3 .content:hover > .overlay {
    opacity: .8;
}
.about-3 .overlay {
    z-index: 3;
    background: #000;
    padding: 2rem;
    opacity: 0;
}
.about-3 h5 {
    text-transform: uppercase;
}
.about-3 .overlay img {
    z-index: -1;
    position: absolute;
    top: 0;
    right: 0;
    width: 42%;
    height: auto;
    opacity: .1;
}
.about-3 ul {
    padding-left: 1.25rem;
    margin: 0;
}
.about-3 ul li {
    position: relative;
}
.about-3 ul li::before {
    position: absolute;
    top: .75rem;
    left: -1rem;
    display: block;
    width: .625rem;
    height: .625rem;
    content: '';
    background: url(../images/icons/home-scroll-down-logo.svg) center no-repeat;
    background-size: contain;
}
.about-3 .content:hover > .backdrop {
    filter: blur(13px);
}
@media (min-width: 1200px) {
    .about .gx-xl-5 {
        --bs-gutter-x: 3.5rem;
    }
    .about .col-lg-3:not(:last-child) .content::after {
        position: absolute;
        top: 0;
        right: -.9375rem;
        display: block;
        width: 1px;
        height: 100%;
        content: '';
        background: linear-gradient(rgba(255,255,255,.25), transparent);
    }
    .about-2 .col-lg-6:first-child {
        padding-right: 0;
    }
    .about-2 .col-lg-6:last-child {
        padding-left: 0;
    }
    .about-2 .col-lg-6:first-child .content {
        padding-right: 10rem;
        border-right: 1px solid #B7B7B7;
    }
    .about-2 .col-lg-6:last-child .content {
        padding-left: 10rem;
    }
}
@media (max-width: 1399px) {
    .about-3 .img-container {
        height: 20rem;
    }
    .about-3 .title {
        padding: .75rem 1rem;
    }
    .about-3 .overlay {
        padding: 1rem;
    }
    .about-3 ul li::before {
        top: .45rem;
    }
}
@media (max-width: 991px) {
    .about-2 p br {
        display: none;
    }
}





/*------------------------------
            Approach        
------------------------------*/
.approach-intro {
    padding: 4rem 0;
}
.approach-intro h3 {
    display: flex;
    flex-direction: row;
    justify-content: center;
    color: #262E33;
    text-align: center;
    letter-spacing: -.72px;
    margin: 0;
}
.approach-intro h3 i {
    position: relative;
    top: -.125rem;
    color: #D9DDDF;
    font-size: .9375rem;
    margin: auto 2rem;
}
.approach {
    text-align: center;
    background: linear-gradient(#0C2B44E8, #0E3048A6), url(../images/art/approach-hfuturistic-skyscraper-reflects-city-life-dusk-generated-by-ai.jpg) center no-repeat;
    background-size: cover;
    padding: 8.125rem 0;
}
.approach svg {
    max-width: 100%;
    max-height: 75vh;
    margin: auto;
}
.approach .info {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 30rem;
    max-width: 100%;
    transform: translate(-50%, -50%);
}
.approach h5 {
    color: #fff;
    font-family: 'Moneta-Bold';
}
.approach p {
    color: #fff;
    line-height: 1.3;
}
svg .title {
    fill: #4fbfc9;
}
svg .title.highlighted {
    fill: #5f6e77;
}
#approach_page .about-3 .img-container {
    height: 35rem;
}
.approach-2 {
    position: relative;
    padding: 8rem 0;
    overflow: hidden;
}
.approach-2::before {
    z-index: -2;
    position: absolute;
    top: 2rem;
    left: 0;
    width: 100%;
    height: calc(100% - 3rem);
    content: '';
    background: url(../images/icons/Keystone-logo-blue.svg) left 15% center no-repeat;
    background-size: contain;
    filter: blur(40px);
    opacity: .3;
}
.approach-2::after {
    z-index: -3;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: '';
    background-color: #F7F9F9;
}
.approach-2 h3 {
    color: #262E33;
    text-align: center;
}
.approach-2 .nav {
    width: 30%;
    padding: 0 7%;
}
.approach-2 .nav .nav-link {
    color: #1C354B;
    background-color: #fff;
    font-family: 'Moneta-Bold';
    padding: .875rem;
    border-radius: 3.125rem;
    box-shadow: 0px 0px 16px #13294B12;
    margin-bottom: 1.625rem;
}
.approach-2 .nav .nav-link.active {
    color: #fff;
    background-color: #4FBFC9;
}
.approach-2 .tab-content {
    width: 70%;
    background-color: #fff;
    padding: 6.75rem 7.5rem;
}
.approach-2 .tab-content h3 {
    text-align: left;
}
@media(max-width: 1399px) {
    .approach {
        padding: 4rem 0;
    }
    .approach .info {
        width: calc(16rem + 15vh);
    }
    .approach h5 {
        margin-bottom: .5rem;
    }
    .approach p {
        font-size: 1rem;
    }
    #approach_page .about-3 .img-container {
        height: 28rem;
    }
    .about-3 {
        padding: 4rem 0;
    }
    .approach-2 {
        padding: 4rem 0;
    }
    .approach-2 .tab-content {
        padding: 4rem;
    }
}
@media(max-width: 1199px) {
    .approach-2 .nav {
        width: 100%;
        padding: 0;
    }
    .approach-2 .nav .nav-link {
        margin-bottom: 1rem;
    }
    .approach-2 .tab-content {
        width: 100%;
        padding: 3rem 2rem;
    }
}
@media(max-width: 757px) {
    .approach-intro h3 i {
        font-size: .5rem;
        margin: auto 1rem;
    }
    .approach svg {
        max-height: 25rem;
    }
    .approach .info {
        padding: 0 4rem;
    }
    .approach p {
        font-size: .75rem;
    }
}





/*------------------------------
            Impact        
------------------------------*/
.impact-graphic {
    padding: 5rem 0 7rem;
}
.impact-graphic .img-container {
    position: relative;
}
.impact-graphic .info {
    z-index: -1;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.impact-graphic .info h5 {
    position: absolute;
    width: 14rem;
}
.impact-graphic .info h5 span {
    display: block;
    font-family: 'Moneta-Bold';
    font-size: 175%;
    font-weight: 700;
    line-height: 1.1;
}
.impact-graphic .info h5:nth-child(1) {
    top: 1%;
    left: 63%;
}
.impact-graphic .info h5:nth-child(2) {
    top: 20%;
    left: 100%;
}
.impact-graphic .info h5:nth-child(3) {
    top: 60%;
    left: 100%;
}
.impact-graphic .info h5:nth-child(4) {
    top: 85%;
    left: 6%;
}
.impact-graphic .info h5:nth-child(5) {
    top: 64%;
    left: -32%;
}
.impact-graphic .info h5:nth-child(6) {
    top: 21%;
    left: -32%;
}
.impact-graphic svg {
    width: 100%;
    height: 100%;
    object-fit: contain;
    margin: auto;
}
.impact-graphic svg circle,
.impact-graphic svg path {
    transition: all .3s ease-out;
}
.impact-graphic #circle-1:hover > circle {
    fill: #720b3b;
}
.impact-graphic #circle-1:hover > path {
    fill: #fff;
}
.impact-graphic #circle-2:hover > circle {
    fill: #0c5634;
}
.impact-graphic #circle-2:hover > path {
    fill: #fff;
}
.impact-graphic #circle-3:hover > circle {
    fill: #e57200;
}
.impact-graphic #circle-3:hover > path {
    fill: #fff;
}
.impact-graphic #circle-4:hover > circle {
    fill: #13294b;
}
.impact-graphic #circle-4:hover > path {
    fill: #fff;
}
.impact-graphic #circle-5:hover > circle {
    fill: #5f6e77;
}
.impact-graphic #circle-5:hover > path {
    fill: #fff;
}
.impact-graphic #circle-6:hover > circle {
    fill: #4fbfc9;
}
.impact-graphic #circle-6:hover > path {
    fill: #fff;
}
.impact {
    background-color: #EBF2F2;
    padding: 7rem 0 3rem;
}
.impact .card {
    height: calc(100% - 1rem);
    border: none;
    margin-bottom: 1rem;
}
.impact .img-container {
    height: 22rem;
}
.impact .card-body {
    padding: 2rem 4rem 8rem;
}
.impact .title {
    color: #262E33;
    font-family: 'Moneta-Bold';
    letter-spacing: -.62px;
    line-height: 1.2;
    margin: 0;
}
.impact .desc {
    color: #262E33;
    font-family: 'Moneta-Bold';
    letter-spacing: -.42px;
}
.impact p {
    color: #262E33;
}
.impact-2 {
    background: linear-gradient(#EBF2F2,#fff);
    padding: 3rem 0 6.625rem;
}
.impact-2 .col-12 h3 {
    text-align: center;
    margin-bottom: 10rem;
}
.impact-2 .col-12 h3 a {
    position: relative;
    top: -.5rem;
    display: inline-block;
    color: #fff;
    background-color: #262E33;
    font-family: 'Satoshi';
    padding: .875rem 4rem;
    margin-left: 3rem;
}
.impact-2 h5 {
    margin: 0;
}
.impact-2 hr {
    margin: 6rem 0;
}
.impact-2 .content {
    text-align: center;
}
.impact-2 .num {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    color: #4FBFC9;
    font-family: 'Moneta';
    line-height: 1;
    margin-bottom: -.5rem;
}
.impact-2 .num span {
    font-size: 200%;
    font-family: 'Satoshi';
}
.impact-2 .desc {
    line-height: 1.3;
}
.impact-2 .desc-2 {
    text-align: center;
    margin: 4rem 0;
}
.impact-2 .img-container {
    width: 7.25rem;
    height: 7.25rem;
    border-radius: 100%;
    margin: auto;
    overflow: hidden;
}
.impact-2 .carousel-indicators {
    position: relative;
    bottom: -3rem;
    margin-left: 13%;
}
.impact-2 .carousel-indicators button {
    width: .75rem;
    height: .75rem;
    background-color: #262E33;
    border: 3px solid transparent;
    border-radius: 100%;
    opacity: .6;
    margin: 0 .375rem;
}
.impact-2 .carousel-indicators button.active {
    background-color: transparent;
    border: 3px solid #4FBFC9;
}
.company-slider .slider-box {
    margin: 0 1.625rem;
}
.company-slider .card {
    height: 100%;
}
.company-slider .card-body {
    padding: 1.5rem 1.75rem;
}
.company-slider .card-title {
    height: 5.75rem;
    font-family: 'Moneta-Bold';
    line-height: 1.1;
    margin: 0;
    overflow: hidden;
}
.culture {
    padding: 5rem 0 7rem;
}
.culture h3 {
    text-align: center;
    letter-spacing: -.62px;
    margin-bottom: 6rem;
}
.slick-dots {
    bottom: -3rem;
}
.slick-dots li {
    width: 3.125rem;
    height: .3125rem;
    background-color: #E9EDEF;
}
.slick-dots li.slick-active {
    background-color: #4FBFC9;
}
.spotlight {
    margin-bottom: 7rem;
}
.spotlight .carousel {
    background-color: #EBF2F2;
    padding: 7rem 4rem;
}
.spotlight .img-container {
    max-width: 28.75rem;
}
.spotlight h3 {
    color: #fff;
    background-color: #262E33;
    letter-spacing: -.62px;
    padding: 1.75rem 2.5rem .75rem;
}
.spotlight .name {
    color: #4FBFC9;
    font-family: 'Moneta-Bold';
    line-height: 1.1;
    margin: 0 2rem 0 0;
}
.spotlight .logo-container {
    width: 3.75rem;
    height: 3.75rem;
    background-color: #fff;
    padding: 1rem;
    border-radius: 100%;
    margin: 0 2rem 0 0;
    overflow: hidden;
}
.spotlight .desc {
    width: 10rem;
    line-height: 1.3;
    margin: 0;
}
.spotlight .carousel-indicators {
    position: relative;
    bottom: -5rem;
    margin-left: 13%;
}
.spotlight .carousel-indicators button {
    width: .75rem;
    height: .75rem;
    background-color: #262E33;
    border: 3px solid transparent;
    border-radius: 100%;
    opacity: .6;
    margin: 0 .375rem;
}
.spotlight .carousel-indicators button.active {
    background-color: transparent;
    border: 3px solid #4FBFC9;
}
@media(min-width: 992px) {
    .values .card::before {
        position: absolute;
        top: -2rem;
        left: -2rem;
        width: 0;
        height: 3px;
        content: '';
        background-color: #4FBFC9;
        transition: all .6s ease-out;
    }
    .values .card.animated::before {
        width: 100%;
    }
    .values .col-lg:first-child .card::before {
        left: 0;
        width: 0;
    }
    .values .col-lg:first-child .card.animated::before {
        width: calc(100% - 2rem);
    }
    .values .col-lg:last-child .card::before {
        width: 0;
    }
    .values .col-lg:last-child .card.animated::before {
        width: calc(100% + 2rem);
    }
    .values .col-lg:not(:last-child) .card::after {
        position: absolute;
        top: -4rem;
        right: calc(2rem - 3px);
        width: 3px;
        height: calc(2rem + 3px);
        content: '';
        background-color: #4FBFC9;
        transform: rotate(180deg);
        transition: all .6s ease-out;
        transform: scale(0);
    }
    .values .col-lg:not(:last-child) .card.animated::after {
        transform: scale(1);
    }
    .values .col-lg:not(:last-child) .card {
        border-right: none;
    }
}
@media(max-width: 1399px) {
    .impact-graphic {
        padding: 4rem 0;
    }
    .impact-graphic .info h5 {
        width: 12rem;
        font-size: .9375rem;
        line-height: 1.3;
    }
    .impact {
        padding: 4rem 0;
    }
    .impact .card-body {
        padding: 2rem;
    }
    .impact-2 .col-12 h3 a {
        top: -.1rem;
        padding: .5rem 3rem;
        margin-left: 1rem;
    }
    .culture h3 {
        margin-bottom: 3rem;
    }
    .spotlight .carousel {
        padding: 4rem 2rem 6rem;
    }
}
@media(max-width: 1199px) {
    .impact-graphic .info h5 {
        width: 10rem;
        font-size: .75rem;
    }
}
@media(max-width: 991px) {
    .impact-graphic .info {
        position: relative;
    }
    .impact-graphic .info h5 {
        position: static;
        width: 100%;
    }
    .impact-2 .content {
        margin-bottom: 2rem;
    }
}
@media(max-width: 767px) {
    .impact .img-container {
        height: 12rem;
    }
    .impact .card-body {
        padding: 1rem;
    }
    .impact-2 .col-12 h3 {
        margin-bottom: 6rem;
    }
    .spotlight .carousel {
        padding: 3rem 1rem 6rem;
    }
    .company-slider .card-title {
        height: 100%;
        min-height: 4rem;
    }
    .slick-dots li {
        width: 2.75rem;
        height: .25rem;
    }
}





/*------------------------------
            Portfolio        
------------------------------*/
.nav-filter {
    margin-bottom: 5rem;
}
.nav-filter .nav-item,
.nav-filter .dropdown .btn {
    color: #666;
    background-color: #fff;
    padding: .875rem 3rem;
    border: 1px solid #E9E9EB;
    margin: 0 .625rem;
    box-shadow: 0px 3px 6px #00000008;
}
.nav-filter .dropdown .btn {
    padding: .875rem 5rem;
}
.nav-filter .nav-item:hover,
.nav-filter .dropdown .btn:hover {
    border-color: #262E33;
}
.nav-filter .nav-item.active {
    color: #fff;
    background-color: #262E33;
}
.nav-filter .dropdown-menu {
    min-width: calc(100% - 1.25rem);
    padding: 1rem;
}
.nav-filter .form-check-input:checked {
    background-color: #4FBFC9;
    border-color: #4FBFC9;
}
.portfolio {
    padding: 5rem 0 8rem;
}
.portfolio .port {
    display: flex;
    flex-direction: column;
    cursor: pointer;
    height: calc(100% - 4rem);
    border: 1px solid #262E33;
    margin-bottom: 4rem;
}
.portfolio .port .img-container {
    position: relative;
    display: flex;
    flex-direction: column;
    height: 20.5rem;
    overflow: hidden;
}
.portfolio .port .logo {
    z-index: 1;
    opacity: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 13rem;
    height: 13rem;
    background-color: #fff;
    border-radius: 100%;
    padding: 2.5rem;
    margin: auto;
    transform: translate(-50%, -50%);
    transition: all .3s ease-out;
}
.portfolio .port:hover > div .logo {
    opacity: 1;
}
.portfolio .info {
    padding: 1rem;
}
.portfolio .name {
    color: #000;
    text-transform: uppercase;
    line-height: 1.2;
    letter-spacing: -1px;
    margin-bottom: .5rem;
}
.portfolio .desc {
    color: #262E33;
    line-height: 1.2;
    letter-spacing: -.44px;
    margin: 0;
}
.portfolio .read-more {
    position: relative;
    color: #000;
    font-weight: 700;
    text-align: right;
    letter-spacing: -.22px;
    border-top: 1px solid #262E33;
    margin: auto 0 0;
}
.portfolio .read-more span {
    display: inline-block;
    padding: .625rem 1.5rem;
    border-left: 1px solid #262E33;
    margin-left: 1.5rem
}
.portfolio .port:hover > .read-more span {
    background-color: #262E33;
}
.portfolio .read-more i {
    transform: rotate(-45deg);
}
.portfolio .port:hover > .read-more i {
    color: #fff;
    transform: rotate(0);
}
@media(max-width: 1399px) {
    .portfolio {
        padding: 4rem 0;
    }
    .portfolio .port .logo {
        width: 10rem;
        height: 10rem;
        padding: 1.5rem;
    }
    .portfolio .port .img-container {
        height: 16rem;
    }
}
@media(max-width: 991px) {
    .nav-filter {
        flex-direction: column;
        margin-bottom: 2rem;
    }
    .nav-filter .dropdown .btn {
        width: 100%;
        padding: .5rem 3rem;
        margin: 0 0 1rem;
    }
}
@media(max-width: 767px) {
    .portfolio .port {
        height: calc(100% - 1rem);
        margin-bottom: 1rem;
    }
    .portfolio .port .logo {
        width: 6rem;
        height: 6rem;
        padding: 1rem;
    }
    .portfolio .port .img-container {
        height: 10rem;
    }
}
@media(max-width: 575px) {
    .portfolio .col-6:nth-child(odd) {
        padding-right: .25rem;
    }
    .portfolio .col-6:nth-child(even) {
        padding-left: .25rem;
    }
    .portfolio .info {
        padding: .625rem;
    }
    .portfolio .name {
        font-size: 1rem;
    }
    .portfolio .desc {
        font-size: .875rem;
    }
    .portfolio .read-more {
        font-size: .75rem;
    }
    .portfolio .read-more span {
        padding: .375rem 1rem;
    }
}





/*------------------------------
        Portfolio Modal
------------------------------*/
.modal .port-container {
    position: relative;
    height: 31rem;
    background-size: cover!important;
}
.modal .port-logo {
    z-index: 1;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 13rem;
    height: 13rem;
    background-color: #fff;
    border-radius: 100%;
    padding: 2.5rem;
    margin: auto;
    transform: translate(-50%, -50%);
    transition: all .3s ease-out;
}
.modal .port-info {
    color: #fff;
    background-color: #262E33;
    padding: 2rem 0;
    margin-top: 2.375rem;
}
.modal .port-content {
    position: relative;
    padding: 0 2rem;
}
.modal .col-6:first-child .port-content::after {
    position: absolute;
    top: 0;
    right: -1rem;
    display: block;
    width: 1px;
    height: 100%;
    content: '';
    background: #FFFFFF38;
}
.modal .port-name {
    font-family: 'Moneta-Bold';
    line-height: 1.3;
    margin: 0;
}
.modal .port-title {
    margin: 0;
}
.modal h5.f32 {
    font-family: 'Moneta-Bold';
    line-height: 1.3;
    margin: 0;
}
@media (min-width: 576px) {
    .modal-dialog {
        margin: 5rem auto;
    }
}
@media (max-width: 1599px) {
    .modal .port-content {
        padding: 0 1rem;
    }
    .modal .port-name {
        font-size: 1rem;
    }
    .modal .port-title {
        font-size: 1rem;
    }
}
@media (max-width: 1199px) {
    .modal .port-container {
        height: 28rem;
    }
    .modal .port-info {
        margin: 0;
    }
}
@media (max-width: 767px) {
    .modal .port-container {
        height: 17rem;
    }
    .modal .port-logo {
        width: 8rem;
        height: 8rem;
        padding: 1.5rem;
    }
}





/*------------------------------
            Team        
------------------------------*/
.team {
    padding: 5rem 0 8rem;
}
.team .person {
    cursor: pointer;
    display: flex;
    flex-direction: column;
    height: calc(100% - 4rem);
    border: 1px solid #262E33;
    margin-bottom: 4rem;
}
.team .img-container {
    position: relative;
    overflow: hidden;
}
.team .img-container img:nth-child(2) {
    z-index: 1;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    opacity: 0;
}
.team .person:hover > .img-container img:nth-child(2) {
    opacity: 1;
}
.team .info {
    padding: 1rem 1.5rem;
}
.team .name {
    color: #262E33;
    font-family: 'Moneta-Bold';
    margin-bottom: -.25rem;
}
.team .person:hover > .name img {
    opacity: 1;
}
.team .title {
    color: #666;
    line-height: 1.3;
    margin: 0;
}
@media (max-width: 1399px) {
    .team {
        padding: 4rem 0;
    }
    .team .person {
        height: calc(100% - 2rem);
        margin-bottom: 2rem;
    }
}
@media (max-width: 575px) {
    .team .col-6:nth-child(odd) {
        padding-right: .5rem;
    }
    .team .col-6:nth-child(even) {
        padding-left: .5rem;
    }
    .team .person {
        height: calc(100% - 1rem);
        margin-bottom: 1rem;
    }
    .team .info {
        padding: .625rem;
    }
    .team .name {
        font-size: 1rem;
    }
    .team .title {
        font-size: .875rem;
    }
}





/*------------------------------
          Team Modal
------------------------------*/
.modal .nav {
    z-index: 1;
    position: absolute;
    top: 0;
    right: 0;
}
.modal .nav .nav-item:first-child {
    background-color: #404040;
}
.modal .nav .nav-item {
    background-color: rgb(64 64 64 / 70%);
    padding: 1.125rem;
    margin: 0;
    border: none;
}
.modal .nav .nav-item:hover {
    opacity: .8;
}
.modal .nav .nav-item img {
    width: 1.375rem;
    height: 1.625rem;
}
.modal .modal-content {
    padding: 2.5rem;   
}
.modal .img-container {
    overflow: hidden;
}
.modal .img-container img {
    transform: scale(1.15);
}
.modal .info {
    padding: 0 3rem;
}
.modal .name {
    color: #262E33;
    font-family: 'Moneta-Bold';
    line-height: 1;
    margin: 0;
}
.modal .title {
    color: #666;
    margin: 0;
}
.modal hr {
    opacity: 1;
    background-color: #404040;
    margin: 2rem 0 3rem;
}
.modal .edu {
    padding: 1rem 0;
    border-top: 1px solid #404040;
    border-bottom: 1px solid #404040;
    margin: 3rem 0 2rem;
}
.modal .edu span {
    position: relative;
    top: .1rem;
    font-size: 145%;
    font-family: 'Moneta-Bold';
}
.modal .edu .fa-circle {
    position: relative;
    top: -.25rem;
    color: #EFEFEF;
    font-size: .5rem;
    margin: 0 1rem;
}
.modal .info-list a {
    color: #11171F;
    margin-right: 4rem;
}
.modal .logo-container {
    width: 3.4375rem;
    height: 3.4375rem;
    background-color: #262E33;
    padding: .875rem;
    border-radius: 100%;
}
.modal-backdrop {
    background-color: #000;
}
.modal-backdrop.show {
    opacity: .65;
}
body.modal-open .team {
    filter: blur(5px);
}
@media (min-width: 992px) {
    .modal .nav {
        top: -6.5rem;
        right: -2.625rem;
    }
}
@media (min-width: 1600px) {
    .modal-xl {
        max-width: 1430px;
    }
}
@media (max-width: 1199px) {
    .modal .info {
        padding: 1rem 0;
    }
    .modal .info ul li img {
        width: 1rem;
        height: 1rem;
        margin-right: .25rem;
    }
    .modal .edu {
        margin: 1rem 0 2rem;
    }
}
@media (max-width: 991px) {
    .modal .nav .nav-item {
        background-color: #2E3D52;
        padding: .75rem;
    }
    .modal .nav .nav-item img {
        width: 1.25rem;
        height: 1.5rem;
    }
    .modal .modal-content {
        padding: 0;
    }
    .modal .carousel-item {
        padding: 1rem;
    }
    .modal .info ul li:not(:last-child) {
        margin: 0;
    }
    .modal .name {
        margin: 0;
    }
    .modal .exp {
        margin: 1rem 0 0;
    }
    .modal .bio {
        margin-top: 1rem;
        padding-top: 2rem;
    }
    .modal hr {
        opacity: .75;
        margin: 1.5rem 0;
    }
    .modal .logo-container {
        width: 3rem;
        height: 3rem;
        padding: .75rem;
        margin-right: .75rem!important;
    }
    .modal .info-list li:not(:last-child) {
        margin-bottom: 1rem!important;
    }
}





/*------------------------------
            Media        
------------------------------*/
#media_page .nav-filter .nav-item {
    color: #1C354B;
}
#media_page .nav-filter .nav-item:hover {
    border-color: #4FBFC9;
}
#media_page .nav-filter .nav-item.active {
    color: #fff;
    background-color: #4FBFC9;
}
.media {
    background: linear-gradient(#EBF2F2, transparent);
    padding: 5rem 0 8rem;
}
.media .content {
    display: flex;
    flex-direction: column;
    height: calc(100% - 4rem);
    background-color: #fff;
    border: 1px solid #262E33;
    margin-bottom: 4rem;
}
.media .info {
    padding: 4.5rem 4rem;
}
.media .title {
    color: #262E33;
    line-height: 1.3;
}
.media a:hover > div .title {
    color: #4FBFC9;
}
.media .date {
    color: #666;
    margin-bottom: 2rem;
}
.media p {
    color: #404040;
    margin: 0;
}
.media .read-more {
    color: #fff;
    background-color: #13294B;
    padding: .875rem 4rem .9375rem;
    margin: auto 0 0;
}
.media a:hover > div .read-more {
    background-color: #4FBFC9;
}
.media .read-more span {
    font-size: 122%;
    text-align: right;
}
@media (max-width: 1399px) {
    .media {
        padding: 4rem 0;
    }
    .media .info {
        padding: 3.5rem 3rem;
    }
}
@media (max-width: 767px) {
    .media .info {
        padding: 1rem;
    }
    .media .content {
        height: calc(100% - 1rem);
        margin-bottom: 1rem;
    }
    .media .read-more {
        padding: .875rem 1rem .9375rem;
    }
    .media .read-more span {
        font-size: 100%;
    }
}





/*------------------------------
        Media Article        
------------------------------*/
.article {
    background: linear-gradient(#EBF2F2,transparent);
    padding: 6rem 0;
}
.article .news-nav {
    margin-bottom: 5rem;
}
.article .news-nav .nav-item {
    color: #000;
    font-family: 'Moneta-Bold';
    text-transform: uppercase;
}
.article .content {
    background-color: #fff;
    padding: 7.25rem 5.25rem;
    border: 1px solid #262E33;
}
.article .share .date {
    margin: .75rem 0 0;
}
.article .share i {
    color: #4FBFC9;
    margin-top: 1.75rem;
}
.article .info {
    margin-bottom: 3.5rem;
}
.article .label {
    color: #fff;
    background-color: #4FBFC9;
    padding: .625rem 3rem;
    border-radius: 6.25rem;
    margin-right: 1.875rem;
}
.article .news-nav-2 {
    border: 1px solid #262E33;
    border-top: none;
}
.article .news-nav-2 .nav-item {
    color: #4FBFC9;
    background-color: #EFF3F3;
    font-family: 'Moneta-Bold';
    text-transform: uppercase;
    flex-grow: 1;
    padding: 2.125rem 7.5rem;
}
.article .news-nav-2 .nav-item:first-child {
    text-align: right;
    border-right: 1px solid #262E33;
}
.article .news-nav-2 .nav-item:hover {
    color: #fff;
    background-color: #262E33;
}
@media (max-width: 1399px) {
    .article {
        padding: 4rem 0;
    }
    .article .news-nav {
        margin-bottom: 3rem;
    }
    .article .content {
        padding: 5.25rem 3.25rem;
    }
}
@media (max-width: 991px) {
    .article .share {
        margin-bottom: 1rem;
    }
    .article .share .date {
        margin: 0 1rem 0 0;
    }
    .article .share i {
        margin: .25rem 1rem 0 0;
    }
    .article .info {
        margin-bottom: 1rem;
    }
    .article h3 {
        margin-bottom: 1rem;
    }
    .article .news-nav-2 .nav-item {
        padding: 1rem 5.5rem;
    }
}
@media (max-width: 767px) {
    .article .label {
        font-size: .75rem;
        padding: .5rem 2rem;
        margin-right: 1rem;
    }
    .article .info .date {
        font-size: .75rem;
    }
    .article .content {
        padding: 2rem 1.25rem;
    }
    .article .news-nav-2 .nav-item {
        font-size: .875rem;
        padding: 1rem;
    }
}





/*------------------------------
            Terms        
------------------------------*/
.terms {
    padding: 5rem 4rem 4rem;
}
.modal .close {
    position: absolute;
    top: 3rem;
    right: 4rem;
    font-size: 1.5rem;
}
.terms h5 {
    color: #16c6cc;
    font-size: 1.5rem;
    font-weight: 600;
    margin-bottom: 1.75rem;
}
.terms h5:not(:first-child) {
    padding-top: 2rem;
}
.terms p b {
    color: #16c6cc;
}
.terms b {
    font-weight: 600;
}
.terms address span {
    display: inline-block;
    min-width: 12rem;
}





/*------------------------------
            Footer        
------------------------------*/
footer {
    z-index: 99;
    color: #fff;
    background: #262E33;
    font-size: 1rem;
    padding: 3.5rem 0 1.5rem;
}
footer img {
    width: 13rem;
    margin-bottom: 1rem;
}
footer .content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
}
footer .content address {
    margin: 0;
}
footer .nav-social .nav-item:not(:last-child) {
    margin-right: .875rem;
}
footer .nav-social img {
    width: 2rem;
    height: 1.5rem;
}
footer hr {
    background-color: #FFFFFF36;
    margin: 4rem 0 1.5rem;
}
footer .nav-menu .nav-item {
    color: #E4E4E4;
    margin: 0 .875rem;
}
footer .nav-menu .nav-item:first-child {
    margin-left: 0;
}
footer p {
    color: #B7B7B7;
    font-weight: 300;
    margin: 0;
}
footer p a {
    color: #B7B7B7;
}
footer a {
    color: #fff;
}
@media (max-width: 1399px) {
    footer {
        padding: 1.5rem 0;
    }
    footer hr {
        margin: 1.5rem 0;
    }
}
@media (max-width: 991px) {
    footer img {
        width: 10rem;
    }
}
@media (max-width: 767px) {
    footer .nav-menu {
        margin-bottom: 1rem;
    }
    footer .nav-menu .nav-item {
        width: 33%;
        margin: 0;
    }
}