@charset "UTF-8";

.hero-home {
    min-height: 100vh
}

.hero-body {
    display: flex;
    align-items: center
}

.h3-old-style, .hero .hero-title {
    font-size: 32px;
    line-height: normal
}

.h3-old-style {
    font-weight: 400;
    line-height: 147%;
    letter-spacing: .015em;
    color: #cdcfd2;
    margin-bottom: 36px
}

@media (min-width:768px) {
    .only-mobile {
        display: none
    }

    .wrap-awards {
        padding: 0
    }
}

@media (min-width:1024px) {
    .hero .hero-foot, .hero .hero-head {
        flex-grow: 0;
        flex-shrink: 0
    }

    .hero .navbar {
        display: flex;
        align-items: stretch;
        justify-content: space-between;
        min-height: 50px;
        transition: all 1s;
        background: 0 0
    }

    .hero .navbar-end, .hero .navbar-menu {
        justify-content: flex-end
    }

    .navbar, .navbar-end, .navbar-menu, .navbar-start {
        display: flex;
        align-items: stretch;
        justify-content: space-between
    }

    .navbar-menu {
        flex-grow: 1;
        flex-shrink: 0
    }

    .navbar-item.has-dropdown {
        align-items: stretch
    }

    .navbar-item, .navbar-link {
        display: inline-flex;
        align-items: center;
        height: 100%;
        cursor: pointer
    }
}

@media (min-width:1200px) {
    .contact-email a {
        font-size: 20px;
        font-weight: 500;
        line-height: 24px;
        letter-spacing: -.2045454532px;
        text-align: right
    }

    .contact-email, .contact-email a {
        text-decoration: none
    }

    .container-footer {
        max-width: 1134px
    }

    .hero .hero-title {
        font-size: 78px;
        line-height: 146px
    }

    .level.card-award-vertical-level {
        margin-bottom: 71px
    }

    section.cases-slider {
        padding: 70px 0
    }

    section.tell-us {
        background-size: 100% 100% !important
    }

    .tell-us-form-popup .tell-us-title {
        text-transform: unset
    }

    .tell-us-form-popup .tell-us-btn.button {
        font-weight: 600;
        font-size: 20px;
        line-height: 24px;
        text-align: center;
        letter-spacing: .396px;
        text-transform: uppercase;
        color: #262626
    }

    .tell-us {
        padding: 68px 0
    }

    .contact-popup {
        height: 585px
    }

    .top-body-title {
        padding: 68px 0 73px
    }

    .cases-slider-dots.slick-initialized .slick-slide:nth-child(n) {
        margin: 30px;
        padding: 0
    }

        .cases-slider-dots.slick-initialized .slick-slide:nth-child(n) .box {
            padding: 0
        }

    .cases-slider {
        margin: -30px
    }
}

@media screen and (min-width:1216px) {
    .container {
        max-width: 1142px;
        padding: 0
    }

    .level.level-with-right-arrow {
        margin-bottom: 82px
    }

        .level.level-with-right-arrow.our-works-level {
            margin-bottom: 64px
        }
}

@media (min-width:1408px) {
    .hero .hero-title {
        font-size: 112px;
        line-height: 146px
    }

    .container {
        max-width: 1142px
    }

        .container.container_medium, .container.copyright-container {
            max-width: 1392px
        }

    .case_float_container {
        max-width: 1298px;
        padding-left: 172px
    }

    .container.cases_slider_container {
        max-width: 1142px;
        padding: 0
    }

    .wrap-awards {
        max-width: 100%
    }

    .cases-slider-content {
        padding: 0
    }
}

@media (max-width:1920px) {
    .bottom-run-ticker {
        bottom: 17%
    }
}

@media (max-width:1550px) {
    .cases-slider .slick-prev {
        left: 0
    }

    .cases-slider .slick-next {
        right: 0
    }

    .cases-slider .slick-initialized .slick-slide {
        padding: 0 15px
    }

    .cases-slider {
        margin: 0;
        padding: 0 24px
    }

        .cases-slider .slick-slide img {
            width: 100%
        }
}

