.learnMore,
.learnMore p {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

    .learnMore br {
        display: none;
    }

.learnMore {
    font-size: 100%;
    background-color: #fff;
    font-family: 'Rubik', sans-serif;
}

    .learnMore p {
        line-height: 2em;
        font-weight: 500;
        color: #3d1a6f !important;
    }

        .learnMore p strong {
            position: relative;
            overflow: hidden;
            height: 2em;
        }

            .learnMore p strong:hover span {
                -webkit-animation-play-state: paused;
                animation-play-state: paused;
            }

            .learnMore p strong span {
                display: block;
                position: relative;
                top: 0;
                left: 0;
                text-decoration: none;
                -webkit-transition: all .25s ease-in-out;
                -o-transition: all .25s ease-in-out;
                transition: all .25s ease-in-out;
                padding: 0 6px;
                margin-left: 6px;
                -webkit-animation: topToBottom 10s ease-in-out infinite;
                animation: topToBottom 10s ease-in-out infinite;
                -webkit-animation-delay: 1s;
                animation-delay: 1s;
            }



@-webkit-keyframes topToBottom {
    0% {
        top: 0px;
    }

    30% {
        top: -2em;
    }

    50% {
        top: -4em;
    }

    70% {
        top: -6em;
    }
}

@keyframes topToBottom {
    0% {
        top: 0px;
    }

    30% {
        top: -2em;
    }

    50% {
        top: -4em;
    }

    70% {
        top: -6em;
    }
}

/* End */


@media (min-width: 30px) {
    .learnMore p {
        margin-top: 50px;
        padding-bottom: 200px;
        height: 2em;
        font-size: 1.5rem;
    }
}
@media (min-width: 780px) {
    .learnMore p {
        margin-top: 100px;
        height: 3em;
        font-size: 3rem;
    }
}
@media (min-width: 998px) {
    .learnMore p {
        margin-top: 50px;
        height: 4em;
        font-size: 4rem;
    }
}

    .nextend-bullet-bar {
        top: 48px !important;
        position: relative;
    }


    .et_overlay::before {
        content: "" !important;
        font-family: 'Rubik' !important;
        font-weight: 600;
        color: #FFF;
        font-size: 16px;
        margin: -26px 0 0 -52px;
    }

    .mobile_nav ul#mobile_menu {
        height: 0vh !important;
    }

    .mobile_nav.closed ul#mobile_menu {
        display: block !important;
        z-index: -999 !important;
        visibility: hidden !important;
        opacity: 0 !important;
        cursor: none;
        pointer-events: none;
        height: 0% !important;
        -webkit-transition: opacity .7s linear, height 0.3s linear;
        -o-transition: opacity .7s linear, height 0.3s linear;
        transition: opacity .7s linear, height 0.3s linear;
    }

        .mobile_nav.closed ul#mobile_menu:after {
            opacity: 0 !important;
            height: 0%;
            -webkit-transition: opacity 0.7s, height 0.3s;
            -o-transition: opacity 0.7s, height 0.3s;
            transition: opacity 0.7s, height 0.3s;
        }

    .mobile_nav.opened ul#mobile_menu {
        height: 100vh !important;
        padding-top: 30px !important;
        padding-bottom: 30px !important;
        -webkit-transition: opacity .7s linear, height 0.3s linear;
        -o-transition: opacity .7s linear, height 0.3s linear;
        transition: opacity .7s linear, height 0.3s linear;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        display: flex !important;
        -webkit-box-align: center !important;
        -ms-flex-align: center !important;
        align-items: center !important;
        -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
        justify-content: center !important;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

        .mobile_nav.opened ul#mobile_menu:after {
            opacity: 1 !important;
            height: 100vh;
            -webkit-transition: opacity .7s linear, height 0.3s linear;
            -o-transition: opacity .7s linear, height 0.3s linear;
            transition: opacity .7s linear, height 0.3s linear;
        }

    .et_pb_portfolio .et_pb_portfolio_item span.et_overlay {
        background: rgb(237 23 76 / 88%);
        border-top-left-radius: 15px;
        border-top-right-radius: 15px;
        border: 0;
        height: 0%;
    }

    .et_pb_portfolio .et_pb_portfolio_item:hover span.et_overlay {
        height: 100%;
    }

    .et_pb_portfolio .et_pb_portfolio_item:nth-child(2n) span.et_overlay {
        background: rgb(253 185 19 / 88%);
    }

    .et_pb_portfolio .et_pb_portfolio_item:nth-child(3n) span.et_overlay {
        background: rgb(125 29 97 / 88%);
    }

    #et-boc .et_pb_portfolio_filters a {
        font-weight: 700 !important;
        font-family: 'Rubik'
    }

    #et-boc .et_pb_portfolio_filters.clearfix ul li:first-child a {
        margin-left: 0 !Important
    }

    .et_pb_portofolio_pagination {
        border-width: 0px !important;
    }

    #et-boc .post-meta > a {
        text-transform: uppercase;
        padding: 3px 10px !important;
        margin-right: 3px;
        margin-bottom: 6px;
        font-size: 0.9em !important;
        font-weight: 900 !important;
    }

    #et-boc .et_pb_portfolio_filters.clearfix ul li:nth-child(2n) a,
    a.b2b,
    a.consumer,
    a.not-for-profit,
    #et-boc .et_pb_portfolio_filters.clearfix ul li:nth-child(3n) a, #et-boc .et_pb_portfolio_filters.clearfix ul li:nth-child(n) a {
        border-radius: 50px !important;
        margin-bottom: 20px;
        display: inline-block;
        font-weight: 600;
        margin-right: 10px;
        margin-left: 0px;
        padding: 15px 20px !important
    }

    #et-boc .et_pb_portfolio_filters.clearfix ul li:nth-child(n) a {
        border: 2px solid #fdb913;
        color: #fdb913 !important
    }

        #et-boc .et_pb_portfolio_filters.clearfix ul li:nth-child(n) a:hover {
            color: #fff !important;
            background: #fdb913
        }

    #et-boc .et_pb_portfolio_filters.clearfix ul li:nth-child(2n) a {
        border: 2px solid #ed174c;
        color: #ed174c !important
    }

        #et-boc .et_pb_portfolio_filters.clearfix ul li:nth-child(2n) a:hover {
            color: #fff !important;
            background: #ed174c
        }

    #et-boc .et_pb_portfolio_filters.clearfix ul li:nth-child(3n) a {
        border: 2px solid #7d1d61;
        color: #7d1d61 !important
    }

        #et-boc .et_pb_portfolio_filters.clearfix ul li:nth-child(3n) a:hover {
            color: #fff !important;
            background: #7d1d61
        }

