@media (min-width: 992px) {

    body, .topbarbg {
        max-width: 1920px !important;
        margin: 0 auto;
    }
    body {
        box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
    }

}
    /*
    EXPAND ACCORDION 
    
    .card-body {
    width: 100%;
}

#bdeck.accordion-collapse.collapse.show .card-body {
    width: 80vw;
    position: absolute;
    right: 0;
    z-index: 99;
    background: #f5f4f0;
    transition: width .5s;
}
*/
    /* BEGIN quote block */
    .emp-quote {
        /*font-family: 'Termina';
    font-size: 18px;
    line-height: 36px;
    border-left: 3px solid #A1CEAD;*/
        padding: 70px 50px 0;
        background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMzFweCIgaGVpZ2h0PSIyNHB4IiB2aWV3Qm94PSIwIDAgMzEgMjQiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8dGl0bGU+4oCcPC90aXRsZT4KICAgIDxnIGlkPSJDb21wcyIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9IkNvbXAtLS1Db25zdHJ1Y3Rpb24tTGFuZGluZy1QYWdlLVIyIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMjI2LjAwMDAwMCwgLTExNDUuMDAwMDAwKSIgZmlsbD0iI0ExQ0VBRCIgZmlsbC1ydWxlPSJub256ZXJvIj4KICAgICAgICAgICAgPGcgaWQ9Ikdyb3VwLTIiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDE4NS4wMDAwMDAsIDExMzEuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICA8ZyBpZD0iR3JvdXAiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDM4LjAwMDAwMCwgMC4wMDAwMDApIj4KICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMTAuOTQ0LDM3LjI2NCBDMTQuODMyLDM3LjI2NCAxNy42NCwzNC42IDE3LjY0LDMxLjI4OCBDMTcuNjQsMjcuNzYgMTQuODMyLDI1LjI0IDExLjM3NiwyNS4yNCBDMTAuNTEyLDI1LjI0IDkuOTM2LDI1LjM4NCA5LjY0OCwyNS42NzIgQzEwLjM2OCwyMi41NzYgMTIuMzEyLDIwLjIgMTUuNjI0LDE3LjI0OCBMMTMuMTA0LDE0LjA4IEM2LjkxMiwxOC4yNTYgMy44ODgsMjUuMDI0IDMuODg4LDI5Ljg0OCBDMy44ODgsMzMuOTUyIDYuNjI0LDM3LjI2NCAxMC45NDQsMzcuMjY0IFogTTI2Ljg1NiwzNy4yNjQgQzMwLjc0NCwzNy4yNjQgMzMuNTUyLDM0LjYgMzMuNTUyLDMxLjI4OCBDMzMuNTUyLDI3Ljc2IDMwLjc0NCwyNS4yNCAyNy4yODgsMjUuMjQgQzI2LjQyNCwyNS4yNCAyNS44NDgsMjUuMzg0IDI1LjU2LDI1LjY3MiBDMjYuMjgsMjIuNTc2IDI4LjIyNCwyMC4yIDMxLjUzNiwxNy4yNDggTDI5LjAxNiwxNC4wOCBDMjIuODI0LDE4LjI1NiAxOS44LDI1LjAyNCAxOS44LDI5Ljg0OCBDMTkuOCwzMy45NTIgMjIuNTM2LDM3LjI2NCAyNi44NTYsMzcuMjY0IFoiIGlkPSLigJwiPjwvcGF0aD4KICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgPC9nPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+) no-repeat 20px top;
        background-size: 60px auto;
        /*margin: 0 0 40px;
    font-weight: bold;*/
    }

        .emp-quote cite {
            position: relative;
            right: 0;
        }
    /* END quote block */


    a {
        text-decoration: none !important;
    }

    .text-black {
        color: #000000;
    }

    .display-6 {
        font-size: 1.5em;
        font-weight: 500;
    }

    .display-5 {
        font-weight: 600;
    }

    .display-4 {
        font-size: 2.3em;
        font-weight: 600;
    }

    /*  BEGIN About page  fluid-text  */

    .img-caption {
        font-family: "Termina";
        text-align: center;
        font-weight: 500;
        margin-top: .5em;
        height: 1em;
    }

    .fluid-text {
        font-size: 5vw;
    }

    @media (min-width: 1700px) {
        .fluid-text {
            font-size: 3.5vw;
        }
    }

    @media (min-width: 2500px) {
        .fluid-text {
            font-size: 3vw;
        }
    }

    /*  END About page fluid-text  */



    /*  BEGIN Design Tools style    */

    #design-tools .accordion-button {
        font-size: 1.1em;
        color: #213b34;
    }

    #design-tools .accordion-item {
        border-bottom: 2px solid #213b34;
        border-radius: 0;
    }

    #design-tools .accordion-body {
        padding: 0.5em 5em 1.5em;
        max-width: 1100px;
    }




    /*  END Design Tools style    */
    /*  TEMP    TEMP    TEMP    TEMP    */
    .fpo {
        position: relative;
    }

        .fpo::after {
            content: "FPO";
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            z-index: 999;
            font-size: 4em;
            color: blue;
        }
    /*  TEMP    TEMP    TEMP    TEMP    */

    .link-img .overlay, link-img .over-text {
        opacity: 0;
        transition: 250ms ease-in-out;
    }

    .link-img:hover .overlay, .over-text {
        opacity: 1;
    }



    /*  BEGIN Offcanvas vert align  */
    .offcanvas {
        width: 500px !important;
        max-width: 100% !important;
    }

    /*.containeroff {
        position: relative;
        top: 50%;
        transform: translate(0, -50%);
    }*/

    .offcanvas-title {
        font-size: 1.3em;
    }

    .offcanvas-body .vwht-btn {
        font-size: 1em;
    }
    /*  END Offcanvas vert align  */

    /*  BEGIN spotlight carousel    */
    #spotlight-carousel .slide-overlay {
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        background: rgba(0,0,0,0.5);
        transition: 750ms ease-in-out;
    }

    #spotlight-carousel:hover .slide-overlay {
        background: rgba(0,0,0,0.5);
    }


    #spotlight-carousel .slidecol {
        padding: 2em;
        border-radius: 1em;
        background: rgba(0,0,0,0.0);
        transition: 750ms ease-in-out;
    }

    #spotlight-carousel:hover .slidecol {
        background: rgba(0,0,0,0.3);
    }
    /*  END spotlight carousel  */


    /*??????????????*/
    /*content {
        margin-top: 32px !important;
    }*/
    /*??????????????*/


    /*  BEGIN top banner effect */

    .banner, .history-banner, .quote-banner {
        position: relative;
    }

    @media (min-width: 992px) {
        .banner {
            position: relative;
            margin-top: 3em;
        }
    }

    .banner .overlay {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0,0,0,0.5);
        /*transition: 750ms ease-in-out;*/
    }

    .history-banner .overlay {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0,0,0,0.7);
        transition: 750ms ease-in-out;
    }

    .banner:hover .overlay {
        /*background-color: rgba(0,0,0,0.5);*/
    }


    .banner .slidecol, .history-banner .slidecol, .quote-banner .slidecol {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

    /*  END top banner effect */



    /*  BEGIN employee ID   */

    .emp-over {
        position: relative;
        z-index: 99;
    }
    /*.emp-over.img-shift {
        bottom: 10px;
    }*/
    
    .emp-overlay {
        position: absolute;
        bottom: 0;
        right: 0;
    }

    .emp-info {
        line-height: .5em;
        position: absolute;
        bottom: 0;
        right: 0;
        background: #213b34;
        padding: .5em;
        /*transform: translate(-50%, 10%);
    width: 100%;*/
    }

    .cont-shift {
        position: relative;
        left: 0;
        width: 100%;
        z-index: 99;
        margin: -2em 50% 0;
        transform: translate(-50%, 0%);
    }

    .cont-shift-btn {
        position: relative;
        left: 0;
        width: 100%;
        z-index: 99;
        margin: -1em 50% 0;
        transform: translate(-50%, 0%);
    }

    .btn-shift {
        /*position: relative;
    bottom: 0;
    margin: auto;*/
    }
    /*.emp-info {
    line-height: .5em;
    position: absolute;
    bottom: 2%;
    left: 50%;
    transform: translate(-50%, 10%);
    width: 100%;
}*/
    /*  END employee ID   */
    /*  BEGIN designation accordion fix     */
    #designation-accordion button {
        padding: 0 2em 0 0;
    }
    /*  END designation accordion fix     */