@media (max-width:1407px) {
    .tell-us-form-popup .content:after {
        background-size: 100% 100%
    }

    .cases-slider {
        margin: 0;
        padding: 0 24px
    }

        .cases-slider .slick-prev {
            left: 0
        }

        .cases-slider .slick-next {
            right: 0
        }

        .cases-slider .slick-initialized .slick-slide {
            padding: 0 15px
        }

    .level.level-left-mobile {
        align-items: start
    }
}

@media (max-width:1216px) {
    .container {
        padding: 0 24px
    }
}

@media (max-width:1200px) {
    section.tell-us {
        background: #171717 !important
    }

    section {
        padding: 64px 0
    }

        section .second_title.h-2-title {
            margin-bottom: 30px;
            font-size: 32px;
            line-height: 28px;
            letter-spacing: 0
        }

    .cases-slider {
        margin: 0;
        padding: 0 24px
    }

    .inline-svg {
        width: 100%;
        height: 342px
    }

    .section_p_0--lg, .tell-us-form-container, section.hero {
        padding: 0
    }

        .tell-us-form-container .tell-us-btn.button {
            font-weight: 600;
            font-size: 20px;
            line-height: 24px;
            text-align: center;
            letter-spacing: .396px;
            text-transform: uppercase;
            color: #262626
        }

    .tell-us-form-popup .content:after {
        background: url(/wp-content/themes/limeup-agency//build/dist/img/bg-tell-us-tablet.webp);
        background-repeat: no-repeat;
        background-size: 100% 100%
    }

    .tell-us-form-popup .tell-us-title {
        font-weight: 500;
        font-size: 44px;
        line-height: 115%;
        letter-spacing: .005em;
        text-transform: unset
    }

    .tell-us .container {
        padding: 0 16px
    }

    .cases-slider .slick-slide img {
        width: 100%
    }

    .cases-slider .slick-prev {
        left: 0
    }

    .cases-slider .slick-next {
        right: 0
    }

    .cases-slider .slick-initialized .slick-slide {
        padding: 0 15px
    }

    .level.level-with-right-arrow .arrow-bounce-works img {
        height: 40px;
        width: 54px
    }
}

@media (max-width:1024px) {
    .hero.hero-home {
        height: 100vh
    }

    .hero .hero-body {
        display: flex;
        align-items: center;
        margin: unset
    }

    .hero .hero-content {
        min-height: 400px
    }

    .card-container {
        display: block;
        width: 100%;
        height: auto;
        text-align: center;
        margin: 0 auto 60px
    }

        .card-container .left-content br, .card-container .right-content br, .card-container section .level .second_title.h-2-title br {
            display: none
        }

    .left-container, .left-content, .right-container, .right-content {
        display: block;
        width: 100%;
        height: auto;
        float: none;
        text-align: center;
        margin: 15px auto 0
    }

    .right-content {
        max-width: 90%
    }

    .footer-row {
        flex-direction: column
    }

        .footer-row .column {
            margin-bottom: 30px
        }

    .gallery-item .slick-slide img {
        max-width: 95%
    }

    .top-run-ticker {
        padding: 0 10px
    }

    .bottom-run-ticker, .top-run-ticker {
        transform: rotate(0deg) scale(1.2)
    }

    .top-body-title .title {
        margin-bottom: 0
    }

    .top-body-title {
        padding: 0
    }

    .level.level-with-right-arrow .arrow-bounce-works img {
        height: 60px;
        width: 74px
    }

    #page header section.hero {
        height: auto;
        min-height: 100vh
    }

    #page header div.hero.header-null {
        height: auto;
        min-height: 50px
    }

    .bottom-run-ticker {
        padding: 0 50px
    }
}

