body {
        font-family: "Work Sans", sans-serif;
        font-display: swap;
        font-weight: 400;
        font-size: 1.125rem;

        background-color: #FEFEFE;
        color: #1D1E1E;
    }

    /*SOLID BACKGROUNDS*/
    .primary-bkgrd {
        background-color: #2D5A72;
        color: #FEFEFE;
    }
    .primary-bkgrd h2,
    .primary-bkgrd h3,
    .primary-bkgrd > p,
    .primary-bkgrd label {
        color: #FEFEFE;
    }

    .white-bkgrd {
        background-color: #FEFEFE;
    }

    .dark-bkgrd {
        background-color: #1D1E1E;
        color: #FEFEFE;
    }
    .dark-bkgrd > h2,
    .dark-bkgrd > h3,
    .dark-bkgrd > p,
    .dark-bkgrd label {
        color: #FEFEFE;
    }

    .darkgray-bkgrd {
        background-color: #3D3D3E;
        color: #FEFEFE;
    }
    .darkgray-bkgrd h2,
    .darkgray-bkgrd h3,
    .darkgray-bkgrd > p,
    .darkgray-bkgrd label {
        color: #FEFEFE;
    }
    .midgray-bkgrd {
        background-color: #adadad;
        color: #FEFEFE;
    }
    .midgray-bkgrd h2,
    .midgray-bkgrd h3,
    .midgray-bkgrd p,
    .midgray-bkgrd label { }
    .gray-bkgrd {
        background-color: #D6D6D6;
        color: #1D1E1E;
    }
    .gray-bkgrd h2,
    .gray-bkgrd h3,
    .gray-bkgrd p,
    .gray-bkgrd label {
        color: #1D1E1E;
    }

    .lightgray-bkgrd {
        background-color: #F0F0EF;
        color: #1D1E1E;
    }

    .lightgray-bkgrd h2,
    .lightgray-bkgrd h3,
    .lightgray-bkgrd p,
    .lightgray-bkgrd label {
        color: #1D1E1E;
    }
    .white-bkgrd.rgba85 {
        background-color: rgba(  254, 254, 254, 0.85);
    }
    .white-bkgrd.rgba98 {
        background-color: rgba(  254, 254, 254, 0.98);
    }

    /*OTHER BACKGROUNDS*/
    .primary-lt-bkgrd {
        background-color: #5095BA;
        color: #1D1E1E;
    }
    .primary-dk-bkgrd {
        background-color: #2D5A72;
        color: #FEFEFE;
    }
    .compcolor-bkgrd {
        background-color: #8F4313;
    }
    .compcolor-bkgrd h2{
            }

    .compcolor2-bkgrd {
            }

    .gradient-row {}
    .gradient-bkgrd-dtop {
        background: #3D3D3E;
        background: -webkit-linear-gradient(top, #3D3D3E,#adadad 95%);
        background: -moz-linear-gradient(top, #3D3D3E,#adadad 95%);
        background: linear-gradient(to bottom, #3D3D3E 2.9375rem,#adadad 95%);
    }
    .gradient-bkgrd-dbottom {
        background: #3D3D3E;
        background: -webkit-linear-gradient(bottom, #3D3D3E,#adadad 95%);
        background: -moz-linear-gradient(bottom, #3D3D3E 2.9375rem,#adadad 95%);
        background: linear-gradient(to top, #3D3D3E 2.9375rem,#adadad 95%);
    }

    .gradient-bkgrd-ltop {
        background: #F0F0EF;
        background: -webkit-linear-gradient(top, #F0F0EF 2.9375rem,#FEFEFE 95%);/* Chrome10-25,Safari5.1-6 */
        background: -moz-linear-gradient(top, #F0F0EF 2.9375rem,#FEFEFE 95%); /* FF3.6-15 */
        background: linear-gradient(to bottom, #F0F0EF 2.9375rem,#FEFEFE 95%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    }
    .gradient-bkgrd-lbottom {
        background: #F0F0EF;
        background: -webkit-linear-gradient(bottom, #F0F0EF 2.9375rem,#FEFEFE 95%);
        background: -moz-linear-gradient(bottom, #F0F0EF 2.9375rem,#FEFEFE 95%);
        background: linear-gradient(to top, #F0F0EF 2.9375rem,#FEFEFE 95%);
    }

    .gradient-bkgrd-gtop {
        background: #D6D6D6;
        background: -webkit-linear-gradient(top, #D6D6D6 2.9375rem,#F0F0EF 95%);/* Chrome10-25,Safari5.1-6 */
        background: -moz-linear-gradient(top, #D6D6D6 2.9375rem,#F0F0EF 95%); /* FF3.6-15 */
        background: linear-gradient(to bottom, #D6D6D6 2.9375rem,#F0F0EF 95%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    }
    .gradient-bkgrd-gbottom {
        background: #D6D6D6;
        background: -webkit-linear-gradient(bottom, #D6D6D6 2.9375rem,#F0F0EF 95%);
        background: -moz-linear-gradient(bottom, #D6D6D6 2.9375rem,#F0F0EF 95%);
        background: linear-gradient(to top, #D6D6D6 2.9375rem,#F0F0EF 95%);
    }

    /*--- Background Conditional margins/padding ---*/

    section.white-bkgrd + section.white-bkgrd,
    section.white-bkgrd + section.white-bkgrd {
        padding-top: 0.9375rem;
        margin-top: -1.9375rem;
        border-bottom: 1px solid rgb( 173, 173, 173);
    }

    .contact-section.white-bkgrd + section.white-bkgrd {
        padding-top: 0.9375rem;
        margin-top: -6.9375rem;
    }

    section.static-grid-section.icon-section {}
    section.white-bkgrd + section.gradient-bkgrd-lbottom {
        padding-top: 0.9375rem;
        margin-top: -6.9375rem;
    }
    section.white-bkgrd + section.static-grid-section.icon-section.white-bkgrd {
        margin-top: -2.9375rem;
    }
    section.static-grid-section.icon-section + section.secondcontent-section {}
    section.white-bkgrd + section.sub-pg.hr-section.white-bkgrd {}

    section.hr-section.white-bkgrd + section.secondcontent-section.white-bkgrd {/*this works*/}
    section.hr-section{
        display: none;
    }
    section.hr-section + section.secondcontent-section {
        border-top: 1px solid rgb( 173, 173, 173);
    }
    section.hr-section.show-hr + section.secondcontent-section {
        border-top: none;
    }

    section.hr-section.white-bkgrd.show-hr {
        display: block;
        margin: -1.9375rem 0 0.9375rem;
        padding: 0px 0 2.9375rem;
    }


    /*Links / Buttons*/
    a {
        color: #509CC4;
        font-weight: 500;
    }

    .primary-bkgrd a {
        color: #d7e7ef;
    }
    .header-cta-container.primary-bkgrd a {
        color: #FEFEFE;
    }
    .header-cta-container.primary-bkgrd a i.fa-svg:before {
        background-color: #FEFEFE;
    }
    .primary-bkgrd-bkgrd #pageContent a {
        color: #d7e7ef;
    }
    .gray-bkgrd a{
        color: #509CC4 ;
    }
    .midgray-bkgrd a {
        color: #509CC4;
    }
    .lightgray-bkgrd #pageContent a {
        color: #509CC4;
    }

    a:hover, a:focus {
        color: #2F8BBB;
    }
    .primary-bkgrd a:hover,
    .primary-bkgrd a:focus {
        color: #d7e7ef;
    }

    .primary-lt-bkgrd a {
        color: #d7e7ef;
    }
    .primary-lt-bkgrd a:hover,
    .primary-lt-bkgrd a:focus {
        color: #d7e7ef;
    }
    .primary-dk-bkgrd > a {
        color: #d7e7ef;
    }
    .primary-dk-bkgrd > a:hover,
    .primary-dk-bkgrd > a:focus {
        color: #d7e7ef;
    }
    .midgray-bkgrd a:hover, .midgray-bkgrd a:focus {
    }

    a.button,
    .button {
        background-color: #509CC4;
        border: 1px solid rgba( 45, 90, 114, 0.2);
        color: #FEFEFE;
        font-weight: 600;
        font-size: 18px;
    }
    .primary-bkgrd .button {
        background-color: #d7e7ef;
        color: #24495b;
        text-decoration: none;
    }

    .button:hover, .button:focus {
        background-color: #3D3D3E;
        color: #FEFEFE;
    }

    .button.hollow {
        border: 2px solid #509CC4;
        color: #509CC4;
        background-color: transparent;
        font-weight: 600;
    }
    .primary-bkgrd .button.hollow {
        border: 2px solid #d7e7ef;
        color: #d7e7ef;
        text-decoration: none;
    }

    .button.hollow:hover, .button.hollow:focus {
        border-color: #3D3D3E;
        color: #3D3D3E;
    }

    menu .button,
    .menu > li > a.button {
        background-color: #2D5A72;
        color: #FEFEFE;
        font-weight: 600;
    }

    .menu .button:hover,
    .menu .button:focus {
        background-color: #3D3D3E;
    }

    .map-wrap {
        background: white;
    }
    .googleMap {
        -webkit-box-shadow: 0px 1px 5px 1px rgba( 29, 30, 30, 0.45);
        -moz-box-shadow: 0px 1px 5px 1px rgba( 29, 30, 30, 0.45);
        box-shadow: 0px 1px 5px 1px rgba( 29, 30, 30, 0.45);
    }
    .googleMapLink a {
        background-color: #509CC4;
        color: #FEFEFE;
        font-weight: 600;
        font-size: 14px;
        padding: 0.5rem 2rem;
        transition: background-color 0.25s ease-out, color 0.25s ease-out;
    }

    .googleMapLink a:hover {
        background-color: #3D3D3E;
        color: #FEFEFE;
    }
    .checkbox-wrap .cbx {
        position: relative;
        display: block;
        float: left;
        width: 20px;
        height: 20px;
        margin: 4px 10px 5px -30px;
        border-radius: 2.25px;
        border: 1px solid #cacaca;
        background-color: #fefefe;
        box-shadow: inset 0 1px 2px hsla(0, 0%, 4%, .1), inset 0 -1px 1px rgba(0,0,0,0.15);
        transition: all 0.15s ease;
    }
    .checkbox-wrap .cbx svg {
        position: absolute;
        top: 3px;
        left: 3px;
        fill: none;
        stroke-linecap: round;
        stroke-linejoin: round;
        stroke: #FEFEFE ;
        stroke-width: 2;
        stroke-dasharray: 17;
        stroke-dashoffset: 17;
        transform: translate3d(0, 0, 0);
    }
    .checkbox-wrap input[type="checkbox"]:checked + .cbx {
        background-color: #509CC4;
                /*#606062;*/
    }


    .primary-bkgrd .googleMapLink a {
        background-color: #d7e7ef;
        color: #d7e7ef;
    }
    .primary-bkgrd .button:hover,
    .primary-bkgrd .button:focus,
    .primary-bkgrd .googleMapLink a:hover {
        background-color: #3D3D3E;
        color: #FEFEFE;
    }

    .darkgray-bkgrd .button {
        background-color: #509CC4;
        color: #FEFEFE;
    }
    .darkgray-bkgrd .googleMapLink a,
    .dark-bkgrd .button,
    .dark-bkgrd .googleMapLink a {
        background-color: #509CC4;
        color: #FEFEFE;
    }
    .darkgray-bkgrd .button:hover,
    .darkgray-bkgrd .button:focus,
    .darkgray-bkgrd .googleMapLink a:hover,
    .dark-bkgrd .button:hover,
    .dark-bkgrd .button:focus,
    .dark-bkgrd .googleMapLink a:hover {
        background-color: #2F8BBB;
        color: #FEFEFE;
    }

    .darkgray-bkgrd .button.hollow,
    .dark-bkgrd .button.hollow {
        border-color: #5095BA;
        color: #5095BA;
        background-color: transparent;
    }

    .darkgray-bkgrd .button.hollow:hover,
    .darkgray-bkgrd .button.hollow:focus,
    .dark-bkgrd .button.hollow:hover,
    .dark-bkgrd .button.hollow:focus {
        border-color: #2F8BBB;
        color: #2F8BBB;

    }

    .more-link {
        border-top: 1px groove#D6D6D6;
    }
    .under-link {
        color: #24495b;
        font-weight: 600;
        border-bottom: 1px groove#3D3D3E;
    }

    .read-all-link {
        font-weight: 500;
    }
    .read-all-link::after {
        font-weight: 600;
    }
    .read-all-link:hover::after {}

    a.linky-title {
        color: #1D1E1E;
    }
    a.linky-title:hover {
        color: #509CC4;
    }

    footer a {
        color: #509CC4;
    }
    footer a:hover,
    footer a:focus {
        color: #2F8BBB;
    }
    footer a i.fa-svg:before {
        background-color: #509CC4;
    }
    footer a:hover i.fa-svg:before {
        background-color: #2F8BBB;
    }

    a.back-up-link {
        font-size: 3.5rem;
        color: rgba( 214, 214, 214, 0.68);
    }
    a.back-up-link:hover, a.back-up-link:focus {
        color: rgba( 45, 90, 114, 0.95);
    }

    .anchor-link {
        position: absolute;
        top: -1.5rem;
        display: inline-block;
    }

    .shadowed-div {
        -webkit-box-shadow: 1px 1px 3px 0px rgba( 29, 30, 30, 0.65);
        -moz-box-shadow: 1px 1px 3px 0px rgba( 29, 30, 30, 0.65);
        box-shadow: 1px 1px 3px 0px rgba( 29, 30, 30, 0.65);
    }
    .white-bkgrd  .shadowed-div {
        -webkit-box-shadow: 1px 1px 3px 0px rgba( 173, 173, 173, 0.65);
        -moz-box-shadow: 1px 1px 3px 0px rgba( 173, 173, 173, 0.65);
        box-shadow: 1px 1px 3px 0px rgba( 173, 173, 173, 0.65);
    }
    .lightgray-bkgrd .shadowed-div {
        -webkit-box-shadow: 1px 1px 3px 0px rgba( 173, 173, 173, 0.65);
        -moz-box-shadow: 1px 1px 3px 0px rgba( 173, 173, 173, 0.65);
        box-shadow: 1px 1px 3px 0px rgba( 173, 173, 173, 0.65);
    }
    .gray-bkgrd .shadowed-div,
    .midgray-bkgrd .shadowed-div {
        -webkit-box-shadow: 1px 1px 3px 0px rgba( 61, 61, 62, 0.65);
        -moz-box-shadow: 1px 1px 3px 0px rgba( 61, 61, 62, 0.65);
        box-shadow: 1px 1px 3px 0px rgba( 61, 61, 62, 0.65);
    }
    .darkgray-bkgrd .shadowed-div {
        -webkit-box-shadow: 1px 1px 3px 0px rgba( 29, 30, 30, 0.65);
        -moz-box-shadow: 1px 1px 3px 0px rgba( 29, 30, 30, 0.65);
        box-shadow: 1px 1px 3px 0px rgba( 29, 30, 30, 0.65);
    }

    .grid-box-col.static-card.effect-container:hover,
    .effect-container:hover {
        -webkit-box-shadow: 0px 0px 3px 1px rgba( 61, 61, 62, 0.65);
        -moz-box-shadow: 0px 0px 3px 1px rgba( 61, 61, 62, 0.65);
        box-shadow: 0px 0px 3px 1px rgba( 61, 61, 62, 0.65);
    }

    span.phone,
    span.fax {
        color: #509CC4;
        font-weight: 500;
    }
    .gray-bkgrd span.phone,
    .gray-bkgrd span.fax {
        color: #509CC4;
    }

    span.phone:hover, span.phone:focus,
    span.fax:hover,
    span.fax:focus {
        color: #2F8BBB;
    }

    .primary-bkgrd span.phone {
        color: #d7e7ef;
    }
    .primary-bkgrd span.phone:hover,
    .primary-bkgrd span.phone:focus {
        color: #d7e7ef;
    }

    h1, h2, h3, h4, h5, h6 {
        font-weight: 400;
        font-family: "Work Sans", sans-serif;
    }

    hr {
        border-bottom: 1px solid #F0F0EF;
        border-bottom: 1px solid #F0F0EF;
    }
    .lightgray-bkgrd hr {
        border-bottom: 1px solid #3D3D3E;
    }

    .dark-bkgrd .section_header {
        color: #FEFEFE;
    }

    .darkgray-bkgrd .section_header {
        color: #FEFEFE;
    }

    .gray-bkgrd .section_header {
        color: #1D1E1E;
    }
    .gray-bkgrd .section_header h2,
    .gray-bkgrd .section_header h3,
    .gray-bkgrd .section_header p,
    .gray-bkgrd .section_header label {
        color: #1D1E1E;
    }

    .lightgray-bkgrd .section_header h2,
    .lightgray-bkgrd .section_header h3,
    .lightgray-bkgrd .section_header p,
    .lightgray-bkgrd .section_header label {
        color: #1D1E1E;
    }

    .section_header h1.display-heading::after {
        border-bottom: 2px solid #D6D6D6;
        border-bottom: 2px solid transparent;
    }

    .section_header .display-heading::after,
    .section_header h2::after,
    .section_header h3::after {
        background: none;
        border-bottom: 2px solid #2D5A72;
    }
    .section_header.secondary-header h3::after {
        border-bottom: 2px solid #D6D6D6;
    }
    .darkgray-bkgrd .section_header h2::after {
        border-bottom: 2px solid #5095BA;
    }
    .primary-bkgrd .section_header h2::after {
        border-bottom: 2px solid #d7e7ef;
    }
    .primary-bkgrd .section_header.secondary-header h3::after {
        border-bottom: 2px solid #FEFEFE    }
    .gray-bkgrd .section_header.secondary-header h3::after {
        border-bottom: 2px solid #FEFEFE;
    }
    .compcolor-bkgrd .section_header h2::after {
        border-bottom: 2px solid #FEFEFE;
    }
    .compcolor-bkgrd .section_header.secondary-header h3::after {
        border-bottom: 2px solid #FEFEFE;
    }

    .sub-pg.hr-section {}

    /*------ Header CTA ------*/
    .header-cta-container { }

    .header-cta-container a {
            }
    .header-cta-container a i.fa-svg:before {
        }

    header.style-two .header-cta-container a {
        color: #3D3D3E;
    }
    header.style-two .header-cta-container a i.fa-svg:before {
        background-color: #3D3D3E;
    }

    header.style-four .header-cta-container a,
    header.style-four.split-logo1 .header-cta-container a {
        color: #509CC4;
    }
    header.style-four .header-cta-container a i.fa-svg:before,
    header.style-four.split-logo1 .header-cta-container a i.fa-svg:before {
         background-color: #509CC4;
    }
    header.style-nine .header-cta-container a {
        color: #509CC4;
    }
    header.style-nine .header-cta-container a i.fa-svg:before {
        background-color: #509CC4;
    }
    .header-cta-container a:hover,
    .header-cta-container a:focus {}

    .cta-hero,
    .cta-hero.fixed-bkgrd::before,
    .grid-section.fixed-bkgrd::before {
        background-repeat: no-repeat;
        background-position: center top;
        background-size: cover;
        -o-background-size: cover;
        -moz-background-size: cover;
        -webkit-background-size: cover;
        background-attachment: fixed;
    }
    .fixed-bkgrd {
        background: #FEFEFE;
        -moz-box-shadow: inset 0 0 8px 2px rgba(173, 173, 173, 0.47);
        -webkit-box-shadow: inset 0 0 8px 2px rgba(173, 173, 173, 0.47);
        box-shadow: inset 0 0 8px 2px rgba(173, 173, 173, 0.47);
        border-top: 1px solid #F0F0EF;
        border-bottom: 1px solid rgb( 173, 173, 173);
    }
    .fixed-bkgrd::after {
        -moz-box-shadow: inset 0 0 8px 3px rgb( 240, 240, 239, 0.17);
        -webkit-box-shadow: inset 0 0 8px 3px rgba( 240, 240, 239, 0.17);
        box-shadow: inset 0 0 8px 3px rgba( 240, 240, 239, 0.17);
    }
    .fixed-bkgrd > *{
        z-index: 500;
        position: relative;
    }

    .cta-hero.fixed-bkgrd::after,
    .cta-hero.fixed-bkgrd::before,
    .grid-section.fixed-bkgrd::after,
    .grid-section.fixed-bkgrd::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

    .grid-section.fixed-bkgrd {
        position: relative;
        min-height: 400px;
        padding-top: 5.9375rem;
        padding-bottom: 5.9375rem;
    }
    .grid-section.fixed-bkgrd.lazy::before {
        background-image: none;
        background-color: #D6D6D6;
    }
    .grid-section.fixed-bkgrd::before {
        background-image: url('/assets/theme/2020-module/img-sets/in-the-office/accentImages/slide-5.jpg ');
        background-attachment: fixed;
        background-size: cover;
    }
    .grid-section.fixed-bkgrd::after {
        background-color: rgba( 240, 240, 239, 0.7);
        mix-blend-mode: normal;
    }

    .cta-hero.fixed-bkgrd {
        position: relative;
        border-top: 1px solid #F0F0EF;
        border-bottom: 1px solid rgb( 173, 173, 173);
        padding-top: 6.9375rem;
        padding-bottom: 6.9375rem;
        background-attachment: fixed;
        min-height: 285px;
    }

    .cta-hero.fixed-bkgrd h2 {
        font-weight: 400;
        line-height: 1.125;
        color: #1D1E1E;
        color: #1D1E1E;
    }

    .cta-hero.fixed-bkgrd .button.hollow {
        border-color: #509CC4 ;
        color: #509CC4 ;
    }

    .cta-hero.fixed-bkgrd .button.hollow:hover, .cta-hero.fixed-bkgrd .button.hollow:focus {
        border-color: #509CC4;
        color: #509CC4;
    }

    .cta-hero.fixed-bkgrd::before {
        background-attachment: fixed;
        background-size: cover;
    }

    /*CTA ONE*/
    .cta-hero.cta-one {}
    .cta-hero.cta-one::before {
        background-image: url('/assets/theme/2020-module/img-sets/in-the-office/accentImages/hero-2.jpg');
    }
    .cta-hero.cta-one::after {
        background-color: rgba( 240, 240, 239, 0.7);
        mix-blend-mode: normal;
    }

    /*CTA TWO*/
    .cta-hero.cta-two.lazy::before  {
        background-image: none;
        background-color: #D6D6D6;
    }
    .cta-hero.cta-two::before {
        background-image: url('/assets/theme/2020-module/img-sets/in-the-office/accentImages/desk-filefolders.jpg');
    }
    .cta-hero.cta-two::after {
        background-color: rgba( 240, 240, 239, 0.7);
        mix-blend-mode: normal;
    }

    /*CTA THREE*/
    .cta-hero.cta-three::after {
        background-color: rgba( 240, 240, 239, 0.7);
        mix-blend-mode: normal;
    }
    .cta-hero.cta-three.lazy::before {
        background-image: none;
        background-color: #D6D6D6;
    }
    .cta-hero.cta-three::before {
        background-image: url("/assets/theme/2020-module/img-sets/in-the-office/accentImages/laptop-glasses-table.jpg");
    }

    .cta-hero.row h2 {
        line-height: 1.125;
        color: #1D1E1E;
    }
    .cta-hero.row p {
        font-weight: 400;
        color: #1D1E1E;
        font-size: 1.5rem;
    }
    @media screen and (max-width: 39.9375em) {
        .cta-hero.row h2 {
            font-size: 1.65rem;
            line-height: 1.4;
        }
        .cta-hero.row p {
            font-size: inherit;
        }
        .box-category {
            font-size: 1.65rem;
            line-height: 1.4;
        }
    }

    .testimonial-slide .next-arrow,
    .testimonial-slide .prev-arrow {
        color: rgba( 45, 90, 114, 0.75);
        color: #509CC4bf;
    }
    .testimonial-slide .next-arrow:hover,
    .testimonial-slide .prev-arrow:hover {
        color: rgba( 45, 90, 114, 0.98);
        color: #509CC4fa;
    }

    .darkgray-bkgrd .testimonial-slide .next-arrow,
    .darkgray-bkgrd .testimonial-slide .prev-arrow {
        color: #509CC4bf;
        color: #509CC4bf;
    }
    .darkgray-bkgrd .testimonial-slide .next-arrow:hover,
    .darkgray-bkgrd .testimonial-slide .prev-arrow:hover {
        color: #509CC4fa;
        color: #509CC4fa;
    }

    .primary-bkgrd .testimonial-slide .next-arrow,
    .primary-bkgrd .testimonial-slide .prev-arrow {
        color: rgba( 254, 254, 254, 0.75)    }
    .primary-bkgrd .testimonial-slide .next-arrow:hover,
    .primary-bkgrd .testimonial-slide .prev-arrow:hover {
        color: rgba( 254, 254, 254, 0.98)    }

    .testimonial-slide .testimonial-wrap {
        padding: 0.9375rem 1.9375rem;
        margin-top: 0.9375rem;
        margin-bottom: 0.375rem;
        width: 83.33333%;
        background-color: #FEFEFE;
        background-color: #FEFEFE;
        color: #1D1E1E;
        -webkit-box-shadow: 1px 1px 3px 0px rgba( 29, 30, 30, 0.65);
        -moz-box-shadow: 1px 1px 3px 0px rgba( 29, 30, 30, 0.65);
        box-shadow: 1px 1px 3px 0px rgba( 29, 30, 30, 0.65);

        -webkit-box-shadow: 1px 1px 3px 0px rgba( 29, 30, 30, 0.65);
        -moz-box-shadow: 1px 1px 3px 0px rgba( 29, 30, 30, 0.65);
        box-shadow: 1px 1px 3px 0px rgba( 29, 30, 30, 0.65);
    }

    .asymmetric-row .grid-col .testimonial-wrap h4 {
        position: relative;
    }
    .asymmetric-row .grid-col .testimonial-wrap h4::after {
        border-bottom: 2px solid #2D5A72;
        position: absolute;
        content: "";
        height: 0;
        bottom: -4px;
        margin: 0;
        left: 0;
        right: 0;
        width: 80%;
    }

    .testimonial-slide .prev-arrow {
        left: 1rem;
    }
    .testimonial-slide .next-arrow {
        right: 1rem;
    }

    @media screen and (min-width: 40em) {
        .testimonial-slide .prev-arrow {
            left: 8.33333%;
        }
        .testimonial-slide .next-arrow {
            right: 8.33333%;
        }
        .testimonial-slide .testimonial-wrap {
            width: 66.66667%;
        }
    }


    /*------ Header ------*/

    header {
        background-color: #FEFEFE;
    }
    header .header-row {
        z-index: 700;
    }
    header.split-hero .header-row {
        border-bottom: 1px solid #F0F0EF;
    }
    header.style-eight .header-row {
        border-bottom: none;
    }

    header .header-wrap {
        background-color: rgba(  254, 254, 254, 0.96) ;
        border-bottom: 1px solid #F0F0EF;
    }

    header.style-two .hero-section {}
    header.style-two .header-wrap {}

    header.style-two .header-wrap {
        border-top: 4px solid #2D5A72;
    }
    header.style-eight .header-wrap {
        background-color: transparent;
    }
    header.style-ten .header-wrap {
        background-color: #FEFEFE;
        box-shadow: 1px 0px 8px 0px rgba(#F0F0EF, 0.65);
    }
    @media screen and (min-width: 40em) {
        header.style-eight .header-wrap.large-text-block.text-box-in-block .just-nav-row,
        header.style-eight .header-wrap.large-text-block.solid .just-nav-row {
            background-color: rgba( 254, 254, 254, 0.8);
            background-color: #FEFEFE;
            box-shadow: 1px 0px 8px 0px rgba(#F0F0EF, 0.65);
        }

    }

    .logo-wrap a .logo-img {
        max-width: 400px;
        max-height: 125px;
    }

    a .logo-name,
    .logo-wrap a .logo-name {
        color: #1D1E1E;
        font-weight: 600;
        font-family: "Work Sans", sans-serif;
        font-size: 2.8125rem;
        text-transform: uppercase;
    }
    .just-logo-row .logo-wrap a .logo-name {
        color: #2D5A72;
        color: #3D3D3E;
    }
    .hero-img-spacer .just-logo-row .logo-wrap a .logo-name,
    .just-text-row .logo-wrap a .logo-name {
        color: #2D5A72;
    }
    .hero-img-spacer .just-logo-row .logo-wrap a .logo-name {
        color: #1D1E1E;
    }

    .hero-section.split-slide.solid .just-logo-row .logo-wrap a .logo-name {
        color: #FEFEFE;
    }
    .hero-section.large-text-block.solid .just-logo-row .logo-wrap a .logo-name {
        color: #1D1E1E;
    }

    .logo-wrap .logo-sub {
        font-weight: 300;
        line-height: initial;
        text-transform: capitalize;
        margin-top: 0.75rem;
    }
    .just-text-row .logo-wrap .logo-sub {}

    @media screen and (max-width: 39.9375em) {
        .just-text-row h2.logo-name {
            font-size: 35px;
        }
    }

    .logo-wrap a .logo-sub {
        color: #2D5A72;
    }
    header.style-four.unsplit .logo-wrap a .logo-sub {
        ;
    }
    header.style-four .hero-section.split-slide.zoom-overlay .logo-wrap a .logo-sub {
        color: #1D1E1E;
    }
    header.style-four.unsplit .hero-section.solid .logo-wrap a .logo-sub {
        color: #d7e7ef;
    }
    header.style-four.unsplit .hero-section.large-text-block.solid .logo-wrap a .logo-sub {
        color: #2D5A72;
    }
    header.style-four.split-logo2 .just-text-row .logo-wrap a .logo-sub {
        color: #3D3D3E;
    }

    header.style-eight.split-hero .logo-wrap a .logo-sub{
    ;
    }
    header.style-eight.split-hero .hero-section.solid .logo-wrap a .logo-sub {
        color: #d7e7ef;
    }
    header.style-four.unsplit .hero-section.large-text-block.solid .logo-wrap a .logo-sub {
        color: #2D5A72;
    }
    header.style-eight.full-slideshow .logo-wrap a .logo-sub{
        ;
    }

    header .hero-section .slide-show.row {}
    header .hero-section .slide-show.row,
    header .hero-section .singleimg-hero.row {
        border-bottom: 2px solid #F0F0EF;
    }

    header .singleimg-hero {
        position: relative;
    }
    header .singleimg-hero::before {
        display: block;
        background-image: url("/assets/theme/2020-module/img-sets/in-the-office/heroImages/busy-office-still.jpg");
        background-position: center top;
        background-repeat: no-repeat;
        background-size: cover;
        -o-background-size: cover;
        -moz-background-size: cover;
        -webkit-background-size: cover;
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        width: 100%;

    }

    /*---------- Slide show css ---------*/
    .slick-track {
        height: auto;
    }

    .hero-section .slide-show .slide-1, .hero-section .slide-show .slide-2, .hero-section .slide-show .slide-3, .hero-section .slide-show .slide-4,
    .hero-section.split-slide .slide-show .hero-img-block {
        position: relative;
    }
    .hero-section .slide-show .slide-1::before,
    .hero-section .slide-show .slide-2::before,
    .hero-section .slide-show .slide-3::before,
    .hero-section .slide-show .slide-4::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
        -o-background-size: cover;
        -moz-background-size: cover;
        -webkit-background-size: cover;
        display: block;
    }
    .full-vh-hero.left-ht .hero-section .slide-show .slide-1::before,
    .full-slideshow.left-ht .hero-section .slide-show .slide-1::before {
        background-image: url("/assets/theme/2020-module/img-sets/in-the-office/heroImages/busy-office-still.jpg");
        background-position: center top;
    }
    .full-vh-hero.right-ht .hero-section .slide-show .slide-1::before,
    .full-slideshow.right-ht .hero-section .slide-show .slide-1::before {
        background-image: url("/assets/theme/2020-module/img-sets/in-the-office/heroImages/busy-office-still.jpg");
        background-position: center top;
    }

    .full-vh-hero.left-ht .hero-section .slide-show .slide-2::before,
    .full-slideshow.left-ht .hero-section .slide-show .slide-2::before {
        background-image: url("/assets/theme/2020-module/img-sets/in-the-office/heroImages/slide-2.jpg");
        background-position: center 25%;
    }
    .full-vh-hero.right-ht .hero-section .slide-show .slide-2::before,
    .full-slideshow.right-ht .hero-section .slide-show .slide-2::before {
        background-image: url("/assets/theme/2020-module/img-sets/in-the-office/heroImages/slide-2.jpg");
        background-position: center 25%;
    }
    .full-vh-hero.left-ht .hero-section .slide-show .slide-3::before,
    .full-slideshow.left-ht .hero-section .slide-show .slide-3::before {
        background-image: url("/assets/theme/2020-module/img-sets/in-the-office/heroImages/slide-4.jpg");
        background-position: center 35%;
    }
    .full-vh-hero.right-ht .hero-section .slide-show .slide-3::before,
    .full-slideshow.right-ht .hero-section .slide-show .slide-3::before {
        background-image: url("/assets/theme/2020-module/img-sets/in-the-office/heroImages/slide-4.jpg");
        background-position: center 35%;
    }

    @media screen and (max-width: 39.9375em) {
        .hero-section .slide-show .slide-1::before {
            background-image: url("/assets/theme/2020-module/img-sets/in-the-office/mobile/busy-office-mobile.jpg");
            background-position: center top;
        }
        .hero-section .slide-show .slide-2::before {
            background-image: url("/assets/theme/2020-module/img-sets/in-the-office/heroImages/slide-2.jpg");
            background-position: center 25%;
        }
        .hero-section .slide-show .slide-3::before {
            background-image: url("/assets/theme/2020-module/img-sets/in-the-office/mobile/slide-4mobile.jpg");
            background-position: center 35%;
        }
    }

    .hero-section .slide-show .slide-video::before {
        background-image: url("/assets/theme/2020-module/img-sets/in-the-office/heroImages/busy-office-still.jpg");
    }

    .hero-section.split-slide .slide-show .slide-1::before,
    .hero-section.split-slide .slide-show .slide-2::before,
    .hero-section.split-slide .slide-show .slide-3::before,
    .hero-section.split-slide .slide-show .slide-4::before {
        background-image:none;
        position: relative;
    }
    .hero-img-block.column {
        background: #F0F0EF;
        height: 100%;
        flex: 1;
    }
    .hero-section.split-slide .slide-show .slide-1 .hero-img-block::before,
    .hero-section.split-slide .slide-show .slide-2 .hero-img-block::before,
    .hero-section.split-slide .slide-show .slide-3 .hero-img-block::before,
    .hero-section.split-slide .slide-show .slide-4 .hero-img-block::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-repeat: no-repeat;
        background-position: right center;

        background-size: cover;
        -o-background-size: cover;
        -moz-background-size: cover;
        -webkit-background-size: cover;

        display: block;
    }
    .hero-section.split-slide .slide-show .slide-1 .hero-img-block::before {
        background-image: url("/assets/theme/2020-module/img-sets/in-the-office/mobile/busy-office-mobile.jpg");
        background-position: center;
    }
    .hero-section.split-slide .slide-show .slide-2 .hero-img-block::before {
        background-image: url("/assets/theme/2020-module/img-sets/in-the-office/heroImages/slide-2.jpg");
        background-position: center;
    }
    .hero-section.split-slide .slide-show .slide-3 .hero-img-block::before {
        background-image: url("/assets/theme/2020-module/img-sets/in-the-office/mobile/slide-4mobile.jpg");
        background-position: center;
    }
    .hero-section.split-slide .slide-show .slide-4 .hero-img-block::before { }

    .darkgray-bkgrd .slick-dots li button:before {
        color: #2D5A72;
        opacity: .25;
    }

    .hero-section .optional-filter-grayscale::before {
        /*class needs to go on the parent element of .hero-img-spacer*/
        filter: grayscale(1);
    }
    .hero-section .optional-filter-saturate::before {
        filter: saturate(0.5);
    }
    .hero-section .optional-filter-blur::before {
        filter: blur(0.65px);
    }

    .darkgray-bkgrd .slick-dots li.slick-active button:before {
        color: #2D5A72;
        opacity: .75;
    }
    .hero-text h2 {
        color: #1D1E1E;
    }

    header .hero-img-spacer {
        position: relative;
    }
    header .hero-img-spacer .hero-text-block {
    }

    /*Slider Layout Option*/
    .hero-section .singleimg-hero .hero-text h2,
    .hero-section.default-slideshow .hero-text h2 {
        color: #1D1E1E;
    }

    .hero-section.large-text-block.solid .hero-img-spacer .hero-text-block {
        background-color: rgba( 254, 254, 254, 0.80);
        -webkit-backdrop-filter: blur(5px);
        backdrop-filter: blur(3px);
    }
    .hero-section.large-text-block.solid-primary .hero-img-spacer .hero-text-block {
        /*Don't appear to have solid as an option right now*/
    }
    .hero-section.large-text-block.solid .hero-img-spacer .hero-text-block .hero-text h2 {
        color: #3D3D3E;
    }
    .hero-section.large-text-block.solid .hero-text-block .hero-text h2 {
        color: #FEFEFE;
    }

    .hero-section.large-text-block.w-overlay .hero-img-spacer .hero-text-block {
        background: transparent;
        -webkit-backdrop-filter: unset;
        backdrop-filter: unset;
    }
    .hero-section.large-text-block.w-overlay .hero-img-spacer .hero-text-block::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        display: block;

        background-position: center center;
        background-repeat: no-repeat;
        background-size: cover;

        z-index: 0;
        background-image: url('/assets/theme/2020-module/img-sets/in-the-office/accentImages/desk-filefolders.jpg');
        mix-blend-mode: normal;

        -webkit-mask-image: linear-gradient(90deg, #000000 0%, #000000 25%, rgba(0,0,0,0) 85%);
        mask-image: linear-gradient(90deg, #000000 0%, #000000 25%, rgba(0,0,0,0) 85%);
        -webkit-mask-size: 100% 100%;
    }
    @media screen and (max-width: 39.9375em) {
        .hero-section.large-text-block.w-overlay .hero-img-spacer .hero-text-block::before {
            background-size: cover;
            /*-webkit-mask-image: linear-gradient(0deg, #000000 0%, rgba(0, 0, 0, 0) 65%);*/
            mask-image: linear-gradient(0deg, #000000 0%, rgba(0, 0, 0, 0) 65%);
        }
    }
    @media screen and (min-width: 40em) {
        .hero-section.large-text-block.w-overlay .hero-img-spacer .hero-text-block::before {
            /*-webkit-mask-image: linear-gradient(80deg, #000000 0%, #000000 25%, rgba(0, 0, 0, 0) 90%);*/
            mask-image: linear-gradient(80deg, #000000 0%, #000000 25%, rgba(0, 0, 0, 0) 90%);
        }
        .hero-section.large-text-block.w-overlay .hero-img-spacer.right-ht .hero-text-block::before {
            /*-webkit-mask-image: linear-gradient(-90deg, #000000 0%, #000000 25%, rgba(0, 0, 0, 0) 90%);*/
            mask-image: linear-gradient(-90deg, #000000 0%, #000000 25%, rgba(0, 0, 0, 0) 90%);
        }

        .hero-section.large-text-block.w-overlay .hero-img-spacer.centered-ht .hero-text-block::before {
            /*-webkit-mask-image: radial-gradient(ellipse 65% 185% at 50% 95%, #000000 30%, transparent 75%);*/
            mask-image: radial-gradient(ellipse 65% 185% at 50% 95%, #000000 30%, transparent 75%);
        }
    }

    .hero-section.large-text-block.w-overlay .hero-text {
        z-index: 50;
    }

    header.darkgray-bkgrd .hero-section.large-text-block .hero-img-spacer .hero-text-block {
        background-color: rgba( 29, 30, 30, 0.80);
    }

    .hero-section.large-text-block.text-box-in-block .hero-img-spacer .hero-text-block {
        background-color: rgba( 254, 254, 254, 0.65);
        -webkit-backdrop-filter: blur(3px);
        backdrop-filter: blur(3px);
    }


    .hero-section.large-text-block.text-box-in-block .hero-text .button {
        background-color: #509CC4;
        color: #FEFEFE;
    }
    .hero-section.text-box-in-block .hero-text .button:hover {
        background-color: #3D3D3E;
    }

    .hero-section.large-text-block.text-box-in-block .hero-text {
        background-color: rgba( 254, 254, 254, 0.9);
        border: 6px double #2D5A72;
        overflow: hidden;
    }
    header.darkgray-bkgrd .hero-section.large-text-block.text-box-in-block .hero-img-spacer .hero-text-block {
        background-color: rgba( 61, 61, 62, 0.65);
    }
    header.darkgray-bkgrd .hero-section.large-text-block.text-box-in-block .hero-text {
        background-color: rgba( 29, 30, 30, 0.90);
        border: 6px double #5095BA;
    }

    .hero-section.split-slide.solid .hero-img-spacer .hero-text-block {
        background-color: rgba(  45, 90, 114 , 0.98);
        /*this needs an OR for darker color-themes*/
    }
    /*just split - 6 to 9*/
    .hero-section.split-slide .hero-img-spacer .hero-text-block .hero-text .button {
    }
    /*img-overlay - 9*/
    .hero-section.split-slide.img-overlay .hero-img-spacer .hero-text-block .hero-text .button {
        /*Default a css*/
    }
    /*texture-overlay - 8*/
    .hero-section.split-slide.texture-overlay .hero-img-spacer .hero-text-block .hero-text .button {
        background-color: #d7e7ef;
        color: #24495b;
    }
    /*zoom-7*/
    .hero-section.split-slide.zoom-overlay .hero-img-spacer .hero-text-block .hero-text .button {
        /*Default a css*/
    }
    .hero-section.split-slide.zoom-overlay .hero-img-spacer .hero-text-block .hero-text .button:hover {
        background-color: #3D3D3E;
        color: #FEFEFE;
    }
    /*solid - 6*/
    .hero-section.split-slide.solid .hero-img-spacer .hero-text-block .hero-text .button {
        background-color: #d7e7ef;
        color: #24495b;
    }
    .hero-section.split-slide.solid .hero-img-spacer .hero-text-block .hero-text .button:hover {
        background-color: #3D3D3E;
        color: #FEFEFE;
    }
    .hero-section.split-slide.solid .hero-img-spacer .hero-text-block .hero-text h2 {
        color: #FEFEFE;
    }
    .hero-section.split-slide.zoom-overlay .hero-img-spacer {
        position: relative;
    }

    header.sub-pg.split-hero .hero-section.split-slide.zoom-overlay .hero-img-spacer .hero-text-block,
    .hero-section.split-slide.zoom-overlay .slide-1 .hero-img-spacer .hero-text-block,
    .hero-section.split-slide.zoom-overlay .slide-2 .hero-img-spacer .hero-text-block,
    .hero-section.split-slide.zoom-overlay .slide-3 .hero-img-spacer .hero-text-block,
    .hero-section.split-slide.zoom-overlay .slide-4 .hero-img-spacer .hero-text-block {
        background-size: 300%;
        background-repeat: no-repeat;
        background-position: center;
    }

    .hero-section.split-slide.zoom-overlay .hero-img-spacer .hero-text-block::after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba( 254, 254, 254, 0.45);
        -webkit-backdrop-filter: blur(3px);
        backdrop-filter: blur(3px);
        -moz-box-shadow: inset 3px 3px 65px rgba( 254, 254, 254, 0.8);
        -webkit-box-shadow: inset 3px 3px 65px rgba( 254, 254, 254, 0.8);
        box-shadow: inset 3px 3px 65px rgba( 254, 254, 254, 0.8);
        z-index: -1;
    }
    header.sub-pg.split-hero .hero-section.split-slide.zoom-overlay .hero-img-spacer .hero-text-block {
        background-image: url("/assets/theme/2020-module/img-sets/in-the-office/mobile/busy-office-mobile.jpg");
    }
    header.sub-pg.split-hero .hero-section.split-slide.zoom-overlay .hero-img-spacer .hero-text-block::after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;

        z-index: -1;

        -webkit-backdrop-filter: blur(6px);
        backdrop-filter: blur(6px);
        mix-blend-mode: normal;
        background-color: rgba( 254, 254, 254, 0.45);
    }
    .hero-section.split-slide.zoom-overlay .slide-1 .hero-img-spacer .hero-text-block {
        background-image: url("/assets/theme/2020-module/img-sets/in-the-office/mobile/busy-office-mobile.jpg");
        background-position: center;
    }
    .hero-section.split-slide.zoom-overlay .slide-2 .hero-img-spacer .hero-text-block {
        background-image: url("/assets/theme/2020-module/img-sets/in-the-office/heroImages/slide-2.jpg");
        background-position: center;
    }
    .hero-section.split-slide.zoom-overlay .slide-3 .hero-img-spacer .hero-text-block {
        background-image: url("/assets/theme/2020-module/img-sets/in-the-office/mobile/slide-4mobile.jpg");
        background-position: center;
    }
    .hero-section.split-slide.zoom-overlay .slide-4 .hero-img-spacer .hero-text-block { }

    header.style-four.split-logo2 .large-text-block.w-overlay .hero-text h2 {
        color: #1D1E1E;
    }

    .hero-section.split-slide .hero-img-spacer .hero-text-block .hero-text h2 {
        color: #1D1E1E;
    }


    .hero-section.split-slide .hero-img-spacer .hero-text-block::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 0;
    }
    /*texture-overlay & img-overlay*/
    .hero-section.split-slide.w-overlay .hero-img-spacer .hero-text-block::before {
        background-color: rgba(  45, 90, 114 , 0.75);
    }

    .hero-section.split-slide.img-overlay .hero-img-spacer .hero-text-block::before {
        background-color: #8fc5e2cc;
        background-blend-mode: screen;
        background-repeat: no-repeat;
    }
    .hero-section.split-slide.w-overlay.texture-overlay .hero-img-spacer .hero-text-block::after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: linear-gradient(to right, #2D5A72 0%, #3D3D3E 90%);

        background: #8fc5e2cc;
        background: -webkit-linear-gradient(top left, #8fc5e2 0%, #30789e 35%, #051e3c 90%);
                                                        background: -moz-linear-gradient(top left, #8fc5e2 0%, #30789e 35%, #051e3c 90%);
                                                        background: linear-gradient(to right, #8fc5e2 0%, #30789e 35%, #051e3c 90%);         mix-blend-mode: screen;
    }

    @media screen and (max-width: 39.9375em){
    }
    @media screen and (min-width: 40em) {
    }
    @media screen and (max-width: 63.9375em) {
        .hero-section.split-slide .hero-img-spacer .hero-text-block::before,
        .hero-section.split-slide.zoom-overlay .hero-img-spacer .hero-text-block::before,
        .hero-section.split-slide.w-overlay .hero-img-spacer .hero-text-block::before {
            -webkit-box-shadow: 6px 2px 6px 0px rgba( 29, 30, 30, 0.45);
            -moz-box-shadow: 6px 2px 6px 0px rgba( 29, 30, 30, 0.45);
            box-shadow: 6px 2px 6px 0px rgba( 29, 30, 30, 0.45);
        }
    }
    @media screen and (min-width: 64em) {
        .hero-section.split-slide.zoom-overlay .hero-img-spacer.left-ht .hero-text-block,
        .hero-section.split-slide.w-overlay .hero-img-spacer.left-ht .hero-text-block,
        .hero-section.split-slide.w-overlay .hero-img-spacer.centered-ht .hero-text-block {
            box-shadow: 0px 0px 8px 0px rgba( 29, 30, 30, 0.45);
        }

        .hero-section.split-slide.zoom-overlay .hero-img-spacer.right-ht .hero-text-block,
        .hero-section.split-slide.w-overlay .hero-img-spacer.right-ht .hero-text-block {
            box-shadow: -4px 0px 8px 0px rgba( 29, 30, 30, 0.45);
        }
    }
    @media screen and (min-width: 94em) {
        .hero-section.split-slide.w-overlay.img-overlay .hero-img-spacer .hero-text-block::before {
            background-size: cover;
            /*more testing*/
        }
    }

    header.style-one.split-logo2 .just-text-row.large-text-block.solid,
    header.style-one.split-logo2 .just-text-row.split-slide.solid,
    header.style-four.split-logo2 .just-text-row.large-text-block.text-box-in-block,
    header.style-four.split-logo2 .just-text-row.split-slide.w-overlay,
    header.style-four.split-logo2 .just-text-row.split-slide.solid,
    header.style-four.split-logo2 .just-text-row.large-text-block.solid {
        background-color: rgba( 254, 254, 254, 1);
    }
    header.style-one.split-logo2 .just-text-row,
    header.style-four.split-logo2 .just-text-row {
        border-bottom: 1px solid #F0F0EF;
    }

    @media screen and (max-width: 39.9375em) {
        header .header-wrap {
            background-color: rgba( 254, 254, 254, 1);
        }
        header .hero-img-spacer {
            background-color: rgba( 254, 254, 254, 0.85);
        }
        header .hero-section.w-overlay .hero-img-spacer {
            background-color: rgba( 254, 254, 254, 0.15);
        }
        header .hero-section.w-overlay .hero-text h2 {
            background-color: rgba( 254, 254, 254, 0.80);
            -webkit-backdrop-filter: blur(5px);
            backdrop-filter: blur(3px);
            line-height: 1.25;
        }
        header.style-nine .hero-img-spacer {}
        .hero-section.split-slide.zoom-overlay .hero-img-spacer .hero-text-block::after {
            background-color: rgba( 254, 254, 254, 0.85);
        }
        header.darkgray-bkgrd .hero-section.large-text-block.text-box-in-block .hero-img-spacer .hero-text-block,
        .hero-section.large-text-block.text-box-in-block .hero-img-spacer .hero-text-block {
            background-color: transparent;
        }

        .hero-text h2 {
            font-size: 1.75rem;
        }
        .hero-section.large-text-block.solid .hero-img-spacer .hero-text-block,
        .hero-section.large-text-block .hero-img-spacer .hero-text-block {
            background-color: transparent;
        }

        .just-logo-row.full-vh-hero .logo-wrap a .logo-texts,
        .just-logo-row.default-slideshow .logo-wrap a .logo-texts,
        .just-logo-row.w-overlay .logo-wrap a .logo-texts {
            background-color: rgba( 254, 254, 254, 0.80);
            -webkit-backdrop-filter: blur(3px);
            backdrop-filter: blur(3px);
        }

        header .just-text-row.w-overlay {
            background-color: rgba( 254, 254, 254, .60) ;
        }

        header.split-hero .just-text-row.w-overlay {
            background-color: rgba( 254, 254, 254, .80) ;
        }

        header.style-four.split-logo1 .just-text-row,
        header.style-four.split-logo2 .just-text-row,
        header.style-one.split-logo2 .just-text-row {
            background: rgba( 254, 254, 254, 1);
        }
        header.style-four.split-logo1 .just-text-row.large-text-block.w-overlay {}

        header.style-four .hero-section.split-slide.zoom-overlay .hero-img-spacer .hero-text-block {
            background-size: cover;
            backdrop-filter: blur(0);
        }
        header.style-four.split-logo2 .hero-section.large-text-block.w-overlay .hero-img-spacer .hero-text-block::before {
            bottom: -1rem;
            top: auto;
        }
    }

    @media screen and (min-width: 40em) {

        .hero-text h2 { }

        .hero-section .singleimg-hero .hero-text h2,
        .hero-section.split-slide.w-overlay .hero-text h2,
        .hero-section.split-slide.zoom-overlay .hero-text h2,
        .hero-section.large-text-block.w-overlay .hero-text h2,
        .hero-section.default-slideshow .hero-text h2 {
            background-color: rgba( 254, 254, 254, .80) ;
            -webkit-backdrop-filter: blur(3px);
            backdrop-filter: blur(3px);
            line-height: 1.25;
        }
        header.style-eight .just-text-row,
        header.style-eight .hero-section.full-vh-hero .hero-text {
            background-color: rgba( 254, 254, 254, .80) ;
            -webkit-backdrop-filter: blur(5px);
            backdrop-filter: blur(3px);
            line-height: 1.25;
        }
        .hero-section.text-box-in-block .hero-text h2 {
            background-color: transparent;
        }
        .hero-section.full-vh-hero .just-text-row.full-vh-slideshow-slideshow,
        .hero-section.full-vh-hero .hero-img-spacer .hero-text-block .hero-text {}
        header.style-four.split-logo2 .just-text-row,
        header.style-one.split-logo2 .just-text-row {
            border-top: 1px solid #F0F0EF;
        }
        header.style-four.split-logo2 .hero-section.split-slide.textBottom .just-text-row,
        header.style-one.split-logo2 .hero-section.split-slide.textBottom .just-text-row {}
        .hero-section.full-vh-hero .hero-text {}
        .hero-section.full-vh-hero .hero-img-spacer .hero-text-block .hero-text,
        header.style-eight .hero-section.full-vh-hero .hero-img-spacer .hero-text-block .hero-text {
            background-color: rgba( 254, 254, 254, 0.80);
        }
        header.style-eight .hero-section.solid .hero-img-spacer {
            background-color: rgba( 254, 254, 254, 0.80);
        }
        header.style-eight .hero-section.zoom-overlay .just-text-row {}
        header.style-eight .hero-section.solid .just-text-row {
            background-color: transparent;
        }

        .logo-text-background {
            background-color: rgba( 254, 254, 254, 0.80);
            -webkit-backdrop-filter: blur(5px);
            backdrop-filter: blur(3px);
        }

        .just-logo-row.single-img .logo-wrap a .logo-texts,
        .just-logo-row.default-slideshow .logo-wrap a .logo-texts,
        .just-logo-row.w-overlay .logo-wrap a .logo-texts {
            background-color: rgba( 254, 254, 254, 0.80);
            -webkit-backdrop-filter: blur(3px);
            backdrop-filter: blur(3px);
        }
        .just-logo-row.default-slideshow .logo-wrap.right-img,
        .just-logo-row.default-slideshow .logo-wrap.left-img {
            background-color: rgba( 254, 254, 254, 0.80);
            -webkit-backdrop-filter: blur(3px);
            backdrop-filter: blur(3px);
        }
        .just-logo-row.default-slideshow .logo-wrap.right-img a .logo-texts,
        .just-logo-row.default-slideshow .logo-wrap.left-img a .logo-texts {
            background-color: transparent;
            -webkit-backdrop-filter: unset;
            backdrop-filter: unset;
        }
        .just-logo-row .logo-wrap a .logo-texts.just-sub {
            width: 100%;
        }

        header.style-four.split-logo2 .just-text-row,
        header.style-one.split-logo2 .just-text-row {
            background: rgba(  254, 254, 254, 0.86);
        }

        header.style-one.split-logo2 .just-text-row.text-box-in-block,
        header.style-one.split-logo2 .just-text-row.split-slide.w-overlay,
        header.style-one.split-logo2 .just-text-row.large-text-block.solid,
        header.style-one.split-logo2 .just-text-row.split-slide.solid,
        header.style-four.split-logo2 .just-text-row.text-box-in-block,
        header.style-four.split-logo2 .just-text-row.split-slide.w-overlay,
        header.style-four.split-logo2 .just-text-row.split-slide.solid,
        header.style-four.split-logo2 .just-text-row.large-text-block.solid {
            background: rgba(  254, 254, 254, 1);
        }
    }

    @media screen and (min-width: 64em) {
        .just-logo-row.full-vh-hero .logo-wrap a .logo-texts,
        .just-logo-row.default-slideshow .logo-wrap a .logo-texts,
        .just-logo-row.w-overlay .logo-wrap a .logo-texts,
        .just-logo-row.zoom-overlay.split-slide .logo-wrap a .logo-texts,
        .just-logo-row.w-overlay.split-slide .logo-wrap a .logo-texts {
            background-color: rgba( 254, 254, 254, 0.80);
            -webkit-backdrop-filter: blur(3px);
            backdrop-filter: blur(3px);
        }
    }
    .hero-text h2 {
        color: #1D1E1E;
    }

    /*Sub Page header styles .sub-pg*/
    header.sub-pg .header-wrap {
        border-bottom: 1px solid #F0F0EF;
        background-color: rgba(  254, 254, 254, 0.96) ;
        border-bottom: 1px solid #F0F0EF;
    }
    header.sub-pg .header-wrap .logo-wrap a .logo-img {
        max-width: 400px;
        max-height: 125px;
    }

    header.sub-pg .hero-section .hero-img-spacer {
        background-color: rgba(  254, 254, 254, 0.78) ;
        overflow: hidden;
        position: inherit;
    }
    header.sub-pg .hero-section h1 {
        font-weight: 600;
        overflow-wrap: break-word;
    }
    header.sub-pg .hero-section h1::after {
        border-bottom: 2px solid #2D5A72;
    }


    header.sub-pg.style-one.split-logo2 .hero-section.split-slide h1::after,
    header.sub-pg.style-eight .hero-section h1::after {
        border-bottom: 2px solid #FEFEFE;
    }


    header.sub-pg .hero-section.split-slide .hero-img-spacer .hero-text-bloc h1::after {
        border-bottom: none;
    }
    /*styels 7, 8*/
    header.sub-pg .hero-section.split-slide h1::after,
    /*style 6*/
    header.sub-pg .hero-section.split-slide.solid h1::after{
        border-bottom: 2px solid #FEFEFE;
    }
    /*style 9*/
    header.sub-pg .hero-section.split-slide.img-overlay h1::after {
        border-bottom: 2px solid #1D1E1E;
    }

    header.sub-pg .hero-section.text-box-in-block .hero-text {
        background-color: transparent ;
        border: none;
        overflow: hidden;
    }

    header.sub-pg .hero-section.large-text-block.text-box-in-block h1::after {
        border-bottom: 6px double #2D5A72;
    }

    header.sub-pg .singleimg-hero::before {
        background-image: url("/assets/theme/2020-module/img-sets/in-the-office/heroImages/busy-office-still.jpg");
        background-position: center;
        display: block;
    }
    header.sub-pg.split-hero .singleimg-hero::before {
        background-image: none;
    }
    header.sub-pg .hero-section.img-overlay .singleimg-hero::before {
        background-color: rgba(  45, 90, 114 , 0.75);
        background-color: #8fc5e2cc;
        background-blend-mode: screen;
    }
    header.sub-pg.style-eight .hero-section.img-overlay .singleimg-hero::before{
        background-color: rgba( 254, 254, 254, 0.65);
        background-blend-mode:overlay;
    }
    header.sub-pg .hero-section.img-overlay .singleimg-hero .hero-img-spacer{
        background-color: #1D1E1E40;
    }
    header.sub-pg .hero-section.split-slide.img-overlay .hero-img-spacer .hero-text-block::before {
        background-color: rgba( 254, 254, 254, .6);
        background-blend-mode: overlay;

    }
    header.sub-pg.style-four.split-logo2 .hero-section.split-slide.img-overlay .hero-img-spacer .hero-text-block::before {
        background-color: rgba( 254, 254, 254, .8);
        background-blend-mode: overlay;
    }

    header.sub-pg.split-hero .hero-text-block {
        background-color: rgba(  45, 90, 114 , 0.75);
    }

    header.sub-pg.split-logo2 .hero-section.split-slide .hero-img-spacer .hero-img-block,
    header.sub-pg.style-four .hero-section.split-slide .hero-img-spacer .hero-img-block {
        background: transparent;
        position: relative;
    }

    header.sub-pg.split-hero .hero-section.split-slide .hero-img-spacer .hero-img-block::before,
    header.sub-pg.style-four .hero-section.split-slide .hero-img-spacer .hero-img-block::before,
    header.sub-pg.style-eight .hero-section.split-slide .hero-img-spacer .hero-img-block::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-repeat: no-repeat;
        background-size: cover;
        -o-background-size: cover;
        -moz-background-size: cover;
        -webkit-background-size: cover;
        display: block;

        background-image: url("/assets/theme/2020-module/img-sets/in-the-office/mobile/busy-office-mobile.jpg");
        background-position: center;
        background-color: rgba( 254, 254, 254, 0.89);

        background-blend-mode: overlay;
    }

    header.sub-pg.style-one .hero-section.split-slide .hero-img-spacer .hero-img-block::before,
    header.sub-pg.style-nine .hero-section.split-slide .hero-img-spacer .hero-img-block::before,
    header.sub-pg.split-logo1 .hero-section.split-slide .hero-img-spacer .hero-img-block::before,
    header.sub-pg.split-logo2 .hero-section.split-slide .hero-img-spacer .hero-img-block::before {
        background-color: transparent;
        background-blend-mode: unset;
    }
    header.sub-pg.split-hero.style-eight .hero-section.split-slide.img-overlay .hero-img-spacer .hero-img-block::before {
        background-blend-mode: screen;
    }
    header.sub-pg.style-eight.full-basic .hero-section .hero-img-spacer .hero-text{
        background-color: transparent;
        -webkit-backdrop-filter: blur(0);
        backdrop-filter: blur(0);
        text-align: center;
    }

    @media screen and (max-width: 39.9375em) {
        header.sub-pg .hero-section .hero-img-spacer {
        }
    }
    @media screen and (min-width: 40em) {
        header.split-logo2.sub-pg .just-text-row {
            border-bottom: 2px solid #F0F0EF;
        }
        header.sub-pg .hero-section .hero-img-spacer h1 {
            color: #1D1E1E;
        }

        header.sub-pg.split-hero .hero-section .hero-img-spacer h1 {
            color: #FEFEFE;
            line-height: 1.15;
        }

        header.sub-pg.split-hero .hero-section .hero-img-spacer .hero-img-block h1 {}

        header.sub-pg.split-hero .hero-section .hero-img-spacer .hero-img-block h1 {
            color: #3D3D3E; /*image set overrides scheme here */
        }
        header.sub-pg .hero-section.split-slide.texture-overlay .hero-img-spacer .hero-text-block h1 {
            color: #3D3D3E; /*image set overrides scheme here */
        }
        header.sub-pg .hero-section.split-slide.img-overlay .hero-img-spacer h1 { }
        /*img-overlay, style - 9*/
        header.sub-pg .hero-section.img-overlay .hero-img-spacer .hero-text-block h1 {
            color: #1D1E1E;
        }
        header.sub-pg .hero-section.split-slide.zoom-overlay .hero-img-spacer h1 {
            color: #1D1E1E; /*// contrast with heroTextBg*/
        }
        header.sub-pg .hero-section.img-overlay .hero-img-spacer .hero-img-block h1 {
            color: #1D1E1E;/*// contrast with heroTextBg*/
        }
    }
    @media screen and (min-width: 64em) {

    }

    /* ------------------ Multi Bios -------------- */
    .multi-small-bio .component-img-wrap {
        -webkit-box-shadow: 1px 1px 3px 1px rgba( 214, 214, 214, 0.65);
        -moz-box-shadow: 1px 1px 3px 1px rgba( 214, 214, 214, 0.65);
        box-shadow: 1px 1px 3px 1px rgba( 214, 214, 214, 0.65);
    }
    .gray-bkgrd .multi-small-bio .component-img-wrap {
        -webkit-box-shadow: 1px 1px 3px 1px rgba( 61, 61, 62, 0.35);
        -moz-box-shadow: 1px 1px 3px 1px rgba( 61, 61, 62, 0.35);
        box-shadow: 1px 1px 3px 1px rgba( 61, 61, 62, 0.35);
    }

    .hover-contact.double-col-med-bio .component-block .component-contact-wrap,
    .hover-contact.multi-small-bio .component-block .component-contact-wrap {
        background-color: rgba(#FEFEFE, 0.85);
    }

    /* --------------- DOUBLE COlumn BIOS ----------------------- */
    .double-col-med-bio .component-block .component-img-wrap {
        -webkit-box-shadow: 1px 1px 3px 0px rgba( 214, 214, 214, 0.65);
        -moz-box-shadow: 1px 1px 3px 0px rgba( 214, 214, 214, 0.65);
        box-shadow: 1px 1px 3px 0px rgba( 214, 214, 214, 0.65);
    }

    /* --------------------------- SINGLE BIOS ---------------------------- */
    .single-lg-bio .component-block::after {
        border-bottom: 1px solid #F0F0EF;
    }

    .single-lg-bio .component-img-wrap {
        -webkit-box-shadow: 1px 1px 3px 0px rgba( 214, 214, 214, 0.65);
        -moz-box-shadow: 1px 1px 3px 0px rgba( 214, 214, 214, 0.65);
        box-shadow: 1px 1px 3px 0px rgba( 214, 214, 214, 0.65);
    }

    /*------ Nav ------*/
    .title-bar {
        background-color:  rgba( 254, 254, 254, 1) ;
        color: #3D3D3E;
    }
    .hamberder.title-bar {
        background-color: transparent;
    }
    .hamberder-layout.single-img .hamberder.title-bar,
    .hamberder-layout.default-slideshow .hamberder.title-bar {
        background-color: transparent;
    }
    .hamberder-layout.single-img .menu-icon:after,
    .hamberder-layout.default-slideshow  .menu-icon:after {
        content: '';
        position: absolute;
        display: block;
        width: 100%;
        height: 2px;
        background: #3D3D3E;
        top: 0;
        left: 0;
        box-shadow: 0 7px 0 #3D3D3E, 0 14px 0 #3D3D3E;
    }
    .title-bar-title > a {}
    .menu-icon:after {
        background: #3D3D3E;
        box-shadow: 0 7px 0 #3D3D3E, 0 14px 0 #3D3D3E;
    }

    header.style-eight .hamberder-layout .hamberder-nav.row .title-bar {
        width: auto;
    }
    header.style-eight .hamberder-layout.full-vh-hero .hamberder.title-bar {}


    header.style-nine .menu-icon:after,
    header.style-nine .hamberder-layout.default-slideshow .menu-icon:after {
        background: #FEFEFE;
        box-shadow: 0 7px 0 #FEFEFE, 0 14px 0 #FEFEFE;
    }
    header.style-nine .header-wrap > .logo-nav-row.solid-nav > .nav-column {
        background-color: #2D5A72;
    }
    header.style-eight .hamberder-layout.full-vh-hero .hamberder.title-bar {}
    .hamberder-layout.full-vh-hero .top-bar.hamberder {}
    header.style-ten .header-wrap > .logo-nav-row {
        -webkit-box-shadow: 0px 1px 4px 2px  rgba( 61, 61, 62, 0.65);
        -moz-box-shadow: 0px 1px 4px 2px  rgba( 61, 61, 62, 0.65);
        box-shadow: 0px 1px 4px 2px  rgba( 61, 61, 62, 0.65);
    }

    .top-bar, .top-bar ul {
        background-color: transparent;
    }
    .hamberder.top-bar {
        background: #FEFEFE;
        border: 1px inset rgb( 173, 173, 173);
    }

    .hamberder.top-bar ul.menu .vertical.is-accordion-submenu.is-active {
        background: rgba( 214, 214, 214, .45);
        border-bottom: 1px solid rgb( 214, 214, 214);
    }
    .hamberder.top-bar .menu.vertical>li a {
        border-bottom: 1px solid rgb( 214, 214, 214);
        /*margin-top: -1px;*/
        border-top: 1px solid rgb( 214, 214, 214);
    }
    .hamberder.top-bar .menu.vertical:last-of-type li.is-submenu-item a {
        border-bottom:none
    }
    .menu > li > a {
        color: #3D3D3E;
        font-size: 1.425rem;
        font-weight: 400;
        text-transform: uppercase;
    }
    header.style-one .menu > li > a {}
    header.style-three .menu > li > a {}
    header.style-nine .title-bar.hamberder a {
        color: #d7e7ef;
    }

    .menu > li.active > a,
    .menu > li > a:hover,
    header.style-one .menu > li.active > a,
    header.style-one .menu > li > a:hover,
    header.style-three .menu > li.active > a,
    header.style-three .menu > li > a:hover {
        color: #2F8BBB;
    }

    header.style-two .menu > li.active > a {
        background: none;
        color: #509CC4;
    }
    .just-nav-row .menu > li > a {
        background-color: rgba( 254, 254, 254, 0.80);
    }
    .just-nav-row .menu > li.active > a {
        background-color: rgba( 254, 254, 254, 0.95);
    }
    header.style-ten .just-nav-row .menu > li > a,
    header.style-ten .just-nav-row .menu > li.active > a {
        background-color: transparent;
        font-size: 1.125rem;
    }

    .is-dropdown-submenu-parent > .is-dropdown-submenu,
    .dropdown.menu > li > ul.is-dropdown-submenu {
        background-color: #FEFEFE;
        border: 1px solid #D6D6D6;
    }

    header.style-one .is-dropdown-submenu-parent > .is-dropdown-submenu,
    header.style-one .dropdown.menu > li > ul.is-dropdown-submenu {
        background-color: #FEFEFE;
    }
    header.style-nine .dropdown.menu > li > ul.is-dropdown-submenu a {
        color: #3D3D3E;
    }

    header.style-nine .dropdown.menu > li > ul.is-dropdown-submenu a:hover,
    .dropdown.menu > li > ul.is-dropdown-submenu li a:hover {
        background-color: #2D5A72;
        color: #FEFEFE;
    }

    .dropdown.menu.vertical > i.opens-right > a:after {
        content: ""; /* V */
    }
    .is-dropdown-submenu .is-dropdown-submenu-parent.opens-right > a::after {
        font-family: FontAwesome;
        content: ""; /* > */
    }
    .is-dropdown-submenu .is-dropdown-submenu-parent.opens-left > a::after {
        font-family: FontAwesome;
        content: ""; /* < */
    }
    .is-accordion-submenu-parent > a:after {
        border-color: #2F8BBB transparent transparent;
    }

    @media screen and (max-width: 39.9375em) {
        .menu > li > a,
        .dropdown.menu > li.is-dropdown-submenu-parent > a,
        .dropdown.menu > li > ul.is-dropdown-submenu li a {
            font-size: 1.125rem;
            width: 100%;
            border-bottom: 1px solid #F0F0EF;
        }
        .menu > li > a {
            font-weight: 500;
            border-bottom: 1px solid #D6D6D6;
        }
        .menu > li:last-child > a {}
        .title-bar {
            background-color:  rgba( 254, 254, 254, 1) ;
            border-bottom: 1px solid #F0F0EF;
        }
        .hamberder.title-bar {
            border-bottom: 1px solid #F0F0EF;
        }

        header.style-four .title-bar {
            background-color:  rgba( 254, 254, 254, 1) ;
        }
        header.style-four .cta-sign-in > li > a {
            padding-left: 0.4rem;
        }
        header.style-eight .hamberder.title-bar {
            border-bottom: none;
        }
        header.style-nine .title-bar {
            background-color: #2D5A72 ;
        }
        header.style-nine .title-bar-title > a {
            color: #d7e7ef;
        }

        nav.top-bar {
            background-color: #FEFEFE;
            border-bottom: 3px solid #2D5A72;
        }
        .menu.vertical > li:last-child > a {}
        .menu > li.js-drilldown-back > a {
            color: #FEFEFE;
            background-color: #2D5A72;
        }

        .is-drilldown-submenu-parent > a::after {
            border-color: transparent transparent transparent#2D5A72;
        }
        .is-drilldown-submenu.is-active {
            background-color: #FEFEFE;
        }
        .menu > li.js-drilldown-back > a {
            color: #FEFEFE;
            background-color: #2D5A72;
        }
        .js-drilldown-back > a::before {
            border-color: transparent #FEFEFE transparent transparent;
        }
        .is-accordion-submenu-parent > a:after {
            border-color: #2F8BBB transparent transparent;
        }
        .submenu.is-accordion-submenu {
            background: #F0F0EF;
            background-color: rgba( 240, 240, 239, 0.75);
        }
        .submenu.is-accordion-submenu li ul.menu {
            background: #D6D6D6;
        }

        header.style-eight .hamberder-layout .hamberder-nav.row {
            background-color: rgba( 254, 254, 254, 0.80);
        }
    }

    @media screen and (min-width: 40em) {
        .ul-break li a.more-page-nav:after,
        .dropdown.menu.medium-horizontal > li.is-dropdown-submenu-parent > a:after,
        .dropdown.menu > li.is-dropdown-submenu-parent > a::after {
            font-family: FontAwesome;
            content: ""; /* V */
            line-height: 14px;
            font-weight: 600;
        }

        .menu > li > a {
            font-weight: 500;
            border-bottom: 1px solid transparent;
        }

        .dropdown.menu > li > ul.is-dropdown-submenu li a {
            color: #3D3D3E;
        }
        .dropdown.menu > li > ul.is-dropdown-submenu li a:hover {
            background-color: #2D5A72;
            color: #FEFEFE;
        }

        header.style-three .hamberder-nav.row {}
        header.style-eight .hamberder.top-bar ul.menu {
            border: 1px solid #FEFEFE;
        }
        header.style-eight .hamberder-layout .hamberder.title-bar {
            width: auto;
            background-color: rgba( 254, 254, 254, 0.80);
        }
        header.style-eight .hamberder-layout .hamberder .title-bar-title > a {
            color: #3D3D3E;
        }
        header.style-nine .dropdown.menu > li.is-dropdown-submenu-parent > a::after,
        header.style-nine .top-bar.default .menu > li > a {
            color: #FEFEFE;
            ;
        }
        header.style-nine .dropdown.menu > li.is-dropdown-submenu-parent > a:hover::after,
        header.style-nine .top-bar.default .menu > li > a:hover {
            color: #d7e7ef;
            #d7e7ef;
        }
        header.style-nine .top-bar.default .menu > li.active > a {
            color: #d7e7ef;
        }

        .top-bar {
            display: block;
        }
        .title-bar {
            display: none;
        }
    }
    @media screen and (min-width: 64em) { }

    /*-----Basic GRID SECTION----------*/
    .grid-box-col {
        background-color: transparent;
    }

    .grid-box-col a.grid-link-wrap {
        text-decoration: none;
    }

    .grid-box-col a.grid-link-wrap:hover {    }

    .grid-box-col.static-card {
        background-color: #2D5A72;
        -webkit-box-shadow: 1px 1px 2px 0px rgba( 214, 214, 214, 0.65);
        -moz-box-shadow: 1px 1px 2px 0px rgba( 214, 214, 214, 0.65);
        box-shadow: 1px 1px 2px 0px rgba( 214, 214, 214, 0.65);
    }
    .grid-box-col.static-card a.grid-link-wrap,
    .grid-box-col.static-card a.grid-link-wrap h3,
    .grid-box-col.static-card a.grid-link-wrap p {
        color: #FEFEFE;
    }
    .grid-box-col.static-card a.grid-link-wrap:hover,
    .grid-box-col.static-card a.grid-link-wrap:hover h3,
    .grid-box-col.static-card a.grid-link-wrap:hover p {
        color: rgba( 240, 240, 239, 0.75);
    }
    .svg-icon {
        display: inline-block;
    }
    .grid-box-col.static-card a.grid-link-wrap .svg-icon,
    .grid-box-col.static-card a.grid-link-wrap .svg-icon path {
        max-height: 78px;
        fill: #FEFEFE;
    }
    .grid-box-col.static-card a.grid-link-wrap:hover .svg-icon,
    .grid-box-col.static-card a.grid-link-wrap:hover .svg-icon path {
        fill: rgba( 240, 240, 239, 0.75);
    }
    .icon-sq-row .grid-box-col > a {
    }
    .icon-sq-row .grid-box-col > a:hover, .icon-sq-row .grid-box-col > a:focus {
        color: #1D1E1E;
    }

    .social-grid.grid-row .grid-box-col.static-card {
        background-color: #2D5A72;
    }
    .social-grid.grid-row .grid-box-col.static-card a.grid-link-wrap,
    .social-grid.grid-row .grid-box-col.static-card a.grid-link-wrap h3,
    .social-grid.grid-row .grid-box-col.static-card a.grid-link-wrap p {
        color: #FEFEFE;
    }
    .social-grid.grid-row .grid-box-col.static-card a.grid-link-wrap .svg-icon,
    .social-grid.grid-row .grid-box-col.static-card a.grid-link-wrap .svg-icon path {
        fill: #FEFEFE;
    }
    .social-grid.grid-row .grid-box-col.static-card a.grid-link-wrap:hover,
    .social-grid.grid-row .grid-box-col.static-card a.grid-link-wrap:hover h3,
    .social-grid.grid-row .grid-box-col.static-card a.grid-link-wrap:hover p,
    .social-grid.grid-row .grid-box-col.static-card a.grid-link-wrap:hover .svg-icon,
    .social-grid.grid-row .grid-box-col.static-card a.grid-link-wrap:hover .svg-icon path {
        color: rgba( 240, 240, 239, 0.75);
        fill: rgba( 240, 240, 239, 0.75);
    }

    @media screen and (min-width: 40em) {
        .grid-rule .grid-box-col::after {
            border-right: 2px solid #3D3D3E;
        }
    }

    /*--------Double Box Grid Row CODE------------*/

    .grid-row .double-box-col .row:first-of-type {
        background: #FEFEFE;
        -webkit-box-shadow: 1px 1px 3px 0px rgba( 29, 30, 30, 0.65);
        -moz-box-shadow: 1px 1px 3px 0px rgba( 29, 30, 30, 0.65);
        box-shadow: 1px 1px 3px 0px rgba( 29, 30, 30, 0.65);
    }

    .white-bkgrd .grid-row .double-box-col .row:first-of-type {
        background: #F0F0EF;
    }

    .double-top-box .img-col {
        border-bottom: 1px groove#D6D6D6;
    }
    .double-bottom-box p, .double-bottom-box ul {
        color: #1D1E1E;
    }
    .double-bottom-box h3 {
        color: #1D1E1E;
    }

    /*------- Asymmetric CODE ----------*/
    .asymmetric-row.grid-row .grid-col.static-card,
    .asymmetric-row.grid-row .grid-col.static-card h3{
        background: #FEFEFE;
        color: #1D1E1E;
    }
    .asymmetric-row.grid-row .grid-col.static-card {
        -webkit-box-shadow: 1px 1px 3px 0px rgba( 29, 30, 30, 0.65);
        -moz-box-shadow: 1px 1px 3px 0px rgba( 29, 30, 30, 0.65);
        box-shadow: 1px 1px 3px 0px rgba( 29, 30, 30, 0.65);
    }
    .asymmetric-row .grid-rows.static-card {
        background: #FEFEFE;
        color: #1D1E1E;
        -webkit-box-shadow: 1px 1px 3px 0px rgba( 29, 30, 30, 0.65);
        -moz-box-shadow: 1px 1px 3px 0px rgba( 29, 30, 30, 0.65);
        box-shadow: 1px 1px 3px 0px rgba( 29, 30, 30, 0.65);
    }
    .grid-rows.static-card h3,
    .asymmetric-row .grid-rows.static-card p {
        color: #1D1E1E;
    }

    .white-bkgrd .asymmetric-row .grid-col.static-card,
    .white-bkgrd .asymmetric-row .grid-rows.static-card {
        border: 1px solid #F0F0EF;
    }

    .asymmetric-row .grid-rows .img-col {
        background-color: #FEFEFE;
    }

    .grid-box-col.static-card .button:hover,
    .grid-col.static-card .button:hover,
    .grid-rows.static-card .button:hover {
        background-color: #3D3D3E;
    }


    /*-------- FINNANCIAL TOOL PAGE STYLES ----------*/
    .box-category {
        border-bottom: 2px solid #2D5A72;
    }

    h3.calc-title::after {
        border-bottom: 2px solid #F0F0EF;
    }

    ul.fintools-category-list li a {}

    .fintools-category-wrap i.fintools-blocks-icon {
        color: #509CC4;
        text-shadow: 1px 1px 2px rgba( 173, 173, 173, 0.65);
        font-size: 56px;
    }

    .fintool-category-title::after {
        border-bottom: 2px solid #D6D6D6;
    }

    ul.fintools-category-list li::before {
        color: #509CC4;
        font-family: FontAwesome;
        content: ""; /* > */
        position: absolute;
        display: inline-block;
        top: -3px;
        font-size: 25px;
        font-weight: 600;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
    }

    ul.fintools-category-list li:hover::before {
        content: ""; /* >> */
        color: #2F8BBB;
    }
    ul.fintools-category-list li:hover a {
        color: #2F8BBB;
    }

    /*-------- SERVICE PAGE STYLES ----------*/
    a.icon-link-wrap p {
        color: #102028;
    }

    a.icon-link-wrap:hover h4 {
        color: #D6D6D6;
    }
    a.icon-link-wrap .icon-square {
        background-color: #2D5A72;
    }
    a.icon-link-wrap .svg-icon.noun-svg {
        display: inline-block;
        background: transparent;
        fill: #FEFEFE;
    }

    a.icon-link-wrap:hover .svg-icon.noun-svg {
        fill: #D6D6D6;
    }

    .service-list-item .service-item-name {
        color: #509CC4;
        border-bottom: 1px solid #D6D6D6;
        margin-bottom: 0.9375rem;
    }

    .services-category-wrap .service-category-title-wrap.column {
    /*-----  needs an img of min size 500px (w) by 1000px (h)   */
        background-image: url("/assets/theme/2020-module/img-sets/in-the-office/other/services-background.jpg");
        background-repeat: no-repeat;
        background-attachment: fixed;
        background-position: left center;
        background-size: 100vh;
    }

    @media screen and (max-width: 39.9375em) {
        .services-category-wrap .service-category-title-wrap.column {
            background-position: center;
            background-size: cover;
        }
    }

    @media screen and (min-width: 56.25em) {
        .services-category-wrap .service-category-title-wrap.column {
            background-position: 0% center;
            background-size: auto 100vh;
        }
    }

    @media screen and (min-width: 82em) {
        .services-category-wrap .service-category-title-wrap.column {
            background-position-x: calc((100vw - 1312px) / 2);
        }
    }

    .services-category-wrap .service-category-title::after {
        border-bottom: 2px solid #F0F0EF;
    }

    h2.service-category-title {
        font-size: 190%;
        font-weight: 600;
        color: #102028;
    }

    .service-img-wrap {
        /*background-color: rgba(<= $ctaOverlay ?>, 0.56);*/
        background-color: rgba( 240, 240, 239, 0.56);
    }
    .sticky-category-img {
        width: 100%;
    }
    .svg-icon.sticky-category-img {
        fill: #FEFEFE;
    }

    /*-------- WEB-LINKS PAGE STYLES ----------*/

    .link-category-title::after {

        background: none;
        border-bottom: 2px solid #F0F0EF;
    }

    .resources-link-list .links-category-wrap:nth-of-type(1) .links-list-item > a {
        font-size: 125%;
        font-weight: 600;
    }

    .resources-link-list .links-category-wrap:nth-of-type(1) .links-list-item > a::after {
        color: #2D5A72;
        position: absolute;
    }

    .resources-link-list .links-category-wrap:nth-of-type(2) .links-list-item > a::before {
        color: #2D5A72;
    }

    .resources-link-list .links-category-wrap:nth-of-type(3) .links-list-item i.fa {
        color: #1D1E1E;
    }

    /*-------- Newsletter/Blog PAGE STYLES ----------*/
    .nl_title { }

    .nl_title::after {
        background: none;
        border-bottom: 2px solid #2D5A72;
    }

    .newsletter-article h2:first-of-type::after,
    .newsletter-article h3:first-of-type::after {
        background: none;
        border-bottom: 2px solid #D6D6D6;
    }

    #nl-archive-hd {
        color: #3D3D3E;
    }
    #nl-archive-hd::after {
        background: none;
        border-bottom: 2px solid #2D5A72;
    }

    .nl-archive-subhd {
        color: #3D3D3E;
    }

    .nl-archive-itemcontainer a:link { }
    .nl-archive-itemcontainer ol, .nl-archive-itemcontainer ul { }

    .nl-archive-itemcontainer li {
        border-bottom: 1px dotted#D6D6D6;
    }
    .nl-archive-itemcontainer .nl-archive-itemtitle a {
        font-size: 1.2rem;
        font-weight: 400;
    }

    .nl-archive-itemcontainer ol li div:nth-child(2) {}

    .nl-archive-itemcontainer .nl-archive-itemdate {
        color: #3D3D3E;
        font-weight: 500;
        font-size: 1rem;
        line-height: 1.6;
    }

    .darkgray-bkgrd #nl-archive-hd {
        color: #FEFEFE;
    }

    .darkgray-bkgrd .nl-archive-subhd {
        color: #F0F0EF;
    }

    .darkgray-bkgrd .nl-archive-itemcontainer li {
        border-bottom: 1px dotted#FEFEFE;
    }

    .darkgray-bkgrd .nl-archive-itemcontainer .nl-archive-itemdate {
        color: #FEFEFE;
    }

    .gray-bkgrd #nl-archive-hd {
        color: #3D3D3E;
    }

    .gray-bkgrd .nl-archive-subhd {
        color: #3D3D3E;
    }

    .gray-bkgrd .nl-archive-itemcontainer a:link {
        color: #1D1E1E;
    }

    .gray-bkgrd .nl-archive-itemcontainer li {
        border-bottom: 1px dotted#FEFEFE;
    }

    .gray-bkgrd .nl-archive-itemcontainer .nl-archive-itemdate {
        color: #FEFEFE;
    }

    /*-------- Calendar STYLES ----------*/

    .calendar-month-head {
        font-family: "Work Sans", sans-serif;
    }
    .calendar-day-button {}

    a.calendar-day-button,
    a.calendar-day-button > span {
        color: #1D1E1E;
    }
    span.event-preview.has-tip{
        cursor: pointer;
    }

    .tooltip {
        z-index: 850 !important;
    }
    .tooltip:before{
        content: '';
        display: block;
        width: 0;
        height: 0;
        border-width: .75rem;
        border-top-width: 0;

        border-color: transparent transparent #0a0a0a;
        border-bottom-style: solid;

        bottom: 100%;
        position: absolute;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
    }

    /*-------- FOOTER STYLES ----------*/
    footer {
        -webkit-box-shadow: 1px 2px 4px 3px rgba( 240, 240, 239, 0.5);
        -moz-box-shadow: 1px 2px 4px 3px rgba( 240, 240, 239, 0.5);
        box-shadow: 1px 2px 4px 3px rgba( 240, 240, 239, 0.5);
    }

    footer .middle-row {
        border-top: 1px solid #F0F0EF;
        ;
    }

    footer .middle-row a {
        color: #FEFEFE;
        font-weight: 400;
    }
    footer .middle-row a:hover {
        color: #FEFEFE;
        border-bottom: 1px solid #FEFEFE;
    }
    footer .middle-row.primary-bkgrd a:hover {
         240, 240, 239        color: rgba( 240, 240, 239, 0.9);
        border-bottom: 1px solid rgba( 240, 240, 239, 0.9);
    }
    footer .bottom-row {  }
    footer .bottom-row a {
        text-decoration: underline;
    }
    footer a .logo-name.footer-logo {
        font-weight: 600;
        color: #1D1E1E;
    }

    .logo-name.footer-logo::after {
        background: none;
    }

    @media screen and (max-width: 39.9375em) {
        footer .section_header.text-center h3 {}
    }

    footer .top-row .button {}
    footer .top-row .button:hover, footer .top-row .button:focus {}
    footer .shorter-fmessage p {
        font-size: 1.9375rem;
        font-weight: 400;
    }

    #weekly-tax-tips-container {}
    #weekly-tax-tips-container:after, #weekly-tax-tips-container:before {}
    #weekly-tax-tips-container:after {}

    #weekly-tax-tips-container .weekly-tax-tip-wrapper-outer {
        margin: 2rem auto 0 !important;
        float: none !important;
    }

    .heads-up {
        display: inline-block;
        border: 3px dotted #2D5A72;
        color: rgba( 29, 30, 30, 0.65);
        margin: 0.9375rem 0.9375rem;
        padding: 0.625rem 1.9375rem 0.9375rem;
    }
    @media screen and (max-width: 39.9375em) {
        .slick-dots {
            line-height: 10px;
            padding: 10px 0;
        }
    }
    .slick-dots {
        bottom: -39px;
        line-height: 8px;
        padding: 10px 0;
        background-color: #FEFEFE;
        border-top: 1px solid #F0F0EF;
    }

    /*Accesbility updates 11/22*/
    .slick-dots li {
        position: relative;
        display: inline-block;
        margin: 10px 5px 0;
        padding: 0;
    }
    .slick-dots li button {
        margin-top: -5px;
        margin-left: 0px;
    }
    .slick-dots li.slick-active button .slick-dot-icon:before {
        margin-top: -3px;
        margin-left: 0px;
        font-size: 18px;
    }
    .slick-dots li button .slick-dot-icon:before {
        position: absolute;
        top: 0;
        left: 0;
        content: "•";
        font-family: slick;
        font-size: 12px;
        line-height: 1;
        text-align: center;
        transition: all .05s linear;
    }
    .slick-dots li.slick-active button .slick-dot-icon {
        color: #1D1E1E;
        opacity: 0.85;
    }
    .slick-dots li button .slick-dot-icon {
        color: #1D1E1E;
        opacity: 0.25;
    }
    .slick-dots li button:focus .slick-dot-icon:before,
    .slick-dots li.slick-active button:focus .slick-dot-icon {
        color: #2F8BBB;
        opacity: 1;
    }
    .slick-autoplay-toggle-button {
        position: absolute;
        /*left: 5px;*/
        /*bottom: -23px;*/
        left: 10px;
        bottom: -28px;
        z-index: 10;
        opacity: .75;
        background: 0 0;
        border: 0;
        cursor: pointer;
        color: #1D1E1E;
    }
    .slick-next:focus .slick-next-icon,
    .slick-next:focus .slick-prev-icon,
    .slick-prev:focus .slick-next-icon,
    .slick-prev:focus .slick-prev-icon {
        /*color:orange;*/
        color: #2F8BBB;
        font-size:28px;
        margin-left:-2px;
    }
    .slick-autoplay-toggle-button:focus{
        color: #2F8BBB;
    }
    .slick-pause-text.slick-sr-only {
        height: 22px!important;
        transition: all .08s linear;
    }
    .slick-autoplay-toggle-button:hover .slick-play-text.slick-sr-only,
    .slick-autoplay-toggle-button:hover .slick-pause-text.slick-sr-only {
        clip: auto !important;
        -webkit-clip-path: none !important;
        clip-path: none !important;
        height: 22px !important;
        margin: -1px 4px !important;
        width: auto !important;
    }

    header.style-four.split-logo2 .hero-section.full-vh-hero .slick-dots {
        /*background-color: rgba(<= $whiteRGB ?>, 0.80);*/
    }
    .hero-section.full-vh-hero .slick-dots,
    .hero-section.full-vh-hero .slick-dots li button:before {
        background-color: transparent;
        color: #1D1E1E;
    }
    .hero-section.full-vh-hero .slick-dots {
        bottom: -46px;
        border-top: none;
    }

    header.style-four.split-logo2 .hero-section.full-vh-hero .slick-dots,
    header.style-four.split-logo2 .hero-section.full-vh-hero .slick-dots li button:before,
    header.style-one.split-logo2 .hero-section.full-vh-hero .slick-dots,
    header.style-one.split-logo2 .hero-section.full-vh-hero .slick-dots li button:before {
        background-color: transparent;
        color: #509CC4;
    }
    .hero-section.full-vh-hero .slick-dots li.slick-active button:before {
        color: #1D1E1E;
        opacity: .75;
    }
    .hero-section.full-vh-hero .slick-dotted.slick-slider {
        /*margin-bottom: 0;*/
    }