.paddedContent.alt {
    padding-top: 30px;
    padding-bottom: 30px;
}

.serviceItemContainer {
    width: 100%;
    border-top: 4.5px solid transparent;
    padding: 20px 25px;
    min-height: 300px;
    background-color: #4d4d4c;
    color: #ffffff;
    transition: all .2s cubic-bezier(.55,0,.1,1) !important;
}

.serviceItemContainer:hover {
    border-top: 4.5px solid #e40b38;
    background-color: #b4a880;
}

.serviceItemWrapper {
    width:25%;
    padding:0 10px;
    margin-bottom: 20px;
}

.serviceItem.alt {
    color:#ffffff !important;
    font-size: 21px !important;
    font-weight:500 !important;
    line-height: 18px !important;
}

#servicesPanel .servicesMainInfoSubtitle p{
    width: 80% !important;
    font-size: 19px;
}

.servicesMainInfoSubtitle {
    width:100%;
    max-width:1400px;
    padding:10px;
}

.servicesGrid {
    margin-top:50px !important;
    margin-bottom:50px !important;
    display: flex !important;
    flex-direction:row !important;
    justify-content: start !important;
    width:100% !important;
    max-width:1400px !important;
    flex-wrap:wrap !important;
}

.servicesPanel ul li {
    line-height: 20px !important;
}
@media screen and (min-width:768px) {
    .servicesPanel ul li .serviceLink {
        line-height: 29px !important;
    }
}
.servicesPanel ul li .serviceLink {
    line-height: 29px !important;
}

@media screen and (max-width: 1024px) {
    .relevant-article-news-section .card {
        width: 50% !important;
    }
}
@media screen and (max-width: 1024px) {
    .serviceItemWrapper {
        width: 33.3%;
        padding: 0 5px;
        margin-bottom: 10px;
    }
}

@media screen and (max-width: 990px) {
    #servicesPanel .servicesMainInfoSubtitle p {
        width: 100% !important;
    }
    .servicesMainInfoSubtitle {
        width:100%;
    }

    .paddedContent.featureGraphic,
    .paddedContent.pageFeaturedImg,
    .paddedContent.aboutPageImg {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
}

@media screen and (max-width: 775px) {
    #servicesPanel .servicesMainInfoSubtitle p {
        width: 100% !important;
    }
    .serviceItemWrapper {
        width:50%;
        padding:0 5px;
        margin-bottom: 10px;
    }
}

@media screen and (max-width: 540px) {
    .servicesMainInfoSubtitle {
        width:100%;
        /*margin-top:35px;*/
    }

    #services-page .content.active {
        padding: 0 !important;
    }

    #servicesPanel .servicesMainInfoSubtitle p{
        width: 100% !important;
        font-size: 19px;
    }

    .servicesGrid {
        justify-content: space-between !important;
    }

    .serviceItemContainer {
        min-height: 200px;
        padding:20px 10px;
    }

    .serviceItemWrapper {
        width:49%;
        padding:0 !important;
        margin-bottom: 6px;
    }

    .serviceItem {
        font-size: 19px !important;
        line-height: 14px !important;
    }
}

.detailContent .rightContent #mapHolder {
    position:relative
}

.detailContent .rightContent .frontOfficePhoto {
    margin-bottom: 40px;
    position: relative;
    float: left;
    width: 100%;
    height:auto;
}

#menuOverlayPanel .menu-item .sub-menu {
    padding: 0;
    margin: 0;
    height: 0;
    overflow: hidden;
    /*display: none;*/
    transition: all .2s cubic-bezier(.55,0,.1,1) !important;
}

#menuOverlayPanel .menu-item.menu-item-has-children a {
    display:flex;
    justify-content: center;
    gap: 8px;
    align-items: center;
}

#menuOverlayPanel #menu-massons li a:hover,
#menuOverlayPanel #menu-massons li.current_page_item a {
    color: #000000 !important;
}

#menuOverlayPanel .menu-item.menu-item-has-children a::after {
    padding-bottom: 5px !important;
    content: url('data:image/svg+xml,<svg width="14" height="8" viewBox="0 0 14 8" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0.330284 1.89986C-0.111866 1.46395 -0.109679 0.757995 0.334385 0.324225C0.778723 -0.109814 1.49759 -0.107667 1.93974 0.328251L7 5.30829L12.0603 0.328251C12.5024 -0.107667 13.2213 -0.109814 13.6656 0.324225C14.1097 0.757995 14.1119 1.46395 13.6697 1.89986L7.80035 7.67577C7.35629 8.10981 6.63715 8.10767 6.19527 7.67175L0.330284 1.89986Z" fill="%23858583"/></svg>');
}

