:root {
    --midnight-blue: #090f2a;
    --dark-orange: #ff9e18;
    --dark-slate-blue: #003da6;
    --white: white
}

body {
    background-color: var(--midnight-blue);
    color: #fff;
    font-family: Latinotype texta,sans-serif;
    font-size: 22px;
    font-weight: 300;
    line-height: 1.4
}

h1,h2,h3,h4,h5 {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 80px;
    line-height: .8;
    font-weight: 900
}

h2,h3,h4,h5 {
    font-size: 54px;
    line-height: .9
}

h3,h4,h5 {
    font-size: 37px;
    line-height: 1
}

h4,h5 {
    font-size: 32px
}

h5 {
    font-size: 27px
}

p {
    margin-top: 10px
}

a {
    color: #ff9e18;
    text-decoration: none
}

ul {
    margin-top: 15px;
    margin-bottom: 15px;
    padding-left: 40px
}

.menu-container {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: auto;
    z-index: 99;
    display: flex;
    height: 150px;
    padding: 35px 50px;
    justify-content: space-between;
    align-items: center;
    background-image: linear-gradient(180deg,#090f2a,rgba(9,15,43,.85) 30%,transparent)
}

.menu-container.alt-menu {
    background-image: url(../images/alt_nav_bg.png);
    background-size: cover;
    background-repeat: no-repeat
}

.m-section {
    position: relative;
    width: 100vw;
    padding: 6em 17vw;
    flex-direction: column;
    align-items: flex-start;
    text-align: left
}

.m-section.hero-home {
    display: flex;
    min-height: 100vh;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    background-image: linear-gradient(90deg,#090f2a 20%,transparent),linear-gradient(180deg,transparent,#090f2a)
}

.m-section.full-width {
    padding-right: 0;
    padding-left: 0
}

.m-section.full-width._0-margin {
    padding-top: 0
}

.m-section.footer {
    background-color: #fff;
    color: #090f2a;
    font-size: 19px;
    line-height: 1.1;
    font-weight: 400
}

.m-section.hero-alt-page {
    display: flex;
    height: 50vh;
    min-height: 500px;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

.m-section._2-margin {
    padding-top: 2em
}

.m-section.full-wdith-slider {
    padding-right: 0;
    padding-left: 0
}

.m-section.dark {
    background-color: #090f2a
}

.m-section.hero-about {
    display: flex;
    height: 75vh;
    min-height: 750px;
    flex-direction: row;
    align-items: center
}

.m-section.hero-transp-page {
    display: flex;
    height: 50vh;
    min-height: 550px;
    justify-content: flex-end
}

.m-section._0-margin-btn {
    padding-bottom: 0
}

.mobile-menu {
    background-color: #090f2a
}

.menu-link:hover {
    color: #ff9e18
}

.button.cta,.button.cta-mojo,.button.nav-button {
    border-color: #ff9e18
}

.button.white:hover {
    color: #090f2a
}

.heading-span {
    color: #ff9e18
}

.button-row {
    display: flex
}

.service-graphic {
    -o-object-fit: cover
}

.link-container {
    color: #090f2a
}

.industries-tab-link:hover,.link-container.white-to-dark:hover,.link-container.white:hover,.link-container:hover,.service-tab-link.w--current,.service-tab-link:hover {
    color: #ff9e18
}

.link-icon {
    border-style: solid;
    border-width: 2px;
    border-color: #ff9e18
}

.industries-tabs-menu {
    border-left: 1px solid #ff9e18
}

.industries-tab-link.w--current,.industry-arrow {
    color: #ff9e18
}

.work-tile-link.dark {
    color: #090f2a
}

.work-tile {
    -o-object-fit: cover
}

.google-logo-container {
    border-left: 1px solid #ff9e18
}

.dark-fade-arrows.left {
    background-image: linear-gradient(90deg,#090f2a 15%,rgba(255,255,255,0))
}

.dark-fade-arrows.right {
    background-image: linear-gradient(90deg,rgba(255,255,255,0),#090f2a 85%)
}

.tile-img {
    -o-object-fit: cover
}

.menu-section-label,.mobile-link:hover {
    color: #ff9e18
}

.footer-link {
    color: #090f2a
}

.footer-link:hover {
    color: #003da6
}

.social-icon-link {
    background-color: #090f2a
}

.social-icon-link:hover {
    background-color: #003da6
}

.socket-link {
    color: #090f2a
}

.socket-link:hover {
    color: #003da6
}

.subscribe-field {
    background-color: #090f2a
}

.subscribe-field:focus {
    background-color: #003da6
}

.subscribe-button {
    border-style: solid;
    border-width: 2px;
    border-color: #ff9e18
}

.subscribe-button:hover {
    background-color: #ff9e18
}

.heading-orange {
    color: #ff9e18
}

.m-section-content {
    position: relative;
    z-index: 2;
    width: 100%
}

.m-section-content.float-menu-indent {
    padding-right: 4vw;
    padding-left: 4vw
}

.m-section-content.page-indent {
    padding-left: 1.5vw
}

.m-section-content.section-indent {
    margin-top: 6em
}

.m-section-content.neg-margin {
    margin-top: -6em
}

.close-link {
    border-style: solid;
    border-width: 2px;
    border-color: #ff9e18
}

.link-arrow {
    color: #ff9e18
}

.hero-left.silencerco {
    background-image: url(../images/silencerco_work_header2.png);
    background-position: 0 50%;
    background-size: cover;
    background-repeat: no-repeat
}

.hero-gradient-overlay {
    background-image: linear-gradient(180deg,transparent,rgba(9,15,43,.8) 56%,#090f2a 95%),linear-gradient(90deg,transparent 25%,#090f2a)
}

.float-menu-link.dark.w--current,.float-menu-link.dark:hover,.float-menu-link.w--current,.float-menu-link:hover {
    color: #ff9e18
}

.float-menu-link.dark {
    color: #090f2a
}

.float-button {
    background-color: #ff9e18
}

.num-heading {
    color: #ff9e18
}

.h-col-container-center {
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: center
}

.work-slide {
    -o-object-fit: cover
}

.work-slide.contain {
    -o-object-fit: contain
}

.alt-page-container,.service-tab-link-dark {
    color: #090f2a
}

.service-tab-link-dark.w--current,.service-tab-link-dark:hover {
    color: #ff9e18
}

.hero-img {
    -o-object-fit: contain
}

.hero-img.branding,.hero-img.development,.hero-img.digitial-marketing,.hero-img.videography,.hero-img.web-design {
    background-color: #003da6
}

.circle-img {
    -o-object-fit: fill
}

.float-link-holder {
    border-right: 1px solid #ff9e18
}

.work-slider-split {
    background-color: #090f2a
}

.work-split-img {
    -o-object-fit: contain
}

.full-section-content.dark,.video-icon-section {
    background-color: #090f2a
}

.bg.right-center.bg-rainbow {
    background-image: linear-gradient(180deg,#090f2a,transparent 30%),linear-gradient(90deg,#090f2a,transparent 60%),url(../images/bg-rainbow-1.webp)
}

.team-1,.team-2 {
    -o-object-fit: cover
}

.timeline-img-lt,.timeline-img-rt,.timeline-img-rt.timeline-1 {
    box-shadow: 0 0 30px 0#090f2a
}

.timeline-date {
    color: #ff9e18
}

.news-menu {
    background-color: #090f2a
}

.news-img {
    -o-object-fit: cover
}

.sidebar-link {
    color: #090f2a
}

.news-tab-link.w--current,.news-tab-link:hover,.sidebar-link.w--current,.sidebar-link:hover {
    color: #ff9e18
}

.form-field {
    color: #090f2a!important;
    font-weight: 500
}

.form-field:focus,.textarea:focus {
    border-style: solid;
    border-width: 2px;
    border-color: #ff9e18
}

.required {
    color: #ff9e18
}

.textarea {
    color: #090f2a
}

.heading-industries,.subscribe-success-message,.success-message {
    color: #ff9e18
}

.select-field {
    color: #090f2a
}

.results-icons {
    border-style: solid;
    border-width: 3px
}

.clients-slider {
    height: 360px;
    background-color: transparent
}

.client-slider-dots-nav {
    display: none
}

.clients-slide {
    width: 25%;
    height: 360px;
}

.clients-slide > div {
    display: flex;
    flex-direction: column;
    gap: 10px;
    height: 100%;
}

.clients-slider-arrow {
    display: flex;
    width: 50px;
    justify-content: center;
    align-items: center
}

.clients-slider-arr {
    width: 20px
}

.clients-slider-mask {
    margin-right: 50px;
    margin-left: 50px
}

.clients-slider-logo-wrap {
    display: flex;
    width: 100%;
    height: 100%;
    max-height: calc(50% - 5px);
    padding: 30px;
    justify-content: center;
    align-items: center
}

.clients-slider-logo {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

@media screen and (max-width:991px) {
    body {
        line-height: 1.3
    }

    h1 {
        font-size: 57px
    }

    h2 {
        font-size: 35px
    }

    h3,h4 {
        font-size: 27px
    }

    .menu-container {
        height: 120px;
        padding: 25px 35px
    }

    .m-section {
        padding: 2em 8vw
    }

    .m-section.hero-home {
        flex-direction: column-reverse;
        justify-content: center;
        background-image: linear-gradient(180deg,transparent,#090f2a)
    }

    .m-section.full-width {
        padding-right: 8vw;
        padding-left: 8vw
    }

    .m-section.hero-alt-page {
        height: 20vh;
        min-height: 250px
    }

    .m-section.hero-alt-page.industries {
        color: #fff
    }

    .m-section.hero-about {
        height: 40vh;
        min-height: 450px
    }

    .m-section.hero-transp-page {
        height: 30vh;
        min-height: 350px
    }

    .logo {
        width: 275px
    }

    .mobile-menu {
        padding-right: 8vw;
        padding-left: 8vw;
        justify-content: center;
        align-items: flex-start
    }

    .menu-link {
        display: none
    }

    .button.white {
        margin-right: 0
    }

    .button.cta-mojo {
        width: auto
    }

    .menu-icon {
        display: flex
    }

    .accent-txt {
        width: 100%;
        font-size: 22px
    }

    .accent-txt._75-width {
        width: 100%
    }

    .mojo-spin-logo {
        position: relative;
        right: auto;
        bottom: auto;
        display: none;
        width: 200px;
        margin-bottom: 40px
    }

    .nav-menu {
        margin-right: 20px
    }

    .button-row {
        width: 100%;
        margin-top: 0;
        flex-direction: column
    }

    .tabs-menu {
        flex-direction: column;
        align-items: stretch
    }

    .tabs-menu.left {
        padding-right: 0;
        padding-left: 0
    }

    .service-tab-link {
        padding: 12px 0;
        border-bottom: 1px solid rgba(255,255,255,.2);
        background-image: none;
        background-size: auto;
        background-repeat: repeat;
        font-size: 22px;
        line-height: 1.1;
        font-style: normal
    }

    .service-tab-container {
        height: auto;
        flex-direction: column
    }

    .service-graphic-container {
        position: relative;
        width: 100%;
        height: 35vh
    }

    .service-caption-container {
        position: relative;
        width: 100%;
        height: auto;
        min-height: auto;
        margin-top: 40px;
        padding-left: 0;
        background-color: transparent
    }

    .service-graphic {
        border-radius: 20px
    }

    .service-label {
        font-size: 18px
    }

    .link-container.white.centered {
        justify-content: flex-start
    }

    .link-container.white-to-dark {
        color: #090f2a
    }

    .link-icon {
        width: 35px;
        height: 35px;
        min-height: 35px;
        min-width: 35px
    }

    .service-caption {
        height: auto;
        padding: 0;
        background-image: none;
        background-position: 0 0;
        background-repeat: repeat
    }

    .industries-tabs {
        flex-direction: column
    }

    .industries-tabs-menu {
        width: 100%;
        margin-bottom: 40px;
        margin-left: 0;
        padding-left: 0;
        border-left-style: none
    }

    .industries-tab-content {
        width: 100%
    }

    .industries-tab-link {
        padding-top: 12px;
        padding-bottom: 12px;
        border-bottom: 1px solid rgba(255,255,255,.2);
        font-size: 22px;
        line-height: 1.1
    }

    .heading-w-link {
        padding-right: 0;
        padding-left: 0
    }

    .heading-w-link.centered {
        justify-content: space-between
    }

    .heading-w-link.centered.heading-margin {
        margin-right: 9.5vw;
        margin-left: 9.5vw
    }

    .tile-container {
        flex-direction: column
    }

    .work-tile-link {
        margin-top: 0;
        margin-bottom: 0;
        padding-right: 0
    }

    .client-reviews-slider,.work-tile-link {
        width: 100%;
        padding-left: 0
    }

    .client-reviews-container,.client-reviews-slider {
        flex-direction: column;
        align-items: center
    }

    .google-logo-container {
        width: 100%;
        margin-left: 0;
        padding: 1.5em 0 0;
        border-left-style: none
    }

    .client-quote,.nav-dots-dark {
        text-align: center
    }

    .client-quote {
        font-size: 25px
    }

    .dark-fade-arrows {
        width: 8vw;
        height: 35vh;
        margin-top: 0
    }

    .dark-fade-arrows.left,.dark-fade-arrows.right {
        background-image: none
    }

    .slider-arrow {
        width: 13px
    }

    .full-width-slide {
        width: 100%
    }

    .tile-link {
        margin-top: 0;
        margin-bottom: 0
    }

    .menu-column {
        width: 100%;
        padding-right: 0;
        padding-left: 0
    }

    .mobile-link {
        font-size: 18px
    }

    .menu-section-label {
        padding-bottom: 4px;
        font-size: 18px
    }

    .menu-section {
        margin-top: 20px;
        margin-bottom: 20px
    }

    .mobile-menu-container {
        margin-top: 120px;
        margin-bottom: 120px;
        flex-direction: column
    }

    .tile-link-container,.tile-link-container.thumb {
        height: 35vh
    }

    .cta-logo {
        width: 175px;
        height: 175px;
        min-height: 175px;
        min-width: 175px;
        margin-bottom: 15px
    }

    .contact-caption {
        width: 100%
    }

    .footer-container {
        flex-direction: column
    }

    .footer-address-container {
        width: 100%;
        align-items: center
    }

    .footer-men-container {
        width: 100%
    }

    .social-icons-section {
        width: 100%;
        justify-content: center;
        text-align: center
    }

    .button-icon {
        width: 19px
    }

    .button-icon.white-to-dark {
        filter: invert(100%)
    }

    .socket-container {
        flex-direction: column-reverse;
        text-align: center
    }

    .credentials-logos-container {
        margin-top: 20px
    }

    .credentials-logo {
        height: 60px;
        margin-right: 10px;
        margin-left: 10px
    }

    .copyright {
        margin-right: 0
    }

    .subscribe-form {
        width: 100%
    }

    .addres-section {
        width: 100%;
        margin-top: 20px;
        margin-bottom: 20px;
        align-items: center;
        text-align: center
    }

    .m-section-content.float-menu-indent {
        padding-right: 0;
        padding-left: 0
    }

    .m-section-content.page-indent {
        padding-left: 0
    }

    .m-section-content.section-indent {
        margin-top: 3em
    }

    .bg-left-bottom,.bg-left-top {
        width: 100vw
    }

    .mobile-gradient-overlay {
        background-image: linear-gradient(180deg,rgba(9,15,43,0),#090f2a)
    }

    .bg-right-bottom {
        width: 100vw
    }

    .float-menu-container {
        display: none
    }

    .float-menu {
        flex-direction: row;
        align-items: center;
        border-right-width: 0
    }

    .float-button {
        margin-top: 0;
        border-radius: 8em
    }

    .float-menu-section {
        flex-direction: column
    }

    .float-page-container {
        margin-left: 0
    }

    .h-col-container {
        flex-direction: column;
        align-items: center;
        text-align: center
    }

    .p-half-item {
        width: 100%;
        text-align: left
    }


    .num-heading-container.center-align {
        justify-content: flex-start
    }

    .num-heading {
        width: auto;
        margin-right: 10px;
        font-weight: 300
    }

    .p-margin-container {
        margin-right: 0;
        margin-left: 0
    }

    .black-opacity-container {
        margin-top: .25em;
        margin-bottom: .25em;
        padding: 35px
    }

    .results-container {
        padding-right: 0;
        padding-left: 0
    }

    .h-col-container-center {
        flex-direction: column
    }

    .h-col-container-center.reverse {
        flex-direction: column-reverse
    }

    .h-col-container-center.container-w-arrow {
        display: none
    }

    .work-slider-half {
        width: 100%
    }

    .v-col-container {
        align-items: flex-start;
        text-align: left
    }

    .work-slider-full-mask {
        height: 45vh
    }

    .alt-page-container {
        margin-top: 120px
    }

    .hero-industries {
        width: 100vw
    }

    .service-tab-bullet {
        display: none
    }

    .service-tab-bullet.mobile-show {
        display: block
    }

    .p-third-item {
        width: 100%;
        padding-right: 0;
        padding-left: 0
    }

    .client-slider {
        margin-right: -8vw;
        margin-left: -8vw
    }

    .client-slider.section-slider {
        margin-bottom: 3em
    }

    .client-slider-link {
        width: 60px
    }

    .client-slide-holder {
        padding-right: 60px;
        padding-left: 60px
    }

    .client-slider-mask {
        margin-right: 60px;
        margin-left: 60px
    }

    .client-slide {
        width: 100%;
        padding-right: 3vw;
        padding-left: 3vw
    }

    .nav-dots {
        text-align: center
    }

    .light-fade-arrows {
        width: 8vw
    }

    .light-fade-arrows.left,.light-fade-arrows.right {
        background-image: none
    }

    .full-width-slider-mask {
        /* margin-right: 8vw;
        margin-left: 8vw; */
        margin-left: 0;
        margin-right: 0;
        border-radius: 20px
    }

    .service-tab-link-dark {
        padding-top: 12px;
        padding-bottom: 12px;
        border-bottom: 1px solid rgba(9,15,42,.2);
        font-size: 22px;
        font-style: normal
    }

    .hero-overlay,.hero-overlay.mobile {
        display: block
    }

    .p-quarter-item,.p-three-quarter-item,.p-two-third-item {
        width: 100%
    }

    .p-quarter-item.centered {
        text-align: center
    }

    .circle-img {
        height: 45vh;
        padding-top: 0;
        border-radius: 20px
    }

    .work-slider-split {
        flex-direction: column
    }

    .work-slider-split-mask {
        height: 45vh
    }

    .heading-white-dark {
        color: #090f2a
    }

    .work-split-half-item {
        width: 100%
    }

    .work-split-content {
        display: none
    }

    .client-review {
        align-items: center
    }

    .p-num-container {
        margin-left: 0
    }

    .mojo-spin-logo-s {
        width: 60%
    }

    .full-section-content {
        margin-right: -8vw;
        margin-left: -8vw;
        padding: 3em 8vw
    }

    .bg {
        width: 100%
    }

    .num-heading-step-container {
        width: auto;
        padding-right: 5px;
        flex-direction: row
    }

    .rt-lt-arrow-pos-container,.step-text {
        display: none
    }

    .video-icon-section {
        padding: 35px;
        align-items: center;
        text-align: center
    }

    .timeline-item-container {
        padding-top: 3em;
        padding-bottom: 3em
    }

    .timeline-item-container.left,.timeline-item-container.right {
        padding-right: 5vw;
        padding-left: 5vw
    }

    .timeline-half-item {
        width: 100%
    }

    .timeline-arrow-container {
        display: none
    }

    .timeline-img-lt,.timeline-img-rt {
        position: relative;
        right: auto
    }

    .timeline-img-lt {
        left: auto
    }

    .timeline-date {
        position: relative;
        top: auto;
        right: auto;
        margin-bottom: .75em
    }

    .news-menu {
        top: 120px;
        margin-right: -8vw;
        margin-left: -8vw;
        padding: .7em 8vw;
        justify-content: center
    }

    .news-tab-link {
        font-size: 22px
    }

    .news-img.thumb {
        height: 35vh
    }

    .news-tabs-content {
        padding-right: 0;
        padding-left: 0
    }

    .news-half-item,.news-quarter-item,.news-three-quarter-item {
        width: 100%
    }

    .news-sidebar {
        width: 100%;
        padding-left: 0
    }

    .service-container {
        margin-bottom: 0
    }

    .contact-form-block {
        width: 100%
    }

    .result-content {
        padding-right: 35px;
        padding-left: 0;
        align-items: flex-start
    }

    .feat-work-img {
        padding-left: 0
    }

    .video-testimonial {
        margin-top: 0;
        margin-bottom: 3em;
        padding-right: 0;
        padding-left: 0
    }

    .quote-abs {
        position: relative;
        width: 70px;
        margin-top: 0;
        margin-bottom: 10px
    }

    .hero-gradient-industries {
        background-image: linear-gradient(180deg,rgba(0,0,0,.5),rgba(0,0,0,.5))
    }

    .heading-industries {
        display: none
    }

    .client-logos-container {
        justify-content: space-between
    }

    .client-logo-link {
        width: 46%;
        margin-right: 0
    }

    ._404-heading {
        font-size: 105px;
        letter-spacing: 0
    }

    .results-icons {
        width: 100%
    }

    .clients-slider {
        height: 360px
    }

    .clients-slide {
        width: 50%;
        height: 360px
    }

    .clients-slider-arrow {
        width: 40px
    }

    .clients-slider-mask {
        margin-right: 40px;
        margin-left: 40px
    }
}

@media screen and (max-width:767px) {
    body {
        font-size: 20px
    }

    h1 {
        font-size: 45px
    }

    .menu-container {
        height: 100px;
        padding-right: 25px;
        padding-left: 25px
    }

    .logo {
        width: 250px
    }

    .button.nav-button {
        min-width: 170px;
        padding-top: 7px;
        padding-bottom: 7px;
        font-size: 17px
    }

    .menu-icon {
        width: 40px;
        height: 40px;
        min-height: 40px;
        min-width: 40px
    }

    .bottom-margin-1 {
        margin-bottom: 1em
    }

    .heading-span {
        display: none
    }

    .nav-menu {
        margin-right: 10px
    }

    .industries-tab-link,.service-tab-link {
        font-size: 20px
    }

    .client-quote {
        font-size: 18px
    }

    .footer-men-container {
        display: none
    }

    .v-col-container.centered {
        align-items: center
    }

    .alt-page-container {
        margin-top: 100px
    }

    .client-slide-holder {
        padding: 2em 40px
    }

    .news-menu {
        top: 100px
    }

    .news-tab-link {
        font-size: 20px
    }

    .results-graph {
        display: none
    }

    .result-content {
        width: 100%
    }

    .results-stats {
        flex-direction: column;
        align-items: center
    }

    .client-logo-link {
        height: 20vh
    }

    .clients-slide {
        width: 100%
    }

    .clients-slider-arr {
        width: 15px
    }
}

@media screen and (max-width:479px) {
    h1 {
        font-size: 35px
    }

    h2 {
        font-size: 30px
    }

    .button.nav-button {
        display: none
    }

    .button.cta-mojo {
        min-width: 100%
    }

    .link-container {
        margin-top: 10px
    }

    .link-container.white.right {
        margin-left: 0
    }

    .heading-w-link {
        flex-direction: column
    }

    .heading-w-link,.heading-w-link.centered {
        align-items: flex-start
    }

    .cta-logo {
        width: 150px;
        height: 150px;
        min-height: 150px;
        min-width: 150px
    }

    .socket-links-container {
        flex-direction: column
    }

    .socket-sep {
        display: none
    }

    .num-heading-container,.results-container {
        align-items: flex-start
    }

    .num-heading-container.center-align {
        justify-content: flex-start
    }

    .black-opacity-container.results {
        margin-top: 0;
        margin-bottom: 0;
        padding: 0;
        background-color: transparent
    }

    .results-container {
        text-align: left
    }

    .service-tab-bullet.mobile-show {
        display: none
    }

    .client-slider-link {
        width: 40px
    }

    .client-slider-mask {
        margin-right: 40px;
        margin-left: 40px
    }

    .news-menu {
        flex-direction: column
    }

    .result-content {
        padding-right: 0;
        padding-left: 0;
        align-items: flex-start
    }

    .client-logo-link {
        width: 100%
    }

    ._404-heading {
        font-size: 70px
    }

    .logo-container {
        flex-direction: column;
        align-items: center
    }

    .tech-logos {
        margin-right: 0
    }

    .clients-slide,.clients-slider {
        height: 360px;
    }

    .clients-slider-arrow {
        width: 30px
    }

    .clients-slider-arr {
        width: 13px
    }

    .clients-slider-mask {
        margin-right: 30px;
        margin-left: 30px
    }

    .clients-slider-logo-wrap {
        padding: 20px
    }
}

.m-section-bio {
    width: 100vw;
    text-align: left;
    flex-direction: column;
    align-items: flex-start;
    padding: 3em 5rem;
    position: relative
}

.m-section-bio.hero-home {
    min-height: 100vh;
    background-image: linear-gradient(to right,var(--midnight-blue) 20%,transparent),linear-gradient(to bottom,transparent,var(--midnight-blue));
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    display: flex
}

.m-section-bio.full-width {
    padding-left: 0;
    padding-right: 0
}

.m-section-bio.full-width._0-margin {
    padding-top: 0
}

.m-section-bio.footer {
    color: var(--midnight-blue);
    background-color: #fff;
    font-size: 19px;
    font-weight: 400;
    line-height: 1.1
}

.m-section-bio.hero-alt-page {
    height: 50vh;
    min-height: 500px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex
}

.m-section-bio._2-margin {
    padding-top: 2em
}

.m-section-bio.full-wdith-slider {
    padding-left: 0;
    padding-right: 0
}

.m-section-bio.dark {
    background-color: var(--midnight-blue)
}

.m-section-bio.hero-about {
    height: 75vh;
    min-height: 750px;
    flex-direction: row;
    align-items: center;
    display: flex
}

.m-section-bio.hero-transp-page {
    height: 50vh;
    min-height: 550px;
    justify-content: flex-end;
    display: flex
}

.m-section-bio._0-margin-btn {
    padding-bottom: 0
}

.m-section-bio.hero-bio {
    background-image: url(../images/city-watermark.png);
    background-position: 100%0;
    background-repeat: no-repeat;
    background-size: contain;
    padding-top: 8em;
    padding-bottom: 3em
}

.m-section-bio.galaxy {
    background-image: linear-gradient(rgba(9,15,42,0) 70%,#090f2a),linear-gradient(#090f2a,rgba(9,15,42,0) 30%),url(../images/galaxy-bg.png);
    background-position: 0 0,0 0,50%;
    background-repeat: repeat,repeat,no-repeat;
    background-size: auto,auto,cover
}

.m-section-bio.moon,.m-section-bio.moon-bg {
    background-image: url(../images/moon-bg.svg);
    background-position: 50%0;
    background-repeat: no-repeat;
    background-size: cover
}

.m-section-bio.moon-bg {
    background-image: url(../images/moon.svg)
}

.m-section-bio.white-section {
    color: var(--midnight-blue);
    background-color: #fff;
    background-image: linear-gradient(#fff,#f3f3f3)
}

.m-section-bio.hero-careers-listing {
    height: 50vh;
    min-height: 500px;
    background-image: url(../images/galaxy-bg-2.png);
    background-position: 50% 100%;
    background-size: cover;
    justify-content: center;
    padding-bottom: 0;
    display: flex
}

.logo {
    width: 400px
}

.mobile-menu {
    z-index: 99;
    width: 100vw;
    height: 0;
    background-color: var(--midnight-blue);
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding-left: 15vw;
    padding-right: 15vw;
    display: flex;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    overflow: auto
}

.menu-link {
    color: #fff;
    letter-spacing: .1em;
    text-transform: uppercase;
    margin-right: 25px;
    padding: 5px;
    font-size: 20px;
    font-weight: 500;
    transition: color .3s
}

.menu-link:hover {
    color: var(--dark-orange)
}

.button,.button.nav-button {
    background-color: transparent
}

.button {
    min-width: 260px;
    text-align: center;
    border: 3px solid #fff;
    border-radius: 50px;
    justify-content: center;
    align-items: center;
    margin-top: 15px;
    margin-bottom: 15px;
    padding: 13px 30px;
    font-size: 19px;
    font-style: italic;
    font-weight: 500;
    display: flex;
    position: relative;
    overflow: hidden
}

.button.nav-button {
    min-width: 200px;
    border-style: solid;
    padding: 7px 20px
}

.button,.button.nav-button:hover {
    color: #fff
}

.button.nav-button,.button.orange {
    border-color: var(--dark-orange)
}

.button.orange.career-btn {
    width: 250px;
    min-width: 100px
}

.button.white {
    margin-right: 20px;
    background-color: var(--white);
    color: var(--midnight-blue);
}

.button.white:hover {
    color: var(--white);
    background-color: transparent;
}

.button.cta,.button.cta-mojo {
    border-color: var(--dark-orange)
}

.button.cta {
    min-width: 360px;
    justify-content: center;
    margin-top: 10px;
    padding-top: 11px;
    display: flex
}

.button.cta-mojo {
    width: 350px;
    margin-left: auto;
    margin-right: auto
}

.button.view-more {
    background-color: rgba(0,61,166,.35);
    border-style: none
}

.button.orange-home {
    border-color: var(--dark-orange);
    background-color: var(--dark-orange);
}

.button.orange-home:hover {
    color: #fff;
    background-color: transparent;
}

.button.orange {
    border-color: var(--dark-orange);
}

.button.orange:hover {
    color: #fff
}

.menu-icon {
    z-index: 1000;
    width: 50px;
    height: 50px;
    min-height: 50px;
    min-width: 50px;
    border-radius: 100px;
    position: relative
}

.accent-txt,.men-icon-img {
    display: flex
}

.accent-txt {
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    font-size: 27px;
    line-height: 1.2
}

.accent-txt._75-width {
    width: 75%
}

.bottom-margin-1 {
    width: 100%;
    margin-bottom: 1.5em
}

.bottom-margin-1.is-centered {
    text-align: center;
    justify-content: center;
    display: flex
}

.mojo-spin-logo {
    width: 350px;
    position: absolute;
    bottom: 5em;
    right: 5vw
}

.heading-span {
    color: var(--dark-orange)
}

.nav-menu {
    align-items: center;
    margin-right: 35px;
    display: flex
}

.bio-badge-row,.nav-menu-container,.tabs-menu {
    align-items: center;
    display: flex
}

.bio-badge-row {
    padding-top: 24px
}

.tabs-menu {
    text-align: center;
    justify-content: center;
    margin-bottom: 1.5em
}

.tabs-menu.left {
    justify-content: flex-start
}

.service-tab-link {
    color: #fff;
    background-color: transparent;
    align-items: stretch;
    padding: 0;
    font-size: 25px;
    font-style: italic;
    transition: color .3s;
    display: flex
}

.service-tab-link:hover {
    color: var(--dark-orange)
}

.service-tab-link.w--current {
    color: var(--dark-orange);
    background-color: transparent
}

.service-tab-container {
    min-height: 55vh;
    align-items: center;
    display: flex
}

.service-graphic-container {
    z-index: 2;
    width: 45vw;
    min-height: 55vh;
    position: absolute
}

.service-caption-container {
    z-index: 1;
    width: 100vw;
    min-height: 50vh;
    background-color: #0045bb;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    padding-left: 45vw;
    display: flex;
    position: absolute
}

.service-graphic {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    box-shadow: 0 0 40px rgba(0,0,0,.3)
}

.link-container,.service-label {
    font-style: italic;
    font-weight: 500
}

.service-label {
    letter-spacing: 3px;
    text-transform: uppercase;
    margin-bottom: 0;
    font-size: 26px
}

.link-container {
    color: var(--midnight-blue);
    align-items: center;
    transition: color .3s;
    display: flex
}

.link-container.white:hover,.link-container:hover {
    color: var(--dark-orange)
}

.link-container.white,.link-container.white-to-dark {
    color: #fff
}

.link-container.white.right {
    margin-left: 40px
}

.link-container.white.centered {
    justify-content: center
}

.link-container.white-to-dark:hover {
    color: var(--dark-orange)
}

.link-icon,.service-caption {
    justify-content: center;
    display: flex
}

.link-icon {
    width: 45px;
    height: 45px;
    min-height: 45px;
    min-width: 45px;
    border: 2px solid var(--dark-orange);
    border-radius: 100px;
    align-items: center;
    margin-left: 15px;
    position: relative;
    overflow: hidden
}

.link-icon.reverse {
    transform-style: preserve-3d;
    margin-left: 0;
    margin-right: 10px;
    transform: rotateX(0) rotateY(-180deg) rotateZ(0)
}

.service-caption {
    width: 100%;
    height: 100%;
    background-image: url(../images/mojo_watermark.png);
    background-position: -20px;
    background-repeat: no-repeat;
    background-size: contain;
    flex-direction: column;
    align-items: flex-start;
    padding: 3em 15%
}

.industries-tabs {
    flex-direction: row-reverse;
    display: flex
}

.industries-tabs-menu {
    width: 35%;
    border-left: 1px solid var(--dark-orange);
    flex-direction: column;
    margin-left: 3vw;
    padding-left: 3vw;
    display: flex
}

.industries-tab-content {
    width: 65%;
    flex-direction: column;
    justify-content: center;
    display: flex
}

.industries-tab-link {
    color: #fff;
    background-color: transparent;
    padding-left: 0;
    padding-right: 0;
    font-size: 27px;
    transition: color .2s
}

.industries-tab-link:hover,.industry-arrow {
    color: var(--dark-orange)
}

.industries-tab-link.w--current {
    color: var(--dark-orange);
    background-color: transparent
}

.industry-arrow {
    padding-right: 10px;
    display: none
}

.bottom-margin-2 {
    width: 100%;
    margin-bottom: .75em
}

.heading-w-link,.tile-container {
    justify-content: space-between;
    display: flex
}

.heading-w-link {
    align-items: flex-end
}

.heading-w-link.centered {
    text-align: center;
    justify-content: center;
    align-items: flex-end
}

.tile-container {
    flex-wrap: wrap;
    align-content: flex-start
}

.work-tile-link {
    width: 100%;
    height: 45vh;
    color: #fff;
    border-radius: 20px;
    flex-direction: column;
    align-items: stretch;
    margin-top: 1.5em;
    margin-bottom: 1.5em;
    overflow: hidden
}

.work-tile-link.dark {
    color: var(--midnight-blue)
}

.work-tile,.work-tile-container {
    width: 100%;
    height: 100%;
    border-radius: 20px
}

.work-tile-container {
    margin-bottom: 15px;
    position: relative;
    overflow: hidden
}

.work-tile {
    object-fit: cover;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.work-tile-caption-container {
    justify-content: space-between;
    align-items: center;
    display: flex
}

.subheading {
    opacity: .8;
    margin-top: 5px;
    font-size: 21px;
    font-style: italic
}

.client-reviews-slider {
    width: 75%;
    height: auto;
    background-color: transparent;
    padding-top: 0;
    padding-left: 120px
}

.client-arrows,.nav-dots-dark.hidden {
    display: none
}

.client-reviews-container {
    align-items: flex-start;
    display: flex;
    position: relative
}

.google-logo-container {
    width: 25%;
    border-left: 1px solid var(--dark-orange);
    justify-content: center;
    align-items: center;
    margin-left: 3vw;
    padding: 3em 1.5vw;
    display: flex
}

.nav-dots-dark {
    text-align: right;
    margin-top: .75em;
    position: relative
}

.client-quote {
    font-size: 28px;
    font-style: italic;
    line-height: 1.3
}

.full-width-slider {
    height: 100%;
    background-color: transparent;
    overflow: hidden
}

.dark-fade-arrows {
    width: 130px;
    height: 100%;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-top: 0;
    margin-bottom: 0;
    display: flex
}

.dark-fade-arrows.left {
    background-image: linear-gradient(to right,var(--midnight-blue) 15%,rgba(255,255,255,0))
}

.dark-fade-arrows.right {
    background-image: linear-gradient(to right,rgba(255,255,255,0),var(--midnight-blue) 85%)
}

.slider-arrow {
    width: 17px
}

.full-width-slide {
    width: 25%;
    padding-left: 1.5vw;
    padding-right: 1.5vw
}

.tile-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 20px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.tile-link {
    width: 100%;
    margin-top: 1.5em;
    margin-bottom: 1.5em
}

.tile-link.white {
    color: #fff
}

.news-slider-nav {
    display: none
}

.menu-column,.tile-caption-container {
    flex-direction: column;
    align-items: flex-start;
    display: flex
}

.tile-caption-container {
    margin-top: 15px
}

.menu-column {
    width: 33.333%;
    padding-left: 7%;
    padding-right: 7%
}

.mobile-link {
    color: #fff;
    letter-spacing: 1px;
    align-items: center;
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 23px;
    transition: color .2s;
    display: flex
}

.menu-section-label,.mobile-link:hover {
    color: var(--dark-orange)
}

.menu-section-label {
    letter-spacing: 5px;
    text-transform: uppercase;
    margin-bottom: 0;
    padding-bottom: 7px;
    font-size: 25px
}

.menu-section {
    width: 100%;
    text-align: left;
    flex-direction: column;
    align-items: flex-start;
    margin-top: 30px;
    margin-bottom: 30px;
    display: flex
}

.mobile-menu-container {
    z-index: 3;
    width: 100vw;
    justify-content: center;
    align-items: flex-start;
    display: flex;
    position: relative
}

.tile-link-container {
    width: 100%;
    height: 45vh;
    border-radius: 20px;
    position: relative;
    overflow: hidden;
    box-shadow: 0 0 20px rgba(0,0,0,.2)
}

.tile-link-container.thumb {
    height: 25vh
}

.cta-logo {
    width: 200px;
    height: 200px;
    min-height: 200px;
    min-width: 200px;
    border-radius: 100%;
    margin-left: auto;
    margin-right: auto
}

.cta-arrow {
    z-index: 1;
    margin-left: 10px;
    position: relative
}

.contact-caption {
    color: #fff
}

.contact-caption,.contact-caption-container {
    text-align: center;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex
}

.footer-container {
    justify-content: space-between;
    align-items: flex-start;
    display: flex
}

.footer-address-container {
    width: 35%;
    flex-direction: column;
    align-items: flex-start;
    display: flex
}

.footer-men-container {
    width: 65%;
    align-items: flex-start;
    display: flex
}

.footer-column {
    width: 33.333%;
    padding-right: 7%
}

.footer-section {
    text-align: left;
    flex-direction: column;
    align-items: flex-start;
    margin-top: 2em;
    margin-bottom: 2em;
    display: flex
}

.footer-link {
    color: var(--midnight-blue);
    padding-top: 5px;
    padding-bottom: 5px;
    font-weight: 300;
    transition: color .3s
}

.footer-link:hover {
    color: var(--dark-slate-blue)
}

.social-icon-link,.social-icons-section {
    align-items: center;
    display: flex
}

.social-icon-link {
    width: 50px;
    height: 50px;
    background-color: var(--midnight-blue);
    border-radius: 100%;
    justify-content: center;
    margin-right: 10px;
    transition: background-color .3s
}

.social-icon-link:hover {
    background-color: var(--dark-slate-blue)
}

.social-icon {
    height: 20px
}

.industries-section {
    flex-direction: column;
    align-items: flex-start;
    display: flex
}

.button-fill {
    z-index: 1;
    width: 100%;
    height: 100%;
    border-radius: 50px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: -100%;
    right: 0
}

.button-fill.white {
    background-color: #fff;
    border: 3px solid #fff
}

.button-fill.orange {
    border: 3px solid var(--dark-orange);
    background-color: var(--dark-orange);
    background-color: #ff9e18;
    border: 3px solid #ff9e18
}

.button-text {
    z-index: 2;
    position: relative
}

.button-text.dark {
    color: var(--midnight-blue);
    font-weight: 700
}

.button-vid-arrow {
    z-index: 1;
    position: absolute;
    top: 4px;
    bottom: 0;
    left: auto;
    right: 6.5px
}

.button-icon {
    z-index: 2;
    width: 23px;
    position: relative
}

.button-icon.close {
    width: 17px
}

.socket-container {
    align-items: center;
    font-style: italic;
    display: flex
}

.credentials-logos-container {
    align-items: center;
    margin-right: 15px;
    display: flex
}

.credentials-logo {
    height: 65px;
    filter: grayscale();
    margin-right: 15px
}

.copyright {
    margin-right: 15px;
    font-size: 17px;
    font-weight: 300
}

.socket-links-container {
    align-items: center;
    font-size: 17px;
    font-weight: 300;
    display: flex
}

.socket-sep {
    margin-left: 5px;
    margin-right: 5px
}

.socket-link {
    color: var(--midnight-blue);
    transition: color .3s
}

.socket-link:hover {
    color: var(--dark-slate-blue)
}

.subscribe-field {
    height: 60px;
    background-color: var(--midnight-blue);
    color: #fff;
    border-radius: 8em;
    margin-bottom: 0;
    padding-left: 30px;
    font-size: 19px;
    font-weight: 300;
    transition: background-color .3s
}

.subscribe-field:focus {
    background-color: var(--dark-slate-blue)
}

.subscirbe-label {
    display: none
}

.subscribe-form {
    width: 320px;
    align-items: center;
    margin-top: 10px;
    display: flex
}

.subscribe-button {
    width: 40px;
    height: 40px;
    min-height: 40px;
    min-width: 40px;
    border: 2px solid var(--dark-orange);
    background-color: transparent;
    background-image: url(../images/link_arrow_1.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 23px;
    border-radius: 8em;
    margin-left: -50px;
    transition: background-color .3s
}

.subscribe-button:hover {
    background-color: var(--dark-orange)
}

.google-logo {
    width: 190px
}

.addres-section {
    text-align: left;
    flex-direction: column;
    align-items: flex-start;
    margin-top: 2em;
    margin-bottom: 2em;
    display: flex
}

.subscribe-form-block {
    width: 100%
}

.heading-orange {
    color: var(--dark-orange)
}

.m-section-content-bio {
    z-index: 2;
    width: 100%;
    max-width: 1400px;
    margin-left: auto;
    margin-right: auto;
    position: relative
}

.m-section-content-bio.float-menu-indent {
    padding-left: 4vw;
    padding-right: 4vw
}

.m-section-content-bio.page-indent {
    padding-left: 1.5vw
}

.m-section-content-bio.section-indent {
    margin-top: 6em
}

.m-section-content-bio.neg-margin {
    margin-top: -6em
}

.m-section-content-bio.top-margin {
    margin-top: 6em
}

.m-section-content-bio._70-width {
    width: 70%;
    margin-left: auto;
    margin-right: auto
}

.modal {
    z-index: 1000;
    width: 100vw;
    height: 100vh;
    opacity: 0;
    background-color: rgba(9,15,42,.9);
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: none;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.modal-video-container {
    width: 75vw;
    border-radius: 25px;
    overflow: hidden;
    box-shadow: 0 0 20px #000
}

.close-link {
    z-index: 2;
    width: 50px;
    height: 50px;
    min-height: 50px;
    min-width: 50px;
    border: 2px solid var(--dark-orange);
    border-radius: 8em;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
    position: absolute;
    top: 47px;
    bottom: auto;
    left: auto;
    right: 50px;
    overflow: hidden
}

.link-arrow {
    color: var(--dark-orange);
    margin-left: 10px;
    display: none
}

.bg-left-top {
    z-index: 1;
    width: 50vw;
    height: 100%;
    align-items: flex-start;
    display: flex;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: auto
}

.lottie-md {
    width: 38%
}

.lottie-md.cta-top-margin {
    margin-top: 60px
}

.lottie-lg {
    width: 45%
}

.bg-left-bottom,.bg-right-center {
    z-index: 1;
    width: 50vw;
    height: 100%;
    display: flex;
    position: absolute;
    top: 0;
    bottom: 0
}

.bg-right-center {
    justify-content: flex-end;
    align-items: center;
    left: auto;
    right: 0
}

.bg-left-bottom.bg-1,.bg-right-bottom.bg-1,.bg-right-center.bg-1 {
    background-image: url(../images/bg-blur-3.png);
    background-position: 100%;
    background-repeat: no-repeat;
    background-size: contain
}

.bg-left-bottom {
    align-items: flex-end;
    left: 0;
    right: auto
}

.bg-left-bottom.bg-1,.bg-right-bottom.bg-1 {
    background-image: url(../images/bg-blur-4.png);
    background-position: 0 100%
}

.mobile-gradient-overlay {
    z-index: 2;
    width: 100vw;
    height: 25vh;
    background-image: linear-gradient(rgba(9,15,42,0),#020411);
    position: absolute;
    top: auto;
    bottom: 0;
    left: 0;
    right: 0
}

.lottie-sm {
    width: 30%
}

.bg-right-bottom,.hero-left {
    width: 50vw;
    height: 100%;
    position: absolute
}

.bg-right-bottom {
    justify-content: flex-end;
    align-items: flex-end;
    display: flex;
    top: auto;
    bottom: 0;
    left: auto;
    right: 0
}

.bg-right-bottom.bg-1 {
    background-image: url(../images/bg-blur-3.png);
    background-position: 100% 100%;
    background-size: auto
}

.hero-left {
    top: 0;
    bottom: auto;
    left: 0;
    right: auto;
    background-position: 0;
    background-repeat: no-repeat;
    background-size: cover
}

.hero-left.glyph,.hero-left.rainbow-bg {
    background-image: url(../images/tile_glyph.jpg);
    background-position: 0;
    background-repeat: no-repeat;
    background-size: cover
}

.hero-left.rainbow-bg {
    background-image: url(../images/hero-rainbow.jpg);
    background-position: 0 0
}

.hero-left.american-cedar,.hero-left.havtech,.hero-left.ots {
    background-image: url(../images/hero_american_cedar.jpg);
    background-position: 0;
    background-repeat: no-repeat;
    background-size: cover
}

.hero-left.havtech,.hero-left.ots {
    background-image: url(../images/hero_havtech.jpg)
}

.hero-left.ots {
    background-image: url(../images/hero_ots.jpg)
}

.hero-left.charm-city,.hero-left.dci,.hero-left.microcom,.hero-left.nealey {
    background-image: url(../images/hero_charm_city.jpg);
    background-position: 0;
    background-repeat: no-repeat;
    background-size: cover
}

.hero-left.dci,.hero-left.microcom,.hero-left.nealey {
    background-image: url(../images/hero_nealey.jpg)
}

.hero-left.dci,.hero-left.microcom {
    background-image: url(../images/hero_dci.jpg)
}

.hero-left.microcom {
    background-image: url(../images/hero_microcom.jpg)
}

.hero-left.rctc,.hero-left.sentral-services,.hero-left.srta,.hero-left.stsci {
    background-image: url(../images/hero_stsci.jpg);
    background-position: 0;
    background-repeat: no-repeat;
    background-size: cover
}

.hero-left.rctc,.hero-left.sentral-services,.hero-left.srta {
    background-image: url(../images/hero_sentral_services.jpg)
}

.hero-left.rctc,.hero-left.srta {
    background-image: url(../images/hero_rctc.jpg)
}

.hero-left.srta {
    background-image: url(../images/hero_srta.jpg)
}

.hero-gradient-overlay {
    width: 100%;
    height: 100%;
    background-image: linear-gradient(to bottom,transparent,rgba(9,15,42,.8) 56%,#090f2a 95%),linear-gradient(to right,transparent 25%,var(--midnight-blue));
    position: relative
}

.float-menu,.float-menu-container {
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    display: flex
}

.float-menu-container {
    z-index: 3;
    width: 17vw;
    height: 100vh;
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    bottom: auto;
    left: 0;
    right: auto
}

.float-menu {
    z-index: 2;
    width: 100%;
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
    margin-right: 2vw;
    padding: 2em 2vw
}

.float-menu.white {
    background-color: #fff
}

.float-button,.float-menu-link {
    color: #fff;
    text-align: right;
    font-weight: 500
}

.float-menu-link {
    letter-spacing: .1px;
    text-transform: uppercase;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-right: 25px;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 20px;
    font-size: 19px;
    line-height: 1.1;
    transition: color .3s
}

.float-menu-link.dark.w--current,.float-menu-link.dark:hover,.float-menu-link.w--current,.float-menu-link:hover {
    color: var(--dark-orange)
}

.float-menu-link.dark {
    color: var(--midnight-blue)
}

.float-button {
    background-color: var(--dark-orange);
    border-top-left-radius: 8em;
    border-bottom-left-radius: 8em;
    margin-top: 20px;
    padding: 10px 30px 10px 40px;
    font-style: italic;
    line-height: 1.2;
    transition: box-shadow .3s;
    display: flex
}

.float-button:hover {
    box-shadow: 0 0 20px #ff9e18
}

.float-menu-section {
    align-items: flex-start;
    display: flex
}

.float-page-container {
    margin-left: -17vw
}

.h-col-container {
    width: 100%;
    text-align: left;
    justify-content: space-between;
    align-items: flex-start;
    display: flex
}

.h-col-container-wrap {
    width: 100%;
    text-align: left;
    justify-content: space-between;
    align-items: flex-start;
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

.p-half-item {
    width: 47%;
    margin-top: .75em;
    margin-bottom: .75em
}


.p-half-item._0-margin {
    margin-top: 0;
    margin-bottom: 0
}

.p-content-holder {
    text-align: left;
    flex-direction: column;
    align-items: flex-start;
    display: flex
}

.num-heading-container {
    align-items: flex-end;
    display: flex
}

.num-heading-container.center-align {
    justify-content: center
}

.num-heading {
    color: var(--dark-orange);
    text-align: left;
    font-style: italic;
    font-weight: 100
}

.p-margin-container {
    z-index: 1;
    margin-left: 3vw;
    margin-right: 3vw;
    position: relative
}

.black-opacity-container {
    width: 100%;
    background-color: rgba(0,0,0,.2);
    border-radius: 20px;
    margin-top: .75em;
    margin-bottom: .75em;
    padding: 3em 3vw
}

.results-container {
    flex-direction: column;
    align-items: center;
    padding-left: 3vw;
    padding-right: 3vw;
    display: flex
}

.bio-col-container-top {
    width: 100%;
    grid-column-gap: 70px;
    grid-row-gap: 70px;
    justify-content: space-between;
    align-items: flex-end;
    display: flex
}

.work-slider-half {
    width: 100%;
    height: 100%;
    background-color: transparent;
    margin-top: .75em;
    margin-bottom: .75em
}

.hidden-slider-arrows {
    display: none
}

.work-slide {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.work-slide.contain {
    object-fit: contain
}

.work-slider-half-mask {
    height: 45vh;
    border-radius: 20px;
    box-shadow: 0 0 20px rgba(0,0,0,.15)
}

.v-col-container {
    text-align: center;
    flex-direction: column;
    align-items: center;
    display: flex
}

.work-slider-full {
    width: 100%;
    height: 100%;
    background-color: transparent;
    margin-top: .75em;
    margin-bottom: .75em
}

.work-slider-full-mask {
    height: 60vh;
    border-radius: 20px;
    box-shadow: 0 0 20px rgba(0,0,0,.15)
}

.work-slider-full-mask.contain {
    box-shadow: none
}

.alt-page-container {
    z-index: 1;
    width: 100vw;
    color: var(--midnight-blue);
    background-color: #fff;
    margin-top: 150px
}

.hero-industries {
    z-index: 0;
    width: 50vw;
    height: 100%;
    position: absolute;
    top: 0;
    bottom: auto;
    left: auto;
    right: 0
}

.hero-industries.construction,.hero-industries.consumer-products,.hero-industries.industrial-manufacturing {
    background-image: url(../images/hero_industrial.jpg);
    background-position: 100%;
    background-repeat: no-repeat;
    background-size: cover
}

.hero-industries.construction,.hero-industries.consumer-products {
    background-image: url(../images/hero_construction.jpg)
}

.hero-industries.consumer-products {
    background-image: url(../images/hero-glyph.jpg)
}

.hero-industries.health-care,.hero-industries.professional-services,.hero-industries.tolling {
    background-image: url(../images/hero_healthcare.jpg);
    background-position: 100%;
    background-repeat: no-repeat;
    background-size: cover
}

.hero-industries.professional-services,.hero-industries.tolling {
    background-image: url(../images/hero_professional_services.jpg)
}

.hero-industries.tolling {
    background-image: url(../images/hero_tolling_transportation.jpg)
}

.service-tab-bullet {
    padding-left: 15px;
    padding-right: 15px
}

.m-logo-holder,.p-third-item {
    margin-top: .75em;
    margin-bottom: .75em
}

.p-third-item {
    width: 30%;
    text-align: left
}

.m-logo-holder {
    align-items: stretch;
    display: flex
}

.m-logo {
    width: 45px;
    border-radius: 100%;
    margin-right: 10px
}

.m-arrow {
    width: 100%;
    background-image: url(../images/m_arrow.svg);
    background-position: 100%;
    background-repeat: no-repeat;
    background-size: auto
}

.client-slider {
    height: 100%;
    background-color: transparent
}

.client-slider.section-slider {
    margin-bottom: 6em
}

.client-slider-link {
    width: 80px;
    justify-content: center;
    align-items: center;
    display: flex
}

.client-slider-nav,.nav-dots.hidden {
    display: none
}

.client-slide-holder {
    width: 100%;
    height: 30vh;
    min-height: 30vh;
    background-color: #fff;
    border: 1px solid #fff;
    border-radius: 20px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
    box-shadow: 0 0 20px rgba(0,0,0,.15)
}

.client-slider-mask {
    margin-left: 80px;
    margin-right: 80px
}

.client-slide {
    width: 33.333%;
    padding: 1.5em 1.5vw
}

.service-tabs-content {
    overflow: visible
}

.heading-white {
    color: #fff
}

.nav-dots {
    text-align: right;
    margin-top: .75em;
    position: relative
}

.light-fade-arrows {
    width: 130px;
    height: 100%;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-top: 0;
    margin-bottom: 0;
    display: flex
}

.light-fade-arrows.left {
    background-image: linear-gradient(to right,#fff 15%,rgba(255,255,255,.6) 60%,transparent)
}

.light-fade-arrows.right {
    background-image: linear-gradient(to right,transparent,rgba(255,255,255,.4) 40%,#fff 85%)
}

.full-width-slider-mask {
    /* margin-left: -12.5%;
    margin-right: -12.5% */
    margin-left: 0;
    margin-right: 0;
}

.service-tab-link-dark {
    color: var(--midnight-blue);
    background-color: transparent;
    align-items: stretch;
    padding: 0;
    font-size: 25px;
    font-style: italic;
    transition: color .3s;
    display: flex
}

.service-tab-link-dark:hover {
    color: var(--dark-orange)
}

.service-tab-link-dark.w--current {
    color: var(--dark-orange);
    background-color: transparent
}

.hero-bg {
    overflow: hidden
}

.hero-bg,.hero-img,.hero-overlay {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.hero-overlay {
    z-index: 1;
    background-color: rgba(0,0,0,.5)
}

.hero-overlay.mobile {
    display: none
}

.hero-img {
    width: 100%;
    object-fit: contain
}

.hero-img.branding,.hero-img.development,.hero-img.digitial-marketing,.hero-img.videography,.hero-img.web-design {
    background-color: var(--dark-slate-blue);
    background-image: url(../images/hero_web_design.svg);
    background-position: 100%;
    background-repeat: no-repeat;
    background-size: cover
}

.hero-img.branding,.hero-img.development,.hero-img.digitial-marketing,.hero-img.videography {
    background-image: url(../images/hero_development.svg)
}

.hero-img.branding,.hero-img.digitial-marketing,.hero-img.videography {
    background-image: url(../images/hero_digital_marketing.svg)
}

.hero-img.branding,.hero-img.videography {
    background-image: url(../images/hero_branding.svg)
}

.hero-img.videography {
    background-image: url(../images/hero_videography.svg)
}

.hero-img.about,.hero-img.news,.hero-img.news-1 {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover
}

.hero-img.about {
    background-color: transparent;
    background-image: url(../images/hero_about.jpg)
}

.hero-img.news,.hero-img.news-1 {
    background-image: url(../images/hero_news.jpg)
}

.hero-img.news-1 {
    background-image: url(../images/hero_news_article.jpg)
}

.p-two-third-item {
    width: 62%;
    text-align: left;
    margin-top: .75em;
    margin-bottom: .75em
}

.p-quarter-item {
    width: 25%;
    text-align: left
}

.p-quarter-item.centered {
    text-align: center;
    flex-direction: column;
    align-items: center;
    display: flex
}

.circle-img,.p-quarter-item,.p-three-quarter-item {
    margin-top: .75em;
    margin-bottom: .75em
}

.p-three-quarter-item {
    width: 70%;
    text-align: left
}

.circle-img {
    width: 100%;
    height: auto;
    object-fit: fill;
    border-radius: 50%;
    padding-top: 100%;
    position: relative;
    overflow: hidden;
    box-shadow: 0 0 20px rgba(0,0,0,.2)
}

.circle-img.design-1,.circle-img.development-1 {
    background-image: url(../images/development_1.jpg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover
}

.circle-img.design-1 {
    background-image: url(../images/design_1.jpg)
}

.circle-img.design-2,.circle-img.development-2,.circle-img.dm-1,.circle-img.dm-2 {
    background-image: url(../images/design_2.jpg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover
}

.circle-img.development-2,.circle-img.dm-1,.circle-img.dm-2 {
    background-image: url(../images/development_2.jpg)
}

.circle-img.dm-1,.circle-img.dm-2 {
    background-image: url(../images/digital_marketing_1.jpg)
}

.circle-img.dm-2 {
    background-image: url(../images/digital_marketing_2.jpg)
}

.circle-img.about-1,.circle-img.dm-3,.circle-img.dm-4,.circle-img.job-listings {
    background-image: url(../images/digital_marketing_3.jpg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover
}

.circle-img.about-1,.circle-img.dm-4,.circle-img.job-listings {
    background-image: url(../images/digital_marketing_4.jpg)
}

.circle-img.about-1,.circle-img.job-listings {
    background-image: url(../images/bizimage.jpg)
}

.circle-img.job-listings {
    background-image: url(../images/mojo-art.jpg)
}

.float-link-holder {
    width: 100%;
    border-right: 1px solid var(--dark-orange);
    text-align: right;
    flex-direction: column;
    align-items: flex-end;
    display: flex
}

.work-slider-split {
    width: 100%;
    height: 100%;
    background-color: var(--midnight-blue);
    align-items: stretch;
    display: flex;
    position: relative
}

.work-slider-split-mask {
    height: 70vh;
    border-radius: 20px;
    box-shadow: 0 0 20px rgba(0,0,0,.2)
}

.heading-white-dark {
    color: #fff
}

.work-split-half-item {
    z-index: 2;
    width: 50%;
    height: 100%;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    display: flex
}

.work-split-img {
    object-fit: contain
}

.work-split-content {
    padding-left: 3vw;
    padding-right: 3vw
}

.client-review {
    background-color: #fff;
    border-radius: 20px;
    flex-direction: column;
    justify-content: center;
    padding: 3em 3vw;
    display: flex;
    position: relative;
    box-shadow: 0 0 20px rgba(0,0,0,.1)
}

.client-google-container {
    text-align: right
}

.quote-rel {
    width: 80px;
    margin-bottom: .75em
}

.p-num-container {
    margin-left: 80px
}

.dn-arrow-holder {
    width: 9px;
    height: 160px;
    position: relative;
    overflow: hidden
}

.dn-arrow {
    position: absolute;
    top: -160px;
    bottom: 0;
    left: 0;
    right: 0
}

.full-section-content {
    z-index: 2;
    min-height: 60vh;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-left: -17vw;
    margin-right: -17vw;
    padding: 6em 17vw;
    display: flex;
    position: relative;
    overflow: hidden
}

.full-section-content.dark {
    background-color: var(--midnight-blue)
}

.full-section-content.development-bg {
    background-image: linear-gradient(rgba(9,15,42,.8),rgba(9,15,42,.8)),url(../images/development_3.jpg);
    background-position: 0 0,50%;
    background-repeat: repeat,no-repeat;
    background-size: auto,cover
}

.bg {
    width: 50vw;
    height: 100%;
    position: absolute
}

.bg.left-top {
    align-items: flex-start;
    display: flex;
    top: 0;
    bottom: auto;
    left: 0;
    right: auto
}

.bg.left-top.bg-1,.bg.left-top.rainbow-bg {
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: contain
}

.bg.left-top.bg-1 {
    background-image: url(../images/bg-blur-1.png);
    flex-direction: column
}

.bg.left-top.rainbow-bg {
    background-image: url(../images/bg-rainbow-2.png)
}

.bg.right-bottom,.num-heading-step-container {
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-end;
    display: flex
}

.bg.right-bottom,.bg.right-top {
    top: auto;
    bottom: 0;
    left: auto;
    right: 0
}

.bg.left-center.bg-1,.bg.right-bottom.bg-1,.bg.right-center.bg-1,.bg.right-top.bg-1 {
    background-image: url(../images/bg-blur-3.png);
    background-position: 100% 100%;
    background-repeat: no-repeat;
    background-size: contain
}

.bg.right-top {
    justify-content: flex-end;
    align-items: flex-start;
    display: flex;
    top: 0;
    bottom: auto
}

.bg.left-center.bg-1,.bg.right-center.bg-1,.bg.right-top.bg-1 {
    background-position: 100%0
}

.bg.left-bottom {
    justify-content: flex-start;
    align-items: flex-end;
    display: flex;
    top: auto;
    bottom: 0;
    left: 0;
    right: auto
}

.bg.left-center,.bg.right-center {
    align-items: center;
    display: flex;
    top: 0;
    bottom: 0;
    left: 0;
    right: auto
}

.bg.left-center.bg-1,.bg.right-center.bg-1 {
    background-image: url(../images/bg-blur-1.png);
    background-position: 0
}

.bg.right-center {
    justify-content: flex-end;
    left: auto;
    right: 0
}

.bg.right-center.bg-1 {
    background-image: url(../images/bg-blur-3.png);
    background-position: 100%
}

.bg.right-center.bg-rainbow {
    background-image: linear-gradient(to bottom,var(--midnight-blue),transparent 30%),linear-gradient(to right,var(--midnight-blue),transparent 60%),url(../images/bg-rainbow-1.webp);
    background-position: 0 0,0 0,100%0;
    background-repeat: repeat,repeat,no-repeat;
    background-size: auto,auto,cover
}

.num-heading-step-container {
    width: 80px;
    padding-right: 20px
}

.step-text {
    color: #fff;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 500;
    line-height: .9
}

.step {
    width: 8px;
    flex-direction: column;
    align-items: flex-end;
    padding-right: 20px;
    display: flex
}

.rt-lt-arrow-container {
    width: 160px;
    height: 9px;
    margin-left: 1vw;
    margin-right: 1vw;
    position: relative;
    overflow: hidden
}

.rt-arrow {
    position: absolute;
    top: 0;
    bottom: 0;
    left: -160px;
    right: 0
}

.dn-arrow-pos-container {
    justify-content: center;
    display: flex
}

.rt-lt-arrow-pos-container {
    height: 100%;
    align-items: center;
    display: flex
}

.lt-arrow {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 160px;
    right: 0
}

.m-video-holder,.video-icon-section {
    border-radius: 20px;
    position: relative;
    overflow: hidden
}

.m-video-holder {
    z-index: 1;
    background-color: #fff;
    box-shadow: 0 0 20px rgba(0,0,0,.25)
}

.m-video-holder.neg-margin {
    background-color: transparent;
    margin-bottom: -1px;
    margin-right: -1px
}

.video-icon-section {
    background-color: var(--midnight-blue);
    color: #fff;
    text-align: center;
    background-image: linear-gradient(rgba(9,15,42,.7),rgba(9,15,42,.7)),url(../images/video_icon_bg.jpg);
    background-position: 0 0,50%;
    background-repeat: repeat,no-repeat;
    background-size: auto,cover;
    flex-direction: column;
    align-items: center;
    margin-top: 3em;
    margin-bottom: 3em;
    padding: 3em 3vw;
    display: flex;
    box-shadow: 0 0 20px rgba(0,0,0,.3)
}

.icon-heading {
    color: #fff;
    font-size: 25px
}

.video-icon-holder {
    width: 90px;
    height: 90px;
    border: 2px solid #fff;
    border-radius: 100%;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-bottom: .75em;
    display: flex
}

.video-icon {
    height: 35px
}

.team-container {
    width: 100%;
    flex-direction: column;
    align-items: stretch;
    display: flex
}

.team-img {
    width: 100%;
    height: 45vh;
    cursor: pointer;
    border-radius: 20px;
    margin-bottom: 15px;
    position: relative;
    overflow: hidden
}

.team-caption {
    justify-content: space-between;
    align-items: center;
    display: flex
}

.team-1,.team-2 {
    z-index: 1;
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.team-2 {
    z-index: 2;
    opacity: 0
}

.timeline-item-container {
    background-color: rgba(0,61,166,.1);
    border-radius: 20px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-top: 1.5em;
    margin-bottom: 1.5em;
    padding-top: 5em;
    padding-bottom: 5em;
    display: flex;
    position: relative
}

.timeline-item-container.left {
    background-color: rgba(0,61,166,.1);
    padding-left: 3vw;
    padding-right: 120px
}

.timeline-item-container.right {
    padding-left: 120px;
    padding-right: 3vw
}

.timeline-half-item {
    z-index: 2;
    width: 50%;
    position: relative
}

.timeline-arrow-rt {
    width: 50%;
    height: 50%;
    background-image: url(../images/timeline_arrow_1.svg);
    background-position: 100% 100%;
    background-repeat: no-repeat;
    background-size: auto 100%;
    position: absolute;
    top: auto;
    bottom: 0;
    left: 0;
    right: auto
}

.timeline-col {
    justify-content: space-between;
    align-items: stretch;
    display: flex
}

.timeline-arrow-container {
    z-index: 1;
    width: 50%;
    opacity: 0;
    position: relative
}

.timeline-img-rt {
    width: 180px;
    height: 180px;
    min-height: 180px;
    min-width: 180px;
    box-shadow: 0 0 30px 0 var(--midnight-blue);
    background-color: #fff;
    border-radius: 100%;
    position: absolute;
    top: auto;
    bottom: auto;
    left: auto;
    right: -90px
}

.timeline-img-rt.timeline-1 {
    box-shadow: 0 0 30px 0 var(--midnight-blue);
    background-image: url(../images/mojo_logo_2004.png);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover
}

.timelilne-arrow-lt,.timeline-img-rt.timeline-2,.timeline-img-rt.timeline-3 {
    background-image: url(../images/mojo_logo_2017.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover
}

.timelilne-arrow-lt,.timeline-img-rt.timeline-3 {
    background-image: url(../images/mojo_location_2.jpg)
}

.timelilne-arrow-lt {
    width: 50%;
    height: 50%;
    background-image: url(../images/timeline_arrow_2.svg);
    background-position: 0 100%;
    background-size: auto 100%;
    position: absolute;
    top: auto;
    bottom: 0;
    left: auto;
    right: 0
}

.timeline-img-lt {
    width: 180px;
    height: 180px;
    min-height: 180px;
    min-width: 180px;
    box-shadow: 0 0 30px 0 var(--midnight-blue);
    background-color: #fff;
    border-radius: 100%;
    position: absolute;
    top: auto;
    bottom: auto;
    left: -90px;
    right: 0
}

.timeline-img-lt.timeline-1,.timeline-img-lt.timeline-2,.timeline-img-lt.timeline-3 {
    background-image: url(../images/mojo_location_1.jpg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover
}

.timeline-img-lt.timeline-2,.timeline-img-lt.timeline-3 {
    background-image: url(../images/sdvosb_logo.svg)
}

.timeline-img-lt.timeline-3 {
    background-image: url(../images/mojo_rocket_icon.svg)
}

.timeline-date {
    color: var(--dark-orange);
    text-align: right;
    font-size: 37px;
    font-style: italic;
    font-weight: 100;
    line-height: 1;
    position: absolute;
    top: 50px;
    bottom: auto;
    left: auto;
    right: 50px
}

.placeholder-img {
    border-radius: 20px
}

.news-menu {
    z-index: 3;
    background-color: var(--midnight-blue);
    justify-content: flex-start;
    align-items: center;
    padding: 1em 17vw;
    display: flex;
    position: -webkit-sticky;
    position: sticky;
    top: 148px
}

.news-tab-link {
    color: #fff;
    background-color: transparent;
    padding: 0;
    font-size: 25px;
    font-style: italic;
    transition: color .3s;
    display: flex
}

.news-tab-link:hover {
    color: var(--dark-orange)
}

.news-tab-link.w--current {
    color: var(--dark-orange);
    background-color: transparent
}

.news-category-title {
    text-transform: uppercase;
    font-size: 37px;
    font-style: italic
}

.news-img {
    width: 100%;
    height: 40vh;
    object-fit: cover;
    border-radius: 20px;
    margin-top: .75em;
    margin-bottom: .75em;
    box-shadow: 0 0 20px rgba(0,0,0,.2)
}

.news-img.thumb {
    height: 25vh
}

.news-tabs-content {
    padding: 3em 17vw
}

.news-item {
    text-align: left;
    flex-direction: column;
    align-items: flex-start;
    margin-top: .75em;
    margin-bottom: .75em;
    display: flex
}

.news-featured {
    margin-bottom: 3em
}

.news-half-item {
    width: 48%
}

.news-quarter-item {
    width: 24%
}

.news-three-quarter-item {
    width: 72%
}

.sidebar-section {
    flex-direction: column;
    align-items: flex-start;
    margin-bottom: 2em;
    display: flex
}

.sidebar-link {
    color: var(--midnight-blue);
    background-color: transparent;
    padding: 3px 0;
    font-style: italic;
    transition: color .3s
}

.sidebar-link:hover {
    color: var(--dark-orange)
}

.sidebar-link.w--current {
    color: var(--dark-orange);
    background-color: transparent
}

.sidebar-heading {
    margin-bottom: 5px
}

.news-sidebar {
    width: 24%;
    padding-left: 2vw;
    position: -webkit-sticky;
    position: sticky;
    top: 250px
}

.share-icons-section {
    text-align: left;
    align-items: center;
    display: flex
}

.service-container {
    margin-bottom: 6em
}

.service-container.last {
    margin-bottom: 0
}

.contact-form-block {
    width: 50%;
    text-align: left;
    margin-top: 3em
}

.form-row {
    text-align: left;
    margin-bottom: 2em
}

.form-field {
    height: 50px;
    color: var(--midnight-blue);
    border-radius: 50px;
    padding-left: 20px;
    padding-right: 20px;
    font-size: 20px
}

.form-field:focus,.textarea:focus {
    border: 2px solid var(--dark-orange)
}

.field-label {
    opacity: .8;
    font-style: italic;
    font-weight: 300
}

.required {
    color: var(--dark-orange)
}

.textarea {
    min-height: 120px;
    color: var(--midnight-blue);
    border-radius: 25px;
    padding-left: 20px;
    padding-right: 20px;
    font-size: 21px
}

.subscribe-success-message,.success-message {
    color: var(--dark-orange);
    background-color: transparent;
    font-style: italic
}

.subscribe-success-message {
    text-align: left;
    padding-left: 0;
    font-size: 23px
}

.success-message {
    font-size: 26px;
    font-weight: 700
}

.numbered-list {
    list-style-type: decimal
}

.tabs-content {
    overflow: visible
}

.results-graph {
    width: 100%;
    justify-content: space-between;
    align-items: flex-end;
    display: flex;
    position: relative
}

.result-content {
    width: 25%;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    margin-top: .75em;
    margin-bottom: .75em;
    padding-left: 20px;
    padding-right: 20px;
    display: flex
}

.results-stats {
    width: 100%;
    justify-content: space-between;
    align-items: flex-start;
    display: flex
}

.m-overflow {
    width: 100vw;
    overflow: hidden
}

.invoice-information {
    border-bottom: 1px dashed rgba(255,158,24,.7);
    margin-bottom: 3.5em;
    padding-bottom: 2em
}

.square-tile-container {
    width: 100%;
    border-radius: 20px;
    padding-top: 100%;
    position: relative;
    overflow: hidden;
    box-shadow: 0 0 20px rgba(0,0,0,.2)
}

.p-full-item {
    width: 100%;
    margin-top: .75em;
    margin-bottom: .75em
}

.feat-work-img {
    width: 100%;
    padding-left: 5vw;
    padding-right: 5vw
}

.video-testimonial {
    margin-top: 3em;
    margin-bottom: 6em;
    padding-left: 80px;
    padding-right: 80px
}

.quote-abs {
    width: 80px;
    margin-top: 10px;
    position: absolute;
    top: 0;
    bottom: auto;
    left: 0;
    right: auto
}

.hero-gradient-industries {
    width: 100%;
    height: 100%;
    background-image: linear-gradient(to right,#fff,transparent 60%),linear-gradient(transparent 40%,#fff);
    position: relative
}

.heading-industries {
    color: var(--dark-orange);
    margin-bottom: .75em
}

.select-field {
    height: 50px;
    color: var(--midnight-blue);
    background-color: #fff;
    border-style: none;
    border-radius: 50px;
    padding-left: 20px;
    padding-right: 20px;
    font-size: 20px;
    overflow: hidden
}

.client-logos-container {
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;
    margin-top: 2em;
    display: flex
}

.client-logo-link {
    width: 30%;
    height: 25vh;
    background-color: #fff;
    border-radius: 20px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-top: 1em;
    margin-bottom: 1em;
    margin-right: 3.333%;
    display: flex;
    box-shadow: 0 0 20px rgba(0,0,0,.07)
}

.client-logo-h {
    width: 75%;
    height: auto
}

.client-logo-stacked {
    width: auto;
    height: 50%
}

.anchor-icon {
    z-index: 2;
    height: 23px;
    position: relative
}

._404-heading {
    letter-spacing: -5px;
    font-size: 200px;
    font-style: italic
}

.logo-container {
    flex-wrap: wrap;
    align-items: center;
    margin-top: 2em;
    display: flex
}

.tech-logos {
    width: auto;
    height: 50px;
    margin-top: .75em;
    margin-bottom: .75em;
    margin-right: 40px
}

.m-icon {
    width: 30px;
    height: 30px;
    margin-right: 10px
}

.service-content-block {
    margin-top: 1.5em;
    margin-bottom: 1.5em
}

.results-icons {
    width: 115px;
    height: 115px;
    min-height: 115px;
    min-width: 115px;
    border: 3px solid rgba(255,255,255,.2);
    border-radius: 100px;
    justify-content: center;
    align-items: center;
    display: flex
}

.results-icon-img {
    width: 55px
}

.center-content {
    text-align: center
}

.bottom-margin-3 {
    margin-bottom: 3em
}

.bio-desc {
    max-width: 100%;
    min-width: 550px;
    flex: 1
}

.bio-image {
    width: 30%;
    min-height: 280px;
    min-width: 280px;
    background-image: url(../images/bio-image-michael.jpg);
    background-position: 0 0;
    background-size: cover;
    border-radius: 30px;
    flex: none;
    margin-bottom: 35px;
    padding-top: 30%;
    box-shadow: 0 0 0 10px rgba(255,255,255,.24),20px 19px 50px 20px rgba(5,8,27,.75)
}

.bio-image.big-margin-top {
    margin-top: 17em
}

.bio-h1 {
    font-size: 75px
}

.star-list {
    column-count: 2;
    align-content: flex-start;
    margin-top: 30px;
    margin-bottom: 0;
    padding-left: 0;
    list-style-type: none
}

.star-list._3-4-width {
    width: 80%
}

.star-li {
    text-align: left;
    background-image: url(../images/star-bullet.svg);
    background-position: 0 5px;
    background-repeat: no-repeat;
    background-size: 20px;
    margin-bottom: 10px;
    padding-left: 30px
}

.career-heading-row {
    align-items: center
}

.career-heading-row,.h-col-container-stretch,.trait-box {
    justify-content: space-between;
    display: flex
}

.trait-box {
    width: 30%;
    min-height: 275px;
    color: var(--midnight-blue);
    text-align: left;
    background-color: #fff;
    border-radius: 20px;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    padding: 40px;
    font-size: 25px;
    font-style: italic;
    font-weight: 500;
    line-height: 1.2
}

.mojo-benefits-icon {
    width: 300px
}

.benefit-item {
    width: 50%;
    text-align: left;
    align-items: flex-start;
    display: flex
}

.benefit-star-icon {
    width: 190px;
    margin-right: 20px
}

.benefit-row {
    margin-top: 3em;
    margin-bottom: 3em;
    display: flex
}

.benefit-row.right {
    justify-content: flex-end
}

.benefit-content {
    width: 100%
}

.star-list-wrap {
    display: flex
}

.job-listing-item {
    border-bottom: 2px dotted rgba(9,15,42,.3);
    justify-content: space-between;
    align-items: center;
    margin-top: 20px;
    margin-bottom: 20px;
    padding-bottom: 20px;
    display: flex
}

.job-listing {
    margin-right: 40px
}

.job-listing-desc {
    font-style: italic
}

.stars {
    margin-left: 40px
}

.astronaut {
    width: 100%
}

.rocket {
    width: 175px
}

.astronaut-3 {
    width: 30%
}

.back-nav-section {
    background-color: #fff;
    padding: .75em 17vw
}

.select-field-2 {
    background-color: #fff;
    border-style: none;
    overflow: hidden
}

.form-field-2,.select-field-2 {
    height: 50px;
    color: #090f2a;
    border-radius: 50px;
    padding-left: 20px;
    padding-right: 20px;
    font-size: 20px
}

.form-field-2:focus,.textarea-2:focus {
    border: 2px solid #ff9e18
}

.required-2 {
    color: #ff9e18
}

.success-message-2 {
    color: #ff9e18;
    background-color: transparent;
    font-size: 26px;
    font-style: italic
}

.textarea-2 {
    min-height: 120px;
    color: #090f2a;
    border-radius: 25px;
    padding-left: 20px;
    padding-right: 20px;
    font-size: 21px
}

.career-sbuheading {
    text-transform: uppercase;
    margin-top: 1.5em;
    font-size: 21px
}

.apply-form {
    width: 100%;
    text-align: left;
    margin-top: .75em
}

.apply-form-wrap {
    flex-wrap: wrap;
    justify-content: space-between;
    display: flex
}

.apply-form-item {
    width: 48%;
    margin-bottom: 1.5em
}

.apply-field-label,.upload-item {
    font-style: italic
}

.upload-item {
    width: 100%;
    align-items: center;
    margin-bottom: 1.5em;
    display: flex
}

.upload-icon {
    width: 50px;
    margin-right: 10px
}

.upload-link {
    color: #fff;
    align-items: center;
    margin-right: 20px;
    font-weight: 700;
    display: flex
}

.upload-link:hover {
    filter: brightness(1000%)
}

.upload-name {
    margin-left: 10px;
    font-weight: 700
}

.moon-clip {
    z-index: 1;
    width: 100%;
    position: absolute;
    top: auto;
    bottom: 0;
    left: 0;
    right: 0
}

.hero-careers-container {
    width: 100%;
    justify-content: space-between;
    align-items: center;
    display: flex
}

.hero-careers-caption {
    width: 70%
}

.upload-file-wrap {
    align-items: center;
    display: flex
}

.hero-astronaut {
    width: 30%
}

.back-link-section {
    width: 100vw;
    background-color: #fff;
    align-items: center;
    padding-top: 2em;
    padding-left: 17vw;
    padding-right: 17vw;
    display: flex;
    position: relative
}

.back-btn {
    width: 23px;
    margin-right: 10px
}

.back-link {
    color: var(--midnight-blue);
    align-items: center;
    font-size: 19px;
    font-style: italic;
    font-weight: 700;
    display: flex
}

.back-link-wrap {
    z-index: 3;
    display: inline-block;
    position: absolute
}

.bio-title {
    color: var(--dark-orange);
    margin-top: 20px;
    margin-bottom: 24px;
    font-family: Latinotype texta,sans-serif;
    font-size: 32px;
    font-style: italic;
    font-weight: 700;
    line-height: 1.1
}

.circle-link {
    width: 45px;
    height: 45px;
    border: 2px solid var(--dark-orange);
    border-radius: 50px;
    justify-content: center;
    align-items: center;
    display: flex
}

.circle-icon {
    width: 25px
}

.bio-contact-link,.linkedin-link-block {
    color: var(--white);
    align-items: center;
    display: flex
}

.bio-contact-link {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    font-size: 24px;
    font-weight: 700;
    transition: all .2s
}

.bio-contact-link:hover {
    color: var(--dark-orange)
}
.link-spacer {
    border-left: 1px solid rgba(255,255,255,.5);
    margin-left: 30px;
    padding-left: 30px;
}
.linkedin-link-block {
    align-self: stretch;
    font-weight: 900
}

.image {
    width: 45px;
    margin-right: 14px
}

.slider-block {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    background-color: #fff;
    border-radius: 12px;
    flex-flow: row;
    align-items: center;
    padding: 4rem;
    display: flex;
    position: relative
}

.slider-title {
    font-size: 60px
}

.paragraph,.slider-title {
    color: var(--midnight-blue)
}
.slider-bio-text-container > p, .slider-bio-text-container > h1, .slider-bio-text-container > h2, .slider-bio-text-container > h3 ,.slider-bio-text-container > h4, .slider-bio-text-container > h5 {
    color: var(--midnight-blue)
}

.slider-bio-text-container {
    width: 50%;
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-direction: column;
    display: flex
}

.div-block-2 {
    width: 450px;
    height: 400px;
    flex: none;
    align-self: stretch;
    margin-right: -110px
}

.slide-nav {
    display: none
}

.bio-slider {
    min-height: 350px;
    min-width: 45%;
    border-radius: 20px;
    position: absolute;
    top: auto;
    bottom: auto;
    left: auto;
    right: -4%;
    box-shadow: 20px 20px 20px 17px rgba(0,0,0,.2)
}

.slide,.slide-2 {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover
}

.slide {
    background-image: url(../images/slider-img.jpg);
    border-radius: 15px
}

.slide-2 {
    background-image: url(../images/digital_marketing_3.jpg)
}

.bio-community-block {
    text-align: center;
    flex-direction: column;
    flex: none;
    display: flex
}

.bio-orange-subtitle {
    color: var(--dark-orange);
    text-transform: uppercase;
    margin-top: 12px;
    margin-bottom: 12px;
    font-size: 24px;
    font-weight: 700
}

.community-links-holder {
    width: 100%;
    max-width: 1000px;
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    flex-direction: column;
    display: flex
}

.community-block {
    min-width: 40%;
    max-width: 45%;
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    color: var(--white);
    align-items: center;
    display: flex
}

.div-block-3 {
    width: 100px;
    height: 100px;
    background-image: url(../images/bwi-bp2.jpg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 100px;
    flex: none;
    box-shadow: 0 0 0 4px rgba(141,198,253,.5)
}

.text-block {
    font-size: 30px;
    font-weight: 700;
    line-height: 1
}

.year-span {
    font-family: Latinotype texta bookit,sans-serif;
    font-size: 24px;
    font-weight: 400
}

.bio-services-slider {
    text-align: center;
    flex-direction: column;
    flex: none;
    align-items: center;
    display: flex
}

.community-container {
    z-index: 2;
    width: 100%;
    grid-column-gap: 70px;
    grid-row-gap: 70px;
    flex-wrap: wrap;
    justify-content: center;
    display: flex;
    position: relative;
}

.community-container.float-menu-indent {
    padding-left: 4vw;
    padding-right: 4vw
}

.community-container.page-indent {
    padding-left: 1.5vw
}

.community-container.section-indent {
    margin-top: 6em
}

.community-container.neg-margin {
    margin-top: -6em
}

.community-container.top-margin {
    margin-top: 6em
}

.community-container._70-width {
    width: 70%;
    margin-left: auto;
    margin-right: auto
}

.slide-nav-2 {
    display: none
}

.services-slider {
    width: 100%;
    height: 100%;
    background-color: transparent;
    margin-top: 40px
}

.service-slider-block {
    width: 31%;
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    color: var(--white);
    flex-direction: column;
    align-items: center;
    transition: all .2s;
    display: flex
}

.service-slider-block:hover {
    color: var(--dark-orange);
    transform: scale(.96)
}

.service-img {
    width: 100%;
    background-image: url(https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg);
    background-position: 0 0;
    background-size: auto;
    border-radius: 19px;
    padding-top: 90%
}

.service-img.web-mobile-apps,.service-img.website-design {
    background-image: url(../images/website-design.png);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover
}

.service-img.web-mobile-apps {
    background-image: url(../images/web-mobile-apps.png)
}

.service-img.digital-marketing,.service-img.videography {
    background-image: url(../images/digital-marketing.png);
    background-repeat: no-repeat;
    background-size: cover
}

.service-img.videography {
    background-image: url(../images/videography.png);
    background-position: 50%
}

.service-img.branding,.service-img.gov {
    background-image: url(../images/branding.png);
    background-repeat: no-repeat;
    background-size: cover
}

.service-img.gov {
    background-image: url(../images/gov.png);
    background-position: 50%
}

.service-name {
    text-align: center;
    font-size: 37px;
    font-weight: 900;
    line-height: 1.2
}

.services-slider-container {
    justify-content: space-between;
    align-items: flex-start;
    margin-left: 50px;
    margin-right: 50px;
    display: flex
}

.services-slider-container.mobile {
    display: none
}

.community-row {
    width: 100%;
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    
    display: flex
}

.left-arrow,.right-arrow {
    width: 50px;
    bottom: 25%
}

.icon {
    width: 30px;
    margin-left: 0
}

.services-slider-arrow {
    width: 30px;
    margin-left: auto;
    margin-right: 0
}

.services-slider-arrow.left {
    margin-left: 0;
    margin-right: auto
}

.links-holder {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    flex-direction: column;
    display: flex
}

.links-holder.mobile {
    display: none
}

.badge-container {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    align-items: center;
    display: flex;
}

.w-100 {
    width: 100%;
}

@media screen and (min-width:1280px) {
    .m-section-content-bio {
        max-width: 1300px
    }

    .slider-block {
        flex-wrap: nowrap;
        padding-top: 6rem;
        padding-bottom: 6rem
    }

    .slider-bio-text-container {
        width: 53%
    }

    .bio-slider {
        min-height: 400px
    }

    .bio-community-block {
        text-align: left
    }

    .community-links-holder {
        grid-column-gap: 70px;
        grid-row-gap: 70px
    }

    .community-container {
        flex-wrap: nowrap;
        justify-content: space-between
    }

    .service-slider-block {
        transition: all .2s
    }
}

@media screen and (max-width:991px) {
    body {
        line-height: 1.3
    }

    h1 {
        font-size: 57px
    }

    h2 {
        font-size: 35px
    }

    h3,h4 {
        font-size: 27px
    }

    .h-col-container-wrap {
        width: 100%;
        text-align: left;
        justify-content: space-between;
        align-items: flex-start;
        display: flex;
        flex-direction: column;
        gap: 20px;
    }

    .p-half-item-alt {
        width: 100%;
        margin-top: 5px;
        text-align: left
    }

    .menu-container {
        height: 120px;
        padding: 25px 35px
    }

    .m-section-bio {
        padding: 2em 8vw
    }

    .m-section-bio.hero-home {
        background-image: linear-gradient(to bottom,transparent,var(--midnight-blue));
        flex-direction: column-reverse;
        justify-content: center
    }

    .m-section-bio.full-width {
        padding-left: 8vw;
        padding-right: 8vw
    }

    .m-section-bio.hero-alt-page {
        height: 20vh;
        min-height: 250px
    }

    .m-section-bio.hero-alt-page.industries {
        color: #fff
    }

    .m-section-bio.hero-about {
        height: 40vh;
        min-height: 450px
    }

    .m-section-bio.hero-transp-page {
        height: 30vh;
        min-height: 350px
    }

    .m-section-bio.hero-bio {
        padding-top: 8em
    }

    .m-section-bio.hero-careers-listing {
        height: auto;
        min-height: auto;
        margin-top: 120px;
        padding-top: 0;
        padding-bottom: 2em
    }

    .logo {
        width: 275px
    }

    .mobile-menu {
        justify-content: center;
        align-items: flex-start;
        padding-left: 8vw;
        padding-right: 8vw
    }

    .menu-link {
        display: none
    }

    .button.white {
        margin-right: 0
    }

    .button.cta-mojo {
        width: auto
    }

    .menu-icon {
        display: flex
    }

    .accent-txt {
        width: 100%;
        font-size: 22px
    }

    .accent-txt._75-width {
        width: 100%
    }

    .mojo-spin-logo {
        width: 200px;
        margin-bottom: 40px;
        display: none;
        position: relative;
        bottom: auto;
        right: auto
    }

    .nav-menu {
        margin-right: 20px
    }

    .bio-badge-row {
        width: 100%;
        margin-top: 0
    }

    .tabs-menu {
        flex-direction: column;
        align-items: stretch
    }

    .tabs-menu.left {
        padding-left: 0;
        padding-right: 0
    }

    .service-tab-link {
        background-image: none;
        background-repeat: repeat;
        background-size: auto;
        border-bottom: 1px solid rgba(255,255,255,.2);
        padding: 12px 0;
        font-size: 22px;
        font-style: normal;
        line-height: 1.1
    }

    .service-tab-container {
        height: auto;
        flex-direction: column
    }

    .service-graphic-container {
        width: 100%;
        height: 35vh;
        position: relative
    }

    .service-caption-container {
        width: 100%;
        height: auto;
        min-height: auto;
        background-color: transparent;
        margin-top: 40px;
        padding-left: 0;
        position: relative
    }

    .service-graphic {
        border-radius: 20px
    }

    .service-label {
        font-size: 18px
    }

    .link-container.white.centered {
        justify-content: flex-start
    }

    .link-container.white-to-dark {
        color: var(--midnight-blue)
    }

    .link-icon {
        width: 35px;
        height: 35px;
        min-height: 35px;
        min-width: 35px
    }

    .service-caption {
        height: auto;
        background-image: none;
        background-position: 0 0;
        background-repeat: repeat;
        padding: 0
    }

    .industries-tabs {
        flex-direction: column
    }

    .industries-tabs-menu {
        width: 100%;
        border-left-style: none;
        margin-bottom: 40px;
        margin-left: 0;
        padding-left: 0
    }

    .industries-tab-content {
        width: 100%
    }

    .industries-tab-link {
        border-bottom: 1px solid rgba(255,255,255,.2);
        padding-top: 12px;
        padding-bottom: 12px;
        font-size: 22px;
        line-height: 1.1
    }

    .heading-w-link {
        padding-left: 0;
        padding-right: 0
    }

    .heading-w-link.centered {
        justify-content: space-between
    }

    .heading-w-link.centered.heading-margin {
        margin-left: 9.5vw;
        margin-right: 9.5vw
    }

    .tile-container {
        flex-direction: column
    }

    .work-tile-link {
        margin-top: 0;
        margin-bottom: 0;
        padding-right: 0
    }

    .client-reviews-slider,.work-tile-link {
        width: 100%;
        padding-left: 0
    }

    .client-reviews-container,.client-reviews-slider {
        flex-direction: column;
        align-items: center
    }

    .google-logo-container {
        width: 100%;
        border-left-style: none;
        margin-left: 0;
        padding: 1.5em 0 0
    }

    .client-quote,.nav-dots-dark {
        text-align: center
    }

    .client-quote {
        font-size: 25px
    }

    .dark-fade-arrows {
        width: 8vw;
        height: 35vh;
        margin-top: 0
    }

    .dark-fade-arrows.left,.dark-fade-arrows.right {
        background-image: none
    }

    .slider-arrow {
        width: 13px
    }

    .full-width-slide {
        width: 100%
    }

    .tile-link {
        margin-top: 0;
        margin-bottom: 0
    }

    .menu-column {
        width: 100%;
        padding-left: 0;
        padding-right: 0
    }

    .mobile-link {
        font-size: 18px
    }

    .menu-section-label {
        padding-bottom: 4px;
        font-size: 18px
    }

    .menu-section {
        margin-top: 20px;
        margin-bottom: 20px
    }

    .mobile-menu-container {
        flex-direction: column;
        margin-top: 120px;
        margin-bottom: 120px
    }

    .tile-link-container,.tile-link-container.thumb {
        height: 35vh
    }

    .cta-logo {
        width: 175px;
        height: 175px;
        min-height: 175px;
        min-width: 175px;
        margin-bottom: 15px
    }

    .contact-caption {
        width: 100%
    }

    .footer-container {
        flex-direction: column
    }

    .footer-address-container {
        width: 100%;
        align-items: center
    }

    .footer-men-container {
        width: 100%
    }

    .social-icons-section {
        width: 100%;
        text-align: center;
        justify-content: center
    }

    .button-icon {
        width: 19px
    }

    .button-icon.white-to-dark {
        filter: invert()
    }

    .socket-container {
        text-align: center;
        flex-direction: column-reverse
    }

    .credentials-logos-container {
        margin-top: 20px
    }

    .credentials-logo {
        height: 60px;
        margin-left: 10px;
        margin-right: 10px
    }

    .copyright {
        margin-right: 0
    }

    .subscribe-form {
        width: 100%
    }

    .addres-section {
        width: 100%;
        text-align: center;
        align-items: center;
        margin-top: 20px;
        margin-bottom: 20px
    }

    .m-section-content-bio.float-menu-indent {
        padding-left: 0;
        padding-right: 0
    }

    .m-section-content-bio.page-indent {
        padding-left: 0
    }

    .m-section-content-bio.section-indent {
        margin-top: 3em
    }

    .m-section-content-bio._70-width {
        width: 100%
    }

    .bg-left-bottom,.bg-left-top {
        width: 100vw
    }

    .mobile-gradient-overlay {
        background-image: linear-gradient(to bottom,rgba(9,15,42,0),var(--midnight-blue))
    }

    .bg-right-bottom {
        width: 100vw
    }

    .float-menu-container {
        display: none
    }

    .float-menu {
        border-right-width: 0;
        flex-direction: row;
        align-items: center
    }

    .float-button {
        border-radius: 8em;
        margin-top: 0
    }

    .float-menu-section {
        flex-direction: column
    }

    .float-page-container {
        margin-left: 0
    }

    .h-col-container {
        text-align: center;
        flex-direction: column;
        align-items: center
    }

    .h-col-container.reverse {
        flex-direction: column-reverse
    }

    .p-half-item {
        width: 100%;
        text-align: left
    }

    .num-heading-container.center-align {
        justify-content: flex-start
    }

    .num-heading {
        width: auto;
        margin-right: 10px;
        font-weight: 300
    }

    .p-margin-container {
        margin-left: 0;
        margin-right: 0
    }

    .black-opacity-container {
        margin-top: .25em;
        margin-bottom: .25em;
        padding: 35px
    }

    .results-container {
        padding-left: 0;
        padding-right: 0
    }

    .bio-col-container-top {
        align-items: flex-start
    }

    .bio-col-container-top,.bio-col-container-top.reverse {
        flex-direction: column-reverse
    }

    .bio-col-container-top.container-w-arrow {
        display: none
    }

    .work-slider-half {
        width: 100%
    }

    .v-col-container {
        text-align: left;
        align-items: flex-start
    }

    .work-slider-full-mask {
        height: 45vh
    }

    .alt-page-container {
        margin-top: 120px
    }

    .hero-industries {
        width: 100vw
    }

    .service-tab-bullet {
        display: none
    }

    .service-tab-bullet.mobile-show {
        display: block
    }

    .p-third-item {
        width: 100%;
        padding-left: 0;
        padding-right: 0
    }

    .client-slider {
        margin-left: -8vw;
        margin-right: -8vw
    }

    .client-slider.section-slider {
        margin-bottom: 3em
    }

    .client-slider-link {
        width: 60px
    }

    .client-slide-holder {
        padding-left: 60px;
        padding-right: 60px
    }

    .client-slider-mask {
        margin-left: 60px;
        margin-right: 60px
    }

    .client-slide {
        width: 100%;
        padding-left: 3vw;
        padding-right: 3vw
    }

    .nav-dots {
        text-align: center
    }

    .light-fade-arrows {
        width: 8vw
    }

    .light-fade-arrows.left,.light-fade-arrows.right {
        background-image: none
    }

    .full-width-slider-mask {
        border-radius: 20px;
        /* margin-left: 8vw;
        margin-right: 8vw; */
        margin-left: 0;
        margin-right: 0;
    }

    .service-tab-link-dark {
        border-bottom: 1px solid rgba(9,15,42,.2);
        padding-top: 12px;
        padding-bottom: 12px;
        font-size: 22px;
        font-style: normal
    }

    .hero-overlay,.hero-overlay.mobile {
        display: block
    }

    .p-quarter-item,.p-three-quarter-item,.p-two-third-item {
        width: 100%
    }

    .p-quarter-item.centered {
        text-align: center
    }

    .circle-img {
        height: 45vh;
        border-radius: 20px;
        padding-top: 0
    }

    .circle-img.job-listings {
        height: 40vh
    }

    .work-slider-split {
        flex-direction: column
    }

    .work-slider-split-mask {
        height: 45vh
    }

    .heading-white-dark {
        color: var(--midnight-blue)
    }

    .work-split-half-item {
        width: 100%
    }

    .work-split-content {
        display: none
    }

    .client-review {
        align-items: center
    }

    .p-num-container {
        margin-left: 0
    }

    .mojo-spin-logo-s {
        width: 60%
    }

    .full-section-content {
        margin-left: -8vw;
        margin-right: -8vw;
        padding: 3em 8vw
    }

    .bg {
        width: 100%
    }

    .num-heading-step-container {
        width: auto;
        flex-direction: row;
        padding-right: 5px
    }

    .rt-lt-arrow-pos-container,.step-text {
        display: none
    }

    .video-icon-section {
        text-align: center;
        align-items: center;
        padding: 35px
    }

    .timeline-item-container {
        padding-top: 3em;
        padding-bottom: 3em
    }

    .timeline-item-container.left,.timeline-item-container.right {
        padding-left: 5vw;
        padding-right: 5vw
    }

    .timeline-half-item {
        width: 100%
    }

    .timeline-arrow-container {
        display: none
    }

    .timeline-img-lt,.timeline-img-rt {
        position: relative;
        right: auto
    }

    .timeline-img-lt {
        left: auto
    }

    .timeline-date {
        margin-bottom: .75em;
        position: relative;
        top: auto;
        right: auto
    }

    .news-menu {
        justify-content: center;
        margin-left: -8vw;
        margin-right: -8vw;
        padding: .7em 8vw;
        top: 120px
    }

    .news-tab-link {
        font-size: 22px
    }

    .news-img.thumb {
        height: 35vh
    }

    .news-tabs-content {
        padding-left: 0;
        padding-right: 0
    }

    .news-half-item,.news-quarter-item,.news-three-quarter-item {
        width: 100%
    }

    .news-sidebar {
        width: 100%;
        padding-left: 0
    }

    .service-container {
        margin-bottom: 0
    }

    .contact-form-block {
        width: 100%
    }

    .result-content {
        align-items: flex-start;
        padding-left: 0;
        padding-right: 35px
    }

    .feat-work-img {
        padding-left: 0
    }

    .video-testimonial {
        margin-top: 0;
        margin-bottom: 3em;
        padding-left: 0;
        padding-right: 0
    }

    .quote-abs {
        width: 70px;
        margin-top: 0;
        margin-bottom: 10px;
        position: relative
    }

    .hero-gradient-industries {
        background-image: linear-gradient(rgba(0,0,0,.5),rgba(0,0,0,.5))
    }

    .heading-industries {
        display: none
    }

    .client-logos-container {
        justify-content: space-between
    }

    .client-logo-link {
        width: 46%;
        margin-right: 0
    }

    ._404-heading {
        letter-spacing: 0;
        font-size: 105px
    }

    .results-icons {
        width: 100%
    }

    .center-content {
        text-align: left
    }

    .bottom-margin-3 {
        margin-bottom: .75em
    }

    .bio-desc {
        width: 100%;
        min-width: 0;
        text-align: left
    }

    .bio-image {
        min-height: 240px;
        min-width: 240px;
        text-align: left;
        outline-width: 6px;
        margin-bottom: 0;
        margin-right: 46px
    }

    .bio-image.big-margin-top {
        margin-top: 0
    }

    .bio-h1 {
        font-size: 57px
    }

    .star-li {
        background-position: 0 7px;
        background-size: 15px;
        margin-bottom: 5px;
        padding-left: 25px
    }

    .h-col-container-stretch {
        flex-direction: column
    }

    .trait-box {
        width: 100%;
        min-height: 200px;
        margin-top: 20px;
        margin-bottom: 20px;
        padding: 30px
    }

    .mojo-benefits-icon {
        width: 125px
    }

    .benefit-item {
        width: 100%
    }

    .benefit-star-icon {
        width: 90px
    }

    .benefit-row {
        margin-top: 3em;
        margin-bottom: 3em
    }

    .job-listing-item {
        margin-bottom: 10px
    }

    .stars {
        display: none
    }

    .rocket {
        width: 125px
    }

    .back-nav-section {
        padding-left: 8vw;
        padding-right: 8vw
    }

    .career-sbuheading {
        margin-top: 1em
    }

    .apply-form-wrap {
        flex-direction: column
    }

    .apply-form-item {
        width: 100%
    }

    .back-link-section {
        padding-left: 8vw;
        padding-right: 8vw
    }

    .bio-image-container {
        align-items: flex-end;
        display: flex
    }

    .slider-block {
        flex-direction: column;
        padding-bottom: 0
    }

    .slider-title {
        font-size: 57px
    }

    .slider-bio-text-container {
        width: 100%
    }

    .bio-slider {
        min-width: 100%;
        margin-bottom: -5rem;
        position: relative;
        top: auto;
        bottom: 0;
        left: 0;
        right: 0
    }

    .community-block {
        min-width: 44%
    }

    .text-block {
        font-size: 26px;
        line-height: 1.2
    }

    .community-container {
        padding-top: 5rem
    }

    .community-container.float-menu-indent {
        padding-left: 0;
        padding-right: 0
    }

    .community-container.page-indent {
        padding-left: 0
    }

    .community-container.section-indent {
        margin-top: 3em
    }

    .community-container._70-width {
        width: 100%
    }

    .left-arrow,.right-arrow {
        bottom: 35%
    }
}

@media screen and (max-width:767px) {
    body {
        font-size: 20px
    }

    h1 {
        font-size: 45px
    }

    .menu-container {
        height: 100px;
        padding-left: 25px;
        padding-right: 25px
    }

    .m-section-bio {
        padding-bottom: 4em
    }

    .logo {
        width: 250px
    }

    .button.nav-button {
        min-width: 170px;
        padding-top: 7px;
        padding-bottom: 7px;
        font-size: 17px
    }

    .menu-icon {
        width: 40px;
        height: 40px;
        min-height: 40px;
        min-width: 40px
    }

    .bottom-margin-1 {
        margin-bottom: 1em
    }

    .heading-span {
        display: none
    }

    .nav-menu {
        margin-right: 10px
    }

    .bio-badge-row {
        grid-column-gap: 40px;
        grid-row-gap: 40px;
        flex-direction: column;
        align-items: flex-start
    }

    .industries-tab-link,.service-tab-link {
        font-size: 20px
    }

    .client-quote {
        font-size: 18px
    }

    .footer-men-container {
        display: none
    }

    .bio-col-container-top {
        grid-column-gap: 40px;
        grid-row-gap: 40px
    }

    .v-col-container.centered {
        align-items: center
    }

    .alt-page-container {
        margin-top: 100px
    }

    .client-slide-holder {
        padding: 2em 40px
    }

    .news-menu {
        top: 100px
    }

    .news-tab-link {
        font-size: 20px
    }

    .results-graph {
        display: none
    }

    .result-content {
        width: 100%
    }

    .results-stats {
        flex-direction: column;
        align-items: center
    }

    .client-logo-link {
        height: 20vh
    }

    .bio-image {
        margin-right: 0
    }

    .star-list {
        margin-top: 20px
    }

    .trait-box {
        padding: 20px
    }

    .mojo-benefits-icon {
        width: 100px
    }

    .benefit-star-icon {
        width: 75px
    }

    .rocket {
        width: 100px
    }

    .bio-image-container {
        width: 100%;
        flex-direction: column;
        align-items: flex-start
    }

    .bio-contact-link {
        font-size: 22px
    }

    .badge-img {
        height: 100px
    }

    .linkedin-link-block {
        border-top: 1px solid rgba(255,255,255,.5);
        border-left-style: none;
        flex: none;
        margin-left: 0;
        padding-top: 30px;
        padding-left: 0;
        font-size: 24px
    }

    .slider-block {
        padding: 3rem 2.5rem
    }

    .slider-title {
        font-size: 45px
    }

    .community-links-holder {
        grid-column-gap: 30px;
        grid-row-gap: 30px;
        align-items: center
    }

    .community-block {
        min-width: 0%
    }

    .community-container {
        grid-column-gap: 40px;
        grid-row-gap: 40px;
        padding-top: 0
    }

    .services-slider {
        display: none
    }

    .service-slider-block {
        width: 46%
    }

    .service-name {
        font-size: 28px
    }

    .services-slider-container.mobile {
        width: 100%;
        grid-column-gap: 30px;
        grid-row-gap: 30px;
        justify-content: center;
        margin: 40px 0 30px;
        display: flex
    }

    .community-row {
        max-width: 400px;
        grid-column-gap: 30px;
        grid-row-gap: 30px;
        flex-direction: column;
        align-items: flex-start
    }

    .links-holder {
        display: none
    }

    .links-holder.mobile {
        margin-top: 30px;
        display: flex
    }

    .badge-container {
        width: 100%;
        flex-wrap: wrap
    }
}

@media screen and (max-width:479px) {
    h1 {
        font-size: 35px
    }

    h2 {
        font-size: 30px
    }

    .button.nav-button {
        display: none
    }

    .button.cta-mojo {
        min-width: 100%
    }

    .link-container {
        margin-top: 10px
    }

    .link-container.white.right {
        margin-left: 0
    }

    .heading-w-link {
        flex-direction: column
    }

    .heading-w-link,.heading-w-link.centered {
        align-items: flex-start
    }

    .cta-logo {
        width: 150px;
        height: 150px;
        min-height: 150px;
        min-width: 150px
    }

    .socket-links-container {
        flex-direction: column
    }

    .socket-sep {
        display: none
    }

    .num-heading-container,.results-container {
        align-items: flex-start
    }

    .num-heading-container.center-align {
        justify-content: flex-start
    }

    .black-opacity-container.results {
        background-color: transparent;
        margin-top: 0;
        margin-bottom: 0;
        padding: 0
    }

    .results-container {
        text-align: left
    }

    .service-tab-bullet.mobile-show {
        display: none
    }

    .client-slider-link {
        width: 40px
    }

    .client-slider-mask {
        margin-left: 40px;
        margin-right: 40px
    }

    .news-menu {
        flex-direction: column
    }

    .result-content {
        align-items: flex-start;
        padding-left: 0;
        padding-right: 0
    }

    .client-logo-link {
        width: 100%
    }

    ._404-heading {
        font-size: 70px
    }

    .logo-container {
        flex-direction: column;
        align-items: center
    }

    .tech-logos {
        margin-right: 0
    }

    .bio-image {
        width: 100%;
        max-width: 200px;
        min-height: 200px;
        min-width: 0
    }

    .bio-h1 {
        font-size: 47px
    }

    .star-list {
        column-count: 1
    }

    .career-heading-row {
        flex-direction: column-reverse;
        align-items: flex-start
    }

    .trait-box {
        margin-top: 15px;
        margin-bottom: 15px
    }

    .mojo-benefits-icon {
        margin-bottom: 20px
    }

    .benefit-item {
        flex-direction: column
    }

    .benefit-star-icon {
        margin-bottom: 20px;
        margin-right: 0
    }

    .job-listing-item {
        flex-direction: column;
        align-items: flex-start;
        margin-top: 25px;
        margin-bottom: 25px
    }

    .rocket {
        margin-bottom: 20px
    }

    .astronaut-3 {
        display: none
    }

    .upload-item {
        flex-direction: column;
        align-items: center
    }

    .upload-link {
        margin-bottom: 10px
    }

    .hero-careers-container,.services-slider-container.mobile {
        flex-direction: column
    }

    .hero-astronaut,.hero-careers-caption {
        width: 100%
    }

    .bio-title {
        font-size: 28px
    }

    .badge-img {
        height: 80px
    }

    .slider-title {
        font-size: 35px
    }

    .bio-slider {
        min-height: 250px
    }

    .community-block {
        grid-column-gap: 15px;
        grid-row-gap: 15px;
        flex-direction: column
    }

    .community-container,.text-block {
        text-align: center
    }

    .service-slider-block {
        width: 100%
    }

    .service-img {
        padding-top: 56%
    }

    .community-row {
        align-items: center
    }
}

@font-face {
    font-family:"Latinotype texta bookit";src:url(../fonts/Latinotype---Texta-BookIt.otf)format("opentype");font-weight:400;font-style:italic;font-display:swap
}

@font-face {
    font-family:"Latinotype texta";src:url(../fonts/Latinotype---Texta-Light.otf)format("opentype");font-weight:300;font-style:normal;font-display:swap
}

@font-face {
    font-family:"Latinotype texta";src:url(../fonts/Latinotype---Texta-MediumIt.otf)format("opentype");font-weight:500;font-style:italic;font-display:swap
}

@font-face {
    font-family:"Latinotype texta";src:url(../fonts/Latinotype---Texta-Regular.otf)format("opentype");font-weight:400;font-style:normal;font-display:swap
}

@font-face {
    font-family:"Latinotype texta";src:url(../fonts/Latinotype---Texta-LightIt.otf)format("opentype");font-weight:300;font-style:italic;font-display:swap
}

@font-face {
    font-family:"Latinotype texta";src:url(../fonts/Latinotype---Texta-Heavy.otf)format("opentype"),url(../fonts/Latinotype---Texta-Black.otf)format("opentype");font-weight:900;font-style:normal;font-display:swap
}

@font-face {
    font-family:"Latinotype texta book";src:url(../fonts/Latinotype---Texta-Book.otf)format("opentype");font-weight:400;font-style:normal;font-display:swap
}

@font-face {
    font-family:"Latinotype texta";src:url(../fonts/Latinotype---Texta-BlackIt.otf)format("opentype"),url(../fonts/Latinotype---Texta-HeavyIt.otf)format("opentype");font-weight:900;font-style:italic;font-display:swap
}

@font-face {
    font-family:"Latinotype texta";src:url(../fonts/Latinotype---Texta-Bold.otf)format("opentype");font-weight:700;font-style:normal;font-display:swap
}

@font-face {
    font-family:"Latinotype texta";src:url(../fonts/Latinotype---Texta-ThintIt.otf)format("opentype");font-weight:100;font-style:italic;font-display:swap
}

@font-face {
    font-family:"Latinotype texta";src:url(../fonts/Latinotype---Texta-BoldIt.otf)format("opentype");font-weight:700;font-style:italic;font-display:swap
}

@font-face {
    font-family:"Latinotype texta";src:url(../fonts/Latinotype---Texta-Thin.otf)format("opentype");font-weight:100;font-style:normal;font-display:swap
}

@font-face {
    font-family:"Latinotype texta";src:url(../fonts/Latinotype---Texta-Medium.otf)format("opentype");font-weight:500;font-style:normal;font-display:swap
}

@font-face {
    font-family:"Latinotype texta it";src:url(../fonts/Latinotype---Texta-It.otf)format("opentype");font-weight:400;font-style:italic;font-display:swap
}