@media (max-width:991px) {
    .footer-col-1, .footer-col-2, .footer-col-3 {
        justify-content: flex-start;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        padding: 0 15px
    }

    .navbar-item, .navbar-link {
        padding: 0
    }

    .logo-footer {
        max-height: 46px;
        object-fit: contain
    }

    .container-awards {
        flex-direction: column;
        align-items: center;
        align-self: center;
        justify-content: center
    }

    .card-award-vertical, .half-work-card {
        width: 100%
    }

    section .level .second_title.h-2-title {
        font-size: 32px;
        line-height: initial
    }

    .level:not(.level_custom) {
        flex-direction: column;
        align-items: center;
        align-self: center;
        justify-content: center
    }

    .work-card {
        padding-left: 20px;
        padding-bottom: 20px;
        background-size: cover
    }

    section .second_title.h-2-title {
        line-height: normal
    }

    .service-card {
        height: auto
    }

    .level.our-works-level {
        margin-bottom: 10px
    }

    .button img, .slick-slide img {
        width: auto
    }

    .wrap-slider-awards {
        width: 100%
    }

    .slider.awards-slider {
        display: flex;
        flex-direction: column-reverse
    }

    .devision-box, .service-card-container .service-card .wrap-service-card {
        padding: 16px
    }

    .devision-container {
        padding: 64px 0
    }

    .devision .bottom-run-ticker {
        bottom: 0
    }

    .devision .top-run-ticker {
        top: 0
    }

    .devision-box .description {
        padding: 0
    }

    .devision-box .title {
        font-size: 32px
    }

    .service-card-container .service-card .second_title.h-2-title {
        max-width: 75%;
        font-size: 32px
    }

    .cases-slider .slick-initialized .slick-slide {
        padding: 0 15px
    }

    .cases-slider .slick-prev {
        left: 0
    }

    .cases-slider .slick-next {
        right: 0
    }

    .exited .exited-text {
        font-size: 40px;
        line-height: 60px;
        padding: 0 24px
    }

    .contact-forms-container {
        flex-direction: column
    }

    .map-point-sm {
        min-height: 117px
    }

    .hero.hero-contact {
        height: auto !important
    }

    .vertical-tabs .tab {
        width: auto !important
    }

    .level.level-with-right-arrow {
        margin-bottom: 30px
    }

    .hero .hero-content {
        padding: 106px 0 0
    }

    .flex-row .col-2 {
        max-width: 100%
    }

    .column .tab-group-flex {
        display: block
    }

    .level.level-with-right-arrow .arrow-bounce-works img {
        height: 40px;
        width: 54px
    }
}

@media (max-width:768px) {
    img {
        height: auto;
        width: initial;
        max-width: 100%
    }

    #navbarMenuHeroB, .contact-item a br, .hero-content br {
        display: none
    }

    .horizontal_scroll_box_container {
        display: flex;
        overflow-x: scroll
    }

    .fm-item:not(:last-child) {
        margin-bottom: 10px;
        width: calc(50% - 10px)
    }

    .fm-item a {
        font-size: 16px;
        font-weight: 400;
        line-height: 26px;
        letter-spacing: 0;
        text-align: left
    }

    .footer-menu {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap
    }

    .contact-item a {
        font-weight: 500;
        letter-spacing: 1px;
        color: #fff;
        font-size: 14px;
        line-height: 18px
    }

    .level.level-with-right-arrow .arrow-bounce-works img {
        height: 40px;
        width: 54px
    }

    .footer-row .column, .logo-footer {
        margin-bottom: 20px
    }

        .footer-row .column:last-child {
            margin-bottom: 0
        }

    section {
        padding: 42px 0
    }

    .inline-svg, .tell-us-form-popup .content {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        width: 100%
    }

    .tell-us-form-popup .content {
        align-self: center;
        position: relative;
        z-index: 0;
        max-width: 343px;
        height: 100%;
        text-align: center
    }

    .inline-svg {
        height: 342px
    }

    .tell-us-form-container {
        padding: 0
    }

    .tell-us-form-popup .content:after {
        background: url(/wp-content/themes/limeup-agency//build/dist/img/bg-tell-us-mobile.svg);
        background-repeat: no-repeat;
        background-size: 100% 100%
    }

    .tell-us-form-popup .tell-us-title {
        font-weight: 500;
        font-size: 44px;
        line-height: 115%;
        letter-spacing: .005em;
        text-transform: unset
    }

    .brand {
        width: 11%;
        max-width: 30px;
        top: 200px;
        right: 50%;
        height: 45px
    }

    .wide {
        width: 100%
    }

    .only-desktop-and-desktop, hr.dashed_grey_hr {
        display: none
    }

    .only-mobile {
        display: block
    }

    img.cn-img-size-auto {
        width: auto;
        height: auto;
        max-width: unset !important
    }

    .container {
        padding: 0 16px
    }

    section .second_title.h-2-title {
        font-size: 24px;
        line-height: 22px
    }

    .work-flow-card {
        border-bottom: 1px solid #3e3e3e;
        padding-bottom: 30px;
        margin-bottom: 30px
    }

        .work-flow-card img {
            max-height: 119px
        }

    .footer-col-1, .footer-col-2, .footer-col-3 {
        padding: 0
    }

    .footer-row {
        padding-top: 16px;
        padding-bottom: 20px
    }

    .contact-item:not(:last-child) {
        margin-bottom: 26px
    }

    .contact-company {
        margin-bottom: 30px
    }

        .contact-company .contact-item figure {
            justify-content: flex-start;
            max-width: 19px
        }

    .copyright {
        padding: 11px 0 16px;
        font-size: 14px;
        line-height: 24px;
        color: #d9dbe1
    }

    section .level .second_title.h-2-title {
        font-size: 24px;
        line-height: 36px;
        letter-spacing: 0
    }

    .card-title {
        margin-bottom: 10px !important
    }
}