#menuOverlayPanel .menu-item .sub-menu.show {
    /*display: block !important;*/
    height: 200px !important;
}

#menuOverlayPanel .sub-menu li.menu-item a {
    font-size: 26px !important;
    line-height: 35px !important;
    font-weight: 500 !important;
    color: #000000 !important;
}

#menuOverlayPanel .sub-menu .menu-item {
    list-style: none !important;
    padding: 0;
    margin: 0;
}

#menuOverlayPanel .sub-menu li.menu-item:last-child  a {
    font-size: 18px !important;
    font-weight: 300 !important;
    text-decoration: underline;
}

#menuOverlayPanel .sub-menu a::after {
    content: '' !important;
}

#footerPanel .sub-menu {
    display: none !important;
}

@media screen and (max-width: 540px) {
    #menuOverlayPanel li.menu-item a {
        /*font-size: 25px !important;*/
        /*line-height: 38px !important;*/
        /*line-height: 30px !important;*/
    }

    #menuOverlayPanel .sub-menu li.menu-item a {
        font-size: 19px !important;
        line-height: 30px !important;
    }

    #menuOverlayPanel .sub-menu li.menu-item:last-child  a {
        font-size: 18px !important;
    }

    .services.pageTitlePanel {
        display: none !important;
    }

    #services-page .page-title {
        margin-top: 25px !important;
        margin-bottom: 0 !important;
    }
    .single-page-header {
        flex-wrap: wrap;
    }
    .single-page-header .breadcrumbs{
        width: 100% !important;
        margin-top: 25px;
    }
    .servicesPanel .page-title,
    .servicesMainInfoSubtitle {
        padding: 0 20px !important;
    }

    .single-page-content {
        flex-wrap: wrap !important;
        flex-direction: column-reverse !important;
    }

    .single-page-content .case-studies-lane{
        position: relative !important;
        float: left !important;
        width: 100% !important;
        top: 0 !important;
    }
    .single-page-content .content-section{
        width: 100% !important;
    }
    .serviceContent {
        padding-right: 0 !important;
    }

    .relevant-article-news-section {
        flex-wrap: wrap;
    }
    .relevant-article-news-section .card {
        width: 100% !important;
        margin-bottom: 20px;
    }

    .single-page-content,
    .relevant-article-news-panel {
        padding: 0 !important;
    }

    .case-studies-lane,
    #singleServicePage .contentPanel {
        padding: 20px;
    }

    .card-title,
    .card-subtitle,
    .relevant-article-news-panel h2 {
        padding: 0 20px;
    }

    .scroll-to-top {
        padding: 30px 20px;
        margin-bottom: 30px;
    }

    .relevant-article-news-section .card {
        padding: 0 !important;
    }

    .relevant-article-news-panel .view-all {
        padding: 50px 20px 0 20px !important;
    }

    .scroll-to-top {
        display: flex !important;
        justify-content: space-between;
        align-items: center;
    }

}
.breadcrumbs {
    display: flex !important;
    justify-content: start !important;
    align-items: center !important;
    gap: 2px !important;
}

#services-page .page-title {
    font-size: 38px !important;
    font-weight: 500 !important;
    color: #000000 !important;
    padding: 10px;
    margin-bottom: 10px !important;
}
#services-page .servicesMainInfoSubtitle p {
    font-size: 26px !important;
    color: #000000 !important;
    line-height: 30px !important;
}

.single-page-header {
    display: flex;
    justify-content: start;
    align-items: center;
}
.single-page-header .breadcrumbs{
    width: 30%;
    height: auto;
}
.breadcrumbs a{
    text-decoration: underline;
    color: #000000 !important;
}
.single-page-header .breadcrumbs a:hover{
    text-decoration: none !important;
}
.single-page-content {
    position: relative;
    float: left;
    width: 100%;
    display: flex;
    justify-content: start;
    align-items: start;
}
.single-page-content .case-studies-lane{
    position: sticky;
    top: 80px;
    width: 30%;
    height: auto;
}
.single-page-content .content-section{
    position: relative;
    width: 70%;
    height: auto;
}

.single-page-content {
    margin-bottom: 25px !important;
}