.workbrand {
    color: #fff !important;
    border-radius: 50px;
    font-weight: 500;
    text-align: center;
    background: #ed174c;
    padding: 7px 7px !important;
    min-width: 105px !important;
}

    .workbrand:hover {
        color: #fff !important;
    }

.workb2b {
    background: #7d1d61;
    color: #fff !important;
    border-radius: 50px;
    font-weight: 500;
    text-align: center;
    padding: 7px 7px !important;
    min-width: 105px !important;
}

    .workb2b:hover {
        color: #FFF !important;
    }

.worknfp {
    background: #3d1a6f;
    color: #fff !important;
    border-radius: 50px;
    font-weight: 500;
    text-align: center;
    padding: 7px 7px !important;
    min-width: 105px !important;
}

    .worknfp:hover {
        color: #FFF !important;
    }





    @media (min-width:981px) {
        #page-container .et-fixed-header#main-header {
            -webkit-box-shadow: 1px -5px 13px #3e3e3e91 !important;
            box-shadow: 1px -5px 13px #3e3e3e91 !important;
        }

        #et-top-navigation .mob {
            display: none !important
        }
    }

    #mobile_menu .sub-menu {
        padding-left: 0 !important
    }

    ul#mobile_menu .menu-item-has-children > a {
        padding: 10px 5% !important
    }

    @media (max-width:980px) {
        li.mob a {
            text-transform: uppercase;
            vertical-align: middle;
            padding: 10px 15px;
            margin-left: 10px;
            font-weight: 700;
            border: 2px solid #fff;
            border-radius: 50px;
            width: auto !important;
            display: inline-block !important;
            margin-top: 15px
        }

        .et_mobile_menu {
            border-top-width: 0
        }

        #client-login {
            display: none !important
        }

        .home .et_pb_section_2.pegasus-blurb15 .et_pb_blurb {
            height: 100vw !important;
            width: 100vw !important
        }

        .home #et-boc .et_pb_circle_counter {
            margin-left: auto !important;
            margin-right: auto !important
        }
    }

    .home .video-popup {
        left: 50%;
        -webkit-transform: translate(-50%,-50%) !important;
        -ms-transform: translate(-50%,-50%) !important;
        transform: translate(-50%,-50%) !important;
        top: calc(50% - 20px) !important
    }

    .pegasus-blurb15 .et_pb_blurb .et_pb_image_wrap {
        max-width: 55% !important
    }

    .pegasus-blurb15 .et_pb_column .et_pb_blurb_container {
        margin-bottom: 5px;
        margin-top: auto !important
    }

    .padlock {
        color: #7d1d61
    }

    .padlock, .telephone {
        position: relative;
        text-transform: uppercase;
        vertical-align: middle;
        padding: 10px 15px;
        margin-left: 10px;
        font-weight: 700;
        border: 2px solid #fff;
        border-radius: 50px
    }

        .telephone, .telephone:before {
            color: #ed174c
        }

    .home .logo_container img#logo.white, aside#client-login a {
        display: inline-block
    }

    aside#client-login {
        margin-left: auto
    }

    .et_pb_section.et_pb_section_2.pegasus-blurb15 > div {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch
    }


    .et_pb_section.et_pb_section_2.pegasus-blurb15 .et_pb_column {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

        .et_pb_section.et_pb_section_2.pegasus-blurb15 .et_pb_column .et_pb_blurb {
            width: 100%
        }

    .pegasus-blurb15 .et_pb_blurb .et_pb_blurb_content {
        height: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .pegasus_portfolio_4 .type-project:hover .portfolio_content:after {
        font-family: 'Rubik' !important;
        color: #7d1d61 !important;
        font-weight: 600 !important
    }

    .et_pb_portfolio_items img {
        border-top-right-radius: 15px;
        border-top-left-radius: 15px;
        min-height: 330px;
        -o-object-fit: cover;
        object-fit: cover;
        width: 100% !important;
        height: auto;
    }

    .et_pb_portfolio .et_pb_portfolio_item {
        width: 100% !important;
        margin-right: 0% !important;
        background: #FFF;
        padding: 0 0 1% 0 !important;
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        border-radius: 15px;
    }

    @media only screen and (max-width:767px) {
        .btnpink, .btnpurple, .btnyellow {
            text-align: center;
            width: 100%;
            max-width: 100%;
            margin-left: 0;
            margin-right: 0;
        }

        .et_pb_portfolio .et_pb_portfolio_item {
            width: 100% !important;
        }
    }


    @media only screen and (min-width:768px) and (max-width:980px) {
        .et_pb_portfolio .et_pb_portfolio_item {
            width: 47.5% !important;
            margin-right: 0% !important;
            margin-left: 5% !important;
            margin-bottom: 5% !important;
        }

        .et_pb_portfolio_items .et_pb_portfolio_item:nth-child(odd) {
            margin-right: 0% !important;
            margin-left: 0% !important;
        }
    }


    @media only screen and (min-width: 981px) {
        .et_pb_portfolio .et_pb_portfolio_item {
            width: 31.65% !important;
            margin-right: 0% !important;
            margin-left: 2.5% !important;
            margin-bottom: 3.5% !important;
        }

            .et_pb_portfolio .et_pb_portfolio_item:first-child,
            .et_pb_portfolio .et_pb_portfolio_item:nth-child(3n+1) {
                margin-left: 0% !important;
            }
    }

    .et_pb_portfolio h2.et_pb_module_header {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        margin: 0 !important;
        font-weight: bold !important;
        line-height: 1.3;
        margin: auto 0 !important;
    }

    .et_pb_portfolio p.post-meta {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
    }

    .et_pb_portfolio h2.et_pb_module_header,
    .et_pb_portfolio p.post-meta {
        padding: 3% 10% !important;
    }

    .et_pb_portfolio h2.et_pb_module_header {
        padding-top: 0 !important;
    }

    .et_pb_portfolio_items {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

span.et_portfolio_image {
    width: 100%;
    height: 100%;
}




    /* MAIN sTYLE DIFF*/


    /* Project Post Type */
    .single-project #left-area {
        padding-bottom: 50px;
    }

    .et_main_title {
        padding-bottom: 12px;
    }

        .et_main_title h1 {
            display: inline-block;
            padding-right: 2px;
        }

        .et_main_title .et_project_categories {
            font-size: 14px;
        }

            .et_main_title .et_project_categories a {
                text-decoration: none;
                color: #666;
            }

    .project .entry-content {
        padding-top: 30px;
    }

    .et_project_meta_title {
        display: block;
        font-weight: 700;
        color: #333;
    }

    .et_project_meta {
        margin: 23px 0 14px;
        border-top: 1px solid #e2e2e2;
        padding: 15px 0 39px;
        border-bottom: 1px solid #e2e2e2;
    }

        .et_project_meta p {
            padding-bottom: 15px;
        }

            .et_project_meta p a {
                text-decoration: none;
                color: #666;
            }



    .et_shop_image, .et_portfolio_image {
        position: relative;
        display: block;
    }