@media (max-width:680px) {
    .slick-dots li button {
        width: 10px
    }

    .h3-old-style {
        font-size: 24px;
        line-height: 147%
    }
}

@media (max-width:550px) {
    section.our-help .second_title.h-2-title {
        text-align: center
    }

    .cta-button-section {
        padding-top: 0
    }

    .wrap-slider-awards {
        margin-top: 30px
    }

    .card-title {
        font-size: 20px
    }

    .brand {
        top: auto;
        right: 50%;
        bottom: 100px
    }

    .second_title.h-2-title.title br, .subtitle br, p.description br {
        display: none
    }

    .stoppable {
        flex-direction: column;
        max-width: inherit
    }

    .top-link {
        width: 44px;
        height: 44px;
        margin: 0 14px 14px 0
    }

        .top-link svg {
            max-width: 18px;
            max-height: 18px
        }

    section .level .second_title.h-2-title {
        font-size: 24px;
        line-height: 36px;
        letter-spacing: 0
    }

    .wireframe_cta {
        padding: 0 !important
    }

    .cta {
        padding: 42px 0 !important
    }

    .wireframe_cta .live_manager {
        margin-bottom: 29.5px !important
    }
}

@media (max-width:450px) {
    .brand {
        bottom: 50px;
        width: 11%;
        max-width: 30px;
        top: 200px;
        right: 50%;
        height: 45px
    }

    .level.level-with-right-arrow .arrow-bounce-works {
        margin-left: 15px;
        max-width: fit-content
    }

    .level .level-left {
        display: flex;
        width: 100%
    }

    section .level .second_title.h-2-title {
        width: 100%
    }

    .awards-slider .slick-slide {
        margin: 0
    }
}

@media (min-width:680px) and (max-width:991px) {
    .hero.hero-breadservices-default .hero-breadcrumbs {
        margin-top: 60px !important
    }

    .hero.hero-breadservices-default .hero-content {
        height: 100vh !important
    }
}

@media only screen and (min-device-width:768px) and (max-device-width:1150px) {
    .footer-row {
        flex-direction: column;
        padding-top: 56px;
        padding-bottom: 20px
    }

    .footer-col-1 {
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        padding: 0 15px;
        display: flex
    }

        .footer-col-1 .footer-menu ul {
            display: flex
        }

            .footer-col-1 .footer-menu ul .fm-item:not(:last-child) {
                margin-bottom: 0
            }

            .footer-col-1 .footer-menu ul .fm-item {
                margin-left: 32px
            }

                .footer-col-1 .footer-menu ul .fm-item a {
                    font-size: 16px;
                    font-weight: 400;
                    line-height: 26px;
                    letter-spacing: 0;
                    text-align: left
                }

    .logo-footer {
        vertical-align: middle;
        margin-bottom: 0
    }

    .footer-row .column:not(:last-child) {
        margin-bottom: 30px
    }

    .footer-col-2 {
        max-width: 44%;
        margin-bottom: 42px;
        min-height: 244px
    }

    .footer-col-3 {
        max-width: 46%;
        display: flex;
        flex-direction: column;
        position: absolute;
        right: 24px;
        bottom: 20px;
        margin-bottom: 0 !important;
        top: 115px
    }
}