.pageTitlePanel h1 {
    color: #000000 !important;
    font-size: 38px !important;
    font-weight: normal !important;
    margin: 30px 0;
}
.serviceContent {
    padding-right: 100px;
}

.serviceContent h3 {
    color: #000000 !important;
    font-size: 26px !important;
    margin-bottom: 10px !important;
}

.serviceContent p {
    color: #000000 !important;
    font-size: 17px !important;
}

.serviceContent li {
    color: #000000 !important;
    font-size: 18px !important;
}

.featureGraphicPanel {
    margin: 20px 0;
}

.case-studies-lane ul {
    padding:0 !important;
}

.case-studies-lane ul li {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

.case-studies-lane ul li:first-child {
    color: #e40b38 !important;
    font-size: 18px;
}

.case-studies-lane ul li {
    line-height: 30px;
}

.case-studies-lane ul li a {
    color: #000000 !important;
    font-size: 18px;
    cursor: pointer;
}

.case-studies-lane ul li a:hover {
    color: #b4a880 !important;
}

.relevant-article-news-panel {
    margin: 20px 0 50px 0;
}

.relevant-article-news-panel h2{
    font-size: 26px !important;
    color: #000000 !important;
    margin-bottom: 25px;
}

.relevant-article-news-panel h2:hover{
    /*color: #b4a880 !important;*/
}
.relevant-article-news-section {
    display: flex;
    justify-content: start;
    flex-wrap: wrap;
    width: 100%;
    height: auto;
}

.relevant-article-news-section .card {
    width: 25%;
    height: auto;
    display: flex;
    flex-direction: column;
    padding: 0 15px 0 0;
}

.relevant-article-news-section .card .card-img {
    width: 100%;
    max-height: 200px;
    min-height: 200px;
    height: 200px;
    object-fit: cover;
    object-position: center;
    margin: 0 0 10px 0;
}

.relevant-article-news-section .card .card-title {
    width: 100%;
    color: #000000;
    font-size: 23px !important;
    font-weight: 500 !important;
    margin-bottom: 10px;
}

.relevant-article-news-section .card .card-subtitle {
    width: 100%;
    color: #b4a880;
    font-size: 16px;
    font-weight: 400 !important;
}

.relevant-article-news-panel .view-all {
    width: 100%;
    height: auto;
    position:  relative;
    float: left;
    padding: 50px 0 0 0;
}
.relevant-article-news-panel .view-all a {
    font-size: 23px !important;
    color: #000000;
    font-weight: 300 !important;
    text-decoration: underline;
}

.relevant-article-news-panel .view-all a:hover {
    text-decoration: none;
}

.scroll-to-top {
    display: none;
    width: 100%;
    position: relative;
    float: left;
    height: auto;
}

.scroll-to-top .backToPrevPage {
    color: #000000;
}

span.top-item {
    width:0;
    height:0;
    top:0;
    left:0;
    position: absolute;
}

.newsDetails h2 {
    color: #000000 !important;
    font-weight: 500 !important;
}

.newsContent a {
    color: #000000 !important;
}

.newsDetails .postDetailsDate {
    color: #b4a880 !important;
}

.newsDetails{
    border-bottom: thin solid #696969 !important;
}

#singlePageContent ul li,
#singlePageContent h1,
#singlePageContent h2,
#singlePageContent h3,
#singlePageContent h4,
#singlePageContent h5,
#singlePageContent h6,
#singlePageContent p {
    color: #000000 !important;
}

#singlePageContent h1,
#singlePageContent h2,
#singlePageContent h3,
#singlePageContent h4,
#singlePageContent h5,
#singlePageContent h6 {
    font-weight: normal !important;
}

.insights.rightContent h3 {
    color: #000000 !important;
}
.insights.rightContent h3,
.insights.rightContent .testBlock h4 {
    font-weight: normal !important;
}
.insights.rightContent .testBlock h4,
.insights.rightContent .testBlock p,
.insights.rightContent .testBlock a {
    color: #000000 !important;
}

.stdContent .rightContent .testBlock {
    border-top: thin solid #696969 !important;
}

.newsListInfo h3 {
    color: #000000 !important;
    font-weight: normal !important;
}
.newsListInfo p small {
    color: #b4a880 !important;
}

h2.newsPageTitle {
    color: #000000 !important;
    font-size: 38px !important;
    font-weight: normal !important;
    margin: 0 0 40px 0;
}

.caseBlocks .blockInfo h3 {
    font-weight: normal !important;
}

.caseBlocks .blockInfo h3,
.caseBlocks .blockInfo h4 {
    color: #000000 !important;
}

.caseBlocks .blockPanels .block .blockInfo {
    border-bottom: thin solid #000000;
}

.caseStudies .paddedContent h2 {
    font-weight: normal !important;
    color: #000000 !important;
}

.caseStudy .detailContent .rightContent h1 {
    color: #000000 !important;
    font-weight: normal !important;
}

.caseStudy .detailContent p,
.caseStudy .detailContent h3 {
    color: #000000 !important;
}

h2.otherCaseStudy,
h2.otherTeamMembers {
    color: #000000 !important;
    font-weight: normal;
}
.pageTitlePanel .teamsPageTitle,
.pageTitlePanel .careersPageTitle,
.pageTitlePanel .contactPageTitle,
.pageTitlePanel .pageTitle {
    color: #000000 !important;
    font-weight: normal;
}

.teamBlocks .blockInfo h3{
    color: #000000 !important;
    font-weight: normal !important;
}

.teamBlocks .blockInfo a {
    color: #000000 !important;
}

.teamBlocks .block .blockInfo {
    border-bottom: 1px solid #69696950 !important;
}
.teamBlock.detailContent .rightContent h1 {
    font-weight: normal !important;
    color: #000000 !important;
}

.teamBlock.detailContent .rightContent p {
    color: #000000 !important;
}

.teamInfo a,
.teamInfo p strong{
    color: #000000 !important;
}
.teamInfo p strong {
    font-weight: 400 !important;
}

.contactPanel h3,
.contactPanel a,
.contactPanel p {
    color: #000000 !important;
}

.careersPage h1,
.careersPage h2,
.careersPage h3 {
    color: #000000 !important;
    font-weight: 400 !important;
}
.careersPage p,
.careersPage a {
    color: #000000 !important;
}

.leftContent .careersPageTitle {
    padding-top:0 !important;
}

.aboutPageCtn h2 {
    font-size: 22.5px;
}
.aboutPageCtn .img-grid {
    display:  flex;
    justify-content: start;
    gap: 15px;
    flex-wrap: wrap;
    align-items: center;
    margin-bottom: 50px;
}
.aboutPageCtn .img-grid img {
    margin-bottom: 20px;
    width: 120px;
    /*object-fit: cover;*/
}

.pageContentPanel .stdContent {
    margin-bottom: 100px;
}

.pageContentPanel .stdContent p {
    color: #000000 !important;
}

.pageContentPanel .stdContent p a,
.pageContentPanel .stdContent a {
    color: #000000 !important;
}
.newsContent h1,
.newsContent h2,
.newsContent h3,
.newsContent h4,
.newsContent h5 {
    color: #000000 !important;
    font-weight: 400 !important;
}

.newsFilter {
    width:100%;
    height:auto;
    display:flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap:10px;
    margin:20px 0 30px 0;
}

.newsFilterLabel {
    color:#000000;
    border-left: 2px solid #69696950;
    padding:7px 24px !important;
    margin:0 !important;
    font-weight: 400 !important;
}

.newsFilterInputWrapper {
    position:  relative;
    float: left;
}

.newsFilterInput {
    padding:13px 24px;
    font-size:15px !important;
    background: #F5F5F5 !important;
    -webkit-appearance:none !important;
    border-radius:0 !important;
    border-left: 2px solid #69696950 !important;
    border:none;
    min-width: 200px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
    text-transform: capitalize !important;
    font-weight: 300 !important;
}

button.newsFilterInput {
    min-width: 0 !important;
    padding:5px 24px !important;
    border: 2px solid #69696950 !important;
}

.newsFilterInputWrapper:hover .newsFilterInputOptions {
    display: flex;
}
.newsFilterInputOptions {
    display: none;
    flex-direction: row;
    align-items: start;
    justify-content: start;
    flex-wrap: wrap;
    width: 100%;
    height: auto;
    position: absolute;
    top: 100%;
    left:0 !important;
}
.newsFilterInputOptions a{
    background: #696969;
    padding: 13px 24px;
    color: #FFFFFF;
    font-size: 15px !important;
    cursor: pointer;
    width: 100%;
    height: auto;
}
.newsFilterInputOptions a:hover{
    background: #F5F5F5;
    color: #b4a880;
}