/*-------------------------------*/
.centerContainer {
    width: 100%;
    margin: 0 auto;
}

.centerContainerInner {
    width: 90%;
    margin: 0 5%;
    padding: 0;
    font-size: 16px;
}

@media screen and (min-width: 640px) {
    .centerContainer {
        width: 100%;
        margin: 0 auto;
    }

    .centerContainerInner {
        width: 90%;
        /*! margin: 0 5%; */
        padding: 0;
        font-size: 14px;
    }
}

/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 1260px) {
    .centerContainer {
        width: 1140px;
    }

    .centerContainerInner {
        width: 1100px;
        /*! margin: 0 20px; */
    }
}

/*----------------------------------------------------------*/
.headerNavigation {
    margin: -4px 0px 0px 0px !important;
}

.headerNavigation ul {
    width: 100%;
    z-index: 999;
}

#header.headerNavigation ul li {
    width: 10%;
    color: #00234b;
    font-weight: normal;
    padding: 0px 0px 10px 0px;
}

#header .headerNavigation ul li {
    margin: 0px 0px 0px 0px;
}

.headerNavigation ul li.legal-services, .headerNavigation ul li.teams-and-people {
    width: 14%;
    color: #00234b;
    font-weight: normal;
}

#header .headerNavigation {
    top: 0px !important;
}

#header .headerNavigation ul li a {
    color: #00234b;
    font-weight: 700;
    display: block;
    padding: 7px 0;
}

.headerNavigation ul li ul {
    left: -21%;
}

#header .headerNavigation ul li ul li a {
    color: #00234b !important;
    width: 100%;
}

/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 700px) {
    .headerNavigation ul li {
        width: 10%;
    }

/*     .headerNavigation ul li > a.menuSelected:before,
    .headerNavigation ul li a.menuSelected:before,
    .headerNavigation ul li a.childSelected:before,
    .headerNavigation ul li > a.childSelected:before,
    .headerNavigation ul li a.grandchildSelected:before {
        display: block;
        left: 50%;
        top: 92%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
        border-color: transparent;
        border-top-color: #00234b;
        border-width: 10px;
        margin-left: -10px;
        z-index: 1000;
    } */
}

/*----------------------------------------------------------*/
#header {
    float: left;
    height: auto;
    min-width: 100%;
    position: relative;
    z-index: 998;
}

/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 800px) {
    #header {
        margin: 20px 0px 0px 0px;
        float: left;
        height: 120px;
        min-width: 100%;
        position: relative;
    }
}

/*----------------------------------------------------------*/
/*----------------------------------------------------------*/
/*  #header .siteSearchContainer {
    position: absolute;
    right: 50px;
    top: 0px;
    margin: 0;
    padding: 0;
    background: none !important;
}

.siteSearchContainer span.searchLabel {
    display: none;
}

.siteSearchContainer form#site_search_form {
    float: right;
    position: relative;
    margin: 0px 0px 0px 0px;
    padding: 0;
    width: auto;
}

.siteSearchContainer input.siteSearchInput {
    font-size: 12px;
    width: 0px;
    border: none;
    border-radius: 0px;
    padding: 8px 30px 8px 10px;
    margin: 5px 0px 8px 0px;
    background: transparent;
    border: none;
    color: #00234b;
    text-transform: none;
    border-radius: 3px;
    transition : 0.8s all;
    position: relative;
    z-index: 100;
}

.siteSearchContainer input.siteSearchInput:focus {
    z-index: 0;
    color: #00234b;
    width: 180px;
    text-transform: none;
    background: #e7ecf3;
}
*/

.siteSearchContainer input.siteSearchSubmit {
/*     position: absolute;
    z-index:20;
    top: 10px;
    right: 8px;
    border-radius: 0;
    width: 23px;
    height: 21px;
    cursor: pointer;
    border: none;
    color: #fff;
    background: url(img/magnify_light.png) center no-repeat; */
}

/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 800px) {
/*     #header .siteSearchContainer {
        position: absolute;
        right: 0px;
        top: 6px;
        margin: 0;
        padding: 0;
        background: #f4f3f2 !important;
    }

    #header .siteSearchContainer span.searchLabel {
        display: none;
    }

    #header .siteSearchContainer form#site_search_form {
        float: left;
        position: relative;
        margin: 0px 0px 0px 0px;
        padding: 0;
        width: auto;
    }*/

/*     .siteSearchContainer input.siteSearchSubmit {
    position: absolute;
    z-index:20;
    top: 10px;
    right: 8px;
    border-radius: 0;
    width: 23px;
    height: 21px;
    cursor: pointer;
    border: none;
    color: #fff;
    background: url(img/magnify_light.png) center no-repeat;
}  */


    #header .siteSearchContainer input.siteSearchInput {
        font-size: 12px;
        width: 0px;
        border: none;
        padding: 10px 30px 10px 10px;
        margin: 5px 0px 5px 0px;
        background: #FFF!important;
        border: none;
        color: #667b90 !important;
        text-transform: none;
        border-radius: 0px;
        transition : 0.8s all;
        position: relative;
        z-index: 0;
        background: #FFF url(img/magnify_light.png) 15px 10px no-repeat!important;
        cursor:pointer;
    }


    #header .siteSearchContainer input.siteSearchInput:focus {
        font-size: 12px;
        width: 200px;
        border: none;
        padding: 10px 30px 10px 20px;
        margin: 5px 0px 5px 0px;
        background: #f4f3f2;
        border: none;
        color: #667b90 !important;
        text-transform: none;
        border-radius: 0px;
        transition : 0.8s width;
        position: relative;
        z-index: 9999;
        background: #f4f3f2 url(img/magnify_light.png) 225px 10px no-repeat!important;
        cursor: auto;
    }

#header .siteSearchContainer input.siteSearchSubmit
{
position: absolute;
top: 0px;
right: 0px;
border-radius: 0;
width: 0px;
height: 0px;
background:transparent;
}

#header .siteSearchContainer.lightGrey{

 background:#FFF!important;
}

}



/*----------------------------------------------------------*/
/*----------------------------------------------------------*/
a#logo {
    display: inline-block;
    float: left;
    width: 65%;
    height: auto;
    margin: 25px 0 10px 0px;
}

a#logo img {
    width: 100%;
    height: auto;
}

@media screen and (min-width: 400px) {
    a#logo {
        width: 50%;
        margin: 20px 0 10px 15px ;
    }
}

@media screen and (min-width: 700px) {
    a#logo {
        width: 280px;
        height: 50px;
        margin: 10px 0 10px 35px;
    }
}

/*----------------------------------*/
#moduleComponentContainerheaderBanners {
    position: relative;
    margin: 0px 0px 0px -1px;
    width: 100% !important;
    height: auto !important;
}

#moduleComponentContainerheaderBanners div {
    position: absolute;
    background-position: center;
    background-size: 100%;
    width: 100% !important;
    height: auto !important;
    top: 0px;
    left: 0px;
    bottom: 0;
    right: 0;
    background-size:cover!important;
}

#moduleComponentContainerheaderBanners div.moduleComponent {
    position: absolute;
    top: 0px;
    left: 0px;
    bottom: 0;
    right: 0;
    height: auto !important;
}

#moduleComponentContainerheaderBanners div div.middle {
    width: 85% !important;
    height: auto !important;
    padding: 0 5% 0 10%;
}

#moduleComponentContainerheaderBanners:before {
    content: " ";
    display: block;
    padding-top: 36%;
}

#moduleComponentContainerheaderBanners div.moduleComponent :before {
    content: " ";
    display: block;
    padding-top: 26%;
}

#moduleComponentContainerheaderBanners div:nth-child(odd) .bannerHtmlContent, #moduleComponentContainerheaderBanners div:nth-child(even) .bannerHtmlContent {
    position: absolute;
    width: 50% !important;
    top: 0;
    left: 0;
    bottom: 0;
    right: auto;
    background: rgba(0,18,38,0.5);
}

#moduleComponentContainerheaderBanners div:nth-child(even) .bannerHtmlContent {
    left: auto;
    right: 0;
}

#home #moduleComponentContainerheaderBanners div:nth-child(even) .bannerHtmlContent, #home #moduleComponentContainerheaderBanners div:nth-child(odd) .bannerHtmlContent {
    position: absolute;
    width: 50% !important;
    top: 0;
    left: 0;
    bottom: 0;
    right: auto;
    background: rgba(0,18,38,0.0);
}

#home #moduleComponentContainerheaderBanners div:nth-child(odd) .bannerHtmlContent {
    left: auto;
    right: 0;
}

#moduleComponentContainerheaderBanners h1, #moduleComponentContainerheaderBanners h2, #moduleComponentContainerheaderBanners h3, #moduleComponentContainerheaderBanners h4 {
    color: #fff;
    font-size: 4.5vw;
    line-height: 1;
    font-weight: bold;
}

/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 1100px) {
    #moduleComponentContainerheaderBanners {
        height: 380px !important;
    }

    #moduleComponentContainerheaderBanners div {
        height: 380px !important;
    }

    #moduleComponentContainerheaderBanners h1, #moduleComponentContainerheaderBanners h2, #moduleComponentContainerheaderBanners h3, #moduleComponentContainerheaderBanners h4 {
        color: #fff;
        font-size: 60px;
        line-height: 1;
        font-weight: bold;
    }
}

#moduleComponentContainerheaderBanners p, #moduleComponentContainerheaderBanners a {
    color: #fff;
}

#moduleComponentContainerheaderBanners .bannerLinkMask {
    position: absolute;
    width: 100%;
    height: 100%;
            top:0px;
}

/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 600px) {
}

/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 840px) {
    .careers .columnContainer4 #careersVacancies div.moduleComponentcurrentVacancies {
        width:100% !important;
    }
}

/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-height: 700px) {
}

/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-height: 700px) and (min-width: 900px) {
}

/*-------------------------------------------------*/
#pageEditorContent {
    width: 98%;
    padding: 0 0 0 2%;
    margin: 35px 0px;
}

/*-------------------------------------------*/
.footer {
    width: 100%;
    margin: 0 0%;
}

.home .footer {
    margin: 20px 0 0 0%;
}

.footer .centerContainer {
    background: none;
    padding: 0px 5%;
    width: 90%;
    margin: 0px 0% 3px;
}

.footer .centerContainerInner {
    background: #00234b;
    padding: 30px 5%;
    width: 90%;
    margin: 0px auto 3px;
}

.footer a {
    text-decoration: none;
}

.footer p, .footer li, .footer td {
    margin: 0px 0px 20px 0px;
    font-size: 11px !important;
}

.footer .darkBlue.floatRight.textRight {
    text-align: left !important;
    margin: 93px 0px 0px 0px;
}

.footer .darkBlue.floatRight.textRight p {
    /* margin: 25px 0px 0px 0px; */
}

/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 500px) {
    .footer .darkBlue.floatRight.textRight {
        text-align: right !important;
    }
}

/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 1200px) {
    .footer .centerContainerInner {
        padding:30px 30px;
        margin: 0 auto;
        width: 1080px;
    }

    .centerContainer {
        width: 1140px;
    }

    .centerContainerInner {
        width: 1065px;
        /*! margin: 0 20px; */
    }

    .footer .centerContainer {
        background: none;
        padding: 0px;
        width: 1100px !important;
        margin: 0px auto 3px !important;
    }

    .footer .centerContainerInner {
        background: #00234b;
        padding: 30px 5% !important;
        width: 90%;
        margin: 0px auto 3px;
    }
}

/*-------------------------------------------*/
#moduleComponentContainerhomepageCallouts, #moduleComponentContainercareersCallouts {
    text-align: left !important;
}

#moduleComponentContainercareersCallouts {
    margin: 0px 0px 20px 0px;
}

#moduleComponentContainerhomepageCallouts .moduleComponentcurrentVacancies span {
    font-size: 12px;
    font-weight: bold;
}

#moduleComponentContainerhomepageCallouts p , #moduleComponentContainercareersCallouts p {
    font-size: 12px;
}

#moduleComponent36 p, #moduleComponent38 p {
    margin-bottom: 0
}

.careers #moduleComponent116, .careers #moduleComponent117 {
    display: none;
}

#moduleComponent116 {
    margin-bottom: 20px;
}

.organisations-we-support .moduleItemsListingOrganisations h2, .moduleSearchContainer h1, .moduleSearchContainer h2, .moduleSearchContainer h3, .moduleSearchContainer h4, #moduleComponentContainerhomepageCallouts h1, #moduleComponentContainerhomepageCallouts h2, #moduleComponentContainerhomepageCallouts h3, #moduleComponentContainerhomepageCallouts h4 #moduleComponentContainercareersCallouts h1, #moduleComponentContainercareersCallouts h2, #moduleComponentContainercareersCallouts h3, #moduleComponentContainercareersCallouts h4, .moduleListingWrapper [class*='percentage'] h1, .moduleListingWrapper [class*='percentage'] h2, .moduleListingWrapper [class*='percentage'] h3, .moduleListingWrapper [class*='percentage'] h4, #moduleItemsListingNews h1, #moduleItemsListingNews h2, #moduleItemsListingNews h3, #moduleItemsListingNews h4, #moduleItemsListingArticles h1, #moduleItemsListingArticles h2, #moduleItemsListingArticles h2 a, #moduleItemsListingArticles h3, #moduleItemsListingArticles h4, #moduleItemsListingBlog h1, #moduleItemsListingBlog h2, #moduleItemsListingBlog h2 a, #moduleItemsListingBlog h3, #moduleItemsListingBlog h4, #moduleItemsListingCurrentVacancies h1, #moduleItemsListingCurrentVacancies h2, #moduleItemsListingCurrentVacancies h3, #moduleItemsListingCurrentVacancies h4, #moduleItemsListingOrganisations h1, #moduleItemsListingOrganisations h2, #moduleItemsListingOrganisations h3, #moduleItemsListingOrganisations h4, #moduleItemsListingCommunityEngagement h1, #moduleItemsListingCommunityEngagement h2, #moduleItemsListingCommunityEngagement h3, #moduleItemsListingCommunityEngagement h4 {
    font-size: 4vw;
    line-height: 1.1;
    font-weight: normal;
}

#moduleItemsListingBlog .date {
    font-size: 14px;
}

#featuredNews h1, #featuredNews h2, #featuredNews h3, #featuredNews h4, #featuredArticle h1, #featuredArticle h2, #featuredArticle h3, #featuredArticle h4 {
    font-size: 11vw !important;
}

#moduleItemsListingBlog h2 a, #moduleItemsListingArticles h2 a, #featuredNews h2 a {
    text-decoration: none;
    color: #00234B;
}

.darkGreenContainer #moduleItemsListingBlog h2 a, .darkGreenContainer #featuredNews h2 a {
    color: #21808d;
}

.blog .darkGreenContainer .darkGrey {
    background: #d0e3e6 !important;
}

.lightGreenContainer #moduleItemsListingBlog h2 a, .lightGreenContainer #featuredNews h2 a {
    color: #80c9b6;
}

.blog .lightGreenContainer .darkGrey {
    background: #e3f2ee !important;
}

.orangeContainer #moduleItemsListingBlog h2 a, .orangeContainer #featuredNews h2 a {
    color: #eb3d31;
}

.blog .orangeContainer .darkGrey {
    background: #f9d5d3 !important;
}

.yellowContainer #moduleItemsListingBlog h2 a, .yellowContainer #featuredNews h2 a {
    color: #f8ad24;
}

.blog .yellowContainer .darkGrey {
    background: #fbecd0 !important;
}

.navyContainer #moduleItemsListingBlog h2 a, .navyContainer #featuredNews h2 a {
    color: #00234B;
}

.blog .navyContainer .darkGrey {
    background: #e9e8e5 !important;
}

#moduleComponentContainerhomepageCallouts a, #moduleComponentContainercareersCallouts a {
    text-decoration: none;
}

#moduleComponentContainerhomepageCallouts #extraField7 {
    display: none;
}

#moduleComponent36 , .home #moduleComponent109, #moduleComponent110, #moduleComponent116 {
    color: #fff;
    background: #667b90;
}

.bannerImageContainer:before, .moduleComponentcurrentVacancies:before {
    left: 0%;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: transparent;
    border-left-color: #667b90;
    border-width: 1.2vw;
    margin-top: -15px;
    z-index: 1000;
}

.bannerImageContainer.image29:before, .bannerImageContainer.image109:before {
    border-left-color: #fff;
}

#moduleComponent36 h1, #moduleComponent36 h2, #moduleComponent36 h3, #moduleComponent36 h4, #moduleComponent36 h5, #moduleComponent36 p, #moduleComponent36 td, #moduleComponent36 a, .home #moduleComponent109 h1, .home #moduleComponent109 h2, .home #moduleComponent109 h3, .home #moduleComponent109 h4, .home #moduleComponent109 h5, .home #moduleComponent109 p, .home #moduleComponent109 td, .home #moduleComponent109 a, #moduleComponent110 h1, #moduleComponent110 h2, #moduleComponent110 h3, #moduleComponent110 h4, #moduleComponent110 h5, #moduleComponent110 p, #moduleComponent110 td, #moduleComponent110 a, #moduleComponent116 h1, #moduleComponent116 h2, #moduleComponent116 h3, #moduleComponent116 h4, #moduleComponent116 h5, #moduleComponent116 p, #moduleComponent116 td, #moduleComponent116 a {
    color: #fff;
    background: transparent;
}

#moduleComponent116 a.button, .home #moduleComponent116 a.button, #moduleComponent116 a.button, #moduleComponent110 a.button, .home #moduleComponent110 a.button, #moduleComponent110 a.button {
    color: #fff !important;
    background: #00234b !important;
}

a.button:hover, #moduleComponent110 a.button:hover, .home #moduleComponent110 a.button:hover, #moduleComponent110 a.button:hover, #moduleComponent116 a.button:hover, .home #moduleComponent116 a.button:hover, #moduleComponent116 a.button:hover {
    color: #00234b !important;
    background: #FFF !important;
}

#moduleComponent38, #moduleComponent111, #moduleComponent117 {
    color: #00234b;
    background: #e9e8e5;
}

.bannerImageContainer:before, #moduleComponent111 .absoluteCenter100:before {
    left: 0%;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: transparent;
    border-left-color: #667b90;
    border-width: 1.2vw;
    margin-top: -15px;
    z-index: 1000;
}

#moduleComponent111 a.readMorePlus:before {
    positioN: absolute;
    left: 0px;
    content: "View all";
    font-size: 12px;
    text-indent: -80px;
    color: #4d4d4d;
    font-weight: normal;
}

.bannerImageContainer.image29:before, .bannerImageContainer.image109:before {
    border-left-color: #fff;
}

#moduleComponent38 h1, #moduleComponent38 h2, #moduleComponent38 h3, #moduleComponent38 h4, #moduleComponent38 h5, #moduleComponent38 a {
    color: #00234b;
    background: transparent;
}

.blog #content .moduleSearchContainer, .articles #content .moduleSearchContainer, .articles_dev #content .moduleSearchContainer, .news #content .moduleSearchContainer, .teams-and-people #content .moduleSearchContainer {
    margin: 0px ;
    padding: 30px 0px 70px 0px;
}

.contacts #content .moduleSearchContainer {
    margin: 0px ;
    padding: 5px 0px 50px 0px;
}

#moduleComponentContainerhomepageCallouts .moduleSearchContainer h1, #moduleComponentContainerhomepageCallouts .moduleSearchContainer h2, #moduleComponentContainerhomepageCallouts .moduleSearchContainer h3, #moduleComponentContainerhomepageCallouts .moduleSearchContainer h4, #moduleComponentContainerhomepageCallouts .moduleSearchContainer h5 {
    font-size: 5.5vw;
    line-height: 1.1;
    font-weight: normal;
}

#moduleComponent36.ratio1_1:before, .moduleComponentcurrentVacancies.ratio1_1:before, #moduleComponent38.ratio1_1:before, #todaysDate.ratio1_1:before {
    padding-top: 80%;
}

.moduleSearchContainer form#module_search_form {
    float: left;
    position: relative;
    margin: 0px 0px 0px 0px;
    padding: 0;
    width: 100%;
}

#moduleComponentContainerhomepageCallouts .moduleSearchContainer form#module_search_form {
    float: left;
    position: absolute;
    margin: 0px 0px 0px 0px;
    padding: 0;
    width: 80%;
    bottom: 20px;
}

.moduleSearchContainer input.moduleSearchInput, .moduleSearchContainer input.moduleSearchInput:focus {
    font-size: 12px;
    width: 91%;
    border: none;
    border-radius: 0px;
    padding: 8px 6% 8px 3%;
    margin: 5px 0px 8px 0px;
    background: #96a4b4;
    border: none;
    color: #00234b;
    text-transform: none;
    border-radius: 0px;
    transition : 0.8s all;
    position: relative;
    z-index: 10;
}

.moduleSearchContainer input.moduleSearchSubmit {
    position: absolute;
    z-index: 20;
    top: 10px;
    right: 8px;
    border-radius: 0;
    width: 23px;
    height: 21px;
    cursor: pointer;
    border: none;
    color: #fff;
    background: url(img/magnify_dark.png) center no-repeat;
}

.moduleListingWrapperLegalServices .moduleSearchContainer input.moduleSearchSubmit {
    background: url(img/magnify_light.png) center no-repeat;
}

.contacts .moduleSearchContainer input.moduleSearchSubmit, .moduleListingWrapperTeams .moduleSearchContainer input.moduleSearchSubmit {
    background: url(img/down_arrow.png) center no-repeat;
}

#moduleListingWrapperArticles .moduleSearchContainer input.moduleSearchSubmit {
    background: url(img/magnify_light.png) center no-repeat;
}

#moduleListingWrapperBlog .moduleSearchContainer input.moduleSearchSubmit {
    background: url(img/magnify_light.png) center no-repeat;
}

#todaysDate {
    float: left;
    width: 100%;
    padding-top: 20px !important;
}

#todaysDate .padding25 {
    padding: 0;
}

#todaysDate h1 {
    font-size: 8vw;
}

#todaysDate h1 span {
    font-size: 20vw;
}

#moduleComponent34 {
    background: #e9e8e5;
}

#moduleComponent34 hr {
    border-color: #fff;
}

#moduleComponent35 h2.bannerTitle {
    width: 80%;

}

#moduleComponent34.ratio1_1:before, #moduleComponent35.ratio1_1:before {
    padding-top: 85%;
}

#moduleComponentContainerhomepageCallouts .moduleComponentblog p.title,
#moduleComponentContainerhomepageCallouts .moduleComponentarticles p.title,
#moduleComponentContainerhomepageCallouts .moduleComponentnews p.title,
#moduleComponentContainerhomepageCallouts #moduleComponent34 p.title,
#moduleComponentContainerhomepageCallouts #moduleComponent35 p.title,
#moduleComponentContainerhomepageCallouts .moduleComponentcurrentVacancies p.title,
#moduleComponentContainercareersCallouts .moduleComponentcurrentVacancies p.title {
    color: #00a9ea;
    margin-bottom: 5px;
    font-weight: bold;
    font-size: 14px;
}

#moduleComponentContainerhomepageCallouts .moduleComponentcurrentVacancies {
    min-height: 184px;
}

.moduleComponentblog p.title a, .moduleComponentarticles p.title a,
.moduleComponentnews p.title a, #moduleComponent34 p.title a,
#moduleComponent35 p.title a, .moduleComponentcurrentVacancies p.title a {
    color: #00a9ea;
}

.moduleComponentblog div.componentItem, .moduleComponentarticles div.componentItem,
#moduleComponent34 div {
    border-bottom: 1px solid #fff;
    margin: 0px 0px 10px;
}

.moduleComponentnews div.componentItem, #moduleComponent35 div {
    border-bottom: 1px solid #e0ded8;
    margin: 0px 0px 10px;
}

.contacts .moduleComponentnews div.componentItem {
    border-bottom: none;
}

.moduleComponentblog div.componentItem:last-child,
.moduleComponentarticles div.componentItem:last-child,
.moduleComponentnews div.componentItem:last-child,
#moduleComponent34:last-child,
#moduleComponent35:last-child {
    border-bottom: none;
    margin: 0px;
}

.moduleComponentblog div.componentItem p, .moduleComponentarticles div.componentItem p, .moduleComponentnews div.componentItem p, #moduleComponent34 p, #moduleComponent35 p, .moduleComponentcurrentVacancies div.componentItem p {
    line-height: 1.3;
}

.moduleComponentblog p.content, .moduleComponentarticles p.content, .moduleComponentnews p.content, #moduleComponent34 p, #moduleComponent35 p, .moduleComponentcurrentVacancies p.content {
    margin-top: 0;
}

#moduleComponentContainerhomepageCallouts a.readMorePlus, a.readMorePlus {
    position: absolute;
    bottom: 15px;
    right: 15px;
    display: block;
    width: 24px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    font-weight: bold;
    font-family: arial, sans-serif;
    background: #fff;
    color: #fff;
    text-decoration: none;
    z-index: 20;
}

#moduleComponentContainerhomepageCallouts a.readMorePlus span, a.readMorePlus span {
    color: #fff;
}

#moduleComponentContainerhomepageCallouts p.practiceGroup {
    font-size: 12px;
    opacity: 0.4;
    font-family: 'Cocogoose';
    text-transform: uppercase;
}

#moduleComponentContainerhomepageCallouts p.practiceGroup, #moduleComponentContainerhomepageCallouts h2, #moduleComponentContainercareersCallouts h2 {
    margin: 0px 0px 6px 0px !important;
}

#moduleComponentContainerhomepageCallouts #moduleComponentId52 a.readMorePlus, #moduleComponentContainerhomepageCallouts #moduleComponentId52 a.readMorePlus span {
    background: #fff;
    color: #21808d;
}

#moduleComponentContainerhomepageCallouts #moduleComponentId53 a.readMorePlus, #moduleComponentContainerhomepageCallouts #moduleComponentId53 a.readMorePlus span {
    background: #fff;
    color: #80c9b6 !important;
}

#moduleComponentContainerhomepageCallouts #moduleComponentId54 a.readMorePlus, #moduleComponentContainerhomepageCallouts #moduleComponentId54 a.readMorePlus span {
    background: #fff;
    color: #eb3d31;
}

#moduleComponentContainerhomepageCallouts #moduleComponentId55 a.readMorePlus, #moduleComponentContainerhomepageCallouts #moduleComponentId55 a.readMorePlus span {
    background: #fff;
    color: #f8ad24;
}

/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 500px) {
    #moduleComponent34.ratio1_1:before, #moduleComponent35.ratio1_1:before {
        padding-top: 130%;
    }

    .organisations-we-support .moduleItemsListingOrganisations h2, .moduleSearchContainer h1, .moduleSearchContainer h2, .moduleSearchContainer h3, .moduleSearchContainer h4, #moduleComponentContainerhomepageCallouts h1, #moduleComponentContainerhomepageCallouts h2, #moduleComponentContainerhomepageCallouts h3, #moduleComponentContainerhomepageCallouts h4, #moduleComponentContainercareersCallouts h1, #moduleComponentContainercareersCallouts h2, #moduleComponentContainercareersCallouts h3, #moduleComponentContainercareersCallouts h4, .moduleListingWrapper [class*='percentage'] h1, .moduleListingWrapper [class*='percentage'] h2, .moduleListingWrapper [class*='percentage'] h3, .moduleListingWrapper [class*='percentage'] h4, #moduleItemsListingNews h1, #moduleItemsListingNews h2, #moduleItemsListingNews h3, #moduleItemsListingNews h4, #moduleItemsListingArticles h1, #moduleItemsListingArticles h2, #moduleItemsListingArticles h2 a, #moduleItemsListingArticles h3, #moduleItemsListingArticles h4, #moduleItemsListingBlog h1, #moduleItemsListingBlog h2, #moduleItemsListingBlog h2 a, #moduleItemsListingBlog h3, #moduleItemsListingBlog h4, #moduleItemsListingCurrentVacancies h1, #moduleItemsListingCurrentVacancies h2, #moduleItemsListingCurrentVacancies h3, #moduleItemsListingCurrentVacancies h4, #pageEditorContent .percentageQuarter.darkGrey h1, #pageEditorContent .percentageQuarter.darkGrey h2, #pageEditorContent .percentageQuarter.darkGrey h3, #pageEditorContent .percentageQuarter.darkGrey h4, #pageEditorContent #moduleItemsListingTeams h1, #pageEditorContent #moduleItemsListingTeams h2, #pageEditorContent #moduleItemsListingTeams h3, #pageEditorContent #moduleItemsListingTeams h4, #moduleItemsListingOrganisations h1, #moduleItemsListingOrganisations h2, #moduleItemsListingOrganisations h3, #moduleItemsListingOrganisations h4, #moduleItemsListingCommunityEngagement h1, #moduleItemsListingCommunityEngagement h2, #moduleItemsListingCommunityEngagement h3, #moduleItemsListingCommunityEngagement h4 {
        font-size: 4.5vw;
    }

    #featuredNews h1, #featuredNews h2, #featuredNews h3, #featuredNews h4, #featuredArticle h1, #featuredArticle h2, #featuredArticle h3, #featuredArticle h4 {
        font-size: 4.5vw !important;
    }

    #todaysDate h1 {
        font-size: 6.5vw;
    }

    #todaysDate h1 span {
        font-size: 9.5vw;
    }
}

/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 840px) {
    #moduleComponent34.ratio1_1:before, #moduleComponent35.ratio1_1:before {
    padding-top: 130%;
    }

    .organisations-we-support .moduleItemsListingOrganisations h2, .moduleItemsListingCurrentVacancies h2 a, .moduleSearchContainer h1, .moduleSearchContainer h2, .moduleSearchContainer h3, .moduleSearchContainer h4, #moduleComponentContainerhomepageCallouts h1, #moduleComponentContainerhomepageCallouts h2, #moduleComponentContainerhomepageCallouts h3, #moduleComponentContainerhomepageCallouts h4, #moduleComponentContainercareersCallouts h1, #moduleComponentContainercareersCallouts h2, #moduleComponentContainercareersCallouts h3, #moduleComponentContainercareersCallouts h4, .moduleListingWrapper [class*='percentage'] h1, .moduleListingWrapper [class*='percentage'] h2, .moduleListingWrapper [class*='percentage'] h3, .moduleListingWrapper [class*='percentage'] h4, #moduleItemsListingNews h1, #moduleItemsListingNews h2, #moduleItemsListingNews h3, #moduleItemsListingNews h4, #moduleItemsListingArticles h1, #moduleItemsListingArticles h2, #moduleItemsListingArticles h2 a, #moduleItemsListingArticles h3, #moduleItemsListingArticles h4, #moduleItemsListingBlog h1, #moduleItemsListingBlog h2, #moduleItemsListingBlog h2 a, #moduleItemsListingBlog h3, #moduleItemsListingBlog h4, #moduleItemsListingCurrentVacancies h1, #moduleItemsListingCurrentVacancies h2, #moduleItemsListingCurrentVacancies h3, #moduleItemsListingCurrentVacancies h4, #pageEditorContent .percentageQuarter.darkGrey h1, #pageEditorContent .percentageQuarter.darkGrey h2, #pageEditorContent .percentageQuarter.darkGrey h3, #pageEditorContent .percentageQuarter.darkGrey h4, #pageEditorContent #moduleItemsListingTeams h1, #pageEditorContent #moduleItemsListingTeams h2, #pageEditorContent #moduleItemsListingTeams h3, #pageEditorContent #moduleItemsListingTeams h4 {
        font-size: 2vw;
    }

    #featuredNews h1, #featuredNews h2, #featuredNews h3, #featuredNews h4, #featuredArticle h1, #featuredArticle h2, #featuredArticle h3, #featuredArticle h4 {
        font-size: 3vw !important;
    }

    #moduleComponentContainerhomepageCallouts #moduleComponent36 h1, #moduleComponentContainerhomepageCallouts #moduleComponent36 h2, #moduleComponentContainerhomepageCallouts #moduleComponent36 h3, #moduleComponentContainerhomepageCallouts #moduleComponent36 h4, #moduleComponentContainerhomepageCallouts #moduleComponent36 h5, #moduleComponentContainercareersCallouts #moduleComponent109 h1, #moduleComponentContainercareersCallouts #moduleComponent109 h2, #moduleComponentContainercareersCallouts #moduleComponent109 h3, #moduleComponentContainercareersCallouts #moduleComponent109 h4, #moduleComponentContainercareersCallouts #moduleComponent109 h5, #moduleComponentContainercareersCallouts #moduleComponent110 h1, #moduleComponentContainercareersCallouts #moduleComponent110 h2, #moduleComponentContainercareersCallouts #moduleComponent110 h3, #moduleComponentContainercareersCallouts #moduleComponent110 h4, #moduleComponentContainercareersCallouts #moduleComponent110 h5, #moduleComponentContainercareersCallouts #moduleComponent116 h1, #moduleComponentContainercareersCallouts #moduleComponent116 h2, #moduleComponentContainercareersCallouts #moduleComponent116 h3, #moduleComponentContainercareersCallouts #moduleComponent116 h4, #moduleComponentContainercareersCallouts #moduleComponent116 h5 {
        font-size: 3vw;
    }

    #moduleComponentContainerhomepageCallouts .moduleSearchContainer h1, #moduleComponentContainerhomepageCallouts .moduleSearchContainer h2, #moduleComponentContainerhomepageCallouts .moduleSearchContainer h3, #moduleComponentContainerhomepageCallouts .moduleSearchContainer h4, #moduleComponentContainerhomepageCallouts .moduleSearchContainer h5, #moduleComponentContainercareersCallouts .moduleSearchContainer h1, #moduleComponentContainercareersCallouts .moduleSearchContainer h2, #moduleComponentContainercareersCallouts .moduleSearchContainer h3, #moduleComponentContainercareersCallouts .moduleSearchContainer h4, #moduleComponentContainercareersCallouts .moduleSearchContainer h5 {
        font-size: 3vw;
    }

    .teamContainers {
        position: relative;
        margin: 20px 0px;
    }

    .teamContainers .padding25.absoluteBottom {
        min-height: 125px;
    }

    #todaysDate {
        float: none;
        width: auto;
        padding-top: 20px !important;
    }

    #todaysDate h1 {
        font-size: 3vw;
    }

    #todaysDate h1 span {
        font-size: 6vw;
    }

    .moduleItemsListingCurrentVacancies h2 a {
        display: block;
    }
}

/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 1100px) {
    .moduleSearchContainer h1, .moduleSearchContainer h2, .moduleSearchContainer h3, .moduleSearchContainer h4, #moduleComponentContainerhomepageCallouts h1, #moduleComponentContainerhomepageCallouts h2, #moduleComponentContainerhomepageCallouts h3, #moduleComponentContainerhomepageCallouts h4, #moduleComponentContainercareersCallouts h1, #moduleComponentContainercareersCallouts h2, #moduleComponentContainercareersCallouts h3, #moduleComponentContainercareersCallouts h4, .moduleListingWrapper [class*='percentage'] h1, .moduleListingWrapper [class*='percentage'] h2, .moduleListingWrapper [class*='percentage'] h3, .moduleListingWrapper [class*='percentage'] h4, .organisations-we-support .moduleItemsListingOrganisations h2, #moduleItemsListingNews h1, #moduleItemsListingNews h2, #moduleItemsListingNews h3, #moduleItemsListingNews h4, #moduleItemsListingArticles h1, #moduleItemsListingArticles h2, #moduleItemsListingArticles h2 a, #moduleItemsListingArticles h3, #moduleItemsListingArticles h4, #moduleItemsListingBlog h1, #moduleItemsListingBlog h2, #moduleItemsListingBlog h2 a, #moduleItemsListingBlog h3, #moduleItemsListingBlog h4, #moduleItemsListingCurrentVacancies h1, #moduleItemsListingCurrentVacancies h2, #moduleItemsListingCurrentVacancies h3, #moduleItemsListingCurrentVacancies h4, #pageEditorContent .percentageQuarter.darkGrey h1, #pageEditorContent .percentageQuarter.darkGrey h2, #pageEditorContent .percentageQuarter.darkGrey h3, #pageEditorContent .percentageQuarter.darkGrey h4, #pageEditorContent #moduleItemsListingTeams h1, #pageEditorContent #moduleItemsListingTeams h2, #pageEditorContent #moduleItemsListingTeams h3, #pageEditorContent #moduleItemsListingTeams h4, #pageEditorContent #moduleItemsListingOrganisations h1, #pageEditorContent #moduleItemsListingOrganisations h2, #pageEditorContent #moduleItemsListingOrganisations h3, #pageEditorContent #moduleItemsListingOrganisations h4, #pageEditorContent #moduleItemsListingCommunityEngagement h1, #pageEditorContent #moduleItemsListingCommunityEngagement h2, #pageEditorContent #moduleItemsListingCommunityEngagement h3, #pageEditorContent #moduleItemsListingCommunityEngagement h4 {
        font-size:26px;
    }

    #moduleItemsListingNews h2,
    #pageEditorContent #moduleItemsListingCommunityEngagement h2 {
        font-size:22px;
    }

    #featuredNews h1, #featuredNews h2, #featuredNews h3, #featuredNews h4, #featuredArticle h1, #featuredArticle h2, #featuredArticle h3, #featuredArticle h4 {
        font-size: 44px !important;
    }

    #moduleComponentContainerhomepageCallouts #moduleComponent36 h1, #moduleComponentContainerhomepageCallouts #moduleComponent36 h2, #moduleComponentContainerhomepageCallouts #moduleComponent36 h3, #moduleComponentContainerhomepageCallouts #moduleComponent36 h4, #moduleComponentContainerhomepageCallouts #moduleComponent36 h5, #moduleComponentContainercareersCallouts #moduleComponent36 h1, #moduleComponentContainercareersCallouts #moduleComponent36 h2, #moduleComponentContainercareersCallouts #moduleComponent36 h3, #moduleComponentContainercareersCallouts #moduleComponent36 h4, #moduleComponentContainercareersCallouts #moduleComponent36 h5, #moduleComponentContainercareersCallouts #moduleComponent109 h1, #moduleComponentContainercareersCallouts #moduleComponent109 h2, #moduleComponentContainercareersCallouts #moduleComponent109 h3, #moduleComponentContainercareersCallouts #moduleComponent109 h4, #moduleComponentContainercareersCallouts #moduleComponent109 h5, #moduleComponentContainercareersCallouts #moduleComponent110 h1, #moduleComponentContainercareersCallouts #moduleComponent110 h2, #moduleComponentContainercareersCallouts #moduleComponent110 h3, #moduleComponentContainercareersCallouts #moduleComponent110 h4, #moduleComponentContainercareersCallouts #moduleComponent110 h5, #moduleComponentContainercareersCallouts #moduleComponent116 h1, #moduleComponentContainercareersCallouts #moduleComponent116 h2, #moduleComponentContainercareersCallouts #moduleComponent116 h3, #moduleComponentContainercareersCallouts #moduleComponent116 h4, #moduleComponentContainercareersCallouts #moduleComponent116 h5 {
        font-size: 34px;
    }

    #moduleComponentContainerhomepageCallouts .moduleSearchContainer h1, #moduleComponentContainerhomepageCallouts .moduleSearchContainer h2, #moduleComponentContainerhomepageCallouts .moduleSearchContainer h3, #moduleComponentContainerhomepageCallouts .moduleSearchContainer h4, #moduleComponentContainerhomepageCallouts .moduleSearchContainer h5, #moduleComponentContainercareersCallouts .moduleSearchContainer h1, #moduleComponentContainercareersCallouts .moduleSearchContainer h2, #moduleComponentContainercareersCallouts .moduleSearchContainer h3, #moduleComponentContainercareersCallouts .moduleSearchContainer h4, #moduleComponentContainercareersCallouts .moduleSearchContainer h5, #moduleItemsListingOrganisations h1, #moduleItemsListingOrganisations h2, #moduleItemsListingOrganisations h3, #moduleItemsListingOrganisations h4, #moduleItemsListingCommunityEngagement h1, #moduleItemsListingCommunityEngagement h2, #moduleItemsListingCommunityEngagement h3, #moduleItemsListingCommunityEngagement h4 {
        font-size: 34px;
    }

    #todaysDate h1 {
        margin-top: 20px;
        line-height: 0.9;
        font-size: 30px;
    }

    #todaysDate h1 span {
        font-size: 98px;
    }

    .bannerImageContainer:before, .moduleComponentcurrentVacancies:before {
        border-width: 17px;
    }
}

/*-------------------------------------------*/
.moduleComponentContainercallouts {
    margin: 30px 0px 0px 0px !important;
}

.moduleComponentcallouts {
    float: left;
    width: 100%;
}

.moduleComponentcallouts .bannerHtmlContent {
    width: 100%;
}

.moduleComponentcallouts .bannerHtmlContent h1, .moduleComponentcallouts .bannerHtmlContent h2, .moduleComponentcallouts .bannerHtmlContent h3, .moduleComponentcallouts .bannerHtmlContent h4 {
    font-size: 24px;
}

.moduleComponentcallouts .bannerHtmlContent p {
}

.moduleComponentcallouts .bannerHtmlContent p {
}

.moduleComponentcallouts .bannerHtmlContent a.button.blue {
}

.moduleComponentcallouts .bannerImageContainer {
    width: 100%;
    float: left;
    position: relative;
}

.moduleComponentcallouts .bannerImageContainer:before {
    left: 50%;
    top: 0px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: transparent;
    border-top-color: #667b90;
    border-width: 5.5vw;
    margin-top: 0;
    margin-left: -5.5vw;
    z-index: 1000;
}

#moduleComponent112 .bannerImageContainer {
    float: left;
    position: relative;
    margin: 0px 0px 30px 0px;
}

#moduleComponent118 .bannerImageContainer:before {
    left: 50%;
    top: auto;
    bottom: 0;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: transparent;
    border-bottom-color: #667b90;
    border-width: 20px;
    margin-left: -15px;
    z-index: 1000;
}

#moduleComponent118 .bannerHtmlContent h2 {
    font-size: 34px;
    line-height: 1;
}

#moduleComponent112 .bannerImageContainer:before {
    left: 50%;
    top: 84%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: transparent;
    border-bottom-color: #e9e8e5;
    border-width: 20px;
    margin-top: 0;
    margin-left: -20px;
    z-index: 1000;
}

.moduleComponentcallouts .bannerImageContainer img {
    float: left;
    position: relative;
    width: 100%;
    height: auto;
}

/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 500px) {
    .moduleComponentcallouts .bannerImageContainer:before {
        border-width: 1.5vw;
        margin-left: -1.5vw;
    }
}

@media only screen and (min-width : 500px) and (max-width : 840px) {
    .moduleComponentcallouts .bannerHtmlContent {
        float:right;
        position: relative;
        width: 50%;
    }

    .moduleComponentcallouts .bannerImageContainer {
        width: 50%;
        float: left;
        position: relative;
        height: auto;
        min-width: 212px;
        overflow: hidden;
        margin: 0 !important;
    }

    .moduleComponentcallouts .bannerImageContainer:before {
        border-width: 1.5vh;
        left: auto;
        margin-left: 0;
        top: 50%;
        transform: translateY(-50%);
        transform: rotate(-90deg);
        display: none;
    }

    .moduleComponentcallouts .bannerHtmlContent {
        width: 48%;
        padding: 3%;
    }

    .moduleComponentcallouts .bannerImageContainer img {
        min-height: 250px;
        min-width: 250px;
    }
}

/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 900px) {
    .moduleComponentContainercallouts {
        margin: 0px 0px 0px 0px !important;
    }
}

/*-------------------------------------------*/
.moduleListingWrapperLegalServices #pageSource,
.moduleListingWrapperTeams #pageSource,
.moduleListingWrapperPeople #pageSource,
.moduleListingWrapperArticles #pageSource,
.moduleListingWrapperBlog #pageSource,
.moduleListingWrapperNews #pageSource,
.moduleListingWrapperCareers #pageSource,
.moduleListingWrapperOrganisations #pageSource,
.moduleListingWrapperCommunityEngagement #pageSource {
    width: 100%;
    margin-bottom: 45px;
}

/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 900px) {
    .moduleListingWrapperLegalServices #pageSource,
    .moduleListingWrapperTeams #pageSource,
    .moduleListingWrapperPeople #pageSource,
    .moduleListingWrapperArticles #pageSource,
    .moduleListingWrapperBlog #pageSource,
    .moduleListingWrapperNews #pageSource,
    .moduleListingWrapperCareers #pageSource,
    .moduleListingWrapperOrganisations #pageSource,
    .moduleListingWrapperCommunityEngagement #pageSource {
        width:60%;
        margin-bottom: 45px;
    }
}

.contacts #content .moduleSearchContainer input.moduleSearchInput,
.moduleListingWrapperLegalServices input.moduleSearchInput,
.moduleListingWrapperTeams input.moduleSearchInput,
#moduleListingWrapperPeople input.moduleSearchInput,
#moduleListingWrapperArticles input.moduleSearchInput,
#moduleListingWrapperBlog input.moduleSearchInput,
#moduleListingWrapperNews input.moduleSearchInput,
#moduleListingWrapperCareers input.moduleSearchInput,
.moduleListingWrapperLegalServices input.moduleSearchInput:focus,
.moduleListingWrapperTeams input.moduleSearchInput:focus,
#moduleListingWrapperPeople input.moduleSearchInput:focus,
#moduleListingWrapperArticles input.moduleSearchInput:focus,
#moduleListingWrapperBlog input.moduleSearchInput:focus,
#moduleListingWrapperNews input.moduleSearchInput:focus,
#moduleListingWrapperCareers input.moduleSearchInput:focus {
    background: #e9e8e5;
    width: 91%;
    margin: 0;
    padding: 14px 7% 14px 2%;
    color: #667b90 !important;
}

.moduleListingWrapperLegalServices input.moduleSearchInput,
.moduleListingWrapperLegalServices input.moduleSearchInput:focus {
    background: #e9e8e5;
    width: 91%;
    margin: 0;
    padding: 14px 7% 14px 2%;
    color: #667b90 !important;
}

.contacts input.moduleSearchSubmit, .moduleListingWrapperLegalServices input.moduleSearchSubmit,
.moduleListingWrapperTeams input.moduleSearchSubmit, #moduleListingWrapperPeople input.moduleSearchSubmit,
#moduleListingWrapperArticles input.moduleSearchSubmit, #moduleListingWrapperBlog input.moduleSearchSubmit,
#moduleListingWrapperNews input.moduleSearchSubmit, #moduleListingWrapperCareers input.moduleSearchSubmit {
    top: 10px;
    right: 17px;
}

.moduleListingWrapperLegalServices p#atoZ,
.moduleListingWrapperTeams p#atoZ,
.moduleListingWrapperPeople p#atoZ,
.moduleListingWrapperArticles p#atoZ,
.moduleListingWrapperBlog p#atoZ,
.moduleListingWrapperNews p#atoZ,
.moduleListingWrapperCareers p#atoZ {
    margin: 90px 0px 15px;
    font-size: 4vw;
    line-height: 0.9;
    text-transform: uppercase;
    font-family: 'Cocogoose';
    font-weight: normal;
    color: #667b90;
}

@media screen and (min-width: 1920px) {
    .moduleListingWrapperLegalServices p#atoZ,
    .moduleListingWrapperTeams p#atoZ,
    .moduleListingWrapperPeople p#atoZ,
    .moduleListingWrapperArticles p#atoZ,
    .moduleListingWrapperBlog p#atoZ,
    .moduleListingWrapperNews p#atoZ,
    .moduleListingWrapperCareers p#atoZ {
    font-size: 2.5vw;
    }
}

#moduleItemsListingLegalServices p.title:first-child,
.moduleItemsListingTeams p.title:first-child,
#moduleItemsListingPeople p.title:first-child,
#moduleItemsListingArticles p.title:first-child,
#moduleItemsListingBlog p.title:first-child,
#moduleItemsListingNews p.title:first-child,
#moduleItemsListingCareers p.title:first-child,
#moduleItemsListingOrganisations p.title:first-child,
#moduleItemsListingCommunityEngagement p.title:first-child {
    margin-top: 0px;
}

.organisations-we-support .moduleItemsListingOrganisations a,
#moduleItemsListingLegalServices a,
#moduleItemsListingTeams a,
#moduleItemsListingPeople a,
#moduleItemsListingArticles a,
#moduleItemsListingBlog a,
#moduleItemsListingNews a,
#moduleItemsListingCareers a,
#moduleItemsListingOrganisations a,
#moduleItemsListingCommunityEngagement a {
    color: #4d4d4d;
    float: auto;
    overflow: hidden;
}

#moduleItemsListingLegalServices {
    width: 95%;
    margin-bottom: 40px !important;
}

/*-------------------------------------------*/
.moduleDetailWrapperLegalServices #moduleItemContent, .moduleDetailWrapperTeams #moduleItemContent, .moduleDetailWrapperPeople #moduleItemContent, .moduleDetailWrapperArticles #moduleItemContent, .moduleDetailWrapperBlog #moduleItemContent, .moduleDetailWrapperNews #moduleItemContent, .moduleDetailWrapperCareers #moduleItemContent {
    margin-top: 0 !important;
}

.moduleDetailWrapperLegalServices #moduleItemContent h2, .moduleDetailWrapperTeams #moduleItemContent h2, .moduleDetailWrapperPeople #moduleItemContent h2, .moduleDetailWrapperArticles #moduleItemContent h2, .moduleDetailWrapperBlog #moduleItemContent h2, .moduleDetailWrapperNews #moduleItemContent h2, .moduleDetailWrapperCareers #moduleItemContent h2, .moduleDetailWrapperLegalServices #moduleItemContent h3, .moduleDetailWrapperTeams #moduleItemContent h3, .moduleDetailWrapperPeople #moduleItemContent h3, .moduleDetailWrapperArticles #moduleItemContent h3, .moduleDetailWrapperBlog #moduleItemContent h3, .moduleDetailWrapperNews #moduleItemContent h3, .moduleDetailWrapperCareers #moduleItemContent h3, .moduleDetailWrapperLegalServices #moduleItemContent h4, .moduleDetailWrapperTeams #moduleItemContent h4, .moduleDetailWrapperPeople #moduleItemContent h4, .moduleDetailWrapperArticles #moduleItemContent h4, .moduleDetailWrapperBlog #moduleItemContent h4, .moduleDetailWrapperNews #moduleItemContent h4, .moduleDetailWrapperCareers #moduleItemContent h4, .moduleDetailWrapperLegalServices #moduleItemContent h2, .moduleDetailWrapperTeams #moduleItemContent h2, .moduleDetailWrapperPeople #moduleItemContent h2, .moduleDetailWrapperArticles #moduleItemContent h2, .moduleDetailWrapperBlog #moduleItemContent h2, .moduleDetailWrapperNews #moduleItemContent h2, .moduleDetailWrapperCareers #moduleItemContent h2, .moduleDetailWrapperLegalServices #moduleItemContent h3, .moduleDetailWrapperTeams #moduleItemContent h3, .moduleDetailWrapperPeople #moduleItemContent h3, .moduleDetailWrapperArticles #moduleItemContent h3, .moduleDetailWrapperBlog #moduleItemContent h3, .moduleDetailWrapperNews #moduleItemContent h3, .moduleDetailWrapperCareers #moduleItemContent h3 {
    font-size: 20px;
    margin: 0px 0px 10px 0px;
    text-transform: initial;
}

.about .floatLeft.percentageHalf.padding20 h2, .about .floatLeft.percentageHalf.padding20 h3, .about .floatLeft.percentageHalf.padding20 h4 {
    font-family: lato;
    font-weight: 900;
}

.moduleDetailWrapperLegalServices #moduleItemContent,
.moduleDetailWrapperTeams #moduleItemContent,
.moduleDetailWrapperPeople #moduleItemContent,
.moduleDetailWrapperArticles #moduleItemContent,
.moduleDetailWrapperBlog #moduleItemContent,
.moduleDetailWrapperNews #moduleItemContent,
.moduleDetailWrapperCareers #moduleItemContent{
    padding-top: 0 !important;
    min-height: 320px;
}

.moduleItemLegalServices div[class*='percentage'] h1,
.moduleItemLegalServices div[class*='percentage'] h2,
.moduleItemLegalServices div[class*='percentage'] h3,
.moduleItemLegalServices div[class*='percentage'] h4,
.moduleItemTeams div[class*='percentage'] h1,
.moduleItemTeams div[class*='percentage'] h2,
.moduleItemTeams div[class*='percentage'] h3,
.moduleItemTeams .div[class*='percentage'] h4,
.moduleItemPeople div[class*='percentage'] h1,
.moduleItemPeople div[class*='percentage'] h2,
.moduleItemPeople div[class*='percentage'] h3,
.moduleItemPeople div[class*='percentage'] h4,
.moduleItemArticles div[class*='percentage'] h1,
.moduleItemArticles div[class*='percentage'] h2,
.moduleItemArticles div[class*='percentage'] h3,
.moduleItemArticles div[class*='percentage'] h4,
.moduleItemBlog div[class*='percentage'] h1,
.moduleItemBlog div[class*='percentage'] h2,
.moduleItemBlog div[class*='percentage'] h3,
.moduleItemBlog div[class*='percentage'] h4,
.moduleItemNews div[class*='percentage'] h1,
.moduleItemNews div[class*='percentage'] h2,
.moduleItemNews div[class*='percentage'] h3,
.moduleItemNews div[class*='percentage'] h4,
.moduleItemCareers div[class*='percentage'] h1,
.moduleItemCareers div[class*='percentage'] h2,
.moduleItemCareers div[class*='percentage'] h3,
.moduleItemCareers div[class*='percentage'] h4,
.moduleItemOrganisations div[class*='percentage'] h1,
.moduleItemOrganisations div[class*='percentage'] h2,
.moduleItemOrganisations div[class*='percentage'] h3,
.moduleItemOrganisations div[class*='percentage'] h4,
.moduleItemCommunity div[class*='percentage'] h1,
.moduleItemCommunity div[class*='percentage'] h2,
.moduleItemCommunity div[class*='percentage'] h3,
.moduleItemCommunity div[class*='percentage'] h4,
#pageEditorContent .percentageQuarter.darkGrey h1,
#pageEditorContent .percentageQuarter.darkGrey h2,
#pageEditorContent .percentageQuarter.darkGrey h3,
#pageEditorContent .percentageQuarter.darkGrey h4,
#pageEditorContent #moduleItemsListingTeams h1,
#pageEditorContent #moduleItemsListingTeams h2,
#pageEditorContent #moduleItemsListingTeams h3,
#pageEditorContent #moduleItemsListingTeams h4 {
    font-size: 26px;
    font-family: "cocogoose";
}

.moduleItemPeople .extraFields h1, .moduleItemPeople .extraFields h2, .moduleItemPeople .extraFields h3, .moduleItemPeople .extraFields h4, .moduleItemPeople #alternativeContacts h1, .moduleItemPeople #alternativeContacts h2, .moduleItemPeople #alternativeContacts h3, .moduleItemPeople #alternativeContacts h4, #moduleListingWrapperArticles .linkedItem h1, #moduleListingWrapperArticles .linkedItem h2, #moduleListingWrapperArticles .linkedItem h3, #moduleListingWrapperArticles .linkedItem h4, #moduleListingWrapperBlog .linkedItem h1, #moduleListingWrapperBlog .linkedItem h2, #moduleListingWrapperBlog .linkedItem h3, #moduleListingWrapperBlog .linkedItem h4, .moduleItemArticles .linkedItem h1, .moduleItemArticles .linkedItem h2, .moduleItemArticles .linkedItem h3, .moduleItemArticles .linkedItem h4, .moduleItemBlog .linkedItem h1, .moduleItemBlog .linkedItem h2, .moduleItemBlog .linkedItem h3, .moduleItemBlog .linkedItem h4, .moduleItemNews .linkedItem h2 {
    font-size: 20px !important;
    font-family: "lato" !important;
    font-weight: 900 !important;
    text-transform: none;
    margin: 0px 0px 10px 0px;
}

#extraField9:after {
    left: 105%;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: transparent;
    border-left-color: #667b90;
    border-width: 2vw;
    margin-top: 0;
    margin-top: -2vw;
    z-index: 1000;
}

.moduleItem #moduleItemContent #extraField9:after {
    display: none;
}

#keyContacts .linkedItem h2, #keyContacts .linkedItem h2 a {
    text-transform: none !important;
    font-size: 18px;
    color: #00234b !important;
}

/*-------------------------------------------*/
#relatedArticles #linkedItemsContainer .moduleItemImage {
    display: none;
}

#relatedBlog #linkedItemsContainer .moduleItemImage {
    display: none;
}

#linkedItemsContainer {
    padding: 0px 0px 30px 0px !important;
}

.linkedItem {
    border-top: none;
    padding: 3px 0px;
}

.linkedItem:first-child {
    border-top: none;
    padding: 6px 0px;
}

#linkedItem_50.linkedItem:first-child {
    border-top: none;
    padding: 0px 0px;
}

.linkedItem p.title a {
    font-weight: bold;
    text-decoration: underline;
    color: #00a9ea;
}

#relatedArticles .linkedItem p.title a {
    text-decoration: none;
}

#relatedBlog .linkedItem p.title a {
    text-decoration: none;
}

.linkedItem p.title {
    margin: 0;
}

#linkedItemsContainer .linkedItem, #linkedItemsTitles .linkedItem {
    padding: 3px 0;
}

#linkedItemsTitles .linkedItem p.title, #linkedItemsTitles .linkedItem p.title a {
    font-weight: normal;
    margin: 0;
}

/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 900px) {
    .moduleComponentContainercallouts {
        margin: 0px 0px 0px 0px !important;
    }
}

/*-------------------------------------------*/
#keyContacts {
    margin: 20px 0px 30px 0px;
}

#keyContacts .linkedItem {
    float: left;
    position: relative;
    width: 100%;
    border: none;
    margin: 0;
    padding: 0;
}

#keyContacts .linkedItem:nth-child(even) {
    background: #e9e8e5;
}

#keyContacts #linkedItemsExtrasContainer .linkedItem .moduleItemImage {
    float: right;
    position: relative;
    width: 50%;
    overflow: hidden;
    margin: 0;
}

#keyContacts #linkedItemsExtrasContainer .linkedItem .moduleItemImage:after {
    left: 0%;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: transparent;
    border-left-color: #fff;
    border-width: 1.2vw;
    margin-top: 0;
    margin-top: -1.5vw;
    z-index: 1000;
}

#keyContacts #linkedItemsExtrasContainer .linkedItem:nth-child(even) .moduleItemImage:after {
    border-left-color: #e9e8e5;
}

.lightGreenContainer #keyContacts #linkedItemsExtrasContainer .linkedItem:nth-child(odd) .moduleItemImage:after {
    border-left-color: #e3f2ee;
}

.lightGreenContainer #keyContacts #linkedItemsExtrasContainer .linkedItem:nth-child(even) .moduleItemImage:after {
    border-left-color: #fff;
}

.darkGreenContainer #keyContacts #linkedItemsExtrasContainer .linkedItem:nth-child(odd) .moduleItemImage:after {
    border-left-color: #d0e3e6 ;
}

.darkGreenContainer #keyContacts #linkedItemsExtrasContainer .linkedItem:nth-child(even) .moduleItemImage:after {
    border-left-color: #fff;
}

.orangeContainer #keyContacts #linkedItemsExtrasContainer .linkedItem:nth-child(odd) .moduleItemImage:after {
    border-left-color: #f9d5d3;
}

.orangeContainer #keyContacts #linkedItemsExtrasContainer .linkedItem:nth-child(even) .moduleItemImage:after {
    border-left-color: #fff;
}

.yellowContainer #keyContacts #linkedItemsExtrasContainer .linkedItem:nth-child(odd) .moduleItemImage:after {
    border-left-color: #fbecd0;
}

.yellowContainer #keyContacts #linkedItemsExtrasContainer .linkedItem:nth-child(even) .moduleItemImage:after {
    border-left-color: #fff;
}

#keyContacts #linkedItemsExtrasContainer .linkedItem .moduleItemImage a, #keyContacts #linkedItemsExtrasContainer .linkedItem .moduleItemImage a img {
    float: left;
    position: relative;
    width: 100%;
}

#keyContacts .linkedItem .header {
}

#keyContacts .linkedItem p.title {
}

#keyContacts .linkedItem p.title a {
}

#keyContacts .linkedItem .moduleItemContent {
    float: left;
    position: relative;
    width: 40%;
    overflow: hidden;
    margin: 0;
    padding: 25px 5%;
    z-index: 10;
}

.teams-and-people #keyContacts .linkedItem .moduleItemContent {
}

.teams-and-people #keyContacts .linkedItem .extraFields.fullWidthContainer.ratio1_1:before {
    display: none;
}

.teams-and-people #keyContacts .linkedItem .extraFields.fullWidthContainer.ratio1_1 .ratioInner {
    position: relative;
}

.teams-and-people #keyContacts .linkedItem .extraFields.fullWidthContainer.ratio1_1 .ratioInner .padding25 {
    padding: 0;
}

#keyContacts .linkedItem a.readMorePlus {
    right: 53.5% !important;
}

.darkGreenContainer #keyContacts .linkedItem a.readMorePlus {
    color: #fff !important;
    background: #21808d !important;
}

.lightGreenContainer #keyContacts .linkedItem a.readMorePlus {
    color: #fff !important;
    background: #80c9b6 !important;
}

.orangeContainer #keyContacts .linkedItem a.readMorePlus {
    color: #fff !important;
    background: #eb3d31 !important;
}

.yellowContainer #keyContacts .linkedItem a.readMorePlus {
    color: #fff !important;
    background: #f8ad24 !important;
}

.darkGreenContainer #keyContacts .linkedItem a.readMorePlus:before, .lightGreenContainer #keyContacts .linkedItem a.readMorePlus:before, .orangeContainer #keyContacts .linkedItem a.readMorePlus:before, .yellowContainer #keyContacts .linkedItem a.readMorePlus:before {
    content: "View Profile";
    positioN: absolute;
    margin-left: -80px;
    font-weight: normal;
    color: #4d4d4d;
    font-size: 12px;
}

/*-------------------------------------------*/
#breadcrumbsContainer {
    width: 100%;
    margin: 15px 0% 0px;
    padding: 10px 3%;
    font-size: 80%;
}

#breadcrumbsContainer a, #breadcrumbsContainer span {
    text-decoration: none;
    margin-right: 20px;
}

#breadcrumbsContainer a:hover {
    text-decoration: underline;
}

/*-------------------------------------------*/
#pageEmailSource, #emailForm {
    float: left;
    position: relative;
    width: 94%;
    min-width: 0;
    margin: 0 0 0 0;
}

.formHeaderText p {
    font-size: 100%;
    line-height : 1.3;
}

#blank #emailForm #formTable {
    background: transparent none repeat scroll 0 0;
    border: 0 solid transparent;
    border-radius: 3px;
    margin: 0;
    min-width: 100%;
    padding: 0;
}

/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 900px) {
    .join-the-team #pageSource, .apply-now #pageSource, #emailForm {
        float: left;
        position: relative;
        width: 45%;
        min-width: 0;
        margin: 0 0 0 0;
    }

    .formHeaderText p {
        font-size: 100%;
        line-height : 1.3;
    }

    #emailForm {
        float: right;
        border: none;
    }
}

/*-------------------------------------------*/
div[id*='moduleItemsListing'] div[id*='moduleItemsListingItem']:nth-child(even) {
    background: #e9e8e5;
}

/*-------------------------------------------*/
div#moduleListingWrapperArticles .percentageThird.floatRight.white #linkedItemsExtrasContainer .linkedItem {
    display: none;
}

div#moduleListingWrapperArticles .percentageThird.floatRight.white #linkedItemsExtrasContainer .linkedItem:nth-of-type(1) {
    display: block;
}

div#moduleListingWrapperBlog .percentageThird.floatRight.white #linkedItemsExtrasContainer .linkedItem {
    display: none;
}

div#moduleListingWrapperBlog .percentageThird.floatRight.white #linkedItemsExtrasContainer .linkedItem:nth-of-type(1) {
    display: block;
}

div#moduleItemsListingArticles div[id*='moduleItemsListingItem'] {
    background: #fff;
}

div#moduleItemsListingBlog div[id*='moduleItemsListingItem'] {
    background: #fff;
}

div#moduleItemsListingArticles div[id*='moduleItemsListingItem']:nth-of-type(1), div#moduleItemsListingArticles div[id*='moduleItemsListingItem']:nth-of-type(3), div#moduleItemsListingArticles div[id*='moduleItemsListingItem']:nth-of-type(6), div#moduleItemsListingArticles div[id*='moduleItemsListingItem']:nth-of-type(8), div#moduleItemsListingArticles div[id*='moduleItemsListingItem']:nth-of-type(9), div#moduleItemsListingArticles div[id*='moduleItemsListingItem']:nth-of-type(11), div#moduleItemsListingArticles div[id*='moduleItemsListingItem']:nth-of-type(14), div#moduleItemsListingArticles div[id*='moduleItemsListingItem']:nth-of-type(16), div#moduleItemsListingArticles div[id*='moduleItemsListingItem']:nth-of-type(17), div#moduleItemsListingArticles div[id*='moduleItemsListingItem']:nth-of-type(19), div#moduleItemsListingArticles div[id*='moduleItemsListingItem']:nth-of-type(22), div#moduleItemsListingArticles div[id*='moduleItemsListingItem']:nth-of-type(24), div#moduleItemsListingArticles div[id*='moduleItemsListingItem']:nth-of-type(25), div#moduleItemsListingArticles div[id*='moduleItemsListingItem']:nth-of-type(27), div#moduleItemsListingArticles div[id*='moduleItemsListingItem']:nth-of-type(30), div#moduleItemsListingArticles div[id*='moduleItemsListingItem']:nth-of-type(32), div#moduleItemsListingArticles div[id*='moduleItemsListingItem']:nth-of-type(33), div#moduleItemsListingArticles div[id*='moduleItemsListingItem']:nth-of-type(35), div#moduleItemsListingArticles div[id*='moduleItemsListingItem']:nth-of-type(38), div#moduleItemsListingArticles div[id*='moduleItemsListingItem']:nth-of-type(40), div#moduleItemsListingArticles div[id*='moduleItemsListingItem']:nth-of-type(41), div#moduleItemsListingArticles div[id*='moduleItemsListingItem']:nth-of-type(43), div#moduleItemsListingArticles div[id*='moduleItemsListingItem']:nth-of-type(46), div#moduleItemsListingArticles div[id*='moduleItemsListingItem']:nth-of-type(48), div#moduleItemsListingArticles div[id*='moduleItemsListingItem']:nth-of-type(49), div#moduleItemsListingArticles div[id*='moduleItemsListingItem']:nth-of-type(51), div#moduleItemsListingArticles div[id*='moduleItemsListingItem']:nth-of-type(54), div#moduleItemsListingArticles div[id*='moduleItemsListingItem']:nth-of-type(56), div#moduleItemsListingArticles div[id*='moduleItemsListingItem']:nth-of-type(57), div#moduleItemsListingArticles div[id*='moduleItemsListingItem']:nth-of-type(59), div#moduleItemsListingArticles div[id*='moduleItemsListingItem']:nth-of-type(62), div#moduleItemsListingArticles div[id*='moduleItemsListingItem']:nth-of-type(64), div#moduleItemsListingArticles div[id*='moduleItemsListingItem']:nth-of-type(65), div#moduleItemsListingArticles div[id*='moduleItemsListingItem']:nth-of-type(67), div#moduleItemsListingArticles div[id*='moduleItemsListingItem']:nth-of-type(70), div#moduleItemsListingArticles div[id*='moduleItemsListingItem']:nth-of-type(72), div#moduleItemsListingArticles div[id*='moduleItemsListingItem']:nth-of-type(73), div#moduleItemsListingArticles div[id*='moduleItemsListingItem']:nth-of-type(75), div#moduleItemsListingArticles div[id*='moduleItemsListingItem']:nth-of-type(78), div#moduleItemsListingArticles div[id*='moduleItemsListingItem']:nth-of-type(80), div#moduleItemsListingArticles div[id*='moduleItemsListingItem']:nth-of-type(81), div#moduleItemsListingArticles div[id*='moduleItemsListingItem']:nth-of-type(83), div#moduleItemsListingArticles div[id*='moduleItemsListingItem']:nth-of-type(86), div#moduleItemsListingArticles div[id*='moduleItemsListingItem']:nth-of-type(88), div#moduleItemsListingArticles div[id*='moduleItemsListingItem']:nth-of-type(89), div#moduleItemsListingArticles div[id*='moduleItemsListingItem']:nth-of-type(91), div#moduleItemsListingArticles div[id*='moduleItemsListingItem']:nth-of-type(94), div#moduleItemsListingArticles div[id*='moduleItemsListingItem']:nth-of-type(96), div#moduleItemsListingArticles div[id*='moduleItemsListingItem']:nth-of-type(97), div#moduleItemsListingArticles div[id*='moduleItemsListingItem']:nth-of-type(99), div#moduleItemsListingArticles div[id*='moduleItemsListingItem']:nth-of-type(102), div#moduleItemsListingArticles div[id*='moduleItemsListingItem']:nth-of-type(104) {
    background: #e9e8e5;
}

div#moduleItemsListingBlog div[id*='moduleItemsListingItem']:nth-of-type(2), div#moduleItemsListingBlog div[id*='moduleItemsListingItem']:nth-of-type(4), div#moduleItemsListingBlog div[id*='moduleItemsListingItem']:nth-of-type(6), div#moduleItemsListingBlog div[id*='moduleItemsListingItem']:nth-of-type(8), div#moduleItemsListingBlog div[id*='moduleItemsListingItem']:nth-of-type(10), div#moduleItemsListingBlog div[id*='moduleItemsListingItem']:nth-of-type(12), div#moduleItemsListingBlog div[id*='moduleItemsListingItem']:nth-of-type(13), div#moduleItemsListingBlog div[id*='moduleItemsListingItem']:nth-of-type(15), div#moduleItemsListingBlog div[id*='moduleItemsListingItem']:nth-of-type(18), div#moduleItemsListingBlog div[id*='moduleItemsListingItem']:nth-of-type(20), div#moduleItemsListingBlog div[id*='moduleItemsListingItem']:nth-of-type(20), div#moduleItemsListingBlog div[id*='moduleItemsListingItem']:nth-of-type(22), div#moduleItemsListingBlog div[id*='moduleItemsListingItem']:nth-of-type(24), div#moduleItemsListingBlog div[id*='moduleItemsListingItem']:nth-of-type(26), div#moduleItemsListingBlog div[id*='moduleItemsListingItem']:nth-of-type(28) {
    background: #e9e8e5;
}


/* div#moduleItemsListingOurStories div[id*='moduleItemsListingItem']:nth-of-type(1) .moduleItemImage:before, div#moduleItemsListingOurStories div[id*='moduleItemsListingItem']:nth-of-type(3) .moduleItemImage:before, div#moduleItemsListingOurStories div[id*='moduleItemsListingItem']:nth-of-type(5) .moduleItemImage:before, div#moduleItemsListingOurStories div[id*='moduleItemsListingItem']:nth-of-type(7) .moduleItemImage:before, div#moduleItemsListingOurStories div[id*='moduleItemsListingItem']:nth-of-type(9) .moduleItemImage:before, div#moduleItemsListingOurStories div[id*='moduleItemsListingItem']:nth-of-type(11) .moduleItemImage:before, div#moduleItemsListingOurStories div[id*='moduleItemsListingItem']:nth-of-type(13) .moduleItemImage:before, div#moduleItemsListingOurStories div[id*='moduleItemsListingItem']:nth-of-type(15) .moduleItemImage:before, div#moduleItemsListingOurStories div[id*='moduleItemsListingItem']:nth-of-type(17) .moduleItemImage:before, div#moduleItemsListingOurStories div[id*='moduleItemsListingItem']:nth-of-type(19) .moduleItemImage:before, div#moduleItemsListingOurStories div[id*='moduleItemsListingItem']:nth-of-type(21) .moduleItemImage:before, div#moduleItemsListingOurStories div[id*='moduleItemsListingItem']:nth-of-type(23) .moduleItemImage:before, div#moduleItemsListingOurStories div[id*='moduleItemsListingItem']:nth-of-type(25) .moduleItemImage:before, div#moduleItemsListingOurStories div[id*='moduleItemsListingItem']:nth-of-type(27) .moduleItemImage:before, div#moduleItemsListingOurStories div[id*='moduleItemsListingItem']:nth-of-type(29) .moduleItemImage:before, div#moduleItemsListingOurStories div[id*='moduleItemsListingItem']:nth-of-type(31) .moduleItemImage:before, div#moduleItemsListingOurStories div[id*='moduleItemsListingItem']:nth-of-type(33) .moduleItemImage:before {
    border-color: transparent transparent #fff !important;
} */

/*-------------------------------------------*/
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 850px) {
    .moduleItemsListingItem:nth-child(odd) .moduleItemContent, .moduleItemsListingItem:nth-child(even) .moduleItemContent {
        width: 100%;
    }
}

/*--------------------------------------------*/
.moduleItemTeams .practiceGroup {
    font-size: 20px;
    margin: 0px 0px -20px 4px;
    text-transform: uppercase;
    font-family: 'Cocogoose';
    opacity: 0.6;
}

/*-------------------------------------------*/
.darkGreenContainer {
}

.darkGreenContainer h1, .darkGreenContainer h2, .darkGreenContainer h3, .darkGreenContainer h4 {
    color: #21808d !important;
}

.darkGreenContainer .darkGrey {
    background: #21808d !important;
}

.darkGreenContainer #keyContacts .linkedItem:nth-child(even) {
    background: #fff !important;
}

.darkGreenContainer .lightGrey, .darkGreenContainer #keyContacts .linkedItem:nth-child(odd) {
    background: #d0e3e6 !important;
}

.darkGreenContainer .lightGrey h2, .darkGreenContainer .practiceGroup {
    font-size: 20px;
    color: #21808d !important;
    text-transform: initial;
}

/*-------------------------------------------*/
.lightGreenContainer {
}

.lightGreenContainer h1, .lightGreenContainer h2, .lightGreenContainer h3, .lightGreenContainer h4 {
    color: #80c9b6 !important;
}

#teamName {
    font-family: "Cocogoose";
    font-size: 20px;
    margin: 0 0 -20px 4px;
    opacity: 0.6;
    text-transform: uppercase;
}

.lightGreenContainer .darkGrey {
    background: #80c9b6 !important;
}

.lightGreenContainer #keyContacts .linkedItem:nth-child(even) {
    background: #fff !important;
}

.lightGreenContainer .lightGrey, .lightGreenContainer #keyContacts .linkedItem:nth-child(odd) {
    background: #e3f2ee !important;
}

.lightGreenContainer .lightGrey h2, .lightGreenContainer .practiceGroup {
    font-size: 20px;
    color: #80c9b6 !important;
    text-transform: initial;
}

/*-------------------------------------------*/
.orangeContainer {
}

.orangeContainer h1, .orangeContainer h2, .orangeContainer h3, .orangeContainer h4 {
    color: #eb3d31 !important;
}

.orangeContainer .darkGrey {
    background: #eb3d31 !important;
}

.orangeContainer #keyContacts .linkedItem:nth-child(even) {
    background: #fff !important;
}

.orangeContainer .lightGrey, .orangeContainer #keyContacts .linkedItem:nth-child(odd) {
    background: #f9d5d3 !important;
}

.orangeContainer .lightGrey h2, .orangeContainer .practiceGroup {
    font-size: 20px;
    color: #eb3d31 !important;
    text-transform: initial;
}

/*-------------------------------------------*/
.yellowContainer {
}

.yellowContainer h1, .yellowContainer h2, .yellowContainer h3, .yellowContainer h4 {
    color: #f8ad24 !important;
}

.yellowContainer .darkGrey {
    background: #f8ad24 !important;
}

.yellowContainer #keyContacts .linkedItem:nth-child(even) {
    background: #fff !important;
}

.yellowContainer .lightGrey, .yellowContainer #keyContacts .linkedItem:nth-child(odd) {
    background: #fbecd0 !important;
}

.yellowContainer .lightGrey h2, .yellowContainer .practiceGroup {
    font-size: 20px;
    color: #f8ad24 !important;
    text-transform: initial;
}

/*-------------------------------------------*/
.darkGreenContainer #relatedArticles h2, .lightGreenContainer #relatedArticles h2, .orangeContainer #relatedArticles h2, .yellowContainer #relatedArticles h2 {
    color: #00234b !important;
    font-size: 20px;
    text-transform: initial;
}

.darkGreenContainer #relatedBlog h2, .lightGreenContainer #relatedBlog h2, .orangeContainer #relatedBlog h2, .yellowContainer #relatedBlog h2 {
    color: #00234b !important;
}

.darkGreenContainer .linkedItem .title a, .lightGreenContainer .linkedItem .title a, .orangeContainer .linkedItem .title a, .yellowContainer .linkedItem .title a {
    color: #4d4d4d !important;
}

.darkGreenContainer #relatedArticles .linkedItem .title a, .lightGreenContainer #relatedArticles .linkedItem .title a, .orangeContainer #relatedArticles .linkedItem .title a, .yellowContainer #relatedArticles .linkedItem .title a {
    color: #00a9ea !important;
}

.darkGreenContainer #relatedArticles .linkedItem, .lightGreenContainer #relatedArticles .linkedItem, .orangeContainer #relatedArticles .linkedItem, .yellowContainer #relatedArticles .linkedItem {
    border-bottom: 1px solid #e9e8e5;
}

.darkGreenContainer #relatedBlog .linkedItem .title a, .lightGreenContainer #relatedBlog .linkedItem .title a, .orangeContainer #relatedBlog .linkedItem .title a, .yellowContainer #relatedBlog .linkedItem .title a {
    color: #00a9ea !important;
}

.darkGreenContainer #relatedBlog .linkedItem, .lightGreenContainer #relatedBlog .linkedItem, .orangeContainer #relatedBlog .linkedItem, .yellowContainer #relatedBlog .linkedItem {
    border-bottom: 1px solid #e9e8e5;
}

/*-------------------------------------------*/
#relatedBlogs {
    margin: 20px 0 0 0;
}

#relatedBlogs .lightGrey {
    background: #e9e8e5 !important;
}

#relatedBlogs .lightGrey h2 {
    color: #00234b !important;
}

#relatedBlogs .lightGrey .date {
    margin: 0;
}

#relatedBlogs .linkedItem .title a {
    color: #00a9ea !important;
    text-decoration: none;
}

#relatedBlogs #linkedItemsContainer .linkedItem p {
    margin: 3px 0px 4px;
}

/*-------------------------------------------*/
.html5gallery {
    height: 500px !important;
}

/* ---- All galleries ---- */
.html5gallery-thumbs-0 {
    margin: 0 !important;
}

.html5gallery-title-text-0 {
    display: none;
}

.html5gallery-elem-img-0 {
    background: #fff !important;
}

.html5gallery-elem-image-0 {
    width: auto !important;
    left: 0px !important;
    top: 0 !important;
    height: 100% !important;
}

.html5gallery-car-0 {
    margin: -12px 0px -30px 0px;
}

.html5gallery-car-list-0 {
}

.html5gallery-car-0 {
    margin: -12px 0px 0px 0px;
}

.html5gallery-tn-selected-0, .html5gallery-tn-0, .html5gallery-tn-img-0, .html5gallery-tn-img-0 div, .html5gallery-tn-img-0 div img, .html5gallery-tn-0:hover, .html5gallery-tn-img-0:hover, .html5gallery-tn-img-0 div:hover, .html5gallery-tn-img-0 div:hover img:hover {
    margin: 0px 3.5px 0px 0px !important;
    padding: 0 !important;
    border: none !important;
    width: 74px !important;
    height: 70px !important;
}

.html5gallery-car-mask-0, .html5gallery-car-0, .html5gallery-car-list-0, .html5gallery-thumbs-0 {
    height: 70px !important;
    width: 102% !important;
    margin: -20px 0px 0px 0px;
}

.html5gallery-container-0 {
}

/*-------------------------------------------*/
.moduleItemsListingCurrentVacancies .moduleItemsListingItem {
    padding: 0;
}

.moduleItemsListingCurrentVacancies .moduleItemsListingItem p, .moduleItemsListingCurrentVacancies .moduleItemsListingItem h2, .moduleItemsListingCurrentVacancies .moduleItemsListingItem a {
    text-decoration: none;
    padding: 0;
    margin: 0px 0px 5px 0px;
}

.moduleItemsListingCurrentVacancies .moduleItemsListingItem.selected, .moduleItemsListingCurrentVacancies .moduleItemsListingItem.selected, .moduleItemsListingCurrentVacancies .moduleItemsListingItem.selected {
    background: #667b90 !important;
}

.moduleItemsListingCurrentVacancies .moduleItemsListingItem.selected:before {
    display: block;
    left: 97%;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: transparent;
    border-left-color: #667b90;
    border-width: 20px;
    margin-top: -20px;
    z-index: 1000;
}

.moduleItemsListingCurrentVacancies .moduleItemsListingItem.selected hr, .moduleItemsListingCurrentVacancies .moduleItemsListingItem:last-child hr {
    display: none;
}

.moduleItemsListingCurrentVacancies .moduleItemsListingItem hr {
    border-color: #fff;
    margin: 20px 0px -20px;
}

.moduleItemsListingCurrentVacancies .moduleItemsListingItem.selected p, .moduleItemsListingCurrentVacancies .moduleItemsListingItem.selected h2, .moduleItemsListingCurrentVacancies .moduleItemsListingItem.selected a, .moduleItemsListingCurrentVacancies .moduleItemsListingItem.selected span {
    color: #fff !important;
    opacity: 1;
}

@media screen and (min-width: 980px) {
    .current-vacancies .moduleItemsListingCurrentVacancies .moduleItemsListingItem a {
        font-size:20px !important;
    }
}

.moduleItemsListingCurrentVacancies .moduleItemsListingItem p, .moduleItemsListingCurrentVacancies .moduleItemsListingItem.selected p, .moduleItemsListingCurrentVacancies .moduleItemsListingItem p span.date, .moduleItemsListingCurrentVacancies .moduleItemsListingItem.selected p span.date {
    opacity: 1 !important;
    font-weight: normal;
}

.moduleItemsListingCurrentVacancies .moduleItemsListingItem p, .moduleItemsListingCurrentVacancies .moduleItemsListingItem.selected p {
    font-size: 85%;
}

/*-------------------------------------------*/
.moduleItem #linkedItemsExtrasContainer .moduleItemImage, #linkedItemsExtrasContainer .moduleItemImage {
    margin: 0px 0px 20px 0px;
    padding: 0;
    width: 100%;
    position: relative;
}

.moduleItem #linkedItemsExtrasContainer h2.title a, #linkedItemsExtrasContainer h2.title a {
    text-decoration: none;
    font-family: Lato;
    font-weight: bold;
}

.jobCategory, #extraField10, #extraField16 {
    display: none;
}

.teams-and-people .jobCategory {
    display: none;
}

#linkedItemsExtrasContainer #extraField12 {
    margin: 12px 0;
}

.teams-and-people #extraField12 {
    display: block;
    margin: 6px 0 12px;
}

.people #extraField10 {
    display: block;
}

.news .jobCategory, .news #extraField6 {
    /*display:none;*/
}

.people .moduleItemPeople #linkedItemsExtrasContainer > div > h2 {
    display: none;
}

.people .moduleItemPeople #linkedItemsExtrasContainer #extraField12 {
    display: block;
    font-size: 26px;
    font-family: "cocogoose";
    margin-bottom: 20px;
    font-weight: normal;
    font-style: normal;
    line-height: 26px;
}

.people .moduleItemPeople.yellowContainer #linkedItemsExtrasContainer #extraField12 {
    color: #f8ad24 !important
}

.people .moduleItemPeople.orangeContainer #linkedItemsExtrasContainer #extraField12 {
    color: #eb3d31 !important
}

.people .moduleItemPeople.darkGreenContainer #linkedItemsExtrasContainer #extraField12 {
    color: #21808d !important
}

.people .moduleItemPeople.lightGreenContainer #linkedItemsExtrasContainer #extraField12 {
    color: #80c9b6 !important
}

.people .moduleItemPeople.navyContainer #linkedItemsExtrasContainer #extraField12 {
    color: #00234B !important
}

/*-------------------------------------------*/
#teamsHeaderNavigation {
    margin: 0px 0px 20px 0px;
    list-style: none;
    padding: 0;
    width: auto;
}

#teamsHeaderNavigation a {
    display: block;
    color: #fff;
    text-decoration: none;
}

#teamsHeaderNavigation li {
    transition: 0.3s all;
    max-width: 230px;
}

ul#teamsHeaderNavigation:hover li {
    background: #e9e8e5 !important;
}

ul#teamsHeaderNavigation li:hover,
ul#teamsHeaderNavigation li:active {
    background: #667b90 !important;
}

#teamsHeaderNavigation a.selected:before {
    left: 50%;
    bottom: -40%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: transparent;
    border-top-color: #667b90;
    border-width: 1.2vw;
    margin-left: -10px;
    z-index: 1000;
    display: none;
}

#moduleItemsListingTeams {
    margin: 0px 0px 20px;
}

#moduleItemsListingTeams .absoluteBottom {
    position: absolute;
    bottom: 0 !important;
    min-height: 120px;
}

#moduleItemsListingItem255 {
    display: none;
}

#moduleItemsListingTeams #moduleItemsListingItem903 .moduleItemContent p,
#moduleItemsListingTeams #moduleItemsListingItem902 .moduleItemContent p,
#moduleItemsListingTeams #moduleItemsListingItem52 .moduleItemContent p, 
#moduleItemsListingTeams #moduleItemsListingItem53 .moduleItemContent p, 
#moduleItemsListingTeams #moduleItemsListingItem54 .moduleItemContent p, 
#moduleItemsListingTeams #moduleItemsListingItem55 .moduleItemContent p {
    font-size: 70%;
    color: #000;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    /* IE10+ CSS styles go here */
    #moduleItemsListingTeams #moduleItemsListingItem903 .moduleItemContent p,
    #moduleItemsListingTeams #moduleItemsListingItem902 .moduleItemContent p,
    #moduleItemsListingTeams #moduleItemsListingItem52 .moduleItemContent p, 
    #moduleItemsListingTeams #moduleItemsListingItem53 .moduleItemContent p, 
    #moduleItemsListingTeams #moduleItemsListingItem54 .moduleItemContent p, 
    #moduleItemsListingTeams #moduleItemsListingItem55 .moduleItemContent p {
        font-size: 0.6vw;
    }
}
#moduleItemsListingTeams #moduleItemsListingItem903 .moduleItemContent, 
#moduleItemsListingTeams #moduleItemsListingItem902 .moduleItemContent, 
#moduleItemsListingTeams #moduleItemsListingItem52 .moduleItemContent, 
#moduleItemsListingTeams #moduleItemsListingItem53 .moduleItemContent, 
#moduleItemsListingTeams #moduleItemsListingItem54 .moduleItemContent, 
#moduleItemsListingTeams #moduleItemsListingItem55 .moduleItemContent {
    width: 100%;
}

#moduleItemsListingTeams #moduleItemsListingItem52 .moduleItemContent {
    background: #d0e3e6;
}

#moduleItemsListingTeams #moduleItemsListingItem52 .extraFields:before {
    left: 50%;
    top: -25px;
    bottom: auto;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: transparent;
    border-top-color: #21808d;
    border-width: 1.2vw;
    margin-left: -10px;
    z-index: 1000;
}

#moduleItemsListingTeams #moduleItemsListingItem52 #extraField8 * {
    color: #21808d;
}
#moduleItemsListingTeams #moduleItemsListingItem902 .moduleItemContent,
#moduleItemsListingTeams #moduleItemsListingItem53 .moduleItemContent {
    background: #e3f2ee;
}

#moduleItemsListingTeams .extraFields {
    padding-top: 15px;
}
#moduleItemsListingTeams #moduleItemsListingItem902 .extraFields:before,
#moduleItemsListingTeams #moduleItemsListingItem53 .extraFields:before {
    left: 50%;
    top: -25px;
    bottom: auto;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: transparent;
    border-top-color: #80c9b6;
    border-width: 1.2vw;
    margin-left: -10px;
    z-index: 1000;
}

#moduleItemsListingTeams #moduleItemsListingItem53 #extraField8 * {
    color: #80c9b6;
}

#moduleItemsListingTeams #moduleItemsListingItem902 #extraField8 * {
    color: #80c9b6;
}

#moduleItemsListingTeams #moduleItemsListingItem54 .moduleItemContent {
    background: #f9d5d3;
}

#moduleItemsListingTeams #moduleItemsListingItem54 .extraFields:before {
    left: 50%;
    top: -25px;
    bottom: auto;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: transparent;
    border-top-color: #eb3d31;
    border-width: 1.2vw;
    margin-left: -10px;
    z-index: 1000;
}

#moduleItemsListingTeams #moduleItemsListingItem54 #extraField8 * {
    color: #eb3d31;
}
#moduleItemsListingTeams #moduleItemsListingItem903 .moduleItemContent,
#moduleItemsListingTeams #moduleItemsListingItem55 .moduleItemContent {
    background: #fbecd0;
}
#moduleItemsListingTeams #moduleItemsListingItem903 .extraFields:before,
#moduleItemsListingTeams #moduleItemsListingItem55 .extraFields:before {
    left: 50%;
    top: -25px;
    bottom: auto;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: transparent;
    border-top-color: #f8ad24;
    border-width: 1.2vw;
    margin-left: -10px;
    z-index: 1000;
}

#moduleItemsListingTeams #moduleItemsListingItem55 #extraField8 * {
    color: #f8ad24;
}

#moduleItemsListingTeams #moduleItemsListingItem903 #extraField8 * {
    color: #f8ad24;
}

/*-------------------------------------------*/
.teams-and-people .navCategoryBlogLinks {
    padding-top: 40px;
}

.navCategoryBlogLinks div {
    float: left;
    width: 25%;
    padding-bottom: 0px;
}

.navCategoryBlogLinks div#containerID26 {
    float: left;
    /* min-height: 800px; */
}

.navCategoryBlogLinks div#containerID26 h3 {
    font-size: 28px;
    font-family: 'Cocogoose';
    font-weight: normal;
}

.navCategoryBlogLinks div#containerID27, .navCategoryBlogLinks div#containerID28, .navCategoryBlogLinks div#containerID29, .navCategoryBlogLinks div#containerID30, .navCategoryBlogLinks div#containerID31, .navCategoryBlogLinks div#containerID32 {
    float: left;
}

.navCategoryBlogLinks div h3.heading {
    font-family: lato;
    font-weight: 900;
}

.navCategoryBlogLinks div h3 a {
    text-decoration: none;
}

.navCategoryBlogLinks div p a {
    color: #4d4d4d;
    text-decoration: underline;
}

/*-------------------------------------------*/
.contacts .floatLeft.percentageQuarter:before {
    left: auto;
    top: 120px;
    right: -55px;
    bottom: auto;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: transparent;
    border-left-color: #fff;
    border-width: 20px;
    margin-left: 0px;
    z-index: 1000;
}

/*-------------------------------------------*/
#moduleListingWrapperBlog .percentageQuarter.floatLeft.darkGrey:before, #moduleListingWrapperArticles .percentageQuarter.floatLeft.darkGrey:before, #moduleListingWrapperNews .percentageQuarter.floatLeft.darkGrey:before {
    left: auto;
    top: 80px;
    right: -35px;
    bottom: auto;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: transparent;
    border-left-color: #667b90;
    border-width: 20px;
    margin-left: 0px;
    z-index: 1000;
}

#moduleListingWrapperNews .title a {
    text-decoration: none;
    color: #00234B;
}

.moduleDetailWrapper .moduleItemImage {
    float: left;
    width: 100%;
    margin: 0;
}

/*-------------------------------------------*/
.teams-and-people .moduleDetailWrapperTeams .darkGreenContainer .ratio1_1 div, .teams-and-people .moduleDetailWrapperTeams .lightGreenContainer .ratio1_1 div, .teams-and-people .moduleDetailWrapperTeams .orangeContainer .ratio1_1 div, .teams-and-people .moduleDetailWrapperTeams .yellowContainer .ratio1_1 div {
    overflow: visible !important;
}

.moduleDetailWrapperTeams #extraField7:before {
    left: auto;
    top: 60%;
    right: -40px;
    bottom: auto;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: transparent;
    border-left-color: #667b90;
    border-width: 20px;
    margin-left: 0px;
    z-index: 1000;
}

.moduleDetailWrapperTeams .lightGreenContainer #extraField7:before {
    border-left-color: #80c9b6;
}

.moduleDetailWrapperTeams .darkGreenContainer #extraField7:before {
    border-left-color: #21808d;
}

.moduleDetailWrapperTeams .orangeContainer #extraField7:before {
    border-left-color: #eb3d31;
}

.moduleDetailWrapperTeams .yellowContainer #extraField7:before {
    border-left-color: #f8ad24;
}

.moduleDetailWrapperTeams #extraField8 {
    display: none;
}

/*-------------------------------------------*/
#moduleComponent27 h2, #moduleComponent27 p {
    margin: 10px 0px;
}

/*-------------------------------------------*/
h1#teamsAnchor, h1#peopleAnchor {
    font-size: 5.5vw;
}

/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 1100px) {
    h1#teamsAnchor, h1#peopleAnchor {
        font-size:60px;
    }
}

/*-------------------------------------------*/
#moduleItemsListingTeams p.practiceGroup {
    font-size: 12px;
    opacity: 0.4;
    font-family: 'Cocogoose';
    text-transform: uppercase;
}

#moduleItemsListingTeams p.practiceGroup {
    margin: 0px 0px 55px 0px !important;
}

/*-------------------------------------------*/
#linkedItemsTitles {
    margin: 0px 0px 50px 0px;
}

/*-------------------------------------------*/
#alternativeContacts #linkedItemsTitles {
    margin: 0px 0px 25px 0px;
}

#alternativeContacts #linkedItemsTitles .linkedItem p a {
    display: inline-block;
    padding: 2px 0px;
    color: #4d4d4d;
}

/*-------------------------------------------*/
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 1100px) {
    #moduleItemsListingArticles h1, #moduleItemsListingArticles h2, #moduleItemsListingArticles h2 a, #moduleItemsListingArticles h3, #moduleItemsListingArticles h4, #moduleComponentContainercareersCallouts h2.bannerTitle {
        font-size:20px;
        margin-top: 25px;
    }

    #moduleItemsListingBlog h1, #moduleItemsListingBlog h2, #moduleItemsListingBlog h2 a, #moduleItemsListingBlog h3, #moduleItemsListingBlog h4, #moduleComponentContainercareersCallouts h2.bannerTitle {
        font-size: 20px;
        margin-top: 25px;
    }

    #moduleComponentContainercareersCallouts h2.bannerTitle {
        margin-top: 10px !important;
    }
}

/*-------------------------------------------*/
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 1100px) {
    #moduleListingWrapperBlog .percentage25.floatLeft.darkGrey.padding20.ratio1_1, #moduleListingWrapperBlog .moduleSearchContainer , #moduleListingWrapperArticles .percentage25.floatLeft.darkGrey.padding20.ratio1_1, #moduleListingWrapperArticles .moduleSearchContainer , .about .floatLeft.padding20.percentageQuarter.darkGrey.ratio1_1, .moduleDetailWrapperTeams .percentageQuarter.darkGrey.ratio1_1.floatLeft {
        margin-left: -2% !important;
    }
}

/*-------------------------------------------*/
#featuredNews p, #featuredNews p span {
    font-size: 14px !important;
}

/*-------------------------------------------*/
#relatedArticles #linkedItemsContainer .linkedItem p {
    margin: 3px 0px 4px;
}

#relatedArticles #linkedItemsContainer .linkedItem {
    border-bottom: 1px solid #fff;
}

#relatedBlog #linkedItemsContainer .linkedItem p {
    margin: 3px 0px 4px;
}

#relatedBlog #linkedItemsContainer .linkedItem {
    border-bottom: 1px solid #fff;
}

/*-------------------------------------------*/
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 1000px) {
    #moduleItemsListing.moduleItemsListingCurrentVacancies {
        margin-left: -8%;
    }
}

/*-------------------------------------------*/
.moduleComponentcareersCallouts {
    position: relative;
}

/*-------------------------------------------*/

.contacts #pageEditorContent .floatLeft.percentageQuarter h2, .contacts #pageEditorContent .floatLeft percentageHalf h2, .contacts #pageEditorContent .floatLeft.percentageQuarter h3, .contacts #pageEditorContent .floatLeft percentageHalf h3 {
    text-transform: uppercase;
    font-family: lato;
    font-weight: 900;
    margin-bottom: 0;
}




/*-------------------------------------------*/
#moduleComponent27 .bannerHtmlContent {
    min-height: 250px;
}

#moduleComponent27.moduleComponentcallouts .bannerHtmlContent h1, .moduleComponentcallouts .bannerHtmlContent h2, .moduleComponentcallouts .bannerHtmlContent h3, .moduleComponentcallouts .bannerHtmlContent h4, .contactNews .moduleComponent h2 {
    font-size: 20px;
}

#moduleComponent27 .bannerHtmlContent p {
    margin: 12px 0px;
}

#moduleComponent27 .bannerHtmlContent p:last-child {
    margin: 12px 0px 0;
}

/*-------------------------------------------*/
#moduleListingWrapperArticles a.readMorePlus, .moduleDetailWrapperArticles a.readMorePlus, #moduleListingWrapperNews a.readMorePlus, .moduleDetailWrapperNews a.readMorePlus {
    display: none;
}

#moduleListingWrapperArticles a.cover, .moduleDetailWrapperArticles a.cover, #moduleListingWrapperNews a.cover, .moduleDetailWrapperNews a.cover {
    display: none;
}

/*-------------------------------------------*/
/*-------------------------------------------*/
.organisations-we-support .moduleItemsListingOrganisations h2, #moduleItemsListingNews div h2, #moduleItemsListingCommunityEngagement div h2, #moduleItemsListingOrganisations div h2 {
    text-transform: none;
    font-family: lato;
    font-weight: 900;
    margin-bottom: 0;
}

.organisations-we-support .moduleItemsListingOrganisations h2 a, #moduleItemsListingNews div h2 a, #moduleItemsListingCommunityEngagement div h2 a, #moduleItemsListingOrganisations div h2 a {
    text-decoration: none;
    color: #00234b;
}

.organisations-we-support .moduleItemsListingOrganisations .date, #moduleItemsListingNews div .date, #moduleItemsListingCommunityEngagement div .date, #moduleItemsListingOrganisations div .date {
    margin: 5px 0px;
    font-size: 14px;
}

.news h1 {
    margin: 10px 0px 30px;
}

#featuredNews {
    margin-bottom: 30px;
}

#moduleItemsListingNews div hr {
    display: none;
}

#moduleItemsListingNews div .moduleItemImage, #moduleItemsListingOrganisations div .moduleItemImage, #moduleItemsListingCommunityEngagement div .moduleItemImage {
    position: relative;
    float: left;
    width: 100%;
    overflow: hidden ;
}

#moduleItemsListingNews div .moduleItemImage img, #moduleItemsListingOrganisations div .moduleItemImage img, #moduleItemsListingCommunityEngagement div .moduleItemImage img, #moduleItemsListingNews div .moduleItemImage a, #moduleItemsListingOrganisations div .moduleItemImage a, #moduleItemsListingCommunityEngagement div .moduleItemImage a {
    position: relative;
    float: left;
}

@media screen and (max-width: 450px) {
    .organisations-we-support .moduleItemsListingOrganisations > div, #moduleItemsListingNews.columnContainer4 > div, #moduleItemsListingOrganisations.columnContainer4 > div, #moduleItemsListingCommunityEngagement.columnContainer4 > div {
        width:100%;
    }
}

@media screen and (max-width: 1200px) {
    #moduleItemsListingNews div .moduleItemImage:before, #moduleItemsListingOrganisations div .moduleItemImage:before, #moduleItemsListingCommunityEngagement div .moduleItemImage:before {
        display:none;
    }
}

#moduleItemsListingNews div .moduleItemImage:before, #moduleItemsListingOrganisations div .moduleItemImage:before, #moduleItemsListingCommunityEngagement div .moduleItemImage:before {
    left: 41.5%;
    bottom: 0;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: transparent;
    border-bottom-color: #e9e8e5;
    border-width: 1.6vw;
    margin-top: -15px;
    z-index: 1000;
}

#moduleItemsListingNews div:nth-child(odd) .moduleItemImage:before, #moduleItemsListingOrganisations div:nth-child(odd) .moduleItemImage:before, #moduleItemsListingCommunityEngagement div:nth-child(odd) .moduleItemImage:before {
    border-bottom-color: #fff;
}

/*-------------------------------------------*/
.moduleDetailWrapperTeams h1.title {
    width: 70%;
}

.moduleDetailWrapperTeams div.lightGreenContainer h1.title {
    width: 100%;
}

/*-------------------------------------------*/
.moduleItemTeams #moduleItemContent h2, #keyContacts h3, #linkedItemsTitles h3 {
    font-size: 20px;
}

#linkedItemsTitles h3, #linkedItemsTitles div.container {
    float: left;
    width: 100%;
    margin: 0px 0px 10px 0px;
}

#linkedItemsTitles div.container {
    float: left;
    width: 90%;
    padding: 20px 0%;
}

.teams-and-people #articles #linkedItemsTitles div.container {
    padding: 0;
    width: 100% !important;
}

#linkedItemsTitles h3 {
    float: left;
    width: 100%;
    margin: 0px 0px 10px 0px;
}

/*-------------------------------------------*/
.teams-and-people #relatedArticles #linkedItemsContainer .linkedItem {
    border-bottom: 1px solid #e9e8e5;
}

.moduleDetailWrapperTeams ul, .terms-and-conditions #pageEditorContent ul, .legal-services #pageEditorContent ul {
    list-style-type: disc;
    list-style-position: outside;
    margin: 0;
    padding: 0px 0px 0px 15px;
}

.moduleDetailWrapperTeams ul li, .terms-and-conditions #pageEditorContent ul li, .legal-services #pageEditorContent ul li {
    margin: 0px 0px 10px 0px;
    padding: 0px 0px 0px 10px;
}

.moduleDetailWrapperTeams ol, .terms-and-conditions #pageEditorContent ol, .legal-services #pageEditorContent ol {
    list-style-type: decimal;
    list-style-position: inside;
}

.moduleDetailWrapperTeams ul ul, .moduleDetailWrapperTeams ol ul, .terms-and-conditions #pageEditorContent ul ul, .terms-and-conditions #pageEditorContent ol ul, .legal-services #pageEditorContent ul ul, .legal-services #pageEditorContent ol ul {
    list-style-type: circle;
    list-style-position: inside;
    margin-left: 15px;
}

.moduleDetailWrapperTeams ol ol, .moduleDetailWrapperTeams ul ol, .terms-and-conditions #pageEditorContent ol ul, .terms-and-conditions #pageEditorContent ol ol, .legal-services #pageEditorContent ol ul, .legal-services #pageEditorContent ol ol {
    list-style-type: lower-latin;
    list-style-position: inside;
    margin-left: 15px;
}

/*-------------------------------------------*/
#teamsHeaderNavigation.lightGreen {
    margin: 0px 0px 20px 0px;
    background: none !important;
}

#teamsHeaderNavigation.lightGreen a {
    display: block;
    color: #fff;
    text-decoration: none;
    font-size: 14px;
    text-align: left;
}

#teamsHeaderNavigation.lightGreen li {
    transition: 0.3s all;
}

ul#teamsHeaderNavigation.lightGreen:hover li {
    background: #e3f2ee !important;
}

#teamsHeaderNavigation.lightGreen li h2 {
    font-size: 26px;
}

ul#teamsHeaderNavigation.lightGreen li:hover,
ul#teamsHeaderNavigation.lightGreen li:active {
    background: #80c9b6 !important;
}

#teamsHeaderNavigation.lightGreen a.selected:before {
    left: 50%;
    bottom: -40%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: transparent;
    border-top-color: #667b90;
    border-width: 1.2vw;
    margin-left: -10px;
    z-index: 1000;
    display: none;
}

.about .darkGrey h2 {
    margin-top: 25px;
    font-size: 26px;
}

.percentage40 h2 {
    font-size: 26px;
}

.about .darkGrey.percentage25:after {
    left: 100%;
    bottom: 45%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    transform: rotate(-90deg);
    position: absolute;
    pointer-events: none;
    border-color: transparent;
    border-top-color: #667b90;
    border-width: 20px;
    margin-left: 0px;
    z-index: 1000;
    display: block;
}

.news .moduleDetailWrapperNews .moduleItemImage:after, .people .moduleItemImage:after, .working-with-us .moduleDetailWrapperOurStories .moduleItemImage:after, .our-stories .moduleDetailWrapperOurStories .moduleItemImage:after {
    right: 0%;
    top: 45%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    transform: rotate(0deg);
    position: absolute;
    pointer-events: none;
    border-color: transparent;
    border-right-color: #fff;
    border-width: 20px;
    margin-left: 0px;
    z-index: 997;
    display: block;
}

.news .moduleDetailWrapperNews .moduleItemImage:after, .working-with-us .moduleDetailWrapperOurStories .moduleItemImage:after, .our-stories .moduleDetailWrapperOurStories .moduleItemImage:after {
    top: 42%;
}

.about .floatLeft.percentageHalf.padding20 {
    padding-left: 30px;
}

.people .extraFields div {
    padding: 0px 0px;
}

.people .extraFields h3, #alternativeContacts h2 {
    text-transform: uppercase !important;
    margin-top: 15px !important;
}

.people #extraField6 h3, .people #extraField6 hr {
    display: none;
}

.columnContainer4 div h2 a, .moduleItemArticles .percentageQuarter h2 a, .moduleItemBlog .percentageQuarter h2 a, .moduleItemNews h2 a {
    color: #00234b;
}

#moduleComponent38 {
    min-height: 185px;
}

.working-with-us #pageSource h3, .our-stories #pageSource h3 {
    font-size: 18px;
    margin: 15px 0px -5px;
}

.people #articles #articles .moduleItemContent > p {
    display: none;
}

.contacts .contactNews .moduleComponent .padding20 {
    padding: 0;
}

.contacts .contactNews .moduleComponent h2 {
    margin-top: 8px;
}

.contacts .contactNews .moduleComponent .title a {
    text-decoration: none;
    font-weight: bold;
}

.careers .moduleComponentcurrentVacancies h2 {
    font-size: 20px;
}

.careers .moduleComponentcurrentVacancies .padding20 {
    padding: 25px;
}

.careers .moduleComponentcurrentVacancies .title a {
    text-decoration: none;
    font-weight: bold;
}

ul {
    list-style: disc;
    width: 96%;
    padding: 0 0 0 4%;
}

#back-top {
    display: none;
}

/*************************************************************************/
@media screen and (max-width: 999px) {
    #pageEditorContent #moduleItemsListingTeams h1, #pageEditorContent #moduleItemsListingTeams h2, #pageEditorContent #moduleItemsListingTeams h3, #pageEditorContent #moduleItemsListingTeams h4 {
        font-size:4vw;
    }

    #default.articles #moduleItemsListingArticles .ratio1_1:before, #default.articles_dev #moduleItemsListingArticles .ratio1_1:before, #default.teams-and-people .ratio1_1:before {
        padding-top: 100%;
    }

    #default.articles #moduleItemsListingArticles .ratio1_1 > div, #default.articles #moduleItemsListingArticles .ratioInner, #default.articles_dev #moduleItemsListingArticles .ratio1_1 > div, #default.articles_dev #moduleItemsListingArticles .ratioInner, #default.teams-and-people .ratio1_1 > div, #default.teams-and-people .ratioInner {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
    }

    .html5gallery-car-0 {
        height: 500px !important;
    }

    .html5gallery-tn-selected-0, .html5gallery-tn-0 {
        float: left;
        position: relative;
        margin: 0 3.5px 3.5px 0 !important;
    }
}

@media screen and (max-width: 839px) {
    #header .siteSearchContainer.lightGrey {
        background:none !important;
    }

    .siteSearchContainer input.siteSearchInput.close {
        background: none !important;
    }

    .siteSearchContainer input.siteSearchInput.open {
        background: #e7ecf3 !important;
    }

    #default .moduleDetailWrapperTeams .ratio1_1:before, #default .ratio1_1:before {
        padding-top: 0;
    }

    #default .moduleDetailWrapperTeams .ratio1_1 > div, #default .moduleDetailWrapperTeams .ratioInner, #default .ratio1_1 > div, #default .ratioInner {
        position: relative;
        top: auto;
        left: auto;
        bottom: auto;
        right: auto;
    }

    .moduleDetailWrapperTeams #extraField7:before {
        display: none;
    }

    .moduleItemTeams .percentageQuarter {
        margin: 0 0 20px 0;
    }

    .navCategoryBlogLinks div {
        width: 50%;
    }

    .navCategoryBlogLinks div#containerID26 {
        min-height: 100px;
    }

    div#moduleItemsListingArticles div[id*='moduleItemsListingItem']:nth-of-type(1), div#moduleItemsListingArticles div[id*='moduleItemsListingItem']:nth-of-type(4), div#moduleItemsListingArticles div[id*='moduleItemsListingItem']:nth-of-type(5), div#moduleItemsListingArticles div[id*='moduleItemsListingItem']:nth-of-type(8), div#moduleItemsListingArticles div[id*='moduleItemsListingItem']:nth-of-type(9), div#moduleItemsListingArticles div[id*='moduleItemsListingItem']:nth-of-type(12), div#moduleItemsListingArticles div[id*='moduleItemsListingItem']:nth-of-type(13), div#moduleItemsListingArticles div[id*='moduleItemsListingItem']:nth-of-type(16), div#moduleItemsListingArticles div[id*='moduleItemsListingItem']:nth-of-type(17), div#moduleItemsListingArticles div[id*='moduleItemsListingItem']:nth-of-type(20), div#moduleItemsListingArticles div[id*='moduleItemsListingItem']:nth-of-type(21), div#moduleItemsListingArticles div[id*='moduleItemsListingItem']:nth-of-type(24), div#moduleItemsListingArticles div[id*='moduleItemsListingItem']:nth-of-type(25), div#moduleItemsListingArticles div[id*='moduleItemsListingItem']:nth-of-type(28), div#moduleItemsListingArticles div[id*='moduleItemsListingItem']:nth-of-type(29), div#moduleItemsListingArticles div[id*='moduleItemsListingItem']:nth-of-type(32), div#moduleItemsListingArticles div[id*='moduleItemsListingItem']:nth-of-type(33), div#moduleItemsListingArticles div[id*='moduleItemsListingItem']:nth-of-type(36), div#moduleItemsListingArticles div[id*='moduleItemsListingItem']:nth-of-type(37), div#moduleItemsListingArticles div[id*='moduleItemsListingItem']:nth-of-type(40), div#moduleItemsListingArticles div[id*='moduleItemsListingItem']:nth-of-type(41), div#moduleItemsListingArticles div[id*='moduleItemsListingItem']:nth-of-type(44), div#moduleItemsListingArticles div[id*='moduleItemsListingItem']:nth-of-type(45), div#moduleItemsListingArticles div[id*='moduleItemsListingItem']:nth-of-type(48), div#moduleItemsListingArticles div[id*='moduleItemsListingItem']:nth-of-type(49), div#moduleItemsListingArticles div[id*='moduleItemsListingItem']:nth-of-type(52), div#moduleItemsListingArticles div[id*='moduleItemsListingItem']:nth-of-type(53), div#moduleItemsListingArticles div[id*='moduleItemsListingItem']:nth-of-type(56), div#moduleItemsListingArticles div[id*='moduleItemsListingItem']:nth-of-type(57), div#moduleItemsListingArticles div[id*='moduleItemsListingItem']:nth-of-type(60), div#moduleItemsListingArticles div[id*='moduleItemsListingItem']:nth-of-type(61), div#moduleItemsListingArticles div[id*='moduleItemsListingItem']:nth-of-type(64), div#moduleItemsListingArticles div[id*='moduleItemsListingItem']:nth-of-type(65), div#moduleItemsListingArticles div[id*='moduleItemsListingItem']:nth-of-type(68), div#moduleItemsListingArticles div[id*='moduleItemsListingItem']:nth-of-type(69), div#moduleItemsListingArticles div[id*='moduleItemsListingItem']:nth-of-type(72), div#moduleItemsListingArticles div[id*='moduleItemsListingItem']:nth-of-type(73), div#moduleItemsListingArticles div[id*='moduleItemsListingItem']:nth-of-type(76), div#moduleItemsListingArticles div[id*='moduleItemsListingItem']:nth-of-type(77), div#moduleItemsListingArticles div[id*='moduleItemsListingItem']:nth-of-type(80), div#moduleItemsListingArticles div[id*='moduleItemsListingItem']:nth-of-type(81), div#moduleItemsListingArticles div[id*='moduleItemsListingItem']:nth-of-type(84), div#moduleItemsListingArticles div[id*='moduleItemsListingItem']:nth-of-type(85), div#moduleItemsListingArticles div[id*='moduleItemsListingItem']:nth-of-type(88), div#moduleItemsListingArticles div[id*='moduleItemsListingItem']:nth-of-type(89), div#moduleItemsListingArticles div[id*='moduleItemsListingItem']:nth-of-type(92), div#moduleItemsListingArticles div[id*='moduleItemsListingItem']:nth-of-type(93), div#moduleItemsListingArticles div[id*='moduleItemsListingItem']:nth-of-type(96), div#moduleItemsListingArticles div[id*='moduleItemsListingItem']:nth-of-type(97), div#moduleItemsListingArticles div[id*='moduleItemsListingItem']:nth-of-type(100), div#moduleItemsListingArticles div[id*='moduleItemsListingItem']:nth-of-type(101), div#moduleItemsListingArticles div[id*='moduleItemsListingItem']:nth-of-type(104) {
        background: #e9e8e5 !important;
    }

    div#moduleItemsListingArticles div[id*='moduleItemsListingItem'] {
        background: #fff !important;
    }

    #moduleItemsListingArticles h1, #moduleItemsListingArticles h2, #moduleItemsListingArticles h3, #moduleItemsListingArticles h4, #moduleItemsListingArticles h1 a, #moduleItemsListingArticles h2 a, #moduleItemsListingArticles h3 a, #moduleItemsListingArticles h4 a {
        font-size: 3vw;
    }

    #moduleItemsListingArticles p {
        font-size: 2vw;
        line-height: 1.2;
    }

    .careers #header .headerNavigation {
        top: -11px !important;
    }
}

@media screen and (max-width: 950px) and (min-width: 800px) {
    .teamContainers .padding25.absoluteBottom {
        display: none;
    }
}

@media screen and (max-width: 500px) {
    .moduleComponenthomepageCallouts div p, .columnContainer4 .moduleComponent .content div {
        display:none;
    }

    #moduleComponent38 div p {
        display: block;
    }

    .home #moduleComponentContainerhomepageCallouts .padding25 {
        padding: 20px;
    }

    #moduleComponentContainerhomepageCallouts a.readMorePlus, a.readMorePlus {
        bottom: 10px;
        right: 10px;
    }

    #moduleComponentContainerhomepageCallouts .moduleSearchContainer h2 {
        font-size: 5vw;
    }

    #default.teams-and-people .moduleItemContent.ratio1_1:before {
        padding-top: 200%;
    }

    #moduleItemsListingArticles h1, #moduleItemsListingArticles h2, #moduleItemsListingArticles h3, #moduleItemsListingArticles h4, #moduleItemsListingArticles p {
        margin: 0;
    }

    #moduleComponent110.moduleComponentcareersCallouts .padding25 {
        padding: 19px;
    }

    #moduleComponent109.moduleComponentcareersCallouts p, #moduleComponent110.moduleComponentcareersCallouts p {
        font-size: 3vw;
        line-height: 1.2;
        margin: 0;
    }

    .about .darkGrey.percentage25:after {
        display: none;
    }

    #moduleItemsListingTeams p.practiceGroup {
        margin: 0px 0px 30px 0px !important;
    }

    #moduleComponentContainerhomepageCallouts p.practiceGroup, #moduleComponentContainerhomepageCallouts h2, #moduleComponentContainercareersCallouts h2 {
        margin: 0px 0px 5px 0px !important;
    }

    #featuredNews h1, #featuredNews h2, #featuredNews h3, #featuredNews h4, #featuredArticle h1, #featuredArticle h2, #featuredArticle h3, #featuredArticle h4 {
        font-size: 6vw !important;
    }

    .footer .bannerHtmlContent table {
        display: none;
    }

    .footer .bannerHtmlContent p {
        margin: 0 0 10px 0;
    }

    .footer .centerContainerInner > div > a {
        display: none;
    }

    .footer .centerContainerInner > div {
        float: left;
        position: relative;
        width: 100%;
    }

    .footer .darkBlue.floatRight.textRight {
        margin: 10px 0 0 0;
    }

    .footer .darkBlue.floatRight.textRight p {
        margin: 0;
    }
}

@media screen and (max-width: 350px) {
    #moduleComponent109.moduleComponentcareersCallouts p, #moduleComponent110.moduleComponentcareersCallouts p {
        display:none;
    }

    #moduleComponent110.moduleComponentcareersCallouts p.absoluteBottom {
        display: block;
    }

    #moduleItemsListingTeams p.practiceGroup {
        margin: 0px 0px 15px 0px !important;
    }

    #default.teams-and-people .moduleItemContent.ratio1_1:before {
        padding-top: 300%;
    }

    #moduleComponentContainercareersCallouts h2 {
        margin: 0px 0px 10px 0px !important;
    }

    .moduleComponentcurrentVacancies > div span, .moduleComponentcurrentVacancies .content {
        display: none;
    }
}

.searchPage .moduleItemsListingItem {
    float: left;
    position: relative;
    width: 100%;
}

.searchPage .moduleItemsListingItem .moduleItemImage {
    margin: 0px 4% 0 0;
}

.searchPage .moduleItemsListingItem:nth-child(odd) .moduleItemImage {
    margin: 0px 0% 0 4%;
}

.searchPage .moduleItemsListingItem .moduleItemImage:after {
    display: none;
}

.searchPage .moduleItemsListingItem .header {
    float: left;
    position: relative;
    width: 70%;
}

.searchPage .moduleItemsListingItem .header .title {
    font-size: 18px;
    font-family: cocogoose;
}

.searchPage .moduleItemsListingItem .moduleItemContent {
    float: left;
    position: relative;
    width: 70%;
}

.searchPage .moduleItemsListingItem .readMore a {
    float: left;
}

/* .working-with-us #moduleItemsListingOurStories > div:nth-of-type(1) {
    background : red !important;
} */

@media screen and (min-width: 840px) {
    /* .professional-upgrade #moduleItemsListingOurStories > div, .working-with-us #moduleItemsListingOurStories > div, .our-stories #moduleItemsListingOurStories > div {
        height:700px;
    } */

    .organisations-we-support .moduleItemsListingOrganisations > div, .news #moduleItemsListingNews > div {
        height: 580px;
    }

    .organisations-we-support .moduleItemsListingOrganisations > div .moduleItemImage {
        background: #FFFFFF;
    }

    .organisations-we-support .moduleItemsListingOrganisations > div .moduleItemImage:before {
        content: " ";
        display: block;
        padding-top: 100%;
    }

    .organisations-we-support .moduleItemsListingOrganisations > div .moduleItemImage a {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
    }

    .organisations-we-support .moduleItemsListingOrganisations > div .moduleItemImage a img {
    }
}

@media screen and (max-width: 840px) {
    #pageEditorContent {
        width:100%;
        padding: 0;
    }

    .headerNavigation ul {
        top: 0 !important;
        z-index: 999;
    }

    /* #moduleItemsListingOurStories .white .moduleItemImage:before {
        border-width: 3.2vw;
        margin-top: -16%;
    } */

    .organisations-we-support .moduleItemsListingOrganisations > div, .news #moduleItemsListingNews > div {
        height: 670px;
    }

    .organisations-we-support .moduleItemsListingOrganisations > div .moduleItemImage {
        background: #FFFFFF;
    }

    .organisations-we-support .moduleItemsListingOrganisations > div .moduleItemImage:before {
        content: " ";
        display: block;
        padding-top: 100%;
    }

    .organisations-we-support .moduleItemsListingOrganisations > div .moduleItemImage a {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
    }

    .organisations-we-support .moduleItemsListingOrganisations > div .moduleItemImage a img {
    }

    .home #moduleComponentContainerhomepageCallouts > div.percentageHalf {
        display: none;
    }

    .home #moduleComponentContainerhomepageCallouts > div.percentageHalf .percentageHalf div > p, .home #moduleComponentContainerhomepageCallouts > div.percentageHalf .percentageHalf div > div {
        display: none;
    }

    #todaysDate {
        float: left;
        position: relative;
        width: 50%;
    }

    #todaysDate h1, #todaysDate h1 span {
        font-size: 5vw;
    }

    #todaysDate h1 span {
        margin: 0 15px 0 0px;
    }

    #todaysDate h1 br {
        display: none;
    }

    #featuredNews {
        width: 60% !important;
    }

    .news #featuredNews {
        width: 100% !important;
    }

    .articles .percentageThreeQuarters .percentageThird, .articles_dev .percentageThreeQuarters .percentageThird {
        width: 40% !important;
    }

    .articles .percentageThreeQuarters .percentageThird #linkedItemsExtrasContainer a, .articles_dev .percentageThreeQuarters .percentageThird #linkedItemsExtrasContainer a {
        word-wrap: break-word;
    }

    .people #linkedItemsExtrasContainer > div {
        width: 50% !important;
        float: left;
        position: relative;
    }

    .people #linkedItemsExtrasContainer > div:after {
        display: none;
    }

    .people #linkedItemsExtrasContainer > div a {
        word-wrap: break-word;
    }

    .moduleDetailWrapperLegalServices #moduleItemContent {
        margin-top: 30px !important;
        padding: 0;
    }

    .html5gallery {
        height: 620px !important;
        float: left;
        position: relative;
    }

    #moduleListingWrapperOurStories .floatLeft.percentage40.padding15 {
        width: 40% !important;
    }

    #moduleListingWrapperOurStories #pageSource {
        width: 60% !important;
    }

    #ourStoryCalloutContainer {
        padding: 0;
    }

    #ourStoryCalloutContainer .absoluteBottom {
        float: left;
        position: relative;
        left: auto !important;
        bottom: auto !important;
        width: 100%;
        margin: 0;
    }

    .articles .moduleItemArticles .percentageQuarter, .articles_dev .moduleItemArticles .percentageQuarter {
        float: left;
        position: relative;
        width: 30% !important;
    }

    .articles .moduleItemArticles .percentageQuarter a, .articles_dev .moduleItemArticles .percentageQuarter a {
        word-wrap: break-word;
    }

    .articles .moduleItemArticles #moduleItemContent, .articles_dev .moduleItemArticles #moduleItemContent {
        width: 70% !important;
    }

    .blog .moduleItemBlog .percentageQuarter {
        float: left;
        position: relative;
        width: 30% !important;
    }

    .blog .moduleItemBlog .percentageQuarter a {
        word-wrap: break-word;
    }

    .blog .moduleItemBlog #moduleItemContent {
        width: 70% !important;
    }

    #relatedArticles {
        width: 100% !important;
    }

    #relatedArticles > div {
        background: none !important;
    }

    #relatedArticles > div .readMorePlus {
        display: block;
    }

    .current-vacancies .moduleListingWrapperCurrentVacancies .moduleItemsListingItem > div {
        padding: 10px;
    }

    .current-vacancies .moduleListingWrapperCurrentVacancies .moduleItemsListingItem:before {
        transform: rotate(90deg);
        left: auto;
        right: 0;
        top: 134%;
        z-index: 997;
    }

    .current-vacancies .moduleListingWrapperCurrentVacancies #moduleItemsListingItem46.moduleItemsListingItem:before {
        top: 120%;
    }

    .current-vacancies .moduleListingWrapperCurrentVacancies .moduleItemsListingItem > div > h2.title a, .current-vacancies .moduleListingWrapperCurrentVacancies .moduleItemsListingItem > div > h2.title {
        font-size: 4.4vw;
        margin: 0;
    }

    .current-vacancies .moduleListingWrapperCurrentVacancies .moduleItemsListingItem > div > p {
        display: none;
    }

    .teams-and-people .moduleDetailWrapperTeams #moduleItemContent {
        padding: 0;
    }

    #pageEditorContent .percentage70.padding20 {
        padding: 0;
    }

    .moduleDetailWrapperNews .percentageQuarter.floatLeft {
        width: 30% !important;
    }

    .moduleDetailWrapperNews #moduleItemContent {
        width: 70% !important;
    }

    #moduleListingWrapperArticles > div.fullWidthContainer > div.percentage25.floatLeft.darkGrey.padding20.ratio1_1 {
        padding: 0;
    }

    #moduleListingWrapperArticles > div.fullWidthContainer > div.percentage25.floatLeft.darkGrey.padding20.ratio1_1 > div.absoluteCenter100.padding25 {
        padding: 20px;
    }

    #moduleListingWrapperArticles > div.fullWidthContainer > div.percentage25.floatLeft.darkGrey.padding20.ratio1_1 > div.absoluteCenter100.padding25 h2 {
        margin: 10px 0 0 0;
    }

    #moduleListingWrapperBlog > div.fullWidthContainer > div.percentage25.floatLeft.darkGrey.padding20.ratio1_1 {
        padding: 0;
    }

    #moduleListingWrapperBlog > div.fullWidthContainer > div.percentage25.floatLeft.darkGrey.padding20.ratio1_1 > div.absoluteCenter100.padding25 {
        padding: 20px;
    }

    #moduleListingWrapperBlog > div.fullWidthContainer > div.percentage25.floatLeft.darkGrey.padding20.ratio1_1 > div.absoluteCenter100.padding25 h2 {
        margin: 10px 0 0 0;
    }

    .working-with-us #pageEditorContent .moduleDetailWrapperOurStories #linkedItemsExtrasContainer, .our-stories #pageEditorContent .moduleDetailWrapperOurStories #linkedItemsExtrasContainer {
        width: 30% !important;
    }

    .working-with-us #pageEditorContent .moduleDetailWrapperOurStories #articles, .our-stories #pageEditorContent .moduleDetailWrapperOurStories #articles {
        width: 70% !important;
    }

    .about .darkGrey.percentage25:after {
        display: none;
    }

    object, embed {
        max-width: 100%;
        height: auto;
    }

    /* ---------- Back to top ----------  */
    #back-top {
        position: absolute;
        display: block;
        right: 30px;
        top: 0;
        z-index: 1000;
    }

    #back-top a {
        width: auto;
        padding: 15px 0px;
        display: block;
        text-align: center;
        text-transform: uppercase;
        text-decoration: none;
        color: #FFFFFF;
    }

    /* arrow icon (span tag) */
    #back-top span {
        width: 20px;
        height: 30px;
        display: block;
        margin: -9px 0px 7px -20px;
        background: #00234B url(https://www.avoco.co.nz/images/style/up-arrow.png) no-repeat center center;
        /* rounded corners */
        -webkit-border-radius: 15px;
        -moz-border-radius: 15px;
        border-radius: 15px;
        float: right;
        position: relative;
        display: none;
    }

    /* .professional-upgrade #moduleItemsListingOurStories > div, .working-with-us #moduleItemsListingOurStories > div, .our-stories #moduleItemsListingOurStories > div {
        height: 700px;
    } */
}

@media screen and (max-width: 640px) {
    #keyContacts .moduleItemImage:after, #keyContacts .extraFields {
        display:none;
    }

    #articles #moduleItemContent {
        padding: 0 !important;
    }

    .bannerImageContainer:before, .moduleComponentcurrentVacancies:before {
        display: none;
    }

    .news .moduleDetailWrapperNews .moduleItemImage:after, .people .moduleItemImage:after, .working-with-us .moduleDetailWrapperOurStories .moduleItemImage:after, .our-stories .moduleDetailWrapperOurStories .moduleItemImage:after {
        display: none;
    }
}

@media screen and (max-width: 550px) {
    .teams-and-people #moduleItemsListingTeams .moduleItemContent {
        display:none;
    }

    .teams-and-people #moduleItemsListingTeams > div > div > div > div > div {
        padding: 20px;
    }

    .teams-and-people #moduleItemsListingTeams > div p, .teams-and-people #moduleItemsListingTeams > div h2 {
        margin: 0 0 10px !important;
    }

    #moduleListingWrapperOurStories .floatLeft.percentage40.padding15 {
        width: 100% !important;
        padding: 0;
    }

    #moduleListingWrapperOurStories .floatLeft.percentage40.padding15 .html5gallery {
        width: 100% !important;
        display: inline-block !important;
        position: absolute !important;
        overflow: hidden;
        margin: 0% !important;
        padding: 0;
        background-size: cover;
        vertical-align: top;
        z-index: 600;
    }

    #moduleListingWrapperOurStories .floatLeft.percentage40.padding15 .bannerMultipleImageContainer:after {
        content: "";
        display: block;
        padding-top: 120%;
        width: 100%;
        position: relative;
        z-index: 500;
    }

    #moduleListingWrapperOurStories #pageSource {
        width: 100% !important;
        padding: 0;
    }

    /* #moduleItemsListingOurStories > div .fullWidthContainer > p {
        display: none;
    } */

    .moduleItemCurrentVacancies > div {
        padding: 20px 0 0 0;
    }

    #moduleItemsListingTeams a.readMorePlus {
        background: #FFFFFF;
    }

    #moduleItemsListingItem52 .readMorePlus span {
        color: #21808d;
    }

    #moduleItemsListingItem902 .readMorePlus span,
    #moduleItemsListingItem53 .readMorePlus span {
        color: #80c9b6;
    }

    #moduleItemsListingItem54 .readMorePlus span {
        color: #eb3d31;
    }
    #moduleItemsListingItem903 .readMorePlus span,
    #moduleItemsListingItem55 .readMorePlus span {
        color: #f8ad24;
    }

    /* .professional-upgrade #moduleItemsListingOurStories > div, .working-with-us #moduleItemsListingOurStories > div, .our-stories #moduleItemsListingOurStories > div {
        height: auto;
    } */
}

@media screen and (max-width: 500px) {
    #moduleListingWrapperArticles > div.fullWidthContainer > div.percentage25.floatLeft.darkGrey.padding20.ratio1_1 h2 {
        font-size:6vw;
    }

    #moduleListingWrapperBlog > div.fullWidthContainer > div.percentage25.floatLeft.darkGrey.padding20.ratio1_1 h2 {
        font-size: 6vw;
    }
}

@media screen and (max-width: 550px) {
    #moduleListingWrapperOurStories .floatLeft.percentage40.padding15 .bannerMultipleImageContainer:after {
        padding-top: 160%;
    }
}

@media screen and (max-width: 450px) {
    #moduleListingWrapperOurStories .floatLeft.percentage40.padding15 .bannerMultipleImageContainer:after {
        padding-top: 200%;
    }

    .organisations-we-support .moduleItemsListingOrganisations > div, .news #moduleItemsListingNews > div {
        height: auto;
    }

    .organisations-we-support .moduleItemsListingOrganisations > div .moduleItemImage {
        background: #FFFFFF;
    }

    .organisations-we-support .moduleItemsListingOrganisations > div .moduleItemImage:before {
        display: none;
    }

    .organisations-we-support .moduleItemsListingOrganisations > div .moduleItemImage a {
        position: relative;
        float: left;
        width: 100%;
    }

    .organisations-we-support .moduleItemsListingOrganisations > div .moduleItemImage a img {
    }

    #moduleItemsListingNews > div > div > div p {
        display: none;
    }

    .organisations-we-support .moduleItemsListingOrganisations h2, #moduleItemsListingNews div h2 {
        font-size: 100%;
    }

    #emailForm table input.fmupload {
        width: 100%;
    }

    .news #moduleItemContent {
        padding: 0;
    }

    .moduleDetailWrapperNews .percentageQuarter.floatLeft {
        width: 100% !important;
    }

    .moduleDetailWrapperNews #moduleItemContent {
        width: 100% !important;
    }

    #moduleItemsListingArticles p {
        font-size: 3vw;
    }

    .professional-upgrade #pageEditorContent .moduleDetailWrapperOurStories #linkedItemsExtrasContainer, .working-with-us #pageEditorContent .moduleDetailWrapperOurStories #linkedItemsExtrasContainer, .our-stories #pageEditorContent .moduleDetailWrapperOurStories #linkedItemsExtrasContainer {
        width: 100% !important;
    }

    .working-with-us #pageEditorContent .moduleDetailWrapperOurStories #articles, .our-stories #pageEditorContent .moduleDetailWrapperOurStories #articles {
        width: 100% !important;
    }

    .working-with-us #pageEditorContent .moduleDetailWrapperOurStories #articles > div, .our-stories #pageEditorContent .moduleDetailWrapperOurStories #articles > div {
        padding: 0;
    }

    #teamName {
        line-height: 20px;
        margin: 0 0 -20px 0;
    }

    .moduleComponentcurrentVacancies > div span, .moduleComponentcurrentVacancies .content {
        display: none;
    }

    .footer .centerContainerInner {
        padding: 45px 5% 30px;
    }
}

@media screen and (max-width: 400px) {
    #featuredNews {
        width:100% !important;
    }

    .news #featuredNews {
        padding: 0;
    }

    .articles .percentageThreeQuarters .percentageThird, .articles_dev .percentageThreeQuarters .percentageThird {
        width: 100% !important;
    }

    .people #linkedItemsExtrasContainer > div {
        width: 100% !important;
    }

    #keyContacts .linkedItem {
        width: 100%;
        margin: 0 0 2% 0;
    }

    #keyContacts .linkedItem .moduleItemImage {
        float: left !important;
        width: 100% !important;
    }

    #keyContacts .linkedItem .moduleItemContent {
        width: 90%;
        padding: 5%;
    }

    #keyContacts .linkedItem a.readMorePlus, #keyContacts .linkedItem .readMorePlus {
        right: auto !important;
        bottom: auto;
        position: relative;
        float: right;
        margin: 0 5% 5%;
    }

    .navCategoryBlogLinks div {
        width: 100%;
    }

    div#moduleItemsListingArticles div[id*='moduleItemsListingItem'] {
        float: left;
        position: relative;
        width: 100%;
        height: auto;
        background: none !important;
        border-bottom: 1px solid #e9e8e5;
    }

    #default.articles #moduleItemsListingArticles .ratio1_1:before, #default.articles_dev #moduleItemsListingArticles .ratio1_1:before {
        padding-top: 0;
        display: none;
    }

    div#moduleItemsListingArticles div[id*='moduleItemsListingItem'] > div {
        float: left;
        position: relative !important;
        width: 100%;
        height: auto;
        top: auto !important;
        right: auto !important;
        bottom: auto !important;
        left: auto !important;
        padding: 10px;
    }

    #moduleItemsListingArticles h1, #moduleItemsListingArticles h2, #moduleItemsListingArticles h3, #moduleItemsListingArticles h4, #moduleItemsListingArticles h1 a, #moduleItemsListingArticles h2 a, #moduleItemsListingArticles h3 a, #moduleItemsListingArticles h4 a, #moduleItemsListingArticles > div > div > p {
        font-size: 14px;
    }
}

@media screen and (max-width: 360px) {
    #moduleListingWrapperOurStories .floatLeft.percentage40.padding15 .bannerMultipleImageContainer:after {
        padding-top: 245%;
    }

    .articles .moduleItemArticles .percentageQuarter, .articles_dev .moduleItemArticles .percentageQuarter {
        float: left;
        position: relative;
        width: 100% !important;
    }

    .articles .moduleItemArticles #moduleItemContent, .articles_dev .moduleItemArticles #moduleItemContent {
        width: 100% !important;
        padding: 0;
    }

    .blog .moduleItemBlog .percentageQuarter {
        float: left;
        position: relative;
        width: 100% !important;
    }

    .blog .moduleItemBlog #moduleItemContent {
        width: 100% !important;
        padding: 0;
    }
}

@media screen and (max-width: 460px) {
    #moduleListingWrapperOurStories .floatLeft.percentage40.padding15 .bannerMultipleImageContainer:after {
        padding-top: 205%;
    }
}

@media screen and (max-width: 320px) {
    .home #moduleComponentContainerhomepageCallouts > div.percentageHalf {
        display:none;
    }
}

/*-----------------------------------*/
.moduleComponent.moduleComponentpeople.columnContainer6.fullWidthContainer {
    width: 100.55%;
}

ul.viewLink {
    float: left;
    position : relative;
    width: 100%;
    margin: 12px 0px 17px;
    padding: 0;
}

ul.viewLink li {
    float: left;
    display: inline-block;
}

ul.viewLink li a.galleryViewLink, ul.viewLink li a.listViewLink, ul.viewLink li a.galleryViewLink span, ul.viewLink li a.listViewLink span {
    display: inline-block;
    line-height : 1.4;
    color: #00234b;
    font-size: 13px;
}

ul.viewLink li a.galleryViewLink:before {
    content: " ";
    display : inline-block;
    width: 20px;
    height : 20px;
    margin: 5px 9px -5px 6px;
    background : url(img/grid.png) top left no-repeat;
    background-size: 100% auto;
}

ul.viewLink li a.listViewLink:before {
    content: " ";
    display : inline-block;
    width: 20px;
    height : 20px;
    margin: 5px 9px -5px 20px;
    background : url(img/hamburger.png) top left no-repeat;
    background-size: 100% auto;
}

#peopleGalleryListing {
    margin: 10px 0px 0px 1px;
}

#peopleGalleryListing .componentItem {
}

#peopleGalleryListing .componentItem .content {
}

#peopleGalleryListing .componentItem .hoverContent {
    color : #fff;
    z-index: 100;
    opacity: 0;
    transition: 0.3s all;
}

#peopleGalleryListing .componentItem:hover .hoverContent {
    opacity: 1;
    transition: 0.3s all;
}

#peopleGalleryListing .componentItem p, #peopleGalleryListing .componentItem p.title {
    color: #fff;
}

#peopleGalleryListing .componentItem p.title {
    font-weight: 900;
}

#peopleGalleryListing .componentItem p.title strong {
    font-weight: normal;
}

#peopleGalleryListing .componentItem a {
    font-weight: bold;
    color : #fff;
    text-decoration : none;
}

#peopleGalleryListing .componentItem a.cover {
    transition : 0.5s all;
    background : rgba(0,34,75,0);
}

#peopleGalleryListing .componentItem:hover a.cover {
    background : rgba(0,34,75,0.6);
}

#peopleGalleryListing .componentItem a.cover.transparent {
    z-index: 101;
    background: transparent;
}

#peopleListAnchor {
    top: 25px;
}

@media screen and (min-width: 800px) {
}

/*----------------------------------*/
#linkedItemsExtrasContainer .moduleItemImage, .playVideo {
    transition : 0.8s all;
}

#linkedItemsExtrasContainer .moduleItemImage.hide, .playVideo.hide {
    opacity : 0;
}

#peopleVideoContainer {
    margin: 0px 0px 30px 0px;
}

#linkedItemsExtrasContainer .moduleItemImage.hide {
    display: none;
}

.playVideo {
    display: block;
    width: 80px;
    height: 80px;
    position : absolute;
    top: 50%;
    left: 50%;
    margin-left: -40px;
    margin-top: -40px;
    background: url(img/play_arrow.png) !important;
    text-align: center;
    border-radius: 100%;
    background-size: 100% auto !important;
}

.playVideo span {
    display: none;
}

#moduleListingWrapperBlog .darkGrey.ratio1_1 p {
    color: #4d4d4d;
}

#moduleComponentContainerhomepageCallouts #moduleComponent29 > div > p, #moduleComponentContainerhomepageCallouts #moduleComponent29 > div > p span, #moduleComponentContainerhomepageCallouts #moduleComponent29 > div > span {
    font-size: 3vw;
    display: block;
}

@media screen and (min-width: 480px) {
    #moduleComponentContainerhomepageCallouts #moduleComponent29 > div > p, #moduleComponentContainerhomepageCallouts #moduleComponent29 > div > p span, #moduleComponentContainerhomepageCallouts #moduleComponent29 > div > span {
        font-size: 16px;
    }
}

@media screen and (min-width: 840px) {
    #moduleComponentContainerhomepageCallouts #moduleComponent29 > div > p, #moduleComponentContainerhomepageCallouts #moduleComponent29 > div > p span, #moduleComponentContainerhomepageCallouts #moduleComponent29 > div > span {
        font-size: 1.5vw;
    }
}

@media screen and (min-width: 930px) {
    #moduleComponentContainerhomepageCallouts #moduleComponent29 > div > p, #moduleComponentContainerhomepageCallouts #moduleComponent29 > div > p span, #moduleComponentContainerhomepageCallouts #moduleComponent29 > div > span {
        font-size: 16px;
    }

    #moduleItemsListingCommunityEngagement [id*='moduleItemsListingItem'] {
        height: 470px;
    }
}

/* Community Engagement */
#moduleItemsListingCommunityEngagement .textLeft {
}

#moduleItemsListingCommunityEngagement [id*='moduleItemsListingItem'] {
}

.blog #extraField16.extraField {
    display: none !important;
}

/*-------------------------------------------*/
#nav, #navOrg {
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translate(-50%,0);
    z-index: 1000;
}

#nav a, #navOrg a {
    display : inline-block;
    width: 17px;
    height: 17px;
    border-radius: 100%;
    background : rgba(255,255,255,0.4);
    margin: 0 8px;
    transition : all 0.5s;
}

#navOrg a {
    background : rgba(0,0,0,0.4);
}

#nav a.activeSlide, #navOrg a.activeSlide {
    background: rgba(255,255,255,0.8);
}

#navOrg a.activeSlide {
    background : rgba(0,0,0,0.8);
}

#nav a:hover,
#nav a.activeSlide:hover {
    background: rgba(0,35,75,0.4);
}

#navOrg a:hover, #navOrg a.activeSlide:hover {
    background: rgba(0,35,75,0.4);

}

#prevSlide, #nextSlide {
    position: absolute;
    top: 50%;
    z-index: 1000;
    transform: translate(0,-50%);
}

#prevSlideOrg, #nextSlideOrg {
    position: absolute;
    top: 10%;
    z-index: 1000;
    transform: translate(0,-50%);
}

#prevSlide {
    left: 10px;
}

#nextSlide {
    right: 10px;
}

#prevSlideOrg {
    left: 10px;
}

#nextSlideOrg {
    right: 10px;
}

.community-engagement #moduleComponentContainerheaderBanners div.moduleComponent p::before {
    padding: 0;
}

.slideContainer {
    padding-bottom : 70px;
}

.slideContainer .componentItem {
}

.slideContainer .moduleItemImage {
    position: relative;
    height: 120px;
    overflow: hidden;
}

.slideContainer .moduleItemImage img.component {
    position: relative;
    top: 50%;
    z-index: 1000;
    transform: translate(0,-50%);
    max-height: 100%;
}

.slideContainer .content {
    font-size: 14px;
    padding: 0px 20px;
}

.slideContainer .title {
    font-weight: bold;
    margin-top : 10px;
}

.slideContainer .title a {
    text-decoration : none;
}

.slideContainer .readMore {
    font-size: 14px;
}

.slideContainer .readMore a {
}

/*-------------------------------------------*/
.footer .floatCenter {
    position: absolute;
    width: 100%;
    z-index: 99;
}

.footer .floatCenter img {
    position: absolute;
    left: 50%;
    transform: translateX(-111px);
    width: 130px !important;
    height: auto !important;
    top: -8px;
}

@media screen and (max-width: 1025px) {
    .footer .floatCenter {
        display:none;
    }
}

/*-------------------------------------------*/
.moduleComponentContainerhomepageNotifications {
    overflow: hidden;
    position: relative;
}

.moduleComponentContainerhomepageNotifications .moduleComponent {
    overflow: hidden;
    padding: 20px;
    background: #002242;
    margin: 10px 1px 10px -1px;
}

.moduleComponentContainerhomepageNotifications .moduleComponent h2 {
    position: relative;
    font-size: 18px;
    width: 80%;
    padding-right: 20%;
    line-height: 1.2;
    margin: 0;
}

.moduleComponentContainerhomepageNotifications .moduleComponent h2:before {
    content: " ";
    display: block;
    width: 44px;
    height: 44px;
    border-radius: 3px;
    background: #ec3a39 url(img/exclamation_2018.png) center no-repeat;
    background-size: 6px;
    position: absolute;
    top: 0;
    right: 0;
}

.moduleComponentContainerhomepageNotifications .moduleComponent h2 a {
    text-decoration: none;
    color: #fff;
}

.moduleComponentContainerhomepageNotifications .moduleComponent .bannerHtmlContent {
}

.moduleComponentContainerhomepageNotifications .moduleComponent .bannerHtmlContent p {
    color: #fff;
    margin: 0;
    width: 80%;
}

.moduleComponentContainerhomepageNotifications .moduleComponent a.bannerLinkMask {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

@media screen and (min-width: 1050px) {
    .moduleComponentContainerhomepageNotifications {
    }

    .moduleComponentContainerhomepageNotifications .moduleComponent {
        margin: 10px 1px 10px -1px;
    }

    .moduleComponentContainerhomepageNotifications .moduleComponent h2 {
        position: relative;
        font-size: 17px;
        width: 100%;
        box-sizing: content-box;
        padding-right: 0%;
        padding-left: 60px;
        line-height: 1.2;
        margin: 0;
    }

    .moduleComponentContainerhomepageNotifications .moduleComponent h2:before {
        background-size: 6px;
        top: -5px;
        right: auto;
        left: 0;
    }

    .moduleComponentContainerhomepageNotifications .moduleComponent h2 a {
    }

    .moduleComponentContainerhomepageNotifications .moduleComponent .bannerHtmlContent {
    }

    .moduleComponentContainerhomepageNotifications .moduleComponent .bannerHtmlContent p {
        font-size : 13px;
        padding-left: 60px;
    }

    .moduleComponentContainerhomepageNotifications .moduleComponent a.bannerLinkMask {
    }
}

/*--------------------------------------------*/
/*------------ Article Tag Layout ------------*/
/*--------------------------------------------*/
#searchTopicListing {
    border-top: 1px solid #e0ded8;
    padding-top: 30px;
    margin-top: 30px;
}

#searchTopicListing .inner {
}

#searchTopicListing .inner > p {
    margin: 0 0px 15px;
    font-size: 11vw;
    line-height: 0.9;
    text-transform: uppercase;
    font-family: 'Cocogoose';
    font-weight: normal;
    color: #667b90;
}

#searchTopicListing .inner > div {
}

#searchTopicListing .inner > div .topic {
    margin-bottom: 12px;
}

#searchTopicListing .inner > div .topic a {
    color: #4d4d4d;
}

@media screen and (min-width: 500px) {
    #searchTopicListing .inner > p {
        font-size: 4.5vw;
    }
}

@media screen and (min-width: 840px) {
    #searchTopicListing .inner > p {
        font-size: 3vw;
    }
}

@media screen and (min-width: 1100px) {
    #searchTopicListing .inner > p {
        font-size: 44px;
    }
}

/*--------------------------------------------*/
/*------------ Related Articles Header  ------------*/
/*--------------------------------------------*/
#relatedArticles h2 {
    font-size: 30px;
}

@media screen and (min-width: 500px) {
    #relatedArticles h2 {
        font-size: 30px;
    }
}

.bannerPofessionalUpgradeContainer {
    width: 100%;
    height: auto;
    display: block;
    position: relative;
    overflow: hidden;
    padding-bottom: 30px;
    border-bottom: 1px solid #e0ded8;
}

.bannerPofessionalUpgrade div, .bannerPofessionalUpgrade {
    display: block;
    position: relative;
    float: left;
    width: 100%;
    /* border:1px solid red; */
    box-sizing: border-box;
    border-collapse: collapse;
    min-height: 25px;
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}

.bannerPofessionalUpgrade .bannerHtmlContent {
    padding: 20px;
}

.bannerPofessionalUpgrade:nth-of-type(1) .bannerHtmlContent, .bannerPofessionalUpgrade:nth-of-type(2) .bannerHtmlContent {
    display: none;
}

.bannerPofessionalUpgrade:nth-of-type(4) .bannerHtmlContent {
    background-color: #00234b;
    color: #fff;
}

.bannerPofessionalUpgrade:nth-of-type(4) .bannerHtmlContent:before, .bannerPofessionalUpgrade:nth-of-type(5) .bannerHtmlContent:before {
    left: 50%;
    top: -45px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: transparent;
    border-bottom-color: #5d7487;
    z-index: 1000;
    transform: translateX(-50%);
    border-width: 23px;
}

.bannerPofessionalUpgrade:nth-of-type(4) .bannerHtmlContent:before {
    border-bottom-color: #00234b;
}

.bannerPofessionalUpgrade:nth-of-type(4) .bannerHtmlContent p {
    color: #fff;
}

.bannerPofessionalUpgrade .bannerHtmlContent p {
    color: #00234b;
}

.bannerPofessionalUpgrade .bannerHtmlContent span {
    background: #e6e5e2;
    padding: 15px 15px;
    width: 100%;
    display: block;
    position: relative;
    box-sizing: border-box;
    color: #00234b;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: bold;
    margin-bottom: 26px;
}

.bottomButton:nth-last-child(1) {
    bottom: 0;
}

.bottomButton:nth-last-child(2) {
    bottom: 62px;
}

.bannerPofessionalUpgrade .bannerHtmlContent a {
    background: #00234b;
    padding: 5px 15px;
    color: #fff;
    text-decoration: none;
    text-transform: uppercase;
    float: right;
    margin: 0;
    min-width: 50px;
    text-align: center;
}

.bannerPofessionalUpgrade .bannerImageContainer:before {
    display: none;
}

.bannerPofessionalUpgrade:nth-of-type(3) h3 {
    text-transform: unset;
    font-size: 22px;
}

.bannerPofessionalUpgrade:nth-of-type(3) p {
    text-transform: unset;
    font-size: 16px;
}

.bannerPofessionalUpgrade:nth-of-type(3) .bannerHtmlContent {
    margin-left: 0;
    padding-left: 0;
    padding: 0;
}

.bannerPofessionalUpgrade:nth-of-type(4) h3, .bannerPofessionalUpgrade:nth-of-type(5) h3, .bannerPofessionalUpgrade:nth-of-type(4) p, .bannerPofessionalUpgrade:nth-of-type(5) p {
    color: #fff;
    margin: 0px 0 6px;
}

.bannerPofessionalUpgrade:nth-of-type(5) .bannerHtmlContent {
    background-color: #5d7487;
}

.bannerPofessionalUpgrade:nth-of-type(5) .bannerHtmlContent a {
    float: left;
}

.bannerPofessionalUpgrade:nth-of-type(4) {
    background-color: #00234b;
}

.bannerPofessionalUpgrade:nth-of-type(5) {
    background-color: #5d7487;
}

.bannerPofessionalUpgrade:nth-of-type(1) {
    margin-bottom: 10px;
    margin-top: 10px;
}

.bannerPofessionalUpgrade:nth-of-type(1) .bannerImageContainer {
    height: 163px;
    background-position: left;
}

.bannerPofessionalUpgrade:nth-of-type(2) {
    display: none;
}

.bannerPofessionalUpgrade:nth-of-type(2) .bannerImageContainer {
    height: 275px;
}

.bannerPofessionalUpgrade:nth-of-type(3) .bannerImageContainer {
    height: 300px;
}

.bannerPofessionalUpgrade:nth-of-type(4) .bannerImageContainer {
    height: 300px;
}

.bannerPofessionalUpgrade:nth-of-type(5) .bannerImageContainer {
    height: 250px;
}

.professional-upgrade #pageEditorContent {
    margin: 5px 0 0 0px;
}

.professional-upgrade #pageEditorContent h1 {
    font-size: 26px;
}

.bannerPofessionalUpgrade:nth-of-type(4), .bannerPofessionalUpgrade:nth-of-type(5) {
    margin: 10px 0;
}

@media screen and (min-width: 600px) {
    .bannerPofessionalUpgrade:nth-of-type(1) .bannerImageContainer {
        height: 275px;
    }

    .bannerPofessionalUpgrade:nth-of-type(4) {
        width: 50%;
        margin-bottom: 10px;
        margin-top: 10px;
        min-height: 550px;
    }

    .bannerPofessionalUpgrade:nth-of-type(5) {
        width: 50%;
        margin-bottom: 10px;
        margin-top: 10px;
        display: block;
        min-height: 550px;
    }

    .bannerPofessionalUpgrade:nth-of-type(5) .bannerImageContainer {
        height: 300px;
    }

    .bannerPofessionalUpgrade:nth-of-type(4), .bannerPofessionalUpgrade:nth-of-type(5) {
        margin: 0;
    }

    .bannerPofessionalUpgrade .bannerHtmlContent a {
        background: #00234b;
        padding: 5px 15px;
        color: #fff;
        text-decoration: none;
        text-transform: uppercase;
        float: right;
        margin: -5px -5px 0 0;
        min-width: 50px;
        text-align: center;
    }

    .bannerPofessionalUpgrade .bannerHtmlContent span {
        margin-bottom: 0px;
    }
}

@media screen and (min-width: 1200px) {
    .bannerPofessionalUpgrade:nth-of-type(1) {
        width:75%;
        margin-bottom: 10px;
        margin-top: 10px;
    }

    .bannerPofessionalUpgrade:nth-of-type(2) {
        width: 25%;
        margin-bottom: 10px;
        margin-top: 10px;
        display: block;
    }

    .bannerPofessionalUpgrade:nth-of-type(3) {
        width: 50%;
    }

    .bannerPofessionalUpgrade:nth-of-type(3) .bannerHtmlContent {
        padding-bottom: 125px;
        padding-right: 20px;
    }

    .bannerPofessionalUpgrade:nth-of-type(4) {
        width: 25%;
    }

    .bannerPofessionalUpgrade:nth-of-type(5) {
        width: 25%;
    }

    .bannerPofessionalUpgrade:nth-of-type(5) .bannerImageContainer {
        height: 250px;
    }

    .bannerPofessionalUpgrade:nth-of-type(3) .bannerHtmlContent, .bannerPofessionalUpgrade:nth-of-type(3), .bannerPofessionalUpgrade:nth-of-type(4), .bannerPofessionalUpgrade:nth-of-type(5) {
        min-height: 569px;
    }

    .bottomButton {
        display: block;
        float: left;
        position: absolute;
        width: calc(100% - 10px);
        margin: 0px 0px 0px 0px;
    }
}

#header100Year #breadcrumbsContainer {
    padding: 0;
    margin: 0;
}

#header100Year #breadcrumbsContainer a {
    width: 16.66%;
    /* border:1px red solid; */
    display: inline-block;
    padding: 0;
    margin: 0;
    /* height:50px; */
    color: #fff;
    background: #000;
    text-align: center;
    font-size: 16px;
    padding: 15px;
    text-transform: uppercase;
}

#header100Year #breadcrumbsContainer a:nth-of-type(1) {
    display: none;
}

#header100Year ul, #header100Year li, #header100Year li a {
    display: block;
    float: left;
    position: relative;
    margin: 0;
    padding: 0;
    text-decoration: 0;
    text-align: center;
}

#header100Year ul {
    width: 100%;
}

#header100Year li {
    width: 16.66%;
}

#header100Year li a {
    width: 100%;
    text-decoration: none;
    color: #fff;
    padding-top: 20px;
    padding-bottom: 20px;
    font-weight: bold;
    font-size: 16px;
}

#header100Year li a:after {
    content: "";
    display: block;
    position: absolute;
    border: 1px solid rgba(0,0,0,0);
    border-top-color: #88b7d5;
    border-width: 15px;
    left: 50%;
    transform: translate(-50%,0%);
    bottom: -30px;
    display: none;
    z-index: 2;
}

#header100Year li:nth-of-type(1) a {
    background-color: #182e57;
}

#header100Year li:nth-of-type(1) a:after {
    border-top-color: #182e57;
}

#header100Year li:nth-of-type(2) a {
    background-color: #9e9e9e;
}

#header100Year li:nth-of-type(2) a:after {
    border-top-color: #9e9e9e;
}

#header100Year li:nth-of-type(3) a {
    background-color: #e59c24;
}

#header100Year li:nth-of-type(3) a:after {
    border-top-color: #e59c24;
}

#header100Year li:nth-of-type(4) a {
    background-color: #d93f30;
}

#header100Year li:nth-of-type(4) a:after {
    border-top-color: #d93f30;
}

#header100Year li:nth-of-type(5) a {
    background-color: #7fb8a3;
}

#header100Year li:nth-of-type(5) a:after {
    border-top-color: #7fb8a3;
}

#header100Year li:nth-of-type(6) a {
    background-color: #208080;
}

#header100Year li:nth-of-type(6) a:after {
    border-top-color: #208080;
}

#header100Year li a.menuSelected:after {
    display: block;
}

.moduleItemsListing100YearArticles {
    /* border-top: 1px solid #d4d2cc; */
}

.grid-item {
    width: 50%;
    padding: 0px 25px 0px 0px;
    box-sizing: border-box;
    background: none !important;
}

/* border-bottom: 1px solid grey; */
/*-------------------------------*/
.centerContainer {
    width: 100%;
    margin: 0 auto;
}

.centerContainerInner {
    width: 90%;
    margin: 0 5%;
    padding: 0;
    font-size: 16px;
}

@media screen and ( min-width: 640px) {
    .centerContainer {
        width: 100%;
        margin: 0 auto;
    }

    .centerContainerInner {
        width: 90%;
        /*! margin: 0 5%; */
        padding: 0;
        font-size: 14px;
    }
}

/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and ( min-width: 1260px) {
    .centerContainer {
        width: 1140px;
    }

    .centerContainerInner {
        width: 1100px;
        /*! margin: 0 20px; */
    }
}

/*----------------------------------------------------------*/
.headerNavigation {
    margin: -4px 0px 0px 0px !important;
}

.headerNavigation ul {
    width: 100%;
    z-index: 999;
}

#header.headerNavigation ul li {
    width: auto;
    color: #00234b;
    font-weight: normal;
    padding: 0px 0px 10px 0px;
}

#header .headerNavigation ul li {
    margin: 0px 18px 0px 0px;
}

.headerNavigation ul li.legal-services,
.headerNavigation ul li.teams-and-people {
    width:auto;
    color: #00234b;
    font-weight: normal;
}

#header .headerNavigation {
    top: 0px !important;
}

.headerNavigation ul li.china a{
font-family: source-han-sans-cjk-sc, sans-serif;
font-weight:400!important;
}

#header .headerNavigation ul li a {
    color: #00234b;
    font-weight: 600;
    display: block;
    padding: 7px 0;

}

.headerNavigation ul li ul {
    left: -21%;
}

#header .headerNavigation ul li ul li a {
    color: #00234b !important;
    width: 100%;
    text-align:left;
}


#header .headerNavigation ul{
     
}

.headerNavigation ul li.contacts,
.headerNavigation ul li.payment {
float:right;
margin: 0px 0px 0px 0px!important;
padding:0!important;
background:#FFF;
}

.headerNavigation ul li.contacts a,
.headerNavigation ul li.payment a{
float:right;
width:100%;
margin: 0px 0px 0px 0px;
padding:0;
font-weight:900!important;
text-transform:uppercase;
}

/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and ( min-width: 845px) {
    .headerNavigation ul li.china,
    .headerNavigation ul li.contacts,
    .headerNavigation ul li.payment {
    float:right;
    margin: 0px 18px 0px 0px!important;
    padding:0;
    background:#FFF;
    }

}

/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and ( min-width: 700px) {
    .headerNavigation ul li {
        width: auto;
    }

/*     .headerNavigation ul li > a.menuSelected:before,
    .headerNavigation ul li a.menuSelected:before,
    .headerNavigation ul li a.childSelected:before,
    .headerNavigation ul li > a.childSelected:before,
    .headerNavigation ul li a.grandchildSelected:before {
        display: block;
        left: 50%;
        top: 92%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
        border-color: transparent;
        border-top-color: #00234b;
        border-width: 10px;
        margin-left: -10px;
        z-index: 1000;
    } */
}

/*----------------------------------------------------------*/
#header {
    float: left;
    height: auto;
    min-width: 100%;
    position: relative;
    z-index: 998;
}

/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and ( min-width: 800px) {
    #header {
        margin: 20px 0px 0px 0px;
        float: left;
        height: 120px;
        min-width: 100%;
        position: relative;
    }
}

/*----------------------------------------------------------*/


/* #header .siteSearchContainer {
    position: absolute;
    right: 50px;
    top: 0px;
    margin: 0;
    padding: 0;
    background: none !important;
}

.siteSearchContainer span.searchLabel {
    display: none;
}

.siteSearchContainer form#site_search_form {
    float: right;
    position: relative;
    margin: 0px 0px 0px 0px;
    padding: 0;
    width: auto;
} */

/* .siteSearchContainer input.siteSearchInput {
    font-size: 12px;
    width: 0px;
    border: none;
    border-radius: 0px;
    padding: 8px 30px 8px 10px;
    margin: 5px 0px 8px 0px;
    background: transparent;
    border: none;
    color: #00234b;
    text-transform: none;
    border-radius: 3px;
    transition : 0.8s all;
    position: relative;
    z-index: 100;
    background:#FF0000;
}

.siteSearchContainer input.siteSearchInput:focus {
    z-index: 0;
    color: #00234b;
    width: 180px;
    text-transform: none;
    background: #e7ecf3;
} */

/* .siteSearchContainer input.siteSearchSubmit {
    position: absolute;
    z-index: 10;
    top: 10px;
    right: 8px;
    border-radius: 0;
    width: 23px;
    height: 23px;
    cursor: pointer;
    border: none;
    color: #fff;
    background: url(img/magnify_light.png) center no-repeat;
} */
#header .huiyuan{float:left;     margin-left: 00px;
    margin-top: 7px;}
	#header .huiyuan a{ display:inline-block;margin-left:0px; border-radius:5px; background:#eee; padding:5px 10px;color: #00234b ; text-decoration: none;}
    #header .siteSearchContainer {
        float:left; position:static;
        margin: 0;
        padding: 0;
    }

/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
/* @media screen and ( min-width: 800px) {

   #header .siteSearchContainer {
        position: absolute;
        right: 0px;
        top: 6px;
        margin: 0;
        padding: 0;
        background: #f4f3f2 !important;
        border:1px solid #FF0000;
    }

    #header .siteSearchContainer span.searchLabel {
        display: none;
    }

    #header .siteSearchContainer form#site_search_form {
        float: left;
        position: relative;
        margin: 0px 0px 0px 0px;
        padding: 0;
        width: auto;
    }

    #header .siteSearchContainer input.siteSearchInput, #header .siteSearchContainer input.siteSearchInput:focus {
        font-size: 12px;
        width: 200px;
        border: none;
        padding: 10px 30px 10px 10px;
        margin: 5px 0px 5px 0px;
        background: #f4f3f2 !important;
        border: none;
        color: #667b90 !important;
        text-transform: none;
        border-radius: 0px;
        transition : 0.8s all;
        position: relative;
        z-index: 10;
    }
}*/

/*----------------------------------------------------------*/
/*----------------------------------------------------------*/
a#logo {
    display: inline-block;
    float: left;
    width: 65%;
    height: auto;
    margin: 25px 0 10px 0px;
}

a#logo img {
    width: 100%;
    height: auto;
}

@media screen and ( min-width: 400px) {
    a#logo {
        width: 50%;
        margin: 20px 0 10px 0px;
    }
}

@media screen and ( min-width: 700px) {
    a#logo {
        width: 280px;
        height: 50px;
        margin: 10px 0 10px 0px;
    }
}

/*----------------------------------*/
#moduleComponentContainerheaderBanners {
    position: relative;
    margin: 0px 0px 0px -1px;
    width: 100% !important;
    height: auto !important;
}

#moduleComponentContainerheaderBanners div {
    position: absolute;
    background-position: center;
    background-size: 100%;
    width: 100% !important;
    height: auto !important;
    top: 0px;
    left: 0px;
    bottom: 0;
    right: 0;
}

#moduleComponentContainerheaderBanners div.moduleComponent {
    position: absolute;
    top: 0px;
    left: 0px;
    bottom: 0;
    right: 0;
    height: auto !important;
    overflow:hidden;
}

#moduleComponentContainerheaderBanners div div.middle {
    width: 85% !important;
    height: auto !important;
    padding: 0 5% 0 10%;
}

#moduleComponentContainerheaderBanners:before {
    content: " ";
    display: block;
    padding-top: 36%;
}

#moduleComponentContainerheaderBanners div.moduleComponent:before {
    content: " ";
    display: block;
    padding-top: 26%;
}

#moduleComponentContainerheaderBanners div:nth-child(odd) .bannerHtmlContent,
#moduleComponentContainerheaderBanners div:nth-child(even) .bannerHtmlContent {
    position: absolute;
    width: 50% !important;
    top: 0;
    left: 0;
    bottom: 0;
    right: auto;
    background: rgba(0,18,38,0.5);
}

#moduleComponentContainerheaderBanners div:nth-child(even) .bannerHtmlContent {
    left: auto;
    right: 0;
}

#home #moduleComponentContainerheaderBanners div:nth-child(even) .bannerHtmlContent,
#home #moduleComponentContainerheaderBanners div:nth-child(odd) .bannerHtmlContent {
    position: absolute;
    width: 50% !important;
    top: 0;
    left: 0;
    bottom: 0;
    right: auto;
    background: rgba(0,18,38,0);
}

#home.careers #moduleComponentContainerheaderBanners div:nth-child(even) .bannerHtmlContent,
#home.careers #moduleComponentContainerheaderBanners div:nth-child(odd) .bannerHtmlContent {
    background: rgba(0,18,38,0);
}


#home #moduleComponentContainerheaderBanners div:nth-child(odd) .bannerHtmlContent {
    left: auto;
    right: 0;
}

#moduleComponentContainerheaderBanners h1,
#moduleComponentContainerheaderBanners h2,
#moduleComponentContainerheaderBanners h3,
#moduleComponentContainerheaderBanners h4 {
    color: #fff;
    font-size: 4.5vw;
    line-height: 1;
    font-weight: bold;
}

/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and ( min-width: 1100px) {
    #moduleComponentContainerheaderBanners {
        height: 380px !important;
    }

    #moduleComponentContainerheaderBanners div {
        height: 380px !important;
    }

    #moduleComponentContainerheaderBanners h1,
    #moduleComponentContainerheaderBanners h2,
    #moduleComponentContainerheaderBanners h3,
    #moduleComponentContainerheaderBanners h4 {
        color: #fff;
        font-size: 60px;
        line-height: 1;
        font-weight: bold;
    }
}

#moduleComponentContainerheaderBanners p,
#moduleComponentContainerheaderBanners a {
color: #fff;
}

/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and ( min-width: 840px) {
    .careers .columnContainer4 #careersVacancies div.moduleComponentcurrentVacancies {
        width:100% !important;
    }
}

/*-------------------------------------------------*/
#pageEditorContent {
    width: 98%;
    padding: 0 0 0 2%;
    margin: 35px 0px;
}

.sustainability #pageEditorContent {
    width: 100%;
    padding: 0 0 0 0%;
    margin: 0px 0px;
}

    .sustainability .percentageThreeQuarters{
        padding:20px 0px 0px;
    }

/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 840px) {

    .sustainability .percentageThreeQuarters{
    width: 75% !important;
        padding-left:40px;
        padding-top:10px;
    }
}

.sustainability h3{
    text-transform:none;
    }

.our-stories #pageEditorContent{
    width: 100%!important;
    padding: 0 0 0 0%;
    margin: 35px 0px;
}

/*-------------------------------------------*/
.footer {
    width: 100%;
    margin: 0 0%;
}

.home .footer {
    margin: 20px 0 0 0%;
}

.footer .centerContainer {
    background: none;
    padding: 0px 5%;
    width: 90%;
    margin: 0px 0% 3px;
}

.footer .centerContainerInner {
    background: #00234b;
    padding: 30px 5%;
    width: 90%;
    margin: 0px auto 3px;
}

.footer a {
    text-decoration: none;
}

.footer p, .footer li, .footer td {
    margin: 0px 0px 20px 0px;
    font-size: 11px !important;
}

.footer .darkBlue.floatRight.textRight {
    text-align: left !important;
    margin: 93px 0px 0px 0px;
}

.footer .darkBlue.floatRight.textRight p {
    /* margin: 25px 0px 0px 0px; */
}

/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and ( min-width: 500px) {
    .footer .darkBlue.floatRight.textRight {
        text-align: right !important;
    }
}

/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and ( min-width: 1200px) {
    .footer .centerContainerInner {
        padding:30px 30px;
        margin: 0 auto;
        width: 1080px;
    }

    .centerContainer {
        width: 1140px;
    }

    .centerContainerInner {
        width: 1065px;
        /*! margin: 0 20px; */
    }

    .footer .centerContainer {
        background: none;
        padding: 0px;
        width: 1100px !important;
        margin: 0px auto 3px !important;
    }

    .footer .centerContainerInner {
        background: #00234b;
        padding: 30px 5% !important;
        width: 1064px!important;
        margin: 0px 0px 0px;
        box-sizing:border-box;
        float:right;
    }
}

/*-------------------------------------------*/
#moduleComponentContainerhomepageCallouts, #moduleComponentContainercareersCallouts {
    text-align: left !important;
}

#moduleComponentContainercareersCallouts {
    margin: 0px 0px 20px 0px;
}

#moduleComponentContainerhomepageCallouts .moduleComponentcurrentVacancies span {
    font-size: 12px;
    font-weight: bold;
}

#moduleComponentContainerhomepageCallouts p , #moduleComponentContainercareersCallouts p {
    font-size: 12px;
}

#moduleComponent36 p, #moduleComponent38 p {
    margin-bottom: 0;
}

.careers #moduleComponent116, .careers #moduleComponent117 {
    display: none;
}

#moduleComponent116 {
    margin-bottom: 20px;
}

.organisations-we-support .moduleItemsListingOrganisations h2, .moduleSearchContainer h1, .moduleSearchContainer h2, .moduleSearchContainer h3, .moduleSearchContainer h4, #moduleComponentContainerhomepageCallouts h1, #moduleComponentContainerhomepageCallouts h2, #moduleComponentContainerhomepageCallouts h3, #moduleComponentContainerhomepageCallouts h4 #moduleComponentContainercareersCallouts h1, #moduleComponentContainercareersCallouts h2, #moduleComponentContainercareersCallouts h3, #moduleComponentContainercareersCallouts h4, .moduleListingWrapper [class*='percentage'] h1, .moduleListingWrapper [class*='percentage'] h2, .moduleListingWrapper [class*='percentage'] h3, .moduleListingWrapper [class*='percentage'] h4, #moduleItemsListingNews h1, #moduleItemsListingNews h2, #moduleItemsListingNews h3, #moduleItemsListingNews h4, #moduleItemsListingArticles h1, #moduleItemsListingArticles h2, #moduleItemsListingArticles h2 a, #moduleItemsListingArticles h3, #moduleItemsListingArticles h4, #moduleItemsListingBlog h1, #moduleItemsListingBlog h2, #moduleItemsListingBlog h2 a, #moduleItemsListingBlog h3, #moduleItemsListingBlog h4, #moduleItemsListingCurrentVacancies h1, #moduleItemsListingCurrentVacancies h2, #moduleItemsListingCurrentVacancies h3, #moduleItemsListingCurrentVacancies h4, #moduleItemsListingOrganisations h1, #moduleItemsListingOrganisations h2, #moduleItemsListingOrganisations h3, #moduleItemsListingOrganisations h4, #moduleItemsListingCommunityEngagement h1, #moduleItemsListingCommunityEngagement h2, #moduleItemsListingCommunityEngagement h3, #moduleItemsListingCommunityEngagement h4 {
    font-size: 4vw;
    line-height: 1.1;
    font-weight: normal;
}

#moduleItemsListingBlog .date {
    font-size: 14px;
}

#featuredNews h1, #featuredNews h2, #featuredNews h3, #featuredNews h4, #featuredArticle h1, #featuredArticle h2, #featuredArticle h3, #featuredArticle h4 {
    font-size: 11vw !important;
}

#moduleItemsListingBlog h2 a, #moduleItemsListingArticles h2 a, #featuredNews h2 a {
    text-decoration: none;
    color: #00234B;
}

.darkGreenContainer #moduleItemsListingBlog h2 a, .darkGreenContainer #featuredNews h2 a {
    color: #21808d;
}

.blog .darkGreenContainer .darkGrey {
    background: #d0e3e6 !important;
}

.lightGreenContainer #moduleItemsListingBlog h2 a, .lightGreenContainer #featuredNews h2 a {
    color: #80c9b6;
}

.blog .lightGreenContainer .darkGrey {
    background: #e3f2ee !important;
}

.orangeContainer #moduleItemsListingBlog h2 a, .orangeContainer #featuredNews h2 a {
    color: #eb3d31;
}

.blog .orangeContainer .darkGrey {
    background: #f9d5d3 !important;
}

.yellowContainer #moduleItemsListingBlog h2 a, 
.yellowContainer #featuredNews h2 a {
    color: #f8ad24;
}

.blog .yellowContainer .darkGrey {
    background: #fbecd0 !important;
}

.navyContainer #moduleItemsListingBlog h2 a, .navyContainer #featuredNews h2 a {
    color: #00234B;
}

.blog .navyContainer .darkGrey {
    background: #e9e8e5 !important;
}

#moduleComponentContainerhomepageCallouts a, #moduleComponentContainercareersCallouts a {
    text-decoration: none;
}

#moduleComponentContainerhomepageCallouts #extraField7 {
    display: none;
}

#moduleComponent36 , .home #moduleComponent109, #moduleComponent110, #moduleComponent116 {
    color: #fff;
    background: #667b90;
}

.bannerImageContainer:before, .moduleComponentcurrentVacancies:before {
    left: 0%;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: transparent;
    border-left-color: #667b90;
    border-width: 1.2vw;
    margin-top: -15px;
    z-index: 1000;
}

.bannerImageContainer.image29:before, .bannerImageContainer.image109:before {
    border-left-color: #fff;
}

#moduleComponent36 h1, #moduleComponent36 h2, #moduleComponent36 h3, #moduleComponent36 h4, #moduleComponent36 h5, #moduleComponent36 p, #moduleComponent36 td, #moduleComponent36 a, .home #moduleComponent109 h1, .home #moduleComponent109 h2, .home #moduleComponent109 h3, .home #moduleComponent109 h4, .home #moduleComponent109 h5, .home #moduleComponent109 p, .home #moduleComponent109 td, .home #moduleComponent109 a, #moduleComponent110 h1, #moduleComponent110 h2, #moduleComponent110 h3, #moduleComponent110 h4, #moduleComponent110 h5, #moduleComponent110 p, #moduleComponent110 td, #moduleComponent110 a, #moduleComponent116 h1, #moduleComponent116 h2, #moduleComponent116 h3, #moduleComponent116 h4, #moduleComponent116 h5, #moduleComponent116 p, #moduleComponent116 td, #moduleComponent116 a {
    color: #fff;
    background: transparent;
}

#moduleComponent116 a.button, .home #moduleComponent116 a.button, #moduleComponent116 a.button, #moduleComponent110 a.button, .home #moduleComponent110 a.button, #moduleComponent110 a.button {
    color: #fff !important;
    background: #00234b !important;
}

a.button:hover, #moduleComponent110 a.button:hover,
.home #moduleComponent110 a.button:hover,
#moduleComponent110 a.button:hover,
#moduleComponent116 a.button:hover,
.home #moduleComponent116 a.button:hover,
#moduleComponent116 a.button:hover {
    color: #00234b !important;
    background: #FFF !important;
}

#moduleComponent38, #moduleComponent111, #moduleComponent117 {
    color: #00234b;
    background: #e9e8e5;
}

.bannerImageContainer:before, #moduleComponent111 .absoluteCenter100:before {
    left: 0%;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: transparent;
    border-left-color: #667b90;
    border-width: 1.2vw;
    margin-top: -15px;
    z-index: 1000;
}

#moduleComponent111 a.readMorePlus:before {
    positioN: absolute;
    left: 0px;
    content: "View all";
    font-size: 12px;
    text-indent: -80px;
    color: #4d4d4d;
    font-weight: normal;
}

.bannerImageContainer.image29:before,
.bannerImageContainer.image109:before {
    border-left-color: #fff;
}

#moduleComponent38 h1,
#moduleComponent38 h2,
#moduleComponent38 h3,
#moduleComponent38 h4,
#moduleComponent38 h5,
#moduleComponent38 a {
    color: #00234b;
    background: transparent;
}

.blog #content .moduleSearchContainer,
.articles #content .moduleSearchContainer,
.articles_dev #content .moduleSearchContainer,
.news #content .moduleSearchContainer,
.teams-and-people #content .moduleSearchContainer {
    margin: 0px;
    padding: 30px 0px 70px 0px;
}

.contacts #content .moduleSearchContainer {
    margin: 0px;
    padding: 5px 0px 50px 0px;
}

#moduleComponentContainerhomepageCallouts .moduleSearchContainer h1, #moduleComponentContainerhomepageCallouts .moduleSearchContainer h2, #moduleComponentContainerhomepageCallouts .moduleSearchContainer h3, #moduleComponentContainerhomepageCallouts .moduleSearchContainer h4, #moduleComponentContainerhomepageCallouts .moduleSearchContainer h5 {
    font-size: 5.5vw;
    line-height: 1.1;
    font-weight: normal;
}

#moduleComponent36.ratio1_1:before, .moduleComponentcurrentVacancies.ratio1_1:before, #moduleComponent38.ratio1_1:before, #todaysDate.ratio1_1:before {
    padding-top: 80%;
}

.moduleSearchContainer form#module_search_form {
    float: left;
    position: relative;
    margin: 0px 0px 0px 0px;
    padding: 0;
    width: 100%;
}

#moduleComponentContainerhomepageCallouts .moduleSearchContainer form#module_search_form {
    float: left;
    position: absolute;
    margin: 0px 0px 0px 0px;
    padding: 0;
    width: 80%;
    bottom: 20px;
}

.moduleSearchContainer input.moduleSearchInput, .moduleSearchContainer input.moduleSearchInput:focus {
    font-size: 12px;
    width: 91%;
    border: none;
    border-radius: 0px;
    padding: 8px 6% 8px 3%;
    margin: 5px 0px 8px 0px;
    background: #96a4b4;
    border: none;
    color: #00234b;
    text-transform: none;
    border-radius: 0px;
    transition : 0.8s all;
    position: relative;
    z-index: 10;
}

.moduleSearchContainer input.moduleSearchSubmit {
    position: absolute;
    z-index: 20;
    top: 10px;
    right: 8px;
    border-radius: 0;
    width: 23px;
    height: 21px;
    cursor: pointer;
    border: none;
    color: #fff;
    background: url(img/magnify_dark.png) center no-repeat;
}

.moduleListingWrapperLegalServices .moduleSearchContainer input.moduleSearchSubmit {
    background: url(img/magnify_light.png) center no-repeat;
}

.contacts .moduleSearchContainer input.moduleSearchSubmit, .moduleListingWrapperTeams .moduleSearchContainer input.moduleSearchSubmit {
    background: url(img/down_arrow.png) center no-repeat;
}

#moduleListingWrapperArticles .moduleSearchContainer input.moduleSearchSubmit {
    background: url(img/magnify_light.png) center no-repeat;
}

#moduleListingWrapperBlog .moduleSearchContainer input.moduleSearchSubmit {
    background: url(img/magnify_light.png) center no-repeat;
}

#todaysDate {
    float: left;
    width: 100%;
    padding-top: 20px !important;
}

#todaysDate .padding25 {
    padding: 0;
}

#todaysDate h1 {
    font-size: 8vw;
}

#todaysDate h1 span {
    font-size: 20vw;
}

#moduleComponent34 {
    background: #e9e8e5;
}

#moduleComponent34 hr {
    border-color: #fff;
}

#moduleComponent35 h2.bannerTitle {
    width: 80%;
}

#moduleComponent34.ratio1_1:before, #moduleComponent35.ratio1_1:before {
    padding-top: 85%;
}

#moduleComponentContainerhomepageCallouts .moduleComponentblog p.title, #moduleComponentContainerhomepageCallouts .moduleComponentarticles p.title, #moduleComponentContainerhomepageCallouts .moduleComponentnews p.title, #moduleComponentContainerhomepageCallouts #moduleComponent34 p.title, #moduleComponentContainerhomepageCallouts #moduleComponent35 p.title, #moduleComponentContainerhomepageCallouts .moduleComponentcurrentVacancies p.title, #moduleComponentContainercareersCallouts .moduleComponentcurrentVacancies p.title {
    color: #00a9ea;
    margin-bottom: 5px;
    font-weight: bold;
    font-size: 14px;
}

#moduleComponentContainerhomepageCallouts .moduleComponentcurrentVacancies {
    min-height: 184px;
}

.moduleComponentblog p.title a, .moduleComponentarticles p.title a, .moduleComponentnews p.title a, #moduleComponent34 p.title a, #moduleComponent35 p.title a, .moduleComponentcurrentVacancies p.title a {
    color: #00a9ea;
}

.moduleComponentblog div.componentItem, .moduleComponentarticles div.componentItem, #moduleComponent34 div {
    border-bottom: 1px solid #fff;
    margin: 0px 0px 10px;
}

.moduleComponentnews div.componentItem, #moduleComponent35 div {
    border-bottom: 1px solid #e0ded8;
    margin: 0px 0px 10px;
}

.contacts .moduleComponentnews div.componentItem {
    border-bottom: none;
}

.moduleComponentblog div.componentItem:last-child,
.moduleComponentarticles div.componentItem:last-child,
.moduleComponentnews div.componentItem:last-child,
#moduleComponent34:last-child,
#moduleComponent35:last-child {
    border-bottom: none;
    margin: 0px;
}

.moduleComponentblog div.componentItem p, .moduleComponentarticles div.componentItem p, .moduleComponentnews div.componentItem p, #moduleComponent34 p, #moduleComponent35 p, .moduleComponentcurrentVacancies div.componentItem p {
    line-height: 1.3;
}

.moduleComponentblog p.content, .moduleComponentarticles p.content, .moduleComponentnews p.content, #moduleComponent34 p, #moduleComponent35 p, .moduleComponentcurrentVacancies p.content {
    margin-top: 0;
}

#moduleComponentContainerhomepageCallouts a.readMorePlus, a.readMorePlus {
    position: absolute;
    bottom: 15px;
    right: 15px;
    display: block;
    width: 24px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    font-weight: bold;
    font-family: arial, sans-serif;
    background: #fff;
    color: #fff;
    text-decoration: none;
    z-index: 20;
}

#moduleComponentContainerhomepageCallouts a.readMorePlus span, a.readMorePlus span {
    color: #80c9b6;
}

#moduleComponentContainerhomepageCallouts p.practiceGroup {
    font-size: 12px;
    opacity: 0.4;
    font-family: 'cocogooselight';
    text-transform: none;
    color:#FFF!important;
    opacity:1;

}

#moduleComponentContainerhomepageCallouts h2{

    text-transform:none;
font-family: 'cocogooseregular';
}

#moduleComponentContainerhomepageCallouts p.practiceGroup, #moduleComponentContainerhomepageCallouts h2, #moduleComponentContainercareersCallouts h2 {
    margin: 0px 0px 6px 0px !important;
}

#moduleComponentContainerhomepageCallouts #moduleComponentId52 a.readMorePlus, #moduleComponentContainerhomepageCallouts #moduleComponentId52 a.readMorePlus span {
    background: #fff;
    color: #21808d;
}

#moduleComponentContainerhomepageCallouts #moduleComponentId53 a.readMorePlus, #moduleComponentContainerhomepageCallouts #moduleComponentId53 a.readMorePlus span {
    background: #fff;
    color: #80c9b6 !important;
}

#moduleComponentContainerhomepageCallouts #moduleComponentId54 a.readMorePlus, #moduleComponentContainerhomepageCallouts #moduleComponentId54 a.readMorePlus span {
    background: #fff;
    color: #eb3d31;
}

#moduleComponentContainerhomepageCallouts #moduleComponentId55 a.readMorePlus, #moduleComponentContainerhomepageCallouts #moduleComponentId55 a.readMorePlus span {
    background: #fff;
    color: #f8ad24;
}

/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and ( min-width: 500px) {
    #moduleComponent34.ratio1_1:before, #moduleComponent35.ratio1_1:before {
        padding-top: 130%;
    }

    .organisations-we-support .moduleItemsListingOrganisations h2, .moduleSearchContainer h1, .moduleSearchContainer h2, .moduleSearchContainer h3, .moduleSearchContainer h4, #moduleComponentContainerhomepageCallouts h1, #moduleComponentContainerhomepageCallouts h2, #moduleComponentContainerhomepageCallouts h3, #moduleComponentContainerhomepageCallouts h4, #moduleComponentContainercareersCallouts h1, #moduleComponentContainercareersCallouts h2, #moduleComponentContainercareersCallouts h3, #moduleComponentContainercareersCallouts h4, .moduleListingWrapper [class*= 'percentage'] h1, .moduleListingWrapper [class*='percentage'] h2, .moduleListingWrapper [class*='percentage'] h3, .moduleListingWrapper [class*='percentage'] h4, #moduleItemsListingNews h1, #moduleItemsListingNews h2, #moduleItemsListingNews h3, #moduleItemsListingNews h4, #moduleItemsListingArticles h1, #moduleItemsListingArticles h2, #moduleItemsListingArticles h2 a, #moduleItemsListingArticles h3, #moduleItemsListingArticles h4, #moduleItemsListingBlog h1, #moduleItemsListingBlog h2, #moduleItemsListingBlog h2 a, #moduleItemsListingBlog h3, #moduleItemsListingBlog h4, #moduleItemsListingCurrentVacancies h1, #moduleItemsListingCurrentVacancies h2, #moduleItemsListingCurrentVacancies h3, #moduleItemsListingCurrentVacancies h4, #pageEditorContent .percentageQuarter.darkGrey h1, #pageEditorContent .percentageQuarter.darkGrey h2, #pageEditorContent .percentageQuarter.darkGrey h3, #pageEditorContent .percentageQuarter.darkGrey h4, #pageEditorContent #moduleItemsListingTeams h1, #pageEditorContent #moduleItemsListingTeams h2, #pageEditorContent #moduleItemsListingTeams h3, #pageEditorContent #moduleItemsListingTeams h4, #moduleItemsListingOrganisations h1, #moduleItemsListingOrganisations h2, #moduleItemsListingOrganisations h3, #moduleItemsListingOrganisations h4, #moduleItemsListingCommunityEngagement h1, #moduleItemsListingCommunityEngagement h2, #moduleItemsListingCommunityEngagement h3, #moduleItemsListingCommunityEngagement h4 {
        font-size: 4.5vw;
    }

    #featuredNews h1, #featuredNews h2, #featuredNews h3, #featuredNews h4, #featuredArticle h1, #featuredArticle h2, #featuredArticle h3, #featuredArticle h4 {
        font-size: 4.5vw !important;
    }

    #todaysDate h1 {
        font-size: 6.5vw;
    }

    #todaysDate h1 span {
        font-size: 9.5vw;
    }
}

/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and ( min-width: 840px) {
    #moduleComponent34.ratio1_1:before, #moduleComponent35.ratio1_1:before {
        padding-top: 130%;
    }

    .organisations-we-support .moduleItemsListingOrganisations h2, .moduleItemsListingCurrentVacancies h2 a, .moduleSearchContainer h1, .moduleSearchContainer h2, .moduleSearchContainer h3, .moduleSearchContainer h4, #moduleComponentContainerhomepageCallouts h1, #moduleComponentContainerhomepageCallouts h2, #moduleComponentContainerhomepageCallouts h3, #moduleComponentContainerhomepageCallouts h4, #moduleComponentContainercareersCallouts h1, #moduleComponentContainercareersCallouts h2, #moduleComponentContainercareersCallouts h3, #moduleComponentContainercareersCallouts h4, .moduleListingWrapper [class*= 'percentage'] h1, .moduleListingWrapper [class*='percentage'] h2, .moduleListingWrapper [class*='percentage'] h3, .moduleListingWrapper [class*='percentage'] h4, #moduleItemsListingNews h1, #moduleItemsListingNews h2, #moduleItemsListingNews h3, #moduleItemsListingNews h4, #moduleItemsListingArticles h1, #moduleItemsListingArticles h2, #moduleItemsListingArticles h2 a, #moduleItemsListingArticles h3, #moduleItemsListingArticles h4, #moduleItemsListingBlog h1, #moduleItemsListingBlog h2, #moduleItemsListingBlog h2 a, #moduleItemsListingBlog h3, #moduleItemsListingBlog h4, #moduleItemsListingCurrentVacancies h1, #moduleItemsListingCurrentVacancies h2, #moduleItemsListingCurrentVacancies h3, #moduleItemsListingCurrentVacancies h4, #pageEditorContent .percentageQuarter.darkGrey h1, #pageEditorContent .percentageQuarter.darkGrey h2, #pageEditorContent .percentageQuarter.darkGrey h3, #pageEditorContent .percentageQuarter.darkGrey h4, #pageEditorContent #moduleItemsListingTeams h1, #pageEditorContent #moduleItemsListingTeams h2, #pageEditorContent #moduleItemsListingTeams h3, #pageEditorContent #moduleItemsListingTeams h4 {
        font-size: 2vw;
    }

    #featuredNews h1, #featuredNews h2, #featuredNews h3, #featuredNews h4, #featuredArticle h1, #featuredArticle h2, #featuredArticle h3, #featuredArticle h4 {
        font-size: 3vw !important;
    }

    #moduleComponentContainerhomepageCallouts #moduleComponent36 h1, #moduleComponentContainerhomepageCallouts #moduleComponent36 h2, #moduleComponentContainerhomepageCallouts #moduleComponent36 h3, #moduleComponentContainerhomepageCallouts #moduleComponent36 h4, #moduleComponentContainerhomepageCallouts #moduleComponent36 h5, #moduleComponentContainercareersCallouts #moduleComponent109 h1, #moduleComponentContainercareersCallouts #moduleComponent109 h2, #moduleComponentContainercareersCallouts #moduleComponent109 h3, #moduleComponentContainercareersCallouts #moduleComponent109 h4, #moduleComponentContainercareersCallouts #moduleComponent109 h5, #moduleComponentContainercareersCallouts #moduleComponent110 h1, #moduleComponentContainercareersCallouts #moduleComponent110 h2, #moduleComponentContainercareersCallouts #moduleComponent110 h3, #moduleComponentContainercareersCallouts #moduleComponent110 h4, #moduleComponentContainercareersCallouts #moduleComponent110 h5, #moduleComponentContainercareersCallouts #moduleComponent116 h1, #moduleComponentContainercareersCallouts #moduleComponent116 h2, #moduleComponentContainercareersCallouts #moduleComponent116 h3, #moduleComponentContainercareersCallouts #moduleComponent116 h4, #moduleComponentContainercareersCallouts #moduleComponent116 h5 {
        font-size: 3vw;
    }

    #moduleComponentContainerhomepageCallouts .moduleSearchContainer h1, #moduleComponentContainerhomepageCallouts .moduleSearchContainer h2, #moduleComponentContainerhomepageCallouts .moduleSearchContainer h3, #moduleComponentContainerhomepageCallouts .moduleSearchContainer h4, #moduleComponentContainerhomepageCallouts .moduleSearchContainer h5, #moduleComponentContainercareersCallouts .moduleSearchContainer h1, #moduleComponentContainercareersCallouts .moduleSearchContainer h2, #moduleComponentContainercareersCallouts .moduleSearchContainer h3, #moduleComponentContainercareersCallouts .moduleSearchContainer h4, #moduleComponentContainercareersCallouts .moduleSearchContainer h5 {
        font-size: 3vw;
    }

    .teamContainers {
        position: relative;
        margin: 20px 0px;
    }

    .teamContainers .padding25.absoluteBottom {
        min-height: 112px;
    }

    #todaysDate {
        float: none;
        width: auto;
        padding-top: 20px !important;
    }

    #todaysDate h1 {
        font-size: 3vw;
    }

    #todaysDate h1 span {
        font-size: 6vw;
    }

    .moduleItemsListingCurrentVacancies h2 a {
        display: block;
    }
}

/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and ( min-width: 1100px) {
    .moduleSearchContainer h1, .moduleSearchContainer h2, .moduleSearchContainer h3, .moduleSearchContainer h4, #moduleComponentContainerhomepageCallouts h1, #moduleComponentContainerhomepageCallouts h2, #moduleComponentContainerhomepageCallouts h3, #moduleComponentContainerhomepageCallouts h4, #moduleComponentContainercareersCallouts h1, #moduleComponentContainercareersCallouts h2, #moduleComponentContainercareersCallouts h3, #moduleComponentContainercareersCallouts h4, .moduleListingWrapper [class*='percentage'] h1, .moduleListingWrapper [class*='percentage'] h2, .moduleListingWrapper [class*='percentage'] h3, .moduleListingWrapper [class*='percentage'] h4, .organisations-we-support .moduleItemsListingOrganisations h2, #moduleItemsListingNews h1, #moduleItemsListingNews h2, #moduleItemsListingNews h3, #moduleItemsListingNews h4, #moduleItemsListingArticles h1, #moduleItemsListingArticles h2, #moduleItemsListingArticles h2 a, #moduleItemsListingArticles h3, #moduleItemsListingArticles h4, #moduleItemsListingBlog h1, #moduleItemsListingBlog h2, #moduleItemsListingBlog h2 a, #moduleItemsListingBlog h3, #moduleItemsListingBlog h4, #moduleItemsListingCurrentVacancies h1, #moduleItemsListingCurrentVacancies h2, #moduleItemsListingCurrentVacancies h3, #moduleItemsListingCurrentVacancies h4, #pageEditorContent .percentageQuarter.darkGrey h1, #pageEditorContent .percentageQuarter.darkGrey h2, #pageEditorContent .percentageQuarter.darkGrey h3, #pageEditorContent .percentageQuarter.darkGrey h4, #pageEditorContent #moduleItemsListingTeams h1, #pageEditorContent #moduleItemsListingTeams h2, #pageEditorContent #moduleItemsListingTeams h3, #pageEditorContent #moduleItemsListingTeams h4, #pageEditorContent #moduleItemsListingOrganisations h1, #pageEditorContent #moduleItemsListingOrganisations h2, #pageEditorContent #moduleItemsListingOrganisations h3, #pageEditorContent #moduleItemsListingOrganisations h4, #pageEditorContent #moduleItemsListingCommunityEngagement h1, #pageEditorContent #moduleItemsListingCommunityEngagement h2, #pageEditorContent #moduleItemsListingCommunityEngagement h3, #pageEditorContent #moduleItemsListingCommunityEngagement h4 {
        font-size:26px;
    }

    #moduleItemsListingNews h2,
    #pageEditorContent #moduleItemsListingCommunityEngagement h2 {
        font-size:22px;
    }

    #featuredNews h1, #featuredNews h2, #featuredNews h3, #featuredNews h4, #featuredArticle h1, #featuredArticle h2, #featuredArticle h3, #featuredArticle h4 {
        font-size: 40px !important;
    }

    #moduleComponentContainerhomepageCallouts #moduleComponent36 h1, #moduleComponentContainerhomepageCallouts #moduleComponent36 h2, #moduleComponentContainerhomepageCallouts #moduleComponent36 h3, #moduleComponentContainerhomepageCallouts #moduleComponent36 h4, #moduleComponentContainerhomepageCallouts #moduleComponent36 h5, #moduleComponentContainercareersCallouts #moduleComponent36 h1, #moduleComponentContainercareersCallouts #moduleComponent36 h2, #moduleComponentContainercareersCallouts #moduleComponent36 h3, #moduleComponentContainercareersCallouts #moduleComponent36 h4, #moduleComponentContainercareersCallouts #moduleComponent36 h5, #moduleComponentContainercareersCallouts #moduleComponent109 h1, #moduleComponentContainercareersCallouts #moduleComponent109 h2, #moduleComponentContainercareersCallouts #moduleComponent109 h3, #moduleComponentContainercareersCallouts #moduleComponent109 h4, #moduleComponentContainercareersCallouts #moduleComponent109 h5, #moduleComponentContainercareersCallouts #moduleComponent110 h1, #moduleComponentContainercareersCallouts #moduleComponent110 h2, #moduleComponentContainercareersCallouts #moduleComponent110 h3, #moduleComponentContainercareersCallouts #moduleComponent110 h4, #moduleComponentContainercareersCallouts #moduleComponent110 h5, #moduleComponentContainercareersCallouts #moduleComponent116 h1, #moduleComponentContainercareersCallouts #moduleComponent116 h2, #moduleComponentContainercareersCallouts #moduleComponent116 h3, #moduleComponentContainercareersCallouts #moduleComponent116 h4, #moduleComponentContainercareersCallouts #moduleComponent116 h5 {
        font-size: 34px;
    }

    #moduleComponentContainerhomepageCallouts .moduleSearchContainer h1, #moduleComponentContainerhomepageCallouts .moduleSearchContainer h2, #moduleComponentContainerhomepageCallouts .moduleSearchContainer h3, #moduleComponentContainerhomepageCallouts .moduleSearchContainer h4, #moduleComponentContainerhomepageCallouts .moduleSearchContainer h5, #moduleComponentContainercareersCallouts .moduleSearchContainer h1, #moduleComponentContainercareersCallouts .moduleSearchContainer h2, #moduleComponentContainercareersCallouts .moduleSearchContainer h3, #moduleComponentContainercareersCallouts .moduleSearchContainer h4, #moduleComponentContainercareersCallouts .moduleSearchContainer h5, #moduleItemsListingOrganisations h1, #moduleItemsListingOrganisations h2, #moduleItemsListingOrganisations h3, #moduleItemsListingOrganisations h4, #moduleItemsListingCommunityEngagement h1, #moduleItemsListingCommunityEngagement h2, #moduleItemsListingCommunityEngagement h3, #moduleItemsListingCommunityEngagement h4 {
        font-size: 34px;
    }

    #todaysDate h1 {
        margin-top: 20px;
        line-height: 0.9;
        font-size: 30px;
    }

    #todaysDate h1 span {
        font-size: 98px;
    }

    .bannerImageContainer:before, .moduleComponentcurrentVacancies:before {
        border-width: 17px;
    }
}

/*-------------------------------------------*/
.moduleComponentContainercallouts {
    margin: 30px 0px 0px 0px !important;
}

.moduleComponentcallouts {
    float: left;
    width: 100%;
}

.moduleComponentcallouts .bannerHtmlContent {
    width: 100%;
}

.moduleComponentcallouts .bannerHtmlContent h1,
.moduleComponentcallouts .bannerHtmlContent h2,
.moduleComponentcallouts .bannerHtmlContent h3,
.moduleComponentcallouts .bannerHtmlContent h4 {
    font-size: 24px;
}

.moduleComponentcallouts .bannerImageContainer {
    width: 100%;
    float: left;
    position: relative;
}

.moduleComponentcallouts .bannerImageContainer:before {
    left: 50%;
    top: 0px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: transparent;
    border-top-color: #667b90;
    border-width: 5.5vw;
    margin-top: 0;
    margin-left: -5.5vw;
    z-index: 1000;
}

#moduleComponent112 .bannerImageContainer {
    float: left;
    position: relative;
    margin: 0px 0px 30px 0px;
}

#moduleComponent118 .bannerImageContainer:before {
    left: 50%;
    top: auto;
    bottom: 0;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: transparent;
    border-bottom-color: #667b90;
    border-width: 20px;
    margin-left: -15px;
    z-index: 1000;
}

#moduleComponent118 .bannerHtmlContent h2 {
    font-size: 34px;
    line-height: 1;
}

#moduleComponent112 .bannerImageContainer:before {
    left: 50%;
    top: 84%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: transparent;
    border-bottom-color: #e9e8e5;
    border-width: 20px;
    margin-top: 0;
    margin-left: -20px;
    z-index: 1000;
}

.moduleComponentcallouts .bannerImageContainer img {
    float: left;
    position: relative;
    width: 100%;
    height: auto;
}

/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and ( min-width: 500px) {
    .moduleComponentcallouts .bannerImageContainer:before {
        border-width: 1.5vw;
        margin-left: -1.5vw;
    }
}

@media only screen and ( min-width : 500px) and (max-width : 840px) {
    .moduleComponentcallouts .bannerHtmlContent {
        float:right;
        position: relative;
        width: 50%;
    }

    .moduleComponentcallouts .bannerImageContainer {
        width: 50%;
        float: left;
        position: relative;
        height: auto;
        min-width: 212px;
        overflow: hidden;
        margin: 0 !important;
    }

    .moduleComponentcallouts .bannerImageContainer:before {
        border-width: 1.5vh;
        left: auto;
        margin-left: 0;
        top: 50%;
        transform: translateY(-50%);
        transform: rotate(-90deg);
        display: none;
    }

    .moduleComponentcallouts .bannerHtmlContent {
        width: 48%;
        padding: 3%;
    }

    .moduleComponentcallouts .bannerImageContainer img {
        min-height: 250px;
        min-width: 250px;
    }
}

/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and ( min-width: 900px) {
    .moduleComponentContainercallouts {
        margin: 0px 0px 0px 0px !important;
    }
}

/*-------------------------------------------*/
.moduleListingWrapperLegalServices #pageSource, .moduleListingWrapperTeams #pageSource, .moduleListingWrapperPeople #pageSource, .moduleListingWrapperArticles #pageSource, .moduleListingWrapperBlog #pageSource, .moduleListingWrapperNews #pageSource, .moduleListingWrapperCareers #pageSource, .moduleListingWrapperOrganisations #pageSource, .moduleListingWrapperCommunityEngagement #pageSource {
    width: 100%;
    margin-bottom: 45px;
}

/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and ( min-width: 900px) {
    .moduleListingWrapperLegalServices #pageSource, .moduleListingWrapperTeams #pageSource, .moduleListingWrapperPeople #pageSource, .moduleListingWrapperArticles #pageSource, .moduleListingWrapperBlog #pageSource, .moduleListingWrapperNews #pageSource, .moduleListingWrapperCareers #pageSource, .moduleListingWrapperOrganisations #pageSource, .moduleListingWrapperCommunityEngagement #pageSource {
        width:60%;
        margin-bottom: 45px;
    }
}

.contacts #content .moduleSearchContainer input.moduleSearchInput,
.moduleListingWrapperLegalServices input.moduleSearchInput,
.moduleListingWrapperTeams input.moduleSearchInput,
#moduleListingWrapperPeople input.moduleSearchInput,
#moduleListingWrapperArticles input.moduleSearchInput,
#moduleListingWrapperBlog input.moduleSearchInput,
#moduleListingWrapperNews input.moduleSearchInput,
#moduleListingWrapperCareers input.moduleSearchInput,
.moduleListingWrapperLegalServices input.moduleSearchInput:focus,
.moduleListingWrapperTeams input.moduleSearchInput:focus,
#moduleListingWrapperPeople input.moduleSearchInput:focus,
#moduleListingWrapperArticles input.moduleSearchInput:focus,
#moduleListingWrapperBlog input.moduleSearchInput:focus,
#moduleListingWrapperNews input.moduleSearchInput:focus,
#moduleListingWrapperCareers input.moduleSearchInput:focus {
    background: #e9e8e5;
    width: 91%;
    margin: 0;
    padding: 14px 7% 14px 2%;
    color: #667b90 !important;
}

.moduleListingWrapperLegalServices input.moduleSearchInput,
.moduleListingWrapperLegalServices input.moduleSearchInput:focus {
    background: #e9e8e5;
    width: 91%;
    margin: 0;
    padding: 14px 7% 14px 2%;
    color: #667b90 !important;
}

.contacts input.moduleSearchSubmit, .moduleListingWrapperLegalServices input.moduleSearchSubmit, .moduleListingWrapperTeams input.moduleSearchSubmit, #moduleListingWrapperPeople input.moduleSearchSubmit, #moduleListingWrapperArticles input.moduleSearchSubmit, #moduleListingWrapperBlog input.moduleSearchSubmit, #moduleListingWrapperNews input.moduleSearchSubmit, #moduleListingWrapperCareers input.moduleSearchSubmit {
    top: 10px;
    right: 17px;
}

.moduleListingWrapperLegalServices p#atoZ, .moduleListingWrapperTeams p#atoZ, .moduleListingWrapperPeople p#atoZ, .moduleListingWrapperArticles p#atoZ, .moduleListingWrapperBlog p#atoZ, .moduleListingWrapperNews p#atoZ, .moduleListingWrapperCareers p#atoZ {
    margin: 70px 0px 30px;
    font-size: 3vw;
    line-height: 0.9;
    text-transform: uppercase;
    font-family: 'Cocogoose';
    font-weight: normal;
    color: #667b90;
}

@media screen and ( min-width: 1920px) {
    .moduleListingWrapperLegalServices p#atoZ, .moduleListingWrapperTeams p#atoZ, .moduleListingWrapperPeople p#atoZ, .moduleListingWrapperArticles p#atoZ, .moduleListingWrapperBlog p#atoZ, .moduleListingWrapperNews p#atoZ, .moduleListingWrapperCareers p#atoZ {
        font-size: 2.5vw;
    }
}

#moduleItemsListingLegalServices p.title:first-child, .moduleItemsListingTeams p.title:first-child, #moduleItemsListingPeople p.title:first-child, #moduleItemsListingArticles p.title:first-child, #moduleItemsListingBlog p.title:first-child, #moduleItemsListingNews p.title:first-child, #moduleItemsListingCareers p.title:first-child, #moduleItemsListingOrganisations p.title:first-child, #moduleItemsListingCommunityEngagement p.title:first-child {
    margin-top: 0px;
}

.organisations-we-support .moduleItemsListingOrganisations a,
#moduleItemsListingLegalServices a,
#moduleItemsListingTeams a,
#moduleItemsListingPeople a,
#moduleItemsListingArticles a,
#moduleItemsListingBlog a,
#moduleItemsListingNews a,
#moduleItemsListingCareers a,
#moduleItemsListingOrganisations a,
#moduleItemsListingCommunityEngagement a {
    color: #4d4d4d;
    float: auto;
    overflow: hidden;
}

#moduleItemsListingLegalServices {
    width: 95%;
    margin-bottom: 40px !important;
}

/*-------------------------------------------*/
.moduleDetailWrapperLegalServices #moduleItemContent, .moduleDetailWrapperTeams #moduleItemContent, .moduleDetailWrapperPeople #moduleItemContent, .moduleDetailWrapperArticles #moduleItemContent, .moduleDetailWrapperBlog #moduleItemContent, .moduleDetailWrapperNews #moduleItemContent, .moduleDetailWrapperCareers #moduleItemContent {
    margin-top: 0 !important;
}

.moduleDetailWrapperLegalServices #moduleItemContent h2, .moduleDetailWrapperTeams #moduleItemContent h2, .moduleDetailWrapperPeople #moduleItemContent h2, .moduleDetailWrapperArticles #moduleItemContent h2, .moduleDetailWrapperBlog #moduleItemContent h2, .moduleDetailWrapperNews #moduleItemContent h2, .moduleDetailWrapperCareers #moduleItemContent h2, .moduleDetailWrapperLegalServices #moduleItemContent h3, .moduleDetailWrapperTeams #moduleItemContent h3, .moduleDetailWrapperPeople #moduleItemContent h3, .moduleDetailWrapperArticles #moduleItemContent h3, .moduleDetailWrapperBlog #moduleItemContent h3, .moduleDetailWrapperNews #moduleItemContent h3, .moduleDetailWrapperCareers #moduleItemContent h3, .moduleDetailWrapperLegalServices #moduleItemContent h4, .moduleDetailWrapperTeams #moduleItemContent h4, .moduleDetailWrapperPeople #moduleItemContent h4, .moduleDetailWrapperArticles #moduleItemContent h4, .moduleDetailWrapperBlog #moduleItemContent h4, .moduleDetailWrapperNews #moduleItemContent h4, .moduleDetailWrapperCareers #moduleItemContent h4, .moduleDetailWrapperLegalServices #moduleItemContent h2, .moduleDetailWrapperTeams #moduleItemContent h2, .moduleDetailWrapperPeople #moduleItemContent h2, .moduleDetailWrapperArticles #moduleItemContent h2, .moduleDetailWrapperBlog #moduleItemContent h2, .moduleDetailWrapperNews #moduleItemContent h2, .moduleDetailWrapperCareers #moduleItemContent h2, .moduleDetailWrapperLegalServices #moduleItemContent h3, .moduleDetailWrapperTeams #moduleItemContent h3, .moduleDetailWrapperPeople #moduleItemContent h3, .moduleDetailWrapperArticles #moduleItemContent h3, .moduleDetailWrapperBlog #moduleItemContent h3, .moduleDetailWrapperNews #moduleItemContent h3, .moduleDetailWrapperCareers #moduleItemContent h3 {
    font-size: 20px;
    margin: 0px 0px 10px 0px;
}

.about .floatLeft.percentageHalf.padding20 h2, .about .floatLeft.percentageHalf.padding20 h3, .about .floatLeft.percentageHalf.padding20 h4 {
    font-family: lato;
    font-weight: 900;
}

.moduleDetailWrapperLegalServices #moduleItemContent, .moduleDetailWrapperTeams #moduleItemContent, .moduleDetailWrapperPeople #moduleItemContent, .moduleDetailWrapperArticles #moduleItemContent, .moduleDetailWrapperBlog #moduleItemContent, .moduleDetailWrapperNews #moduleItemContent, .moduleDetailWrapperCareers #moduleItemContent {
    padding-top: 0 !important;
    min-height: 320px;
}

.moduleItemLegalServices div[class*='percentage'] h1,
.moduleItemLegalServices div[class*='percentage'] h2,
.moduleItemLegalServices div[class*='percentage'] h3,
.moduleItemLegalServices div[class*='percentage'] h4,
.moduleItemTeams div[class*='percentage'] h1,
.moduleItemTeams div[class*='percentage'] h2,
.moduleItemTeams div[class*='percentage'] h3,
.moduleItemTeams .div[class*='percentage'] h4,
.moduleItemPeople div[class*='percentage'] h1,
.moduleItemPeople div[class*='percentage'] h2,
.moduleItemPeople div[class*='percentage'] h3,
.moduleItemPeople div[class*='percentage'] h4,
.moduleItemArticles div[class*='percentage'] h1,
.moduleItemArticles div[class*='percentage'] h2,
.moduleItemArticles div[class*='percentage'] h3,
.moduleItemArticles div[class*='percentage'] h4,
.moduleItemBlog div[class*='percentage'] h1,
.moduleItemBlog div[class*='percentage'] h2,
.moduleItemBlog div[class*='percentage'] h3,
.moduleItemBlog div[class*='percentage'] h4,
.moduleItemNews div[class*='percentage'] h1,
.moduleItemNews div[class*='percentage'] h2,
.moduleItemNews div[class*='percentage'] h3,
.moduleItemNews div[class*='percentage'] h4,
.moduleItemCareers div[class*='percentage'] h1,
.moduleItemCareers div[class*='percentage'] h2,
.moduleItemCareers div[class*='percentage'] h3,
.moduleItemCareers div[class*='percentage'] h4,
.moduleItemOrganisations div[class*='percentage'] h1,
.moduleItemOrganisations div[class*='percentage'] h2,
.moduleItemOrganisations div[class*='percentage'] h3,
.moduleItemOrganisations div[class*='percentage'] h4,
.moduleItemCommunity div[class*='percentage'] h1,
.moduleItemCommunity div[class*='percentage'] h2,
.moduleItemCommunity div[class*='percentage'] h3,
.moduleItemCommunity div[class*='percentage'] h4,
#pageEditorContent .percentageQuarter.darkGrey h1,
#pageEditorContent .percentageQuarter.darkGrey h2,
#pageEditorContent .percentageQuarter.darkGrey h3,
#pageEditorContent .percentageQuarter.darkGrey h4,
#pageEditorContent #moduleItemsListingTeams h1,
#pageEditorContent #moduleItemsListingTeams h2,
#pageEditorContent #moduleItemsListingTeams h3,
#pageEditorContent #moduleItemsListingTeams h4 {
    font-size: 26px;
    font-family: "cocogoose";
}

.moduleItemPeople .extraFields h1, .moduleItemPeople .extraFields h2, .moduleItemPeople .extraFields h3, .moduleItemPeople .extraFields h4, .moduleItemPeople #alternativeContacts h1, .moduleItemPeople #alternativeContacts h2, .moduleItemPeople #alternativeContacts h3, .moduleItemPeople #alternativeContacts h4, #moduleListingWrapperArticles .linkedItem h1, #moduleListingWrapperArticles .linkedItem h2, #moduleListingWrapperArticles .linkedItem h3, #moduleListingWrapperArticles .linkedItem h4, #moduleListingWrapperBlog .linkedItem h1, #moduleListingWrapperBlog .linkedItem h2, #moduleListingWrapperBlog .linkedItem h3, #moduleListingWrapperBlog .linkedItem h4, .moduleItemArticles .linkedItem h1, .moduleItemArticles .linkedItem h2, .moduleItemArticles .linkedItem h3, .moduleItemArticles .linkedItem h4, .moduleItemBlog .linkedItem h1, .moduleItemBlog .linkedItem h2, .moduleItemBlog .linkedItem h3, .moduleItemBlog .linkedItem h4, .moduleItemNews .linkedItem h2 {
    font-size: 20px !important;
    font-family: "lato" !important;
    font-weight: 900 !important;
    text-transform: none;
    margin: 0px 0px 10px 0px;
}

#extraField9:after {
    left: 105%;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: transparent;
    border-left-color: #667b90;
    border-width: 2vw;
    margin-top: 0;
    margin-top: -2vw;
    z-index: 1000;
}

.moduleItem #moduleItemContent #extraField9:after {
    display: none;
}

#keyContacts .linkedItem h2, #keyContacts .linkedItem h2 a {
    text-transform: none !important;
    font-size: 18px;
    color: #00234b !important;
}

/*-------------------------------------------*/
#relatedArticles #linkedItemsContainer .moduleItemImage {
    display: none;
}

#relatedBlog #linkedItemsContainer .moduleItemImage {
    display: none;
}

#linkedItemsContainer {
    padding: 0px 0px 30px 0px !important;
}

.linkedItem {
    border-top: none;
    padding: 3px 0px;
}

.linkedItem:first-child {
    border-top: none;
    padding: 6px 0px;
}

#linkedItem_50.linkedItem:first-child {
    border-top: none;
    padding: 0px 0px;
}

.linkedItem p.title a {
    font-weight: bold;
    text-decoration: underline;
    color: #00a9ea;
}

#relatedArticles .linkedItem p.title a {
    text-decoration: none;
}

#relatedBlog .linkedItem p.title a {
    text-decoration: none;
}

.linkedItem p.title {
    margin: 0;
}

#linkedItemsContainer .linkedItem, #linkedItemsTitles .linkedItem {
    padding: 3px 0;
}

#linkedItemsTitles .linkedItem p.title,
#linkedItemsTitles .linkedItem p.title a,
#linkedItemsContainer .linkedItem p.title a {
    font-weight: normal;
    margin: 0;
}

/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and ( min-width: 900px) {
    .moduleComponentContainercallouts {
        margin: 0px 0px 0px 0px !important;
    }
}

/*-------------------------------------------*/
#keyContacts {
    margin: 20px 0px 30px 0px;
}

#keyContacts .linkedItem {
    float: left;
    position: relative;
    width: 100%;
    border: none;
    margin: 0;
    padding: 0;
}

#keyContacts .linkedItem:nth-child( even) {
    background: #e9e8e5;
}

#keyContacts #linkedItemsExtrasContainer .linkedItem .moduleItemImage {
    float: right;
    position: relative;
    width: 50%;
    overflow: hidden;
    margin: 0;
}

#keyContacts #linkedItemsExtrasContainer .linkedItem .moduleItemImage:after {
    left: 0%;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: transparent;
    border-left-color: #fff;
    border-width: 1.2vw;
    margin-top: 0;
    margin-top: -1.5vw;
    z-index: 1000;
}

#keyContacts #linkedItemsExtrasContainer .linkedItem:nth-child( even) .moduleItemImage:after {
    border-left-color: #e9e8e5;
}

.lightGreenContainer #keyContacts #linkedItemsExtrasContainer .linkedItem:nth-child( odd) .moduleItemImage:after {
    border-left-color: #e3f2ee;
}

.lightGreenContainer #keyContacts #linkedItemsExtrasContainer .linkedItem:nth-child( even) .moduleItemImage:after {
    border-left-color: #fff;
}

.darkGreenContainer #keyContacts #linkedItemsExtrasContainer .linkedItem:nth-child( odd) .moduleItemImage:after {
    border-left-color: #d0e3e6;
}

.darkGreenContainer #keyContacts #linkedItemsExtrasContainer .linkedItem:nth-child( even) .moduleItemImage:after {
    border-left-color: #fff;
}

.orangeContainer #keyContacts #linkedItemsExtrasContainer .linkedItem:nth-child( odd) .moduleItemImage:after {
    border-left-color: #f9d5d3;
}

.orangeContainer #keyContacts #linkedItemsExtrasContainer .linkedItem:nth-child( even) .moduleItemImage:after {
    border-left-color: #fff;
}

.yellowContainer #keyContacts #linkedItemsExtrasContainer .linkedItem:nth-child( odd) .moduleItemImage:after {
    border-left-color: #fbecd0;
}

.yellowContainer #keyContacts #linkedItemsExtrasContainer .linkedItem:nth-child( even) .moduleItemImage:after {
    border-left-color: #fff;
}

#keyContacts #linkedItemsExtrasContainer .linkedItem .moduleItemImage a, #keyContacts #linkedItemsExtrasContainer .linkedItem .moduleItemImage a img {
    float: left;
    position: relative;
    width: 100%;
}

#keyContacts .linkedItem .moduleItemContent {
    float: left;
    position: relative;
    width: 40%;
    overflow: hidden;
    margin: 0;
    padding: 25px 5%;
    z-index: 10;
}

.teams-and-people #keyContacts .linkedItem .moduleItemContent {
}

.teams-and-people #keyContacts .linkedItem .extraFields.fullWidthContainer.ratio1_1:before {
    display: none;
}

.teams-and-people #keyContacts .linkedItem .extraFields.fullWidthContainer.ratio1_1 .ratioInner {
    position: relative;
}

.teams-and-people #keyContacts .linkedItem .extraFields.fullWidthContainer.ratio1_1 .ratioInner .padding25 {
    padding: 0;
}

#keyContacts .linkedItem a.readMorePlus {
    right: 53.5% !important;
}

.darkGreenContainer #keyContacts .linkedItem a.readMorePlus {
    color: #fff !important;
    background: #21808d !important;
}

.lightGreenContainer #keyContacts .linkedItem a.readMorePlus {
    color: #fff !important;
    background: #80c9b6 !important;
}

.orangeContainer #keyContacts .linkedItem a.readMorePlus {
    color: #fff !important;
    background: #eb3d31 !important;
}

.yellowContainer #keyContacts .linkedItem a.readMorePlus {
    color: #fff !important;
    background: #f8ad24 !important;
}

.darkGreenContainer #keyContacts .linkedItem a.readMorePlus:before,
.lightGreenContainer #keyContacts .linkedItem a.readMorePlus:before,
.orangeContainer #keyContacts .linkedItem a.readMorePlus:before,
.yellowContainer #keyContacts .linkedItem a.readMorePlus:before {
    content: "View Profile";
    positioN: absolute;
    margin-left: -80px;
    font-weight: normal;
    color: #4d4d4d;
    font-size: 12px;
}

/*-------------------------------------------*/
#breadcrumbsContainer {
    width: 100%;
    margin: 15px 0% 0px;
    padding: 10px 3%;
    font-size: 80%;
}

#breadcrumbsContainer a, #breadcrumbsContainer span {
    text-decoration: none;
    margin-right: 20px;
}

#breadcrumbsContainer a:hover {
    text-decoration: underline;
}

/*-------------------------------------------*/
#pageEmailSource, #emailForm {
    float: left;
    position: relative;
    width: 94%;
    min-width: 0;
    margin: 0 0 0 0;
}

.formHeaderText p {
    font-size: 100%;
    line-height : 1.3;
}

#blank #emailForm #formTable {
    background: transparent none repeat scroll 0 0;
    border: 0 solid transparent;
    border-radius: 3px;
    margin: 0;
    min-width: 100%;
    padding: 0;
}

/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and ( min-width: 900px) {
    .join-the-team #pageSource, .apply-now #pageSource, #emailForm {
        float: left;
        position: relative;
        width: 45%;
        min-width: 0;
        margin: 0 0 0 0;
    }

    .formHeaderText p {
        font-size: 100%;
        line-height : 1.3;
    }

    #emailForm {
        float: right;
        border: none;
    }
}

/*-------------------------------------------*/
div[id*='moduleItemsListing'] div[id*='moduleItemsListingItem']:nth-child(even) {
    background: #e9e8e5;
}

/*-------------------------------------------*/
div#moduleListingWrapperArticles .percentageThird.floatRight.white #linkedItemsExtrasContainer .linkedItem {
    display: none;
}

div#moduleListingWrapperArticles .percentageThird.floatRight.white #linkedItemsExtrasContainer .linkedItem:nth-of-type(1) {
    display: block;
}

div#moduleListingWrapperBlog .percentageThird.floatRight.white #linkedItemsExtrasContainer .linkedItem {
    display: none;
}

div#moduleListingWrapperBlog .percentageThird.floatRight.white #linkedItemsExtrasContainer .linkedItem:nth-of-type(1) {
    display: block;
}

div#moduleItemsListingArticles div[id*='moduleItemsListingItem'] {
    background: #fff;
}

div#moduleItemsListingBlog div[id*='moduleItemsListingItem'] {
    background: #fff;
}

div#moduleItemsListingArticles div[id*='moduleItemsListingItem']:nth-of-type(1),
div#moduleItemsListingArticles div[id*='moduleItemsListingItem']:nth-of-type(3),
div#moduleItemsListingArticles div[id*='moduleItemsListingItem']:nth-of-type(6),
div#moduleItemsListingArticles div[id*='moduleItemsListingItem']:nth-of-type(8),
div#moduleItemsListingArticles div[id*='moduleItemsListingItem']:nth-of-type(9),
div#moduleItemsListingArticles div[id*='moduleItemsListingItem']:nth-of-type(11),
div#moduleItemsListingArticles div[id*='moduleItemsListingItem']:nth-of-type(14),
div#moduleItemsListingArticles div[id*='moduleItemsListingItem']:nth-of-type(16),
div#moduleItemsListingArticles div[id*='moduleItemsListingItem']:nth-of-type(17),
div#moduleItemsListingArticles div[id*='moduleItemsListingItem']:nth-of-type(19),
div#moduleItemsListingArticles div[id*='moduleItemsListingItem']:nth-of-type(22),
div#moduleItemsListingArticles div[id*='moduleItemsListingItem']:nth-of-type(24),
div#moduleItemsListingArticles div[id*='moduleItemsListingItem']:nth-of-type(25),
div#moduleItemsListingArticles div[id*='moduleItemsListingItem']:nth-of-type(27),
div#moduleItemsListingArticles div[id*='moduleItemsListingItem']:nth-of-type(30),
div#moduleItemsListingArticles div[id*='moduleItemsListingItem']:nth-of-type(32),
div#moduleItemsListingArticles div[id*='moduleItemsListingItem']:nth-of-type(33),
div#moduleItemsListingArticles div[id*='moduleItemsListingItem']:nth-of-type(35),
div#moduleItemsListingArticles div[id*='moduleItemsListingItem']:nth-of-type(38),
div#moduleItemsListingArticles div[id*='moduleItemsListingItem']:nth-of-type(40),
div#moduleItemsListingArticles div[id*='moduleItemsListingItem']:nth-of-type(41),
div#moduleItemsListingArticles div[id*='moduleItemsListingItem']:nth-of-type(43),
div#moduleItemsListingArticles div[id*='moduleItemsListingItem']:nth-of-type(46), div#moduleItemsListingArticles div[id*='moduleItemsListingItem']:nth-of-type(48), div#moduleItemsListingArticles div[id*='moduleItemsListingItem']:nth-of-type(49), div#moduleItemsListingArticles div[id*='moduleItemsListingItem']:nth-of-type(51), div#moduleItemsListingArticles div[id*='moduleItemsListingItem']:nth-of-type(54), div#moduleItemsListingArticles div[id*='moduleItemsListingItem']:nth-of-type(56), div#moduleItemsListingArticles div[id*='moduleItemsListingItem']:nth-of-type(57), div#moduleItemsListingArticles div[id*='moduleItemsListingItem']:nth-of-type(59), div#moduleItemsListingArticles div[id*='moduleItemsListingItem']:nth-of-type(62), div#moduleItemsListingArticles div[id*='moduleItemsListingItem']:nth-of-type(64), div#moduleItemsListingArticles div[id*='moduleItemsListingItem']:nth-of-type(65), div#moduleItemsListingArticles div[id*='moduleItemsListingItem']:nth-of-type(67), div#moduleItemsListingArticles div[id*='moduleItemsListingItem']:nth-of-type(70), div#moduleItemsListingArticles div[id*='moduleItemsListingItem']:nth-of-type(72), div#moduleItemsListingArticles div[id*='moduleItemsListingItem']:nth-of-type(73), div#moduleItemsListingArticles div[id*='moduleItemsListingItem']:nth-of-type(75), div#moduleItemsListingArticles div[id*='moduleItemsListingItem']:nth-of-type(78), div#moduleItemsListingArticles div[id*='moduleItemsListingItem']:nth-of-type(80), div#moduleItemsListingArticles div[id*='moduleItemsListingItem']:nth-of-type(81), div#moduleItemsListingArticles div[id*='moduleItemsListingItem']:nth-of-type(83), div#moduleItemsListingArticles div[id*='moduleItemsListingItem']:nth-of-type(86), div#moduleItemsListingArticles div[id*='moduleItemsListingItem']:nth-of-type(88), div#moduleItemsListingArticles div[id*='moduleItemsListingItem']:nth-of-type(89), div#moduleItemsListingArticles div[id*='moduleItemsListingItem']:nth-of-type(91), div#moduleItemsListingArticles div[id*='moduleItemsListingItem']:nth-of-type(94), div#moduleItemsListingArticles div[id*='moduleItemsListingItem']:nth-of-type(96), div#moduleItemsListingArticles div[id*='moduleItemsListingItem']:nth-of-type(97), div#moduleItemsListingArticles div[id*='moduleItemsListingItem']:nth-of-type(99), div#moduleItemsListingArticles div[id*='moduleItemsListingItem']:nth-of-type(102), div#moduleItemsListingArticles div[id*='moduleItemsListingItem']:nth-of-type(104) {
    background: #e9e8e5;
}

div#moduleItemsListingBlog div[id*='moduleItemsListingItem']:nth-of-type(2), div#moduleItemsListingBlog div[id*='moduleItemsListingItem']:nth-of-type(4), div#moduleItemsListingBlog div[id*='moduleItemsListingItem']:nth-of-type(6), div#moduleItemsListingBlog div[id*='moduleItemsListingItem']:nth-of-type(8), div#moduleItemsListingBlog div[id*='moduleItemsListingItem']:nth-of-type(10), div#moduleItemsListingBlog div[id*='moduleItemsListingItem']:nth-of-type(12), div#moduleItemsListingBlog div[id*='moduleItemsListingItem']:nth-of-type(13), div#moduleItemsListingBlog div[id*='moduleItemsListingItem']:nth-of-type(15), div#moduleItemsListingBlog div[id*='moduleItemsListingItem']:nth-of-type(18), div#moduleItemsListingBlog div[id*='moduleItemsListingItem']:nth-of-type(20), div#moduleItemsListingBlog div[id*='moduleItemsListingItem']:nth-of-type(20), div#moduleItemsListingBlog div[id*='moduleItemsListingItem']:nth-of-type(22), div#moduleItemsListingBlog div[id*='moduleItemsListingItem']:nth-of-type(24), div#moduleItemsListingBlog div[id*='moduleItemsListingItem']:nth-of-type(26), div#moduleItemsListingBlog div[id*='moduleItemsListingItem']:nth-of-type(28) {
    background: #e9e8e5;
}


/* div#moduleItemsListingOurStories div[id*='moduleItemsListingItem']:nth-of-type(1) .moduleItemImage:before, div#moduleItemsListingOurStories div[id*='moduleItemsListingItem']:nth-of-type(3) .moduleItemImage:before, div#moduleItemsListingOurStories div[id*='moduleItemsListingItem']:nth-of-type(5) .moduleItemImage:before, div#moduleItemsListingOurStories div[id*='moduleItemsListingItem']:nth-of-type(7) .moduleItemImage:before, div#moduleItemsListingOurStories div[id*='moduleItemsListingItem']:nth-of-type(9) .moduleItemImage:before, div#moduleItemsListingOurStories div[id*='moduleItemsListingItem']:nth-of-type(11) .moduleItemImage:before, div#moduleItemsListingOurStories div[id*='moduleItemsListingItem']:nth-of-type(13) .moduleItemImage:before, div#moduleItemsListingOurStories div[id*='moduleItemsListingItem']:nth-of-type(15) .moduleItemImage:before, div#moduleItemsListingOurStories div[id*='moduleItemsListingItem']:nth-of-type(17) .moduleItemImage:before, div#moduleItemsListingOurStories div[id*='moduleItemsListingItem']:nth-of-type(19) .moduleItemImage:before, div#moduleItemsListingOurStories div[id*='moduleItemsListingItem']:nth-of-type(21) .moduleItemImage:before, div#moduleItemsListingOurStories div[id*='moduleItemsListingItem']:nth-of-type(23) .moduleItemImage:before, div#moduleItemsListingOurStories div[id*='moduleItemsListingItem']:nth-of-type(25) .moduleItemImage:before, div#moduleItemsListingOurStories div[id*='moduleItemsListingItem']:nth-of-type(27) .moduleItemImage:before, div#moduleItemsListingOurStories div[id*='moduleItemsListingItem']:nth-of-type(29) .moduleItemImage:before, div#moduleItemsListingOurStories div[id*='moduleItemsListingItem']:nth-of-type(31) .moduleItemImage:before, div#moduleItemsListingOurStories div[id*='moduleItemsListingItem']:nth-of-type(33) .moduleItemImage:before {
    border-color: transparent transparent #fff !important;
} */

/*-------------------------------------------*/
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and ( min-width: 850px) {
    .moduleItemsListingItem:nth-child(odd) .moduleItemContent, .moduleItemsListingItem:nth-child(even) .moduleItemContent {
        width: 100%;
    }
}

/*--------------------------------------------*/
.moduleItemTeams .practiceGroup {
    font-size: 20px;
    margin: 0px 0px -20px 4px;
    text-transform: uppercase;
    font-family: 'Cocogoose';
    opacity: 0.6;
}

/*-------------------------------------------*/
.darkGreenContainer {
}

.darkGreenContainer h1, .darkGreenContainer h2, .darkGreenContainer h3, .darkGreenContainer h4 {
    color: #21808d !important;
}

.darkGreenContainer .darkGrey {
    background: #21808d !important;
}

.darkGreenContainer #keyContacts .linkedItem:nth-child( even) {
    background: #fff !important;
}

.darkGreenContainer .lightGrey, .darkGreenContainer #keyContacts .linkedItem:nth-child( odd) {
    background: #d0e3e6 !important;
}

.darkGreenContainer .lightGrey h2, .darkGreenContainer .practiceGroup {
    font-size: 20px;
    color: #21808d !important;
}

/*-------------------------------------------*/
.lightGreenContainer {
}

.lightGreenContainer h1, .lightGreenContainer h2, .lightGreenContainer h3, .lightGreenContainer h4 {
    color: #80c9b6 !important;
}

#teamName {
    font-family: "Cocogoose";
    font-size: 20px;
    margin: 0 0 -20px 4px;
    opacity: 0.6;
    text-transform: uppercase;
}

.lightGreenContainer .darkGrey {
    background: #80c9b6 !important;
}

.lightGreenContainer #keyContacts .linkedItem:nth-child( even) {
    background: #fff !important;
}

.lightGreenContainer .lightGrey, .lightGreenContainer #keyContacts .linkedItem:nth-child( odd) {
    background: #e3f2ee !important;
}

.lightGreenContainer .lightGrey h2, .lightGreenContainer .practiceGroup {
    font-size: 20px;
    color: #80c9b6 !important;
}

/*-------------------------------------------*/
.orangeContainer {
}

.orangeContainer h1, .orangeContainer h2, .orangeContainer h3, .orangeContainer h4 {
    color: #eb3d31 !important;
}

.orangeContainer .darkGrey {
    background: #eb3d31 !important;
}

.orangeContainer #keyContacts .linkedItem:nth-child( even) {
    background: #fff !important;
}

.orangeContainer .lightGrey, .orangeContainer #keyContacts .linkedItem:nth-child( odd) {
    background: #f9d5d3 !important;
}

.orangeContainer .lightGrey h2, .orangeContainer .practiceGroup {
    font-size: 20px;
    color: #eb3d31 !important;
}

/*-------------------------------------------*/
.yellowContainer {
}

.yellowContainer h1, .yellowContainer h2, .yellowContainer h3, .yellowContainer h4 {
    color: #f8ad24 !important;
}

.yellowContainer .darkGrey {
    background: #f8ad24 !important;
}

.yellowContainer #keyContacts .linkedItem:nth-child( even) {
    background: #fff !important;
}

.yellowContainer .lightGrey, .yellowContainer #keyContacts .linkedItem:nth-child( odd) {
    background: #fbecd0 !important;
}

.yellowContainer .lightGrey h2, .yellowContainer .practiceGroup {
    font-size: 20px;
    color: #f8ad24 !important;
}

/*-------------------------------------------*/
.darkGreenContainer #relatedArticles h2, .lightGreenContainer #relatedArticles h2, .orangeContainer #relatedArticles h2, .yellowContainer #relatedArticles h2 {
    color: #00234b !important;
    font-size: 20px;
}

.darkGreenContainer #relatedBlog h2, .lightGreenContainer #relatedBlog h2, .orangeContainer #relatedBlog h2, .yellowContainer #relatedBlog h2 {
    color: #00234b !important;
}

.darkGreenContainer .linkedItem .title a, .lightGreenContainer .linkedItem .title a, .orangeContainer .linkedItem .title a, .yellowContainer .linkedItem .title a {
    color: #4d4d4d !important;
}

.darkGreenContainer #relatedArticles .linkedItem .title a, .lightGreenContainer #relatedArticles .linkedItem .title a, .orangeContainer #relatedArticles .linkedItem .title a, .yellowContainer #relatedArticles .linkedItem .title a {
    color: #00a9ea !important;
}

.darkGreenContainer #relatedArticles .linkedItem, .lightGreenContainer #relatedArticles .linkedItem, .orangeContainer #relatedArticles .linkedItem, .yellowContainer #relatedArticles .linkedItem {
    border-bottom: 1px solid #e9e8e5;
}

.darkGreenContainer #relatedBlog .linkedItem .title a, .lightGreenContainer #relatedBlog .linkedItem .title a, .orangeContainer #relatedBlog .linkedItem .title a, .yellowContainer #relatedBlog .linkedItem .title a {
    color: #00a9ea !important;
}

.darkGreenContainer #relatedBlog .linkedItem, .lightGreenContainer #relatedBlog .linkedItem, .orangeContainer #relatedBlog .linkedItem, .yellowContainer #relatedBlog .linkedItem {
    border-bottom: 1px solid #e9e8e5;
}

/*-------------------------------------------*/
#relatedBlogs {
    margin: 20px 0 0 0;
}

#relatedBlogs .lightGrey {
    background: #e9e8e5 !important;
}

#relatedBlogs .lightGrey h2 {
    color: #00234b !important;
}

#relatedBlogs .lightGrey .date {
    margin: 0;
}

#relatedBlogs .linkedItem .title a {
    color: #00a9ea !important;
    text-decoration: none;
}

#relatedBlogs #linkedItemsContainer .linkedItem p {
    margin: 3px 0px 4px;
}

/*-------------------------------------------*/
.html5gallery {
    height: 500px !important;
}

/* ---- All galleries ---- */
.html5gallery-thumbs-0 {
    margin: 0 !important;
}

.html5gallery-title-text-0 {
    display: none;
}

.html5gallery-elem-img-0 {
    background: #fff !important;
}

.html5gallery-elem-image-0 {
    width: auto !important;
    left: 0px !important;
    top: 0 !important;
    height: 100% !important;
}

.html5gallery-car-0 {
    margin: -12px 0px -30px 0px;
}

.html5gallery-car-list-0 {
}

.html5gallery-car-0 {
    margin: -12px 0px 0px 0px;
}

.html5gallery-tn-selected-0, .html5gallery-tn-0, .html5gallery-tn-img-0,
.html5gallery-tn-img-0 div, .html5gallery-tn-img-0 div img, .html5gallery-tn-0:hover, .html5gallery-tn-img-0:hover, .html5gallery-tn-img-0 div:hover, .html5gallery-tn-img-0 div:hover img:hover {
    margin: 0px 3.5px 0px 0px !important;
    padding: 0 !important;
    border: none !important;
    width: 74px !important;
    height: 70px !important;
}

.html5gallery-car-mask-0, .html5gallery-car-0, .html5gallery-car-list-0, .html5gallery-thumbs-0 {
    height: 70px !important;
    width: 102% !important;
    margin: -20px 0px 0px 0px;
}

.html5gallery-container-0 {
}

/*-------------------------------------------*/
.moduleItemsListingCurrentVacancies .moduleItemsListingItem {
    padding: 0;
}

.moduleItemsListingCurrentVacancies .moduleItemsListingItem p, .moduleItemsListingCurrentVacancies .moduleItemsListingItem h2, .moduleItemsListingCurrentVacancies .moduleItemsListingItem a {
    text-decoration: none;
    padding: 0;
    margin: 0px 0px 5px 0px;
}

.moduleItemsListingCurrentVacancies .moduleItemsListingItem.selected, .moduleItemsListingCurrentVacancies .moduleItemsListingItem.selected, .moduleItemsListingCurrentVacancies .moduleItemsListingItem.selected {
    background: #667b90 !important;
}

.moduleItemsListingCurrentVacancies .moduleItemsListingItem.selected:before {
    display: block;
    left: 97%;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: transparent;
    border-left-color: #667b90;
    border-width: 20px;
    margin-top: -20px;
    z-index: 1000;
}

.moduleItemsListingCurrentVacancies .moduleItemsListingItem.selected hr, .moduleItemsListingCurrentVacancies .moduleItemsListingItem:last-child hr {
    display: none;
}

.moduleItemsListingCurrentVacancies .moduleItemsListingItem hr {
    border-color: #fff;
    margin: 20px 0px -20px;
}

.moduleItemsListingCurrentVacancies .moduleItemsListingItem.selected p, .moduleItemsListingCurrentVacancies .moduleItemsListingItem.selected h2, .moduleItemsListingCurrentVacancies .moduleItemsListingItem.selected a, .moduleItemsListingCurrentVacancies .moduleItemsListingItem.selected span {
    color: #fff !important;
    opacity: 1;
}

@media screen and ( min-width: 980px) {
    .current-vacancies .moduleItemsListingCurrentVacancies .moduleItemsListingItem a {
        font-size:20px !important;
    }
}

.moduleItemsListingCurrentVacancies .moduleItemsListingItem p, .moduleItemsListingCurrentVacancies .moduleItemsListingItem.selected p, .moduleItemsListingCurrentVacancies .moduleItemsListingItem p span.date, .moduleItemsListingCurrentVacancies .moduleItemsListingItem.selected p span.date {
    opacity: 1 !important;
    font-weight: normal;
}

.moduleItemsListingCurrentVacancies .moduleItemsListingItem p, .moduleItemsListingCurrentVacancies .moduleItemsListingItem.selected p {
    font-size: 85%;
}

/*-------------------------------------------*/
.moduleItem #linkedItemsExtrasContainer .moduleItemImage, #linkedItemsExtrasContainer .moduleItemImage {
    margin: 0px 0px 20px 0px;
    padding: 0;
    width: 100%;
    position: relative;
}

.moduleItem #linkedItemsExtrasContainer h2.title a, #linkedItemsExtrasContainer h2.title a {
    text-decoration: none;
    font-family: Lato;
    font-weight: bold;
}

.jobCategory, #extraField10, #extraField16 {
    display: none;
}

.teams-and-people .jobCategory {
    display: none;
}

#linkedItemsExtrasContainer #extraField12 {
    margin: 12px 0;
}

.teams-and-people #extraField12 {
    display: block;
    margin: 6px 0 12px;
}

.people #extraField10 {
    display: block;
}

.news .jobCategory, .news #extraField6 {
    /*display:none;*/
}

.people .moduleItemPeople #linkedItemsExtrasContainer > div > h2 {
    display: none;
}

.people .moduleItemPeople #linkedItemsExtrasContainer #extraField12 {
    display: block;
    font-size: 26px;
    font-family: "cocogoose";
    margin-bottom: 20px;
    font-weight: normal;
    font-style: normal;
    line-height: 26px;
}

.people .moduleItemPeople.yellowContainer #linkedItemsExtrasContainer #extraField12 {
    color: #f8ad24 !important;
}

.people .moduleItemPeople.orangeContainer #linkedItemsExtrasContainer #extraField12 {
    color: #eb3d31 !important;
}

.people .moduleItemPeople.darkGreenContainer #linkedItemsExtrasContainer #extraField12 {
    color: #21808d !important;
}

.people .moduleItemPeople.lightGreenContainer #linkedItemsExtrasContainer #extraField12 {
    color: #80c9b6 !important;
}

.people .moduleItemPeople.navyContainer #linkedItemsExtrasContainer #extraField12 {
    color: #00234B !important;
}

/*-------------------------------------------*/
#teamsHeaderNavigation {
    margin: 0px 0px 20px 0px;
    list-style: none;
    padding: 0;
    width: auto;
}

#teamsHeaderNavigation a {
    display: block;
    color: #fff;
    text-decoration: none;
}

#teamsHeaderNavigation li {
    transition: 0.3s all;
}

ul#teamsHeaderNavigation:hover li {
    background: #e9e8e5 !important;
}

ul#teamsHeaderNavigation li:hover, ul#teamsHeaderNavigation li:active {
    background: #667b90 !important;
}

#teamsHeaderNavigation a.selected:before {
    left: 50%;
    bottom: -40%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: transparent;
    border-top-color: #667b90;
    border-width: 1.2vw;
    margin-left: -10px;
    z-index: 1000;
    display: none;
}

#moduleItemsListingTeams {
    margin: 0px 0px 20px;
}

#moduleItemsListingTeams .absoluteBottom {
    position: absolute;
    bottom: 0 !important;
    min-height: 120px;
}

#moduleItemsListingItem903,
#moduleItemsListingItem904,
#moduleItemsListingItem53,
#moduleItemsListingItem255 {
    display: none;
}
#moduleItemsListingTeams #moduleItemsListingItem903 .moduleItemContent p, 
#moduleItemsListingTeams #moduleItemsListingItem902 .moduleItemContent p, 
#moduleItemsListingTeams #moduleItemsListingItem52 .moduleItemContent p, 
#moduleItemsListingTeams #moduleItemsListingItem53 .moduleItemContent p, 
#moduleItemsListingTeams #moduleItemsListingItem54 .moduleItemContent p, 
#moduleItemsListingTeams #moduleItemsListingItem55 .moduleItemContent p {
    font-size: 70%;
    color: #000;
}

@media all and ( -ms-high-contrast: none), (-ms-high-contrast: active) {
    /* IE10+ CSS styles go here */
    #moduleItemsListingTeams #moduleItemsListingItem903 .moduleItemContent p, 
    #moduleItemsListingTeams #moduleItemsListingItem902 .moduleItemContent p, 
    #moduleItemsListingTeams #moduleItemsListingItem52 .moduleItemContent p, 
    #moduleItemsListingTeams #moduleItemsListingItem53 .moduleItemContent p, 
    #moduleItemsListingTeams #moduleItemsListingItem54 .moduleItemContent p, 
    #moduleItemsListingTeams #moduleItemsListingItem55 .moduleItemContent p {
        font-size: 0.6vw;
    }
}

#moduleItemsListingTeams #moduleItemsListingItem903 .moduleItemContent, 
#moduleItemsListingTeams #moduleItemsListingItem902 .moduleItemContent, 
#moduleItemsListingTeams #moduleItemsListingItem52 .moduleItemContent, 
#moduleItemsListingTeams #moduleItemsListingItem53 .moduleItemContent, 
#moduleItemsListingTeams #moduleItemsListingItem54 .moduleItemContent, 
#moduleItemsListingTeams #moduleItemsListingItem55 .moduleItemContent {
    width: 100%;
}

#moduleItemsListingTeams #moduleItemsListingItem52 .moduleItemContent {
    background: #d0e3e6;
}

#moduleItemsListingTeams #moduleItemsListingItem52 .extraFields:before {
    left: 50%;
    top: -25px;
    bottom: auto;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: transparent;
    border-top-color: #21808d;
    border-width: 1.2vw;
    margin-left: -10px;
    z-index: 1000;
}

#moduleItemsListingTeams #moduleItemsListingItem52 #extraField8 * {
    color: #21808d;
}
#moduleItemsListingTeams #moduleItemsListingItem902 .moduleItemContent,
#moduleItemsListingTeams #moduleItemsListingItem53 .moduleItemContent {
    background: #e3f2ee;
}

#moduleItemsListingTeams .extraFields {
    padding-top: 15px;
}
#moduleItemsListingTeams #moduleItemsListingItem902 .extraFields:before,
#moduleItemsListingTeams #moduleItemsListingItem53 .extraFields:before {
    left: 50%;
    top: -25px;
    bottom: auto;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: transparent;
    border-top-color: #80c9b6;
    border-width: 1.2vw;
    margin-left: -10px;
    z-index: 1000;
}

#moduleItemsListingTeams #moduleItemsListingItem902 #extraField8 * {
    color: #80c9b6;
}

#moduleItemsListingTeams #moduleItemsListingItem53 #extraField8 * {
    color: #80c9b6;
}

#moduleItemsListingTeams #moduleItemsListingItem54 .moduleItemContent {
    background: #f9d5d3;
}

#moduleItemsListingTeams #moduleItemsListingItem54 .extraFields:before {
    left: 50%;
    top: -25px;
    bottom: auto;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: transparent;
    border-top-color: #eb3d31;
    border-width: 1.2vw;
    margin-left: -10px;
    z-index: 1000;
}

#moduleItemsListingTeams #moduleItemsListingItem54 #extraField8 * {
    color: #eb3d31;
}
#moduleItemsListingTeams #moduleItemsListingItem903 .moduleItemContent,
#moduleItemsListingTeams #moduleItemsListingItem55 .moduleItemContent {
    background: #fbecd0;
}

#moduleItemsListingTeams #moduleItemsListingItem903 .extraFields:before,
#moduleItemsListingTeams #moduleItemsListingItem55 .extraFields:before {
    left: 50%;
    top: -25px;
    bottom: auto;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: transparent;
    border-top-color: #f8ad24;
    border-width: 1.2vw;
    margin-left: -10px;
    z-index: 1000;
}

#moduleItemsListingTeams #moduleItemsListingItem55 #extraField8 * {
    color: #f8ad24;
}


#moduleItemsListingTeams #moduleItemsListingItem903 #extraField8 * {
    color: #f8ad24;
}

/*-------------------------------------------*/
.navCategoryBlogLinks { margin-top:30px;
}

.navCategoryBlogLinks div {
    float: none !important;clear:both; overflow: hidden;
    width: 100%;
    padding-bottom: 0px;
}

.navCategoryBlogLinks div#containerID26 {
    float: left;
    /* min-height: 800px; */
}

.navCategoryBlogLinks div#containerID26 h3 {
    font-size: 28px;
    font-family: 'Cocogoose';
    font-weight: normal;
}

.navCategoryBlogLinks div#containerID27, .navCategoryBlogLinks div#containerID28, .navCategoryBlogLinks div#containerID29, .navCategoryBlogLinks div#containerID30, .navCategoryBlogLinks div#containerID31, .navCategoryBlogLinks div#containerID32 {
    float: left;
}

.navCategoryBlogLinks div h3.heading {
    font-family: lato;
    font-weight: 900;
}

.navCategoryBlogLinks div h3 a {
    text-decoration: none;
}

.navCategoryBlogLinks div p a {
    color: #4d4d4d;
    text-decoration: underline; width: 10%;
    float: left;
    margin-bottom: 5px;
}

/*-------------------------------------------*/
.contacts .floatLeft.percentageQuarter:before {
    left: auto;
    top: 120px;
    right: -55px;
    bottom: auto;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: transparent;
    border-left-color: #fff;
    border-width: 20px;
    margin-left: 0px;
    z-index: 1000;
}

/*-------------------------------------------*/
#moduleListingWrapperBlog .percentageQuarter.floatLeft.darkGrey:before, #moduleListingWrapperArticles .percentageQuarter.floatLeft.darkGrey:before, #moduleListingWrapperNews .percentageQuarter.floatLeft.darkGrey:before {
    left: auto;
    top: 80px;
    right: -35px;
    bottom: auto;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: transparent;
    border-left-color: #667b90;
    border-width: 20px;
    margin-left: 0px;
    z-index: 1000;
}

#moduleListingWrapperNews .title a {
    text-decoration: none;
    color: #00234B;
}

.moduleDetailWrapper .moduleItemImage {
    float: left;
    width: 100%;
    margin: 0;
}

/*-------------------------------------------*/
.teams-and-people .moduleDetailWrapperTeams .darkGreenContainer .ratio1_1 div, .teams-and-people .moduleDetailWrapperTeams .lightGreenContainer .ratio1_1 div, .teams-and-people .moduleDetailWrapperTeams .orangeContainer .ratio1_1 div, .teams-and-people .moduleDetailWrapperTeams .yellowContainer .ratio1_1 div {
    overflow: visible !important;
}

.moduleDetailWrapperTeams #extraField7:before {
    left: auto;
    top: 60%;
    right: -40px;
    bottom: auto;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: transparent;
    border-left-color: #667b90;
    border-width: 20px;
    margin-left: 0px;
    z-index: 1000;
}

.moduleDetailWrapperTeams .lightGreenContainer #extraField7:before {
    border-left-color: #80c9b6;
}

.moduleDetailWrapperTeams .darkGreenContainer #extraField7:before {
    border-left-color: #21808d;
}

.moduleDetailWrapperTeams .orangeContainer #extraField7:before {
    border-left-color: #eb3d31;
}

.moduleDetailWrapperTeams .yellowContainer #extraField7:before {
    border-left-color: #f8ad24;
}

.moduleDetailWrapperTeams #extraField8 {
    display: none;
}

/*-------------------------------------------*/
#moduleComponent27 h2, #moduleComponent27 p {
    margin: 10px 0px;
}

/*-------------------------------------------*/
h1#teamsAnchor, h1#peopleAnchor {
    font-size: 5.5vw;
}

/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and ( min-width: 1100px) {
    h1#teamsAnchor, h1#peopleAnchor, h1#partnersAnchor {
        font-size:32px;
    }
}

/*-------------------------------------------*/
#moduleItemsListingTeams p.practiceGroup {
    font-size: 12px;
    opacity: 0.4;
    font-family: 'Cocogoose';
    text-transform: uppercase;
}

#moduleItemsListingTeams p.practiceGroup {
    margin: 0px 0px 55px 0px !important;
}

/*-------------------------------------------*/
#linkedItemsTitles {
    margin: 0px 0px 50px 0px;
}

/*-------------------------------------------*/
#alternativeContacts #linkedItemsTitles {
    margin: 0px 0px 25px 0px;
}

#alternativeContacts #linkedItemsTitles .linkedItem p a {
    display: inline-block;
    padding: 2px 0px;
    color: #4d4d4d;
}

/*-------------------------------------------*/
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and ( min-width: 1100px) {
    #moduleItemsListingArticles h1, #moduleItemsListingArticles h2, #moduleItemsListingArticles h2 a, #moduleItemsListingArticles h3, #moduleItemsListingArticles h4, #moduleComponentContainercareersCallouts h2.bannerTitle {
        /* font-size:20px;
        margin-top: 25px; */
        font-size: 18px;
        margin-top: 10px;
        margin-bottom: 5px;
    }

    #moduleItemsListingBlog h1, #moduleItemsListingBlog h2, #moduleItemsListingBlog h2 a, #moduleItemsListingBlog h3, #moduleItemsListingBlog h4, #moduleComponentContainercareersCallouts h2.bannerTitle {
        font-size: 20px;
        margin-top: 25px;
    }

    #moduleComponentContainercareersCallouts h2.bannerTitle {
        margin-top: 10px !important;
    }
}

/*-------------------------------------------*/
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and ( min-width: 1100px) {
    #moduleListingWrapperBlog .percentage25.floatLeft.darkGrey.padding20.ratio1_1, #moduleListingWrapperBlog .moduleSearchContainer , #moduleListingWrapperArticles .percentage25.floatLeft.darkGrey.padding20.ratio1_1, #moduleListingWrapperArticles .moduleSearchContainer , .about .floatLeft.padding20.percentageQuarter.darkGrey.ratio1_1, .moduleDetailWrapperTeams .percentageQuarter.darkGrey.ratio1_1.floatLeft {
        margin-left: -2% !important;
    }
}

/*-------------------------------------------*/
#featuredNews p, #featuredNews p span {
    font-size: 14px !important;
}

/*-------------------------------------------*/
#relatedArticles #linkedItemsContainer .linkedItem p {
    margin: 3px 0px 4px;
}

#relatedArticles #linkedItemsContainer .linkedItem {
    border-bottom: 1px solid #fff;
}

#relatedBlog #linkedItemsContainer .linkedItem p {
    margin: 3px 0px 4px;
}

#relatedBlog #linkedItemsContainer .linkedItem {
    border-bottom: 1px solid #fff;
}

/*-------------------------------------------*/
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and ( min-width: 1000px) {
    #moduleItemsListing.moduleItemsListingCurrentVacancies {
        margin-left: -8%;
    }
}

/*-------------------------------------------*/
.moduleComponentcareersCallouts {
    position: relative;
}

/*-------------------------------------------*/
/* #moduleItemsListingOurStories h2 {
    text-transform: none;
    font-family: lato;
    font-weight: 900;
    margin-bottom: 0;
} */

.contacts #pageEditorContent .floatLeft.percentageQuarter h2, .contacts #pageEditorContent .floatLeft percentageHalf h2, .contacts #pageEditorContent .floatLeft.percentageQuarter h3, .contacts #pageEditorContent .floatLeft percentageHalf h3 {
    text-transform: uppercase;
    font-family: lato;
    font-weight: 900;
    margin-bottom: 0;
}

/* #moduleItemsListingOurStories .extraField {
    font-size: 13px;
    opacity: 0.7;
} */

/*-------------------------------------------*/
/* #moduleItemsListingOurStories .white .moduleItemImage {
    position: relative;
} */

/*#moduleItemsListingOurStories .white .moduleItemImage:before  {  left: 46%;  top: 94%;  border: solid transparent;  content: " ";  height: 0;  width: 0;  position: absolute;  pointer-events: none;  border-color: transparent;  border-bottom-color: #e9e8e5;  border-width: 1.2vw;  margin-top: -15px;  z-index:1000;  }*/
/* #moduleItemsListingOurStories .white .moduleItemImage:before {
    left: 41.5%;
    bottom: 0;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: transparent;
    border-bottom-color: #e9e8e5;
    border-width: 1.6vw;
    margin-top: -15px;
    z-index: 1000;
} */

/* #moduleItemsListingOurStories .white:nth-child( odd) .moduleItemImage:before {
    border-bottom-color: #e9e8e5 !important;
} */

/*-------------------------------------------*/
#moduleComponent27 .bannerHtmlContent {
    min-height: 250px;
}

#moduleComponent27.moduleComponentcallouts .bannerHtmlContent h1, .moduleComponentcallouts .bannerHtmlContent h2, .moduleComponentcallouts .bannerHtmlContent h3, .moduleComponentcallouts .bannerHtmlContent h4, .contactNews .moduleComponent h2 {
    font-size: 20px;
}

#moduleComponent27 .bannerHtmlContent p {
    margin: 12px 0px;
}

#moduleComponent27 .bannerHtmlContent p:last-child {
    margin: 12px 0px 0;
}

/*-------------------------------------------*/
#moduleListingWrapperArticles a.readMorePlus, .moduleDetailWrapperArticles a.readMorePlus, #moduleListingWrapperNews a.readMorePlus, .moduleDetailWrapperNews a.readMorePlus {
    display: none;
}

#moduleListingWrapperArticles a.cover, .moduleDetailWrapperArticles a.cover, #moduleListingWrapperNews a.cover, .moduleDetailWrapperNews a.cover {
    display: none;
}

/*-------------------------------------------*/
/*-------------------------------------------*/
.organisations-we-support .moduleItemsListingOrganisations h2, #moduleItemsListingNews div h2, #moduleItemsListingCommunityEngagement div h2, #moduleItemsListingOrganisations div h2 {
    text-transform: none;
    font-family: lato;
    font-weight: 900;
    margin-bottom: 0;
}

.organisations-we-support .moduleItemsListingOrganisations h2 a, #moduleItemsListingNews div h2 a, #moduleItemsListingCommunityEngagement div h2 a, #moduleItemsListingOrganisations div h2 a {
    text-decoration: none;
    color: #00234b;
}

.organisations-we-support .moduleItemsListingOrganisations .date, #moduleItemsListingNews div .date, #moduleItemsListingCommunityEngagement div .date, #moduleItemsListingOrganisations div .date {
    margin: 5px 0px;
    font-size: 14px;
}

.news h1 {
    margin: 10px 0px 30px;
}

#featuredNews {
    margin-bottom: 30px;
}

#moduleItemsListingNews div hr {
    display: none;
}

#moduleItemsListingNews div .moduleItemImage, #moduleItemsListingOrganisations div .moduleItemImage, #moduleItemsListingCommunityEngagement div .moduleItemImage {
    position: relative;
    float: left;
    width: 100%;
    overflow: hidden;
}

#moduleItemsListingNews div .moduleItemImage img, #moduleItemsListingOrganisations div .moduleItemImage img, #moduleItemsListingCommunityEngagement div .moduleItemImage img, #moduleItemsListingNews div .moduleItemImage a, #moduleItemsListingOrganisations div .moduleItemImage a, #moduleItemsListingCommunityEngagement div .moduleItemImage a {
    position: relative;
    float: left;
}

@media screen and ( max-width: 450px) {
    .organisations-we-support .moduleItemsListingOrganisations > div, #moduleItemsListingNews.columnContainer4 > div, #moduleItemsListingOrganisations.columnContainer4 > div, #moduleItemsListingCommunityEngagement.columnContainer4 > div {
        width:100%;
    }
}

@media screen and ( max-width: 1200px) {
    #moduleItemsListingNews div .moduleItemImage:before, #moduleItemsListingOrganisations div .moduleItemImage:before, #moduleItemsListingCommunityEngagement div .moduleItemImage:before {
        display:none;
    }
}

#moduleItemsListingNews div .moduleItemImage:before, #moduleItemsListingOrganisations div .moduleItemImage:before, #moduleItemsListingCommunityEngagement div .moduleItemImage:before {
    left: 41.5%;
    bottom: 0;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: transparent;
    border-bottom-color: #e9e8e5;
    border-width: 1.6vw;
    margin-top: -15px;
    z-index: 1000;
}

#moduleItemsListingNews div:nth-child(odd) .moduleItemImage:before, #moduleItemsListingOrganisations div:nth-child(odd) .moduleItemImage:before, #moduleItemsListingCommunityEngagement div:nth-child(odd) .moduleItemImage:before {
    border-bottom-color: #fff;
}

/*-------------------------------------------*/
.moduleDetailWrapperTeams h1.title {
    width: 70%;
}

.moduleDetailWrapperTeams div.lightGreenContainer h1.title {
    width: 100%;
}

/*-------------------------------------------*/
.moduleItemTeams #moduleItemContent h2, #keyContacts h3, #linkedItemsTitles h3 {
    font-size: 20px;
}

.moduleItemTeams #moduleItemContent h2 {
    text-transform: initial;
}

#linkedItemsTitles h3, #linkedItemsTitles div.container {
    float: left;
    width: 100%;
    margin: 0px 0px 10px 0px;
}

#linkedItemsTitles div.container {
    float: left;
    width: 90%;
    padding: 20px 0%;
}

.teams-and-people #articles #linkedItemsTitles div.container {
    padding: 0;
    width: 100% !important;
}

#linkedItemsTitles h3 {
    float: left;
    width: 100%;
    margin: 0px 0px 10px 0px;
}

/*-------------------------------------------*/
.teams-and-people #relatedArticles #linkedItemsContainer .linkedItem {
    border-bottom: 1px solid #e9e8e5;
}

.moduleDetailWrapperTeams ul, .terms-and-conditions #pageEditorContent ul, .legal-services #pageEditorContent ul {
    list-style-type: disc;
    list-style-position: outside;
    margin: 0;
    padding: 0px 0px 0px 15px;
}

.moduleDetailWrapperTeams ul li, .terms-and-conditions #pageEditorContent ul li, .legal-services #pageEditorContent ul li {
    margin: 0px 0px 10px 0px;
    padding: 0px 0px 0px 10px;
}

.moduleDetailWrapperTeams ol, .terms-and-conditions #pageEditorContent ol, .legal-services #pageEditorContent ol {
    list-style-type: decimal;
    list-style-position: inside;
}

.moduleDetailWrapperTeams ul ul, .moduleDetailWrapperTeams ol ul, .terms-and-conditions #pageEditorContent ul ul, .terms-and-conditions #pageEditorContent ol ul, .legal-services #pageEditorContent ul ul, .legal-services #pageEditorContent ol ul {
    list-style-type: circle;
    list-style-position: inside;
    margin-left: 15px;
}

.moduleDetailWrapperTeams ol ol, .moduleDetailWrapperTeams ul ol, .terms-and-conditions #pageEditorContent ol ul, .terms-and-conditions #pageEditorContent ol ol, .legal-services #pageEditorContent ol ul, .legal-services #pageEditorContent ol ol {
    list-style-type: lower-latin;
    list-style-position: inside;
    margin-left: 15px;
}

/*-------------------------------------------*/
#teamsHeaderNavigation.lightGreen {
    margin: 0px 0px 20px 0px;
    background: none !important;
}

#teamsHeaderNavigation.lightGreen a {
    display: block;
    color: #fff;
    text-decoration: none;
    font-size: 14px;
    text-align: left;
}

#teamsHeaderNavigation.lightGreen li {
    transition: 0.3s all;
}

ul#teamsHeaderNavigation.lightGreen:hover li {
    background: #e3f2ee !important;
}

#teamsHeaderNavigation.lightGreen li h2 {
    font-size: 14px;
    text-align: left;
}

ul#teamsHeaderNavigation.lightGreen li:hover,
ul#teamsHeaderNavigation.lightGreen li:active {
    background: #80c9b6 !important;
}

#teamsHeaderNavigation.lightGreen a.selected:before {
    left: 50%;
    bottom: -40%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: transparent;
    border-top-color: #667b90;
    border-width: 1.2vw;
    margin-left: -10px;
    z-index: 1000;
    display: none;
}


/*********************************************/
/*-------------------------------------------*/
#teamsHeaderNavigation.yellow {
    margin: 0px 0px 20px 0px;
    background: none !important;
}

#teamsHeaderNavigation.yellow a {
    display: block;
    color: #fff;
    text-decoration: none;
    font-size: 14px;
    text-align: left;
}

#teamsHeaderNavigation.yellow li {
    transition: 0.3s all;
}

ul#teamsHeaderNavigation.yellow:hover li {
    background: #fcdfa9 !important;
}

#teamsHeaderNavigation.yellow li h2 {
    font-size: 14px;
    text-align: left;
}

ul#teamsHeaderNavigation.yellow li:hover,
ul#teamsHeaderNavigation.yellow li:active {
    background: #f8ad24  !important;
}

#teamsHeaderNavigation.yellow a.selected:before {
    left: 50%;
    bottom: -40%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: transparent;
    border-top-color: #667b90;
    border-width: 1.2vw;
    margin-left: -10px;
    z-index: 1000;
    display: none;
}


/*************************************************/
.about .darkGrey h2 {
    margin-top: 25px;
    font-size: 18px;
}

  .sustainability .darkGrey h2 {
margin-top: 25px;
font-size: 18px; line-height:1.5;    
} 

/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 840px) {
    
    .sustainability .darkGrey h2 {
    margin-top: 25px;
    font-size: 16px;
    } 

}

    /*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 1130px) {
    
    .sustainability .darkGrey h2 {
    margin-top: 25px;
    font-size: 18px;
    } 

}

    .sustainability .darkGrey.percentage25:after {
left: 100%;
bottom: 45%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
transform: rotate(-90deg);
position: absolute;
pointer-events: none;
border-color: transparent;
border-top-color: #667b90;
border-width: 20px;
margin-left: 0px;
z-index: 1000;
display: none;
}

    /*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 840px) {
        .sustainability .darkGrey.percentage25:after {
display: block;
}
}




.percentage40 h2 {
    font-size: 26px;
}

.about .darkGrey.percentage25:after {
    left: 100%;
    bottom: 45%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    transform: rotate(-90deg);
    position: absolute;
    pointer-events: none;
    border-color: transparent;
    border-top-color: #667b90;
    border-width: 20px;
    margin-left: 0px;
    z-index: 1000;
    display: block;
}

.news .moduleDetailWrapperNews .moduleItemImage:after, .people .moduleItemImage:after, .working-with-us .moduleDetailWrapperOurStories .moduleItemImage:after, .our-stories .moduleDetailWrapperOurStories .moduleItemImage:after {
    right: 0%;
    top: 45%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    transform: rotate(0deg);
    position: absolute;
    pointer-events: none;
    border-color: transparent;
    border-right-color: #fff;
    border-width: 20px;
    margin-left: 0px;
    z-index: 997;
    display: block;
}

.news .moduleDetailWrapperNews .moduleItemImage:after, .working-with-us .moduleDetailWrapperOurStories .moduleItemImage:after, .our-stories .moduleDetailWrapperOurStories .moduleItemImage:after {
    top: 42%;
}

.about .floatLeft.percentageHalf.padding20 {
    padding-left: 30px;
}

.people .extraFields div {
    padding: 0px 0px;
}

.people .extraFields h3, #alternativeContacts h2 {
    text-transform: uppercase !important;
    margin-top: 15px !important;
}

.people #extraField6 h3, .people #extraField6 hr {
    display: none;
}

.columnContainer4 div h2 a, .moduleItemArticles .percentageQuarter h2 a, .moduleItemBlog .percentageQuarter h2 a, .moduleItemNews h2 a {
    color: #00234b;
}

#moduleComponent38 {
    min-height: 185px;
}

.working-with-us #pageSource h3, .our-stories #pageSource h3 {
    font-size: 18px;
    margin: 15px 0px -5px;
}

.people #articles #articles .moduleItemContent > p {
    display: none;
}

.contacts .contactNews .moduleComponent .padding20 {
    padding: 0;
}

.contacts .contactNews .moduleComponent h2 {
    margin-top: 8px;
}

.contacts .contactNews .moduleComponent .title a {
    text-decoration: none;
    font-weight: bold;
}

.careers .moduleComponentcurrentVacancies h2 {
    font-size: 20px;
}

.careers .moduleComponentcurrentVacancies .padding20 {
    padding: 25px;
}

.careers .moduleComponentcurrentVacancies .title a {
    text-decoration: none;
    font-weight: bold;
}

ul {
    list-style: disc;
    width: 96%;
    padding: 0 0 0 4%;
}

#back-top {
    display: none;
}

/*************************************************************************/
@media screen and ( max-width: 999px) {
    #pageEditorContent #moduleItemsListingTeams h1, #pageEditorContent #moduleItemsListingTeams h2, #pageEditorContent #moduleItemsListingTeams h3, #pageEditorContent #moduleItemsListingTeams h4 {
        font-size:4vw;
    }

    #default.articles #moduleItemsListingArticles .ratio1_1:before, #default.articles_dev #moduleItemsListingArticles .ratio1_1:before, #default.teams-and-people .ratio1_1:before {
        padding-top: 100%;
    }

    #default.articles #moduleItemsListingArticles .ratio1_1 > div, #default.articles #moduleItemsListingArticles .ratioInner, #default.articles_dev #moduleItemsListingArticles .ratio1_1 > div, #default.articles_dev #moduleItemsListingArticles .ratioInner, #default.teams-and-people .ratio1_1 > div, #default.teams-and-people .ratioInner {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
    }

    .html5gallery-car-0 {
        height: 500px !important;
    }

    .html5gallery-tn-selected-0, .html5gallery-tn-0 {
        float: left;
        position: relative;
        margin: 0 3.5px 3.5px 0 !important;
    }
}

@media screen and ( max-width: 839px) {
/*     #header .siteSearchContainer.lightGrey {
        background:none !important;
    }

    .siteSearchContainer input.siteSearchInput.close {
        background: none !important;
    }

    .siteSearchContainer input.siteSearchInput.open {
        background: #e7ecf3 !important;
    } */

    #default .moduleDetailWrapperTeams .ratio1_1:before, #default .ratio1_1:before {
        padding-top: 0;
    }

    #default .moduleDetailWrapperTeams .ratio1_1 > div, #default .moduleDetailWrapperTeams .ratioInner, #default .ratio1_1 > div, #default .ratioInner {
        position: relative;
        top: auto;
        left: auto;
        bottom: auto;
        right: auto;
    }

    .moduleDetailWrapperTeams #extraField7:before {
        display: none;
    }

    .moduleItemTeams .percentageQuarter {
        margin: 0 0 20px 0;
    }

    .navCategoryBlogLinks div {
        width: 50%;
    }

    .navCategoryBlogLinks div#containerID26 {
        min-height: 100px;
    }

    div#moduleItemsListingArticles div[id*= 'moduleItemsListingItem']:nth-of-type(1), div#moduleItemsListingArticles div[id*='moduleItemsListingItem']:nth-of-type(4), div#moduleItemsListingArticles div[id*='moduleItemsListingItem']:nth-of-type(5), div#moduleItemsListingArticles div[id*='moduleItemsListingItem']:nth-of-type(8), div#moduleItemsListingArticles div[id*='moduleItemsListingItem']:nth-of-type(9), div#moduleItemsListingArticles div[id*='moduleItemsListingItem']:nth-of-type(12), div#moduleItemsListingArticles div[id*='moduleItemsListingItem']:nth-of-type(13), div#moduleItemsListingArticles div[id*='moduleItemsListingItem']:nth-of-type(16), div#moduleItemsListingArticles div[id*='moduleItemsListingItem']:nth-of-type(17), div#moduleItemsListingArticles div[id*='moduleItemsListingItem']:nth-of-type(20), div#moduleItemsListingArticles div[id*='moduleItemsListingItem']:nth-of-type(21), div#moduleItemsListingArticles div[id*='moduleItemsListingItem']:nth-of-type(24), div#moduleItemsListingArticles div[id*='moduleItemsListingItem']:nth-of-type(25), div#moduleItemsListingArticles div[id*='moduleItemsListingItem']:nth-of-type(28), div#moduleItemsListingArticles div[id*='moduleItemsListingItem']:nth-of-type(29), div#moduleItemsListingArticles div[id*='moduleItemsListingItem']:nth-of-type(32), div#moduleItemsListingArticles div[id*='moduleItemsListingItem']:nth-of-type(33), div#moduleItemsListingArticles div[id*='moduleItemsListingItem']:nth-of-type(36), div#moduleItemsListingArticles div[id*='moduleItemsListingItem']:nth-of-type(37), div#moduleItemsListingArticles div[id*='moduleItemsListingItem']:nth-of-type(40), div#moduleItemsListingArticles div[id*='moduleItemsListingItem']:nth-of-type(41), div#moduleItemsListingArticles div[id*='moduleItemsListingItem']:nth-of-type(44), div#moduleItemsListingArticles div[id*='moduleItemsListingItem']:nth-of-type(45), div#moduleItemsListingArticles div[id*='moduleItemsListingItem']:nth-of-type(48), div#moduleItemsListingArticles div[id*='moduleItemsListingItem']:nth-of-type(49), div#moduleItemsListingArticles div[id*='moduleItemsListingItem']:nth-of-type(52), div#moduleItemsListingArticles div[id*='moduleItemsListingItem']:nth-of-type(53), div#moduleItemsListingArticles div[id*='moduleItemsListingItem']:nth-of-type(56), div#moduleItemsListingArticles div[id*='moduleItemsListingItem']:nth-of-type(57), div#moduleItemsListingArticles div[id*='moduleItemsListingItem']:nth-of-type(60), div#moduleItemsListingArticles div[id*='moduleItemsListingItem']:nth-of-type(61), div#moduleItemsListingArticles div[id*='moduleItemsListingItem']:nth-of-type(64), div#moduleItemsListingArticles div[id*='moduleItemsListingItem']:nth-of-type(65), div#moduleItemsListingArticles div[id*='moduleItemsListingItem']:nth-of-type(68), div#moduleItemsListingArticles div[id*='moduleItemsListingItem']:nth-of-type(69), div#moduleItemsListingArticles div[id*='moduleItemsListingItem']:nth-of-type(72), div#moduleItemsListingArticles div[id*='moduleItemsListingItem']:nth-of-type(73), div#moduleItemsListingArticles div[id*='moduleItemsListingItem']:nth-of-type(76), div#moduleItemsListingArticles div[id*='moduleItemsListingItem']:nth-of-type(77), div#moduleItemsListingArticles div[id*='moduleItemsListingItem']:nth-of-type(80), div#moduleItemsListingArticles div[id*='moduleItemsListingItem']:nth-of-type(81), div#moduleItemsListingArticles div[id*='moduleItemsListingItem']:nth-of-type(84), div#moduleItemsListingArticles div[id*='moduleItemsListingItem']:nth-of-type(85), div#moduleItemsListingArticles div[id*='moduleItemsListingItem']:nth-of-type(88), div#moduleItemsListingArticles div[id*='moduleItemsListingItem']:nth-of-type(89), div#moduleItemsListingArticles div[id*='moduleItemsListingItem']:nth-of-type(92), div#moduleItemsListingArticles div[id*='moduleItemsListingItem']:nth-of-type(93), div#moduleItemsListingArticles div[id*='moduleItemsListingItem']:nth-of-type(96), div#moduleItemsListingArticles div[id*='moduleItemsListingItem']:nth-of-type(97), div#moduleItemsListingArticles div[id*='moduleItemsListingItem']:nth-of-type(100), div#moduleItemsListingArticles div[id*='moduleItemsListingItem']:nth-of-type(101), div#moduleItemsListingArticles div[id*='moduleItemsListingItem']:nth-of-type(104) {
        background: #e9e8e5 !important;
    }

    div#moduleItemsListingArticles div[id*= 'moduleItemsListingItem'] {
        background: #fff !important;
    }

    #moduleItemsListingArticles h1, #moduleItemsListingArticles h2, #moduleItemsListingArticles h3, #moduleItemsListingArticles h4, #moduleItemsListingArticles h1 a, #moduleItemsListingArticles h2 a, #moduleItemsListingArticles h3 a, #moduleItemsListingArticles h4 a {
        font-size: 3vw;
    }

    #moduleItemsListingArticles p {
        font-size: 2vw;
        line-height: 1.2;
    }

    .careers #header .headerNavigation {
        top: -11px !important;
    }
}

@media screen and ( max-width: 950px) and (min-width: 800px) {
    .teamContainers .padding25.absoluteBottom {
        display: none;
    }
}

@media screen and ( max-width: 500px) {
    .moduleComponenthomepageCallouts div p, .columnContainer4 .moduleComponent .content div {
        display:none;
    }

    #moduleComponent38 div p {
        display: block;
    }

    .home #moduleComponentContainerhomepageCallouts .padding25 {
        padding: 20px;
    }

    #moduleComponentContainerhomepageCallouts a.readMorePlus, a.readMorePlus {
        bottom: 10px;
        right: 10px;
    }

    #moduleComponentContainerhomepageCallouts .moduleSearchContainer h2 {
        font-size: 5vw;
    }

    #default.teams-and-people .moduleItemContent.ratio1_1:before {
        padding-top: 200%;
    }

    #moduleItemsListingArticles h1, #moduleItemsListingArticles h2, #moduleItemsListingArticles h3, #moduleItemsListingArticles h4, #moduleItemsListingArticles p {
        margin: 0;
    }

    #moduleComponent110.moduleComponentcareersCallouts .padding25 {
        padding: 19px;
    }

    #moduleComponent109.moduleComponentcareersCallouts p, #moduleComponent110.moduleComponentcareersCallouts p {
        font-size: 3vw;
        line-height: 1.2;
        margin: 0;
    }

    .about .darkGrey.percentage25:after {
        display: none;
    }

    #moduleItemsListingTeams p.practiceGroup {
        margin: 0px 0px 30px 0px !important;
    }

    #moduleComponentContainerhomepageCallouts p.practiceGroup, #moduleComponentContainerhomepageCallouts h2, #moduleComponentContainercareersCallouts h2 {
        margin: 0px 0px 5px 0px !important;
    }

    #featuredNews h1, #featuredNews h2, #featuredNews h3, #featuredNews h4, #featuredArticle h1, #featuredArticle h2, #featuredArticle h3, #featuredArticle h4 {
        font-size: 6vw !important;
    }

    .footer .bannerHtmlContent table {
        display: none;
    }

    .footer .bannerHtmlContent p {
        margin: 0 0 10px 0;
    }

    .footer .centerContainerInner > div > a {
        display: none;
    }

    .footer .centerContainerInner > div {
        float: left;
        position: relative;
        width: 100%;
    }

    .footer .darkBlue.floatRight.textRight {
        margin: 10px 0 0 0;
    }

    .footer .darkBlue.floatRight.textRight p {
        margin: 0;
    }
}

@media screen and ( max-width: 350px) {
    #moduleComponent109.moduleComponentcareersCallouts p, #moduleComponent110.moduleComponentcareersCallouts p {
        display:none;
    }

    #moduleComponent110.moduleComponentcareersCallouts p.absoluteBottom {
        display: block;
    }

    #moduleItemsListingTeams p.practiceGroup {
        margin: 0px 0px 15px 0px !important;
    }

    #default.teams-and-people .moduleItemContent.ratio1_1:before {
        padding-top: 300%;
    }

    #moduleComponentContainercareersCallouts h2 {
        margin: 0px 0px 10px 0px !important;
    }

    .moduleComponentcurrentVacancies > div span, .moduleComponentcurrentVacancies .content {
        display: none;
    }
}

.searchPage .moduleItemsListingItem {
    float: left;
    position: relative;
    width: 100%;
}

.searchPage .moduleItemsListingItem .moduleItemImage {
    margin: 0px 4% 0 0;
}

.searchPage .moduleItemsListingItem:nth-child( odd) .moduleItemImage {
    margin: 0px 0% 0 4%;
}

.searchPage .moduleItemsListingItem .moduleItemImage:after {
    display: none;
}

.searchPage .moduleItemsListingItem .header {
    float: left;
    position: relative;
    width: 70%;
}

.searchPage .moduleItemsListingItem .header .title {
    font-size: 18px;
    font-family: cocogoose;
}

.searchPage .moduleItemsListingItem .moduleItemContent {
    float: left;
    position: relative;
    width: 70%;
}

.searchPage .moduleItemsListingItem .readMore a {
    float: left;
}

/* .working-with-us #moduleItemsListingOurStories > div:nth-of-type(1) {
    background : red !important;
} */

@media screen and ( min-width: 840px) {
/*     .professional-upgrade #moduleItemsListingOurStories > div, .working-with-us #moduleItemsListingOurStories > div, .our-stories #moduleItemsListingOurStories > div {
        height:700px;
    } */

    .organisations-we-support .moduleItemsListingOrganisations > div, .news #moduleItemsListingNews > div {
        height: 580px;
    }

    .organisations-we-support .moduleItemsListingOrganisations > div .moduleItemImage {
        background: #FFFFFF;
    }

    .organisations-we-support .moduleItemsListingOrganisations > div .moduleItemImage:before {
        content: " ";
        display: block;
        padding-top: 100%;
    }

    .organisations-we-support .moduleItemsListingOrganisations > div .moduleItemImage a {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
    }

    .organisations-we-support .moduleItemsListingOrganisations > div .moduleItemImage a img {
    }
}

@media screen and ( max-width: 840px) {
    #pageEditorContent {
        width:100%;
        padding: 0;
    }

    .headerNavigation ul {
        top: 0 !important;
        z-index: 999;
    }

    /* #moduleItemsListingOurStories .white .moduleItemImage:before {
        border-width: 3.2vw;
        margin-top: -16%;
    } */

    .organisations-we-support .moduleItemsListingOrganisations > div, .news #moduleItemsListingNews > div {
        height: 670px;
    }

    .organisations-we-support .moduleItemsListingOrganisations > div .moduleItemImage {
        background: #FFFFFF;
    }

    .organisations-we-support .moduleItemsListingOrganisations > div .moduleItemImage:before {
        content: " ";
        display: block;
        padding-top: 100%;
    }

    .organisations-we-support .moduleItemsListingOrganisations > div .moduleItemImage a {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
    }

    .organisations-we-support .moduleItemsListingOrganisations > div .moduleItemImage a img {
    }

    .home #moduleComponentContainerhomepageCallouts > div.percentageHalf {
        display: none;
    }

    .home #moduleComponentContainerhomepageCallouts > div.percentageHalf .percentageHalf div > p, .home #moduleComponentContainerhomepageCallouts > div.percentageHalf .percentageHalf div > div {
        display: none;
    }

    #todaysDate {
        float: left;
        position: relative;
        width: 50%;
    }

    #todaysDate h1, #todaysDate h1 span {
        font-size: 5vw;
    }

    #todaysDate h1 span {
        margin: 0 15px 0 0px;
    }

    #todaysDate h1 br {
        display: none;
    }

    #featuredNews {
        width: 60% !important;
    }

    .news #featuredNews {
        width: 100% !important;
    }

    .articles .percentageThreeQuarters .percentageThird, .articles_dev .percentageThreeQuarters .percentageThird {
        width: 40% !important;
    }

    .articles .percentageThreeQuarters .percentageThird #linkedItemsExtrasContainer a, .articles_dev .percentageThreeQuarters .percentageThird #linkedItemsExtrasContainer a {
        word-wrap: break-word;
    }

    .people #linkedItemsExtrasContainer > div {
        width: 50% !important;
        float: left;
        position: relative;
    }

    .people #linkedItemsExtrasContainer > div:after {
        display: none;
    }

    .people #linkedItemsExtrasContainer > div a {
        word-wrap: break-word;
    }

    .moduleDetailWrapperLegalServices #moduleItemContent {
        margin-top: 30px !important;
        padding: 0;
    }

    .html5gallery {
        height: 620px !important;
        float: left;
        position: relative;
    }

    #moduleListingWrapperOurStories .floatLeft.percentage40.padding15 {
        width: 40% !important;
    }

    #moduleListingWrapperOurStories #pageSource {
        width: 60% !important;
    }

    #ourStoryCalloutContainer {
        padding: 0;
    }

    #ourStoryCalloutContainer .absoluteBottom {
        float: left;
        position: relative;
        left: auto !important;
        bottom: auto !important;
        width: 100%;
        margin: 0;
    }

    .articles .moduleItemArticles .percentageQuarter, .articles_dev .moduleItemArticles .percentageQuarter {
        float: left;
        position: relative;
        width: 30% !important;
    }

    .articles .moduleItemArticles .percentageQuarter a, .articles_dev .moduleItemArticles .percentageQuarter a {
        word-wrap: break-word;
    }

    .articles .moduleItemArticles #moduleItemContent, .articles_dev .moduleItemArticles #moduleItemContent {
        width: 70% !important;
    }

    .blog .moduleItemBlog .percentageQuarter {
        float: left;
        position: relative;
        width: 30% !important;
    }

    .blog .moduleItemBlog .percentageQuarter a {
        word-wrap: break-word;
    }

    .blog .moduleItemBlog #moduleItemContent {
        width: 70% !important;
    }

    #relatedArticles {
        width: 100% !important;
    }

    #relatedArticles > div {
        background: none !important;
    }

    #relatedArticles > div .readMorePlus {
        display: block;
    }

    .current-vacancies .moduleListingWrapperCurrentVacancies .moduleItemsListingItem > div {
        padding: 10px;
    }

    .current-vacancies .moduleListingWrapperCurrentVacancies .moduleItemsListingItem:before {
        transform: rotate(90deg);
        left: auto;
        right: 0;
        top: 134%;
        z-index: 997;
    }

    .current-vacancies .moduleListingWrapperCurrentVacancies #moduleItemsListingItem46.moduleItemsListingItem:before {
        top: 120%;
    }

    .current-vacancies .moduleListingWrapperCurrentVacancies .moduleItemsListingItem > div > h2.title a, .current-vacancies .moduleListingWrapperCurrentVacancies .moduleItemsListingItem > div > h2.title {
        font-size: 4.4vw;
        margin: 0;
    }

    .current-vacancies .moduleListingWrapperCurrentVacancies .moduleItemsListingItem > div > p {
        display: none;
    }

    .teams-and-people .moduleDetailWrapperTeams #moduleItemContent {
        padding: 0;
    }

    #pageEditorContent .percentage70.padding20 {
        padding: 0;
    }

    .moduleDetailWrapperNews .percentageQuarter.floatLeft {
        width: 30% !important;
    }

    .moduleDetailWrapperNews #moduleItemContent {
        width: 70% !important;
    }

    #moduleListingWrapperArticles > div.fullWidthContainer > div.percentage25.floatLeft.darkGrey.padding20.ratio1_1 {
        padding: 0;
    }

    #moduleListingWrapperArticles > div.fullWidthContainer > div.percentage25.floatLeft.darkGrey.padding20.ratio1_1 > div.absoluteCenter100.padding25 {
        padding: 20px;
    }

    #moduleListingWrapperArticles > div.fullWidthContainer > div.percentage25.floatLeft.darkGrey.padding20.ratio1_1 > div.absoluteCenter100.padding25 h2 {
        margin: 10px 0 0 0;
    }

    #moduleListingWrapperBlog > div.fullWidthContainer > div.percentage25.floatLeft.darkGrey.padding20.ratio1_1 {
        padding: 0;
    }

    #moduleListingWrapperBlog > div.fullWidthContainer > div.percentage25.floatLeft.darkGrey.padding20.ratio1_1 > div.absoluteCenter100.padding25 {
        padding: 20px;
    }

    #moduleListingWrapperBlog > div.fullWidthContainer > div.percentage25.floatLeft.darkGrey.padding20.ratio1_1 > div.absoluteCenter100.padding25 h2 {
        margin: 10px 0 0 0;
    }

    .working-with-us #pageEditorContent .moduleDetailWrapperOurStories #linkedItemsExtrasContainer, .our-stories #pageEditorContent .moduleDetailWrapperOurStories #linkedItemsExtrasContainer {
        width: 30% !important;
    }

    .working-with-us #pageEditorContent .moduleDetailWrapperOurStories #articles, .our-stories #pageEditorContent .moduleDetailWrapperOurStories #articles {
        width: 70% !important;
    }

    .about .darkGrey.percentage25:after {
        display: none;
    }

    object, embed {
        max-width: 100%;
        height: auto;
    }

    /* ---------- Back to top ----------  */
    #back-top {
        position: absolute;
        display: block;
        right: 30px;
        top: 0;
        z-index: 1000;
    }

    #back-top a {
        width: auto;
        padding: 15px 0px;
        display: block;
        text-align: center;
        text-transform: uppercase;
        text-decoration: none;
        color: #FFFFFF;
    }

    /* arrow icon (span tag) */
    #back-top span {
        width: 20px;
        height: 30px;
        display: block;
        margin: -9px 0px 7px -20px;
        background: #00234B url(https://www.avoco.co.nz/images/style/up-arrow.png) no-repeat center center;
        /* rounded corners */
        -webkit-border-radius: 15px;
        -moz-border-radius: 15px;
        border-radius: 15px;
        float: right;
        position: relative;
        display: none;
    }

    /* .professional-upgrade #moduleItemsListingOurStories > div, .working-with-us #moduleItemsListingOurStories > div, .our-stories #moduleItemsListingOurStories > div {
        height: 700px;
    } */
}

@media screen and ( max-width: 640px) {
    #keyContacts .moduleItemImage:after, #keyContacts .extraFields {
        display:block;
    }

    #articles #moduleItemContent {
        padding: 0 !important;
    }

    .bannerImageContainer:before, .moduleComponentcurrentVacancies:before {
        display: none;
    }

    .news .moduleDetailWrapperNews .moduleItemImage:after, .people .moduleItemImage:after, .working-with-us .moduleDetailWrapperOurStories .moduleItemImage:after, .our-stories .moduleDetailWrapperOurStories .moduleItemImage:after {
        display: none;
    }
}

@media screen and ( max-width: 550px) {
    .teams-and-people #moduleItemsListingTeams .moduleItemContent {
        display:none;
    }

    .teams-and-people #moduleItemsListingTeams > div > div > div > div > div {
        padding: 20px;
    }

    .teams-and-people #moduleItemsListingTeams > div p, .teams-and-people #moduleItemsListingTeams > div h2 {
        margin: 0 0 10px !important;
    }

    #moduleListingWrapperOurStories .floatLeft.percentage40.padding15 {
        width: 100% !important;
        padding: 0;
    }

    #moduleListingWrapperOurStories .floatLeft.percentage40.padding15 .html5gallery {
        width: 100% !important;
        display: inline-block !important;
        position: absolute !important;
        overflow: hidden;
        margin: 0% !important;
        padding: 0;
        background-size: cover;
        vertical-align: top;
        z-index: 600;
    }

    #moduleListingWrapperOurStories .floatLeft.percentage40.padding15 .bannerMultipleImageContainer:after {
        content: "";
        display: block;
        padding-top: 120%;
        width: 100%;
        position: relative;
        z-index: 500;
    }

    #moduleListingWrapperOurStories #pageSource {
        width: 100% !important;
        padding: 0;
    }

    /* #moduleItemsListingOurStories > div .fullWidthContainer > p {
        display: none;
    } */

    .moduleItemCurrentVacancies > div {
        padding: 20px 0 0 0;
    }

    #moduleItemsListingTeams a.readMorePlus {
        background: #FFFFFF;
    }

    #moduleItemsListingItem52 .readMorePlus span {
        color: #21808d;
    }
    #moduleItemsListingItem902 .readMorePlus span,
    #moduleItemsListingItem53 .readMorePlus span {
        color: #80c9b6;
    }

    #moduleItemsListingItem54 .readMorePlus span {
        color: #eb3d31;
    }
    #moduleItemsListingItem903 .readMorePlus span,
    #moduleItemsListingItem55 .readMorePlus span {
        color: #f8ad24;
    }

    /* .professional-upgrade #moduleItemsListingOurStories > div, .working-with-us #moduleItemsListingOurStories > div, .our-stories #moduleItemsListingOurStories > div {
        height: auto;
    } */
}

@media screen and ( max-width: 500px) {
    #moduleListingWrapperArticles > div.fullWidthContainer > div.percentage25.floatLeft.darkGrey.padding20.ratio1_1 h2 {
        font-size:6vw;
    }

    #moduleListingWrapperBlog > div.fullWidthContainer > div.percentage25.floatLeft.darkGrey.padding20.ratio1_1 h2 {
        font-size: 6vw;
    }
}

@media screen and ( max-width: 550px) {
    #moduleListingWrapperOurStories .floatLeft.percentage40.padding15 .bannerMultipleImageContainer:after {
        padding-top: 160%;
    }
}

@media screen and ( max-width: 450px) {
    #moduleListingWrapperOurStories .floatLeft.percentage40.padding15 .bannerMultipleImageContainer:after {
        padding-top: 200%;
    }

    .organisations-we-support .moduleItemsListingOrganisations > div, .news #moduleItemsListingNews > div {
        height: auto;
    }

    .organisations-we-support .moduleItemsListingOrganisations > div .moduleItemImage {
        background: #FFFFFF;
    }

    .organisations-we-support .moduleItemsListingOrganisations > div .moduleItemImage:before {
        display: none;
    }

    .organisations-we-support .moduleItemsListingOrganisations > div .moduleItemImage a {
        position: relative;
        float: left;
        width: 100%;
    }

    .organisations-we-support .moduleItemsListingOrganisations > div .moduleItemImage a img {
    }

    #moduleItemsListingNews > div > div > div p {
        display: none;
    }

    .organisations-we-support .moduleItemsListingOrganisations h2, #moduleItemsListingNews div h2 {
        font-size: 100%;
    }

    #emailForm table input.fmupload {
        width: 100%;
    }

    .news #moduleItemContent {
        padding: 0;
    }

    .moduleDetailWrapperNews .percentageQuarter.floatLeft {
        width: 100% !important;
    }

    .moduleDetailWrapperNews #moduleItemContent {
        width: 100% !important;
    }

    #moduleItemsListingArticles p {
        font-size: 3vw;
    }

    .professional-upgrade #pageEditorContent .moduleDetailWrapperOurStories #linkedItemsExtrasContainer, .working-with-us #pageEditorContent .moduleDetailWrapperOurStories #linkedItemsExtrasContainer, .our-stories #pageEditorContent .moduleDetailWrapperOurStories #linkedItemsExtrasContainer {
        width: 100% !important;
    }

    .working-with-us #pageEditorContent .moduleDetailWrapperOurStories #articles, .our-stories #pageEditorContent .moduleDetailWrapperOurStories #articles {
        width: 100% !important;
    }

    .working-with-us #pageEditorContent .moduleDetailWrapperOurStories #articles > div, .our-stories #pageEditorContent .moduleDetailWrapperOurStories #articles > div {
        padding: 0;
    }

    #teamName {
        line-height: 20px;
        margin: 0 0 -20px 0;
    }

    .moduleComponentcurrentVacancies > div span, .moduleComponentcurrentVacancies .content {
        display: none;
    }

    .footer .centerContainerInner {
        padding: 45px 5% 30px;
    }
}

@media screen and ( max-width: 400px) {
    #featuredNews {
        width:100% !important;
    }

    .news #featuredNews {
        padding: 0;
    }

    .articles .percentageThreeQuarters .percentageThird, .articles_dev .percentageThreeQuarters .percentageThird {
        width: 100% !important;
    }

    .people #linkedItemsExtrasContainer > div {
        width: 100% !important;
    }

    #keyContacts .linkedItem {
        width: 100%;
        margin: 0 0 2% 0;
    }

    #keyContacts .linkedItem .moduleItemImage {
        float: left !important;
        width: 100% !important;
    }

    #keyContacts .linkedItem .moduleItemContent {
        width: 90%;
        padding: 5%;
    }

    #keyContacts .linkedItem a.readMorePlus, #keyContacts .linkedItem .readMorePlus {
        right: auto !important;
        bottom: auto;
        position: relative;
        float: right;
        margin: 0 5% 5%;
    }

    .navCategoryBlogLinks div {
        width: 100%;
    }

    div#moduleItemsListingArticles div[id*= 'moduleItemsListingItem'] {
        float: left;
        position: relative;
        width: 100%;
        height: auto;
        background: none !important;
        border-bottom: 1px solid #e9e8e5;
    }

    #default.articles #moduleItemsListingArticles .ratio1_1:before, #default.articles_dev #moduleItemsListingArticles .ratio1_1:before {
        padding-top: 0;
        display: none;
    }

    div#moduleItemsListingArticles div[id*= 'moduleItemsListingItem'] > div {
        float: left;
        position: relative !important;
        width: 100%;
        height: auto;
        top: auto !important;
        right: auto !important;
        bottom: auto !important;
        left: auto !important;
        padding: 10px;
    }

    #moduleItemsListingArticles h1, #moduleItemsListingArticles h2, #moduleItemsListingArticles h3, #moduleItemsListingArticles h4, #moduleItemsListingArticles h1 a, #moduleItemsListingArticles h2 a, #moduleItemsListingArticles h3 a, #moduleItemsListingArticles h4 a, #moduleItemsListingArticles > div > div > p {
        font-size: 14px;
    }
}

@media screen and ( max-width: 360px) {
    #moduleListingWrapperOurStories .floatLeft.percentage40.padding15 .bannerMultipleImageContainer:after {
        padding-top: 245%;
    }

    .articles .moduleItemArticles .percentageQuarter, .articles_dev .moduleItemArticles .percentageQuarter {
        float: left;
        position: relative;
        width: 100% !important;
    }

    .articles .moduleItemArticles #moduleItemContent, .articles_dev .moduleItemArticles #moduleItemContent {
        width: 100% !important;
        padding: 0;
    }

    .blog .moduleItemBlog .percentageQuarter {
        float: left;
        position: relative;
        width: 100% !important;
    }

    .blog .moduleItemBlog #moduleItemContent {
        width: 100% !important;
        padding: 0;
    }
}

@media screen and ( max-width: 460px) {
    #moduleListingWrapperOurStories .floatLeft.percentage40.padding15 .bannerMultipleImageContainer:after {
        padding-top: 205%;
    }
}

@media screen and ( max-width: 320px) {
    .home #moduleComponentContainerhomepageCallouts > div.percentageHalf {
        display:none;
    }
}

/*-----------------------------------*/
.moduleComponent.moduleComponentpeople.columnContainer6.fullWidthContainer {
    width: 100.55%;
}

ul.viewLink {
    float: left;
    position : relative;
    width: 100%;
    margin: 12px 0px 17px;
    padding: 0;
}

ul.viewLink li {
    float: left;
    display: inline-block;
}

ul.viewLink li a.galleryViewLink, ul.viewLink li a.listViewLink, ul.viewLink li a.galleryViewLink span, ul.viewLink li a.listViewLink span {
    display: inline-block;
    line-height : 1.4;
    color: #00234b;
    font-size: 13px;
}

ul.viewLink li a.galleryViewLink:before {
    content: " ";
    display : inline-block;
    width: 20px;
    height : 20px;
    margin: 5px 9px -5px 6px;
    background : url(img/grid.png) top left no-repeat;
    background-size: 100% auto;
}

ul.viewLink li a.listViewLink:before {
    content: " ";
    display : inline-block;
    width: 20px;
    height : 20px;
    margin: 5px 9px -5px 20px;
    background : url(img/hamburger.png) top left no-repeat;
    background-size: 100% auto;
}

#peopleGalleryListing {
    margin: 10px 0px 0px 1px;
}

#peopleGalleryListing .componentItem {padding: 5px;
    box-sizing: border-box;
}

#peopleGalleryListing .componentItem .content {
}

#peopleGalleryListing .componentItem .hoverContent {
    color : #fff;
    z-index: 100;
    opacity: 0;
    transition: 0.3s all;
}

#peopleGalleryListing .componentItem:hover .hoverContent {
    opacity: 1;
    transition: 0.3s all;
}

#peopleGalleryListing .componentItem p, #peopleGalleryListing .componentItem p.title {
    color: #fff;
}

#peopleGalleryListing .componentItem p.title {
    font-weight: 900;
}

#peopleGalleryListing .componentItem p.title strong {
    font-weight: normal;
}

#peopleGalleryListing .componentItem a {
    font-weight: bold;
    color : #fff;
    text-decoration : none;
}

#peopleGalleryListing .componentItem a.cover {
    transition : 0.5s all;
    background : rgba(0,34,75,0);
}

#peopleGalleryListing .componentItem:hover a.cover {
    background : rgba(0,34,75,0.6);
}

#peopleGalleryListing .componentItem a.cover.transparent {
    z-index: 101;
    background: transparent;
}

#peopleListAnchor {
    top: 25px;
}

/*----------------------------------*/
#linkedItemsExtrasContainer .moduleItemImage, .playVideo {
    transition : 0.8s all;
}

#linkedItemsExtrasContainer .moduleItemImage.hide, .playVideo.hide {
    opacity : 0;
}

#peopleVideoContainer {
    margin: 0px 0px 30px 0px;
}

#linkedItemsExtrasContainer .moduleItemImage.hide {
    display: none;
}

.playVideo {
    display: block;
    width: 80px;
    height: 80px;
    position : absolute;
    top: 50%;
    left: 50%;
    margin-left: -40px;
    margin-top: -40px;
    background: url(img/play_arrow.png) !important;
    text-align: center;
    border-radius: 100%;
    background-size: 100% auto !important;
}

.playVideo span {
    display: none;
}

#moduleListingWrapperBlog .darkGrey.ratio1_1 p {
    color: #4d4d4d;
}

#moduleComponentContainerhomepageCallouts #moduleComponent29 > div > p, #moduleComponentContainerhomepageCallouts #moduleComponent29 > div > p span, #moduleComponentContainerhomepageCallouts #moduleComponent29 > div > span {
    font-size: 3vw;
    display: block;
}

@media screen and ( min-width: 480px) {
    #moduleComponentContainerhomepageCallouts #moduleComponent29 > div > p, #moduleComponentContainerhomepageCallouts #moduleComponent29 > div > p span, #moduleComponentContainerhomepageCallouts #moduleComponent29 > div > span {
        font-size: 16px;
    }
}

@media screen and ( min-width: 840px) {
    #moduleComponentContainerhomepageCallouts #moduleComponent29 > div > p,
    #moduleComponentContainerhomepageCallouts #moduleComponent29 > div > p span,
    #moduleComponentContainerhomepageCallouts #moduleComponent29 > div > span {
        font-size: 1.5vw;
    }
}

@media screen and ( min-width: 930px) {
    #moduleComponentContainerhomepageCallouts #moduleComponent29 > div > p,
    #moduleComponentContainerhomepageCallouts #moduleComponent29 > div > p span,
    #moduleComponentContainerhomepageCallouts #moduleComponent29 > div > span {
        font-size: 16px;
    }

    #moduleItemsListingCommunityEngagement [id*= 'moduleItemsListingItem'] {
        height: 470px;
    }
}

/* Community Engagement */
#moduleItemsListingCommunityEngagement .textLeft {
}

.blog #extraField16.extraField {
    display: none !important;
}

/*-------------------------------------------*/
#nav, #navOrg {
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translate(-50%,0);
    z-index: 1000;
}

#nav a, #navOrg a {
    display : inline-block;
    width: 17px;
    height: 17px;
    border-radius: 100%;
    background : rgba(255,255,255,0.4);
    margin: 0 8px;
    transition : all 0.5s;
}

#navOrg a {
    background : rgba(0,0,0,0.4);
}

#nav a.activeSlide, #navOrg a.activeSlide {
    background: rgba(255,255,255,0.8);
}

#navOrg a.activeSlide {
    background : rgba(0,0,0,0.8);
}

#nav a:hover, #nav a.activeSlide:hover {
    background: rgba(0,35,75,0.4);
}

#navOrg a:hover, #navOrg a.activeSlide:hover {
    background: rgba(0,35,75,0.4);
}

#prevSlide, #nextSlide {
    position: absolute;
    top: 50%;
    z-index: 1000;
    transform: translate(0,-50%);
}

#prevSlideOrg, #nextSlideOrg {
    position: absolute;
    top: 10%;
    z-index: 1000;
    transform: translate(0,-50%);
}

#prevSlide {
    left: 10px;
}

#nextSlide {
    right: 10px;
}

#prevSlideOrg {
    left: 10px;
}

#nextSlideOrg {
    right: 10px;
}

.community-engagement #moduleComponentContainerheaderBanners div.moduleComponent p:before {
    padding: 0;
}

.slideContainer {
    padding-bottom : 70px;
}

.slideContainer .componentItem {
}

.slideContainer .moduleItemImage {
    position: relative;
    height: 120px;
    overflow: hidden;
}

.slideContainer .moduleItemImage img.component {
    position: relative;
    top: 50%;
    z-index: 1000;
    transform: translate(0,-50%);
    max-height: 100%;
}

.slideContainer .content {
    font-size: 14px;
    padding: 0px 20px;
}

.slideContainer .title {
    font-weight: bold;
    margin-top : 10px;
}

.slideContainer .title a {
    text-decoration : none;
}

.slideContainer .readMore {
    font-size: 14px;
}

/*-------------------------------------------*/
.footer .floatCenter {
    position: absolute;
    width: 100%;
    z-index: 99;
}

.footer .floatCenter img {
    position: absolute;
    left: 50%;
    transform: translateX(-111px);
    width: 132px !important;
    height: auto !important;
    top: 11px;
}

@media screen and ( max-width: 1025px) {
    .footer .floatCenter {
        display:none;
    }
}

/*-------------------------------------------*/
.moduleComponentContainerhomepageNotifications {
    overflow: hidden;
    position: relative;
}

.moduleComponentContainerhomepageNotifications .moduleComponent {
    overflow: hidden;
    padding: 20px;
    background: #002242;
    margin: 10px 1px 10px -1px;
}

.moduleComponentContainerhomepageNotifications .moduleComponent h2 {
    position: relative;
    font-size: 18px;
    width: 80%;
    padding-right: 20%;
    line-height: 1.2;
    margin: 0;
}

.moduleComponentContainerhomepageNotifications .moduleComponent h2:before {
    content: " ";
    display: block;
    width: 44px;
    height: 44px;
    border-radius: 3px;
    background: #ec3a39 url(img/exclamation_2018.png) center no-repeat;
    background-size: 6px;
    position: absolute;
    top: 0;
    right: 0;
}

.moduleComponentContainerhomepageNotifications .moduleComponent h2 a {
    text-decoration: none;
    color: #fff;
}

.moduleComponentContainerhomepageNotifications .moduleComponent .bannerHtmlContent {
}

.moduleComponentContainerhomepageNotifications .moduleComponent .bannerHtmlContent p {
    color: #fff;
    margin: 0;
    width: 80%;
}

.moduleComponentContainerhomepageNotifications .moduleComponent a.bannerLinkMask {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

@media screen and ( min-width: 1050px) {
    .moduleComponentContainerhomepageNotifications {
    float:left;
    position:relative;
    width:100%;
    }

    .moduleComponentContainerhomepageNotifications .moduleComponent {
        margin: 10px 1px 10px -1px;
    }

    .moduleComponentContainerhomepageNotifications .moduleComponent h2 {
        position: relative;
        font-size: 17px;
        width: 100%;
        box-sizing: content-box;
        padding-right: 0%;
        padding-left: 60px;
        line-height: 1.2;
        margin: 0;
    }

    .moduleComponentContainerhomepageNotifications .moduleComponent h2:before {
        background-size: 6px;
        top: -5px;
        right: auto;
        left: 0;
    }

    .moduleComponentContainerhomepageNotifications .moduleComponent h2 a {
    }

    .moduleComponentContainerhomepageNotifications .moduleComponent .bannerHtmlContent {
    }

    .moduleComponentContainerhomepageNotifications .moduleComponent .bannerHtmlContent p {
        font-size : 13px;
        padding-left: 60px;
    }

    .moduleComponentContainerhomepageNotifications .moduleComponent a.bannerLinkMask {
    }
}

/*--------------------------------------------*/
/*------------ Article Tag Layout ------------*/
/*--------------------------------------------*/
#searchTopicListing {
    border-top: 1px solid #e0ded8;
    padding-top: 30px;
    margin-top: 30px;
}

#searchTopicListing .inner {
}

#searchTopicListing .inner > p {
    margin: 0 0px 15px;
    font-size: 11vw;
    line-height: 0.9;
    text-transform: uppercase;
    font-family: 'Cocogoose';
    font-weight: normal;
    color: #667b90;
}

#searchTopicListing .inner > div .topic {
    margin-bottom: 12px;
}

#searchTopicListing .inner > div .topic a {
    color: #4d4d4d;
}

@media screen and ( min-width: 500px) {
    #searchTopicListing .inner > p {
        font-size: 4.5vw;
    }
}

@media screen and ( min-width: 840px) {
    #searchTopicListing .inner > p {
        font-size: 3vw;
    }
}

@media screen and ( min-width: 1100px) {
    #searchTopicListing .inner > p {
        font-size: 44px;
    }
}

/*--------------------------------------------*/
/*------------ Related Articles Header  ------------*/
/*--------------------------------------------*/
#relatedArticles h2 {
    font-size: 30px;
}

@media screen and ( min-width: 500px) {
    #relatedArticles h2 {
        font-size: 30px;
    }
}

.bannerPofessionalUpgradeContainer {
    width: 100%;
    height: auto;
    display: block;
    position: relative;
    overflow: hidden;
    padding-bottom: 30px;
    border-bottom: 1px solid #e0ded8;
}

.bannerPofessionalUpgrade div, .bannerPofessionalUpgrade {
    display: block;
    position: relative;
    float: left;
    width: 100%;
    /* border:1px solid red; */
    box-sizing: border-box;
    border-collapse: collapse;
    min-height: 25px;
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}

.bannerPofessionalUpgrade .bannerHtmlContent {
    padding: 18px;
}

.bannerPofessionalUpgrade:nth-of-type(1) .bannerHtmlContent, .bannerPofessionalUpgrade:nth-of-type(2) .bannerHtmlContent {
    display: none;
}

.bannerPofessionalUpgrade:nth-of-type(4) .bannerHtmlContent {
    background-color: #00234b;
    color: #fff;
}

.bannerPofessionalUpgrade:nth-of-type(4) .bannerHtmlContent:before, .bannerPofessionalUpgrade:nth-of-type(5) .bannerHtmlContent:before {
    left: 50%;
    top: -45px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: transparent;
    border-bottom-color: #5d7487;
    z-index: 1000;
    transform: translateX(-50%);
    border-width: 23px;
}

.bannerPofessionalUpgrade:nth-of-type(4) .bannerHtmlContent:before {
    border-bottom-color: #00234b;
}

.bannerPofessionalUpgrade:nth-of-type(4) .bannerHtmlContent p {
    color: #fff;
}
.bannerPofessionalUpgrade:nth-of-type(5) .bannerHtmlContent p {
    color: #fff;
}
.bannerPofessionalUpgrade .bannerHtmlContent p {
    color: #00234b;
}

.bannerPofessionalUpgrade .bannerHtmlContent span {
    background: #e6e5e2;
    padding: 15px 15px;
    width: 100%;
    display: block;
    position: relative;
    box-sizing: border-box;
    color: #00234b;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: bold;
    margin-bottom: 26px;
}

.bottomButton:nth-last-child(1) {
    bottom: 0;
}

.bottomButton:nth-last-child(2) {
    bottom: 62px;
}

.bannerPofessionalUpgrade .bannerHtmlContent a {
    background: #00234b;
    padding: 5px 15px;
    color: #fff;
    text-decoration: none;
    text-transform: uppercase;
    float: right;
    margin: 0;
    min-width: 50px;
    text-align: center;
}

.bannerPofessionalUpgrade .bannerImageContainer:before {
    display: none;
}

.bannerPofessionalUpgrade:nth-of-type(3) h3 {
    text-transform: unset;
    font-size: 22px;
}

.bannerPofessionalUpgrade:nth-of-type(3) p {
    text-transform: unset;
    font-size: 16px;
}

.bannerPofessionalUpgrade:nth-of-type(3) .bannerHtmlContent {
    margin-left: 0;
    padding-left: 0;
    padding: 0;
}

.bannerPofessionalUpgrade:nth-of-type(4) h3,
.bannerPofessionalUpgrade:nth-of-type(5) h3,
.bannerPofessionalUpgrade:nth-of-type(4) p,
.bannerPofessionalUpgrade:nth-of-type(5) p {
    color: #fff;
    margin: 0px 0 10px;
}

.bannerPofessionalUpgrade:nth-of-type(5) .bannerHtmlContent {
    background-color: #5d7487;
}

.bannerPofessionalUpgrade:nth-of-type(5) .bannerHtmlContent a {
    float: left;
    margin-top: 10px;
}

.bannerPofessionalUpgrade:nth-of-type(4) {
    background-color: #00234b;
}

.bannerPofessionalUpgrade:nth-of-type(5) {
    background-color: #5d7487;
}

.bannerPofessionalUpgrade:nth-of-type(1) {
    margin-bottom: 10px;
    margin-top: 10px;
}

.bannerPofessionalUpgrade:nth-of-type(1) .bannerImageContainer {
    height: 163px;
    background-position: left;
}

.bannerPofessionalUpgrade:nth-of-type(2) {
    display: none;
}

.bannerPofessionalUpgrade:nth-of-type(2) .bannerImageContainer {
    height: 275px;
}

.bannerPofessionalUpgrade:nth-of-type(3) .bannerImageContainer {
    height: 300px;
}

.bannerPofessionalUpgrade:nth-of-type(4) .bannerImageContainer {
    height: 337px;
}

.bannerPofessionalUpgrade:nth-of-type(5) .bannerImageContainer {
    height: 275px;
}

.professional-upgrade #pageEditorContent {
    margin: 5px 0 0 0px;
}

.professional-upgrade #pageEditorContent h1 {
    font-size: 26px;
}
.professional-upgrade iframe{
    padding-top:15px;
    border-top:1px solid #d4d2cc;
    margin-top:10px;
}
.fancybox-content  iframe{
    padding-top:0px;
    border-top:0px solid #d4d2cc;
    margin-top:0px;
}
.bannerPofessionalUpgrade:nth-of-type(4), .bannerPofessionalUpgrade:nth-of-type(5) {
    margin: 10px 0;
}

@media screen and ( min-width: 600px) {
    .bannerPofessionalUpgrade:nth-of-type(1) .bannerImageContainer {
        height: 339px;
    }

    .bannerPofessionalUpgrade:nth-of-type(4) {
        width: 50%;
        margin-bottom: 10px;
        margin-top: 10px;
        min-height: 550px;
    }

    .bannerPofessionalUpgrade:nth-of-type(5) {
        width: 50%;
        margin-bottom: 10px;
        margin-top: 10px;
        display: block;
        min-height: 550px;
    }

    .bannerPofessionalUpgrade:nth-of-type(5) .bannerImageContainer {
        height: 337px;
    }

    .bannerPofessionalUpgrade:nth-of-type(4), .bannerPofessionalUpgrade:nth-of-type(5) {
        margin: 0;
    }

    .bannerPofessionalUpgrade .bannerHtmlContent a {
        background: #00234b;
        padding: 5px 15px;
        color: #fff;
        text-decoration: none;
        text-transform: uppercase;
        float: right;
        margin: -5px -5px 0 0;
        min-width: 50px;
        text-align: center;
    }

    .bannerPofessionalUpgrade .bannerHtmlContent span {
        margin-bottom: 0px;
    }
}

@media screen and ( min-width: 1200px) {
    .bannerPofessionalUpgrade:nth-of-type(1) {
        width:100%;
        margin-bottom: 10px;
        margin-top: 10px;
    }

    .bannerPofessionalUpgrade:nth-of-type(2) {
        width: 25%;
        margin-bottom: 10px;
        margin-top: 10px;
        display: none;
    }

    .bannerPofessionalUpgrade:nth-of-type(3) {
        width: 50%;
    }

    .bannerPofessionalUpgrade:nth-of-type(3) .bannerHtmlContent {
        padding-bottom: 125px;
        padding-right: 20px;
    }

    .bannerPofessionalUpgrade:nth-of-type(4) {
        width: 25%;
    }
.bannerPofessionalUpgrade:nth-of-type(4) .bannerImageContainer {
        height: 300px;
    }
    .bannerPofessionalUpgrade:nth-of-type(5) {
        width: 25%;
    }

    .bannerPofessionalUpgrade:nth-of-type(5) .bannerImageContainer {
        height: 300px;
    }

    .bannerPofessionalUpgrade:nth-of-type(3) .bannerHtmlContent, .bannerPofessionalUpgrade:nth-of-type(3), .bannerPofessionalUpgrade:nth-of-type(4), .bannerPofessionalUpgrade:nth-of-type(5) {
        min-height: 580px;
    }

    .bottomButton {
        display: block;
        float: left;
        position: absolute;
        width: calc(100% - 10px);
        margin: 0px 0px 0px 0px;
    }
}

#header100Year #breadcrumbsContainer {
    padding: 0;
    margin: 0;
}

#header100Year #breadcrumbsContainer a {
    width: 16.66%;
    /* border:1px red solid; */
    display: inline-block;
    padding: 0;
    margin: 0;
    /* height:50px; */
    color: #fff;
    background: #000;
    text-align: center;
    font-size: 16px;
    padding: 15px;
    text-transform: uppercase;
}

#header100Year #breadcrumbsContainer a:nth-of-type(1) {
    display: none;
}

#header100Year ul, #header100Year li, #header100Year li a {
    display: block;
    float: left;
    position: relative;
    margin: 0;
    padding: 0;
    text-decoration: 0;
    text-align: center;
}

#header100Year ul {
    width: 100%;
}

#header100Year li {
    width: 33.33%;
}
@media screen and (min-width:700px){
        #header100Year li {
            width: 16.66%;
    }
}
#header100Year li a {
    width: 100%;
    text-decoration: none;
    color: #fff;
    padding-top: 20px;
    padding-bottom: 20px;
    font-weight: bold;
    font-size: 16px;
}

#header100Year li a:after {
    content: "";
    display: block;
    position: absolute;
    border: 1px solid rgba(0,0,0,0);
    border-top-color: #88b7d5;
    border-width: 15px;
    left: 50%;
    transform: translate(-50%,0%);
    bottom: -30px;
    display: none;
}

#header100Year li:nth-of-type(1) a {
    background-color: #182e57;
}

#header100Year li:nth-of-type(1) a:after {
    border-top-color: #182e57;
}

#header100Year li:nth-of-type(2) a {
    background-color: #9e9e9e;
}

#header100Year li:nth-of-type(2) a:after {
    border-top-color: #9e9e9e;
}

#header100Year li:nth-of-type(3) a {
    background-color: #e59c24;
}

#header100Year li:nth-of-type(3) a:after {
    border-top-color: #e59c24;
}

#header100Year li:nth-of-type(4) a {
    background-color: #d93f30;
}

#header100Year li:nth-of-type(4) a:after {
    border-top-color: #d93f30;
}

#header100Year li:nth-of-type(5) a {
    background-color: #7fb8a3;
}

#header100Year li:nth-of-type(5) a:after {
    border-top-color: #7fb8a3;
}

#header100Year li:nth-of-type(6) a {
    background-color: #208080;
}

#header100Year li:nth-of-type(6) a:after {
    border-top-color: #208080;
}

#header100Year li a.menuSelected:after {
    display: block;
}

.moduleListingWrapper100YearArticles {
    border-top: 1px solid #d4d2cc;
    padding-top: 35px;
    margin-left: -40px;
    width: calc(100% + 80px);
}

.grid-item {
    width: 50%;
    padding: 0px 40px 0px 40px !important;
    box-sizing: border-box;
    background: none !important;
    /* border-right: 1px solid #d4d2cc; */
}

.grid-item:nth-of-type( even) {
    padding: 0px 40px 50px 40px;
    border-right: none;
}

.grid-item .moduleItemContent {
    padding-bottom: 50px;
    border-bottom: 1px solid #d4d2cc;
}

.moduleItemsListing100YearArticles .moduleItemImage {
    width: 100% !important;
}

.moduleItemsListing100YearArticles .title {
    margin: 0px 0px 20px;
    font-size: 35px;
    line-height: 1;
    text-transform: uppercase;
    font-family: 'Cocogoose';
    font-weight: normal;
    color: #00234b;
    display: block;
    float: left;
    width: 100%;
}

.moduleItemsListing100YearArticles .date {
    display: none;
}

.grid-item:nth-of-type(even) {
    padding: 0px 0px 50px 25px;
}

.grid-item .moduleItemContent {
    padding-bottom: 50px;
    border-bottom: 1px solid #d4d2cc;
    margin-bottom: 50px !important;
}

.moduleItemsListing100YearArticles .moduleItemImage {
    width: 100% !important;
}

.moduleItemsListing100YearArticles .title {
    margin: 20px 0px 20px;
    font-size: 35px;
    line-height: 1;
    text-transform: uppercase;
    font-family: 'Cocogoose';
    font-weight: normal;
    color: #00234b;
    display: block;
    float: left;
    width: 100%;
}

.moduleItemsListing100YearArticles .date {
    display: none;
}

#header100Year .bannerImageContainer:before {
    display: none;
}

.container100Years .gallery100years .bannerImageContainer:before {
    display: none;
}

.gallery100years {
    width: 100%;
    display: block;
    float: left;
    margin-top: 50px;
}

.gallery100years .moduleComponentTopLevel, .gallery100years #moduleComponentBlocks {
    width: 100% !important;
    display: inline-block;
    margin: 0;
    padding: 0;
    float: left;
    box-sizing: border-box;
}



.gallery100years .moduleComponentTopLevel {
    margin-right: 40px;
}

.gallery100years #moduleComponentBlocks {
    margin-left: 0px;
}
@media screen and (min-width:1300px){
    .gallery100years .moduleComponentTopLevel, .gallery100years #moduleComponentBlocks {
    width: calc(50% - 40px) !important;
    }
    .gallery100years #moduleComponentBlocks {
    margin-left: 40px;
}
}
.gallery100years #moduleComponentBlocks .bannerTitle {
    display: none;
}

.gallery100years #moduleComponentBlocks .bannerHtmlContent {
    background: #152b4d;
    color: #fff;
    margin: 0;
    padding: 0;
    float: left;
}

.gallery100years #moduleComponentBlocks .bannerImageContainer {
    display: block;
    float: left;
    position: relative;
    width: 100%;
    height: 340px;
    background-size: cover !important;
}
.moduleComponent100YearGallerys {
    max-width:100%;
}
.gallery100years #moduleComponentBlocks .bannerHtmlContent p {
    color: #fff;
    padding: 0px 40px 0px;
    font-style: italic;
    font-size: 13px;
    text-align: center;
}

.container100Years h2 {
    font-size: 36px;
    /* padding-top: 0; */
    /* margin-top: 0; */
}

.container100Years h2 {
    padding-top: 0;
    margin-top: 0;
}

.container100Years #pageEditorContent {
    width: 100%;
    padding: 0;
    /* margin-left: -40px; */
    /* padding: 40px; */
}

.blueBackground {
    box-sizing: border-box;
}

.blueBackground .moduleItemImage, .blueBackground .title, .blueBackground .moduleItemContent {
    background: #12254a !important;
    box-sizing: border-box;
    color: #fff;
    display: block;
    float: left;
    position: relative;
    margin: 0;
}

.blueBackground .moduleItemContent {
    padding-right: 25px;
}

.blueBackground .title, .blueBackground .moduleItemContent {
    padding-left: 25px;
    /* border:none; */
}

.blueBackground .title {
    padding: 25px 25px 10px;
}

.blueBackground h1, .blueBackground h2, .blueBackgroundh3, .blueBackground p, .blueBackground a, .blueBackground span, .blueBackground .title {
    color: #fff !important
}

.blueBackground {
    padding-bottom: 50px;
    /* border-bottom: 1px solid #d4d2cc; */
    /* margin-bottom: 50px; */
}

.blueBackground .blueBorderTop, .blueBackground .blueBorder {
    width: 100%;
    display: block;
    float: left;
    height: 50px;
    border-top: 1px solid #d4d2cc;
    background: #fff;
}

.blueBackground .moduleItemImage {
    margin: 0 !important;
}

.blueBackground .blueBorderTop {
    border: none;
    /* border-top: 1px solid #d4d2cc; */
    background: #fff;
    display: none;
}

.moduleListingWrapper100YearArticles:before {
    content: "";
    display: block;
    position: absolute;
    height: calc(100% - 150px);
    width: 1px;
    background: #d4d2cc;
    left: 50%;
}

.searchContainer {
    padding: 0 40px;
    width: calc(100% - 80px);
}

.searchContainer .moduleSearchContainer {
    margin: 0px;
    padding: 30px 0px 70px 0px;
}

.searchContainer .moduleSearchContainer form#module_search_form {
    float: left;
    position: relative;
    margin: 0px 0px 0px 0px;
    padding: 0;
    width: 100%;
}

.searchContainer .moduleSearchContainer form#module_search_form input.moduleSearchInput {
    background: #e9e8e5;
    width: 91%;
    margin: 0;
    padding: 14px 7% 14px 2%;
    color: #667b90 !important;
    font-size: 12px;
    text-transform: none;
    border-radius: 0px;
    transition: 0.8s all;
    position: relative;
    z-index: 10;
    border: none;
}

.searchContainer .moduleSearchContainer form#module_search_form input.moduleSearchSubmit {
    background: url(img/magnify_light.png) center no-repeat;
}

.moduleItemsListing100YearPeople{
    width:100%;
    display: block;
    padding: 0;
    margin: 0;
    /* padding: 40px; */
    float: left;
    position: relative;
    box-sizing: border-box;
}
.moduleItemsListing100YearPeople .moduleItemsListingItem{
    width: 177px;
    display:block;
    padding:0;
    margin:0;
    float: left;
    height: 177px;
    position: relative;
}
.moduleItemsListing100YearPeople .moduleItemsListingItem .moduleItemImage{
    position:absolute;
    width:100%;
    height:100%;
    padding:0;
    margin:0;
}
.moduleItemsListing100YearPeople .moduleItemsListingItem .header{
    display:block;
    position:relative;
    width:100%;
    height:20%;
    color:#fff;
    padding: 15px 15px 0px 15px;
    box-sizing:border-box;
    z-index: 2;
    opacity:0;
    transition:.5s all;
    font-size:16px;
    font-weight:bold;
}
.moduleItemsListing100YearPeople .moduleItemsListingItem .moduleItemContent{
    display:block;
    position:relative;
    width:100%;
    height:80%;
    float:left;
    padding:0;
    margin:0;
    color:#fff;
    padding: 5px 15px 15px 15px;
    box-sizing:border-box;
    z-index: 2;
    opacity:0;
    transition:.5s all;
    text-align:left;
}
.moduleItemsListing100YearPeople .moduleItemsListingItem .moduleItemContent p{color:#fff;margin: 0;}
.moduleItemsListing100YearPeople .moduleItemsListingItem .moduleItemContent .readMore a{
    color:#fff;
    float: left;
    text-decoration: none;
}
.moduleItemsListing100YearPeople .moduleItemsListingItem:before{
    content:"";
    display:block;
    float:left;
    position:absolute;
    width:100%;
    height:100%;
    left:0;
    top:0;
    background:#0e2649;
    z-index: 1;
    opacity:0;
    transition:.5s all;
}

.moduleItemsListing100YearPeople .moduleItemsListingItem:hover .moduleItemContent,
.moduleItemsListing100YearPeople .moduleItemsListingItem:hover .header{
    opacity:1;
}
.moduleItemsListing100YearPeople .moduleItemsListingItem:hover:before{
    opacity:.6
}

.one-hundred-years .searchContainer{
 width:100%;
 margin:0;
 padding:5px 0;
 border: 1px solid #d4d2cc;
 border-left:none;
 border-right:none;
 margin:0px 0 30px;

}
.professionalForm{
    width:100%;
    height: 350px;
    border: none;
}
@media screen and (min-width:500px)
{
    .professionalForm{
        width:100%;
        height: 345px;
        border: none;
    }
}
.requestConsult{display:none;}
@media screen and (min-width:1200px)
{
    .requestConsult{
        display:block;
    }
    .professionalForm{
        display:none;
    }
}
.request-a-career-consultation #emailForm{
    width:100%;
    background: #fff !important;
    padding: 0px 0px;
    box-sizing:border-box;
    font-family: 'Cocogoose';
    color: #00234b !important;
    border:none;

}

.request-a-career-consultation #emailForm .formHeaderText p{
    font-family: 'Cocogoose';
    color: #00234b !important;
}
.request-a-career-consultation #emailForm table,
.request-a-career-consultation #emailForm tbody,
.request-a-career-consultation #emailForm tr,
.request-a-career-consultation #emailForm td{
    display:block;
    width:100%;
    float:left;
    position:relative;
    box-sizing: border-box;
    border-collapse: collapse;
    font-family: 'Cocogoose';

}
.request-a-career-consultation #emailForm table{
    background: #e3e1de !important;
    padding: 20px 10px !important;
}
.request-a-career-consultation #emailForm td{
    width:calc(100% - 130px);
    box-sizing: border-box;
    border-collapse: collapse;
    font-family: 'Cocogoose';
    margin: 2px 0;
}
.request-a-career-consultation #emailForm .labelHorizontal{
    width: 130px;
}
.request-a-career-consultation #emailForm span{font-family: 'Cocogoose';}
.request-a-career-consultation #emailForm tr:nth-of-type(6){
  display:none;
}
.request-a-career-consultation #emailForm tr:nth-of-type(7){
  float: left;
}

.request-a-career-consultation #emailForm input{
    font-family: 'Cocogoose';
    width:100%;
    margin: 3px 0;
    padding: 5px 0px;
    display: block;
    position: relative;
    float: left;
    width: 100%;
    box-sizing: border-box;
    border-collapse: collapse;
    border-radius:2px;
}
.request-a-career-consultation #emailForm .buttonBar{
    width: 100%;
    margin-top: 5px;
}
.request-a-career-consultation #emailForm .buttonBar .fsub{
    width: 100px;
    float:right;
    background:#00234b;
    color:#fff;
    border:none;
}
.request-a-career-consultation{
    width: 100%;
    height: 345px;
    overflow: hidden;
    max-width: 500px;
}

.fancybox-iframe{
    padding:15px;
}

#extraField18{
    display:none;
}
.modal {
  display: none;
  width: 100%;
  max-width: 600px;
}

.modal > div {
  max-height: calc(100vh - 100px);
  overflow: auto;
}
.community-engagement .moduleItemImage a,
#moduleItemsListingNews .moduleItemImage a{
    width:100%;
}

/******************************/
/******************************/
/******************************/

#legalServiceNotification{
    overflow: hidden;
    position: relative;
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px solid #e9e8e5;
}

#legalServiceNotification > .inner{
    overflow: hidden;
    padding: 20px;
    background: #FFF;
    margin: 0 1px 10px -1px;
}

#legalServiceNotification > .inner .bannerTitle{
    position: relative;
    font-size: 18px;
    width: 80%;
    padding-right: 20%;
    line-height: 1.2;
    margin: 0;
}

#legalServiceNotification > .inner .bannerTitle:before{
    content: " ";
    display: block;
    width: 44px;
    height: 44px;
    border-radius: 3px;
    background: #ec3a39 url(img/exclamation_2019.png) center no-repeat;
    background-size: 6px;
    position: absolute;
    top: 0;
    right: 0;
}

#legalServiceNotification > .inner .bannerTitle a{
    text-decoration: none;
    color: #00234b;
}

#legalServiceNotification > .inner .bannerHtmlContent p{
    color: #00234b;
    margin: 0;
    width: 80%;
}

#legalServiceNotification > .inner .bannerLinkMask{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

@media screen and (min-width: 1050px){
    #legalServiceNotification > .inner .bannerTitle{
        font-size: 17px;
        width: 100%;
        box-sizing: content-box;
        padding-right: 0%;
        padding-left: 60px;
    }

    #legalServiceNotification > .inner .bannerTitle:before{
        background-size: 6px;
        top: -5px;
        right: auto;
        left: 0;
    }

    #legalServiceNotification > .inner .bannerHtmlContent p{
        font-size: 13px;
        padding-left: 60px;
    }
}

/******************************/
/******************************/
/******************************/

#doubleWidthModule{
    width: 100%;
}

#doubleWidthModule.ratio2_1:before{
    padding-top: 50%;
}

#doubleWidthModule .inner .item{
    position: initial !important;
    width: 100% !important;
    height: 100% !important;
}

@media screen and (min-width: 840px){
    #doubleWidthModule{
        width: 50%;
    }
}

.branchSortRow {
    display: flex;
    width: 100%;
    justify-content: start;
    line-height: 1.4;
    color: #00234b;
    font-size: 13px;
    padding: 22px 0px 15px 0px;
    font-weight: bold;
}
.branchSortRow .branchSort {
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 24px;
}
.branchSortRow .branchSort:last-child {
    margin-right: 0px;
}
.branchSortRow .branchSort:before {
    content: "";
    border: 2px solid #00234b;
    width: 10px;
    height: 10px;
    position: relative;
    float: left;
    margin-right: 7px;
    transition: all 0.3s;
}
.branchSortRow .branchSort.active:before {
    background: #00234b;
}

.moduleComponentpartnersCallout .bannerImageContainer:before{
display:none;
}

.contacts #matamata {
    margin-top: 0px;
}
@media screen and (min-width: 840px) {
    .contacts #matamata {
        margin-top: 463px;
    }
}
@media screen and (min-width: 930px) {
    .contacts #matamata {
        margin-top: 304px;
    }
}

@media screen and (min-width: 1000px) {
    .contacts #matamata {
        margin-top: 280px;
    }
}
@media screen and (min-width: 1100px) {
    .contacts #matamata {
        margin-top: 183px;
    }
}

.footer .moduleComponentfooterContactDetails h4 {
    color: #00a9ea;
    font-family: 'lato', sans-serif;
    font-weight: 900;
    font-style: normal;
    margin: 7px 0px;
    font-size: 20px;
}
.footer .socialLinks img {
    width: 13px !important;
    margin-right: 10px;
    margin-top: 20px;
}
.contactSocial .socialLinks {
    float: left;
}
.contactSocial .socialLinks img {
    background: #00234b;
    padding: 11px;
    margin-right: 10px;
    width: 15px !important;
    transition: all 0.3s;
}
.contactSocial .socialLinks:hover img {
    background: #00a9ea;
}
.footer p {
    margin: 0px;
}

.articles .moduleItemArticles h1.title,
.news .moduleItemNews h1.title {
    font-size: 50px;
    line-height: 50px;
    text-transform:none;
    line-height:1.2;
}

#moduleItemsListingTeams .moduleItemsListingItem .extraField ul {
    padding: 0;
    width: 100%;
    box-sizing: border-box;
}

#moduleItemsListingTeams .moduleItemsListingItem .extraField ul li {
    width: 100%;
    margin: 3px 0px;
}
#moduleItemsListingTeams .moduleItemsListingItem .extraField ul li::before {
    content: "-";
    margin-right: 4px;
}

body.teams-and-people #moduleItemsListingTeams #extraField7 {
    display: none;
}

body.home .moduleComponentteams #extraField8 ul {
    width: 100%;
    box-sizing: border-box;
    padding: 0;
}
body.home .moduleComponentteams #extraField8 ul li {
    width: auto;
    font-size: 12px;
}
body.home .moduleComponentteams #extraField8 ul li:after {
    content: "|";
    margin: 0px 5px;
}


body.home .moduleComponentteams #extraField8 ul li:last-child:after {
    content: "";
    margin: 0;
}

.phoneNumbers{
   position:absolute;
   top:19px;
   right:0px;
       display:none;
}

/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width:849px) {

    .phoneNumbers{
        display:block;
    }

}

.phoneNumbers p{
margin:0;
padding:0px;
font-size:18px;
color:#00234b;
font-weight:600;
text-align:right;
}

.phoneNumbers p a{
margin:0px 0px 0px 10px;
padding:0px;
text-decoration:none;
color:#00234b;
}

#header .siteSearchContainer.lightGrey{
    display:none;
}

/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width:849px) {

    #header .siteSearchContainer.lightGrey{
        display:block;
    }

}

/*****************************************************/

#moduleComponentContainerhomepageCallouts #doubleWidthModule,
#moduleComponentContainerhomepageCallouts .moduleSearchContainerHome,
#moduleComponentContainerhomepageCallouts .bannerImageContainer.image105{
display:none;
}

#moduleComponentContainerhomepageCallouts .moduleSearchContainerHome{
display:none;
}

.moduleSearchContainerHome{
float:left;
position:relative;
width:100%;
margin:15px 0px 10px;
z-index:100;
}

.moduleSearchContainerHome .moduleSearchInput{
float:left;
position:relative;
width:300px;
padding:5px 0px 5px 30px;
font-size:18px;
color:#c3c4c2;
font-size:22px;
border:1px solid #FFF;
}

.moduleSearchContainerHome .moduleSearchSubmit{
left:0;
top:4px;
position:absolute;
width:27px;
height:28px;
border:0px;
background: url(img/magnify_light_large.png) center no-repeat;
cursor:pointer;
z-index:20;
}


/***************Community Banner******************/

.moduleComponentContainercommunityBanner{
float:left;
position:relative;
width:100%;
margin:30px 0px 30px;
}

.moduleComponentContainercommunityBanner .bannerHtmlContent{
float:left;
position:relative;
width:100%;
box-sizing:border-box;
padding:0px;
background:#e3e3df;
}

.moduleComponentContainercommunityBanner .bannerHtmlContent .bannerHtmlContentInner{
float:left;
position:relative;
width:100%;
box-sizing:border-box;
padding:50px;
}

.moduleComponentContainercommunityBanner .bannerHtmlContent .imageContainer{

position:absolute;
top:0;
right:0px;
height:100%;
width:50%;
box-sizing:border-box;
padding:30px;
background:#e3e3df;
background-size:cover!important;
    display:none;
}


/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 768px) {

    .moduleComponentContainercommunityBanner .bannerHtmlContent .bannerHtmlContentInner{
    width:50%;
    padding:50px;
    }

    .moduleComponentContainercommunityBanner .bannerHtmlContent .imageContainer{
        display:block;
    }

}



.moduleComponentContainercommunityBanner .bannerTitle a,
.moduleComponentContainercommunityBanner .bannerTitle{
  font-size: 16px!important;
  font-family: 'cocogooseregular'!important;
  text-transform: none!important;
  color:#00234b!important;
  margin:0px 0px 20px!important;
  padding:0px!important;
  text-decoration:none!important;

}

.moduleComponentContainercommunityBanner .bannerHtmlContent h3{
margin:0px;
padding:0px;
text-transform:none;
font-family: 'cocogooselight';
}

.moduleComponentContainercommunityBanner .bannerHtmlContent p{
font-size: 14px;
line-height:1.4;
 text-align: justify;
}

.moduleComponentContainercommunityBanner .bannerLinkMask{
position:absolute;
top:0;
bottom:0;
left:0;
right:0px;
}


/***********News / Articles home page******************/


/*****************Articles*************/

.newsArticles{
float:left;
position:relative;
width:100%;
margin:0px 0px 0px -1px;
}

/**************/



.newsArticles .moduleComponentarticles {
float:left;
position:relative;
width:50%;
box-sizing:border-box;
height:265px!important;
margin-bottom:10px;
}

.newsArticles .moduleComponentarticles .componentItem {
float:left;
position:relative;
width:100%;
}

.newsArticles .moduleComponentarticles .moduleComponentContent{
float:right;
position:relative;
width:100%;
background:#21818c;
box-sizing:border-box;
padding:15px;
height:265px;
}

.newsArticles .moduleComponentarticles .imageContainer{
float:left;
position:relative;
width:50%;
display:none;
}

/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 544px) {

    .newsArticles .moduleComponentarticles {
    height:265px!important;
    }

    .newsArticles .moduleComponentarticles .moduleComponentContent{
    height:266px;
    }


}



/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 992px) {

    .newsArticles .moduleComponentarticles {
    width:50%;
    height:222px!important;
    margin-bottom:0px;
    overflow:hidden;
    }


    .newsArticles .moduleComponentarticles .moduleComponentContent{
    float:right;
    width:50%;
    height:222px;
    }

    .newsArticles .moduleComponentarticles .imageContainer{
    width:50%;
    display:block;
    }


}

/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 1200px) {

    .newsArticles .moduleComponentarticles {
    width:50%;
    height:266px!important;
    margin-bottom:0px;
    }


    .newsArticles .moduleComponentarticles .moduleComponentContent{
    float:right;
    width:50%;
    height:266px;
    }

    .newsArticles .moduleComponentarticles .imageContainer{
    width:50%;
    }
}


.newsArticles .moduleComponentarticles .moduleComponentContent a,
.newsArticles .moduleComponentarticles .moduleComponentContent p{
color:#FFF;
font-size:13px;
text-decoration:none;
}

.newsArticles .moduleComponentarticles .moduleComponentContent .title{
color:#FFF;
font-size:16px;
font-family: 'cocogooselight';
}

/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 544px) {

    .newsArticles .moduleComponentarticles .moduleComponentContent a,
    .newsArticles .moduleComponentarticles .moduleComponentContent p{
    font-size:13px;
    }

    .newsArticles .moduleComponentarticles .moduleComponentContent .title{
    font-size:20px;
    }

}


/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 992px) {

    .newsArticles .moduleComponentarticles .moduleComponentContent a,
    .newsArticles .moduleComponentarticles .moduleComponentContent p{
    font-size:13px;
    }

    .newsArticles .moduleComponentarticles .moduleComponentContent .title{
    font-size:16px;
    }

}

/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 1200px) {

    .newsArticles .moduleComponentarticles .moduleComponentContent a,
    .newsArticles .moduleComponentarticles .moduleComponentContent p{
    font-size:13px;
    }

    .newsArticles .moduleComponentarticles .moduleComponentContent .title{
    font-size:20px;
    }

}


/*****************News*************/

.newsArticles .moduleComponentnews {
float:right;
position:relative;
width:50%;
box-sizing:border-box;
height:25px!important;
margin-bottom:0px;
}

.newsArticles .moduleComponentnews .componentItem{
 float:left;
position:relative;
width:100%;
}

.newsArticles .moduleComponentnews .moduleComponentContent{
float:right;
position:relative;
width:100%;
background:#e5e7e9;
box-sizing:border-box;
padding:15px;
height:265px;
}

.newsArticles .moduleComponentnews .imageContainer{
float:left;
position:relative;
width:50%;
display:none;
}


/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 544px) {

    .newsArticles .moduleComponentnews {
    height:265px!important;
    }

    .newsArticles .moduleComponentnews .moduleComponentContent{
    height:266px;
    }


}



/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 992px) {

    .newsArticles .moduleComponentnews {
    float:right;
    width:50%;
    height:222px!important;
    margin-bottom:0px;
    overflow:hidden;
    }

    .newsArticles .moduleComponentnews .moduleComponentContent{
    float:right;
    width:50%;
    padding:15px;
    height:266px;
    }

    .newsArticles .moduleComponentnews .imageContainer{
    width:50%;
    display:block;
    }

}

/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 1200px) {

    .newsArticles .moduleComponentnews {
    float:right;
    width:50%;
    height:266px!important;
    margin-bottom:0px;
    }

    .newsArticles .moduleComponentnews .moduleComponentContent{
    float:right;
    width:50%;
    padding:15px;
    height:266px;
    }

    .newsArticles .moduleComponentnews .imageContainer{
    width:50%;
    }

}

/***************************/

.newsArticles .moduleComponentnews .moduleComponentContent a,
.newsArticles .moduleComponentnews .moduleComponentContent p{
color:#00234b;
font-size:13px;
text-decoration:none;
}

.newsArticles .moduleComponentnews .moduleComponentContent .title{
color:#00234b;
font-size:16px;
font-family: 'cocogooselight';
}

/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 544px) {

    .newsArticles .moduleComponentnews .moduleComponentContent a,
    .newsArticles .moduleComponentnews .moduleComponentContent p{
    color:#00234b;
    font-size:13px;
    text-decoration:none;
    }

    .newsArticles .moduleComponentnews .moduleComponentContent .title{
    color:#00234b;
    font-size:22px;
    font-family: 'cocogooselight';
    }

}

/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 992px) {

    .newsArticles .moduleComponentnews .moduleComponentContent a,
    .newsArticles .moduleComponentnews .moduleComponentContent p{
    font-size:13px;
    }

    .newsArticles .moduleComponentnews .moduleComponentContent .title{
    font-size:16px;
    }

}

/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 1200px) {

    .newsArticles .moduleComponentnews .moduleComponentContent a,
    .newsArticles .moduleComponentnews .moduleComponentContent p{
    font-size:13px;
    }

    .newsArticles .moduleComponentnews .moduleComponentContent .title{
    font-size:22px;
    }

}

/*********************************/

.secondaryMenu{
    float:left;
    position:relative;
    width:100%;
    background:#d1d2d4;
    box-sizing:border-box;
    padding:20px;
    margin:30px 0px;
}

.secondaryMenu ul{
list-style:none;
margin:0;
padding:0;
}

.secondaryMenu ul li{
list-style:none;
margin:0px 10px 0px 0px;
padding:0;
display:inline-block;
}

.secondaryMenu ul li a{
color:#0f2648;
text-decoration:none;
text-transform:uppercase;
font-size:13px;
}

.secondaryMenu .siteSearchContainer{
position:absolute;
top:8px;
right:20px;
background:#000!important;
background:transparent!important;
}

.siteSearchContainer input.siteSearchInput{
background: url(img/magnify_light_large.png) 7px 0px no-repeat!important;
}

.secondaryMenu .siteSearchContainer input.siteSearchSubmit{
background:transparent!important;
}

.siteSearchContainer input.siteSearchInput:focus {
background: url(img/magnify_light_large.png) 187px 0px no-repeat!important;
    }


.culture#default #pageSource{
float:left;
position:relative;
width:60%;
box-sizing:border-box;
padding:0px 40px 0px 0px;
}


.culture#default #pageSource h3{
text-transform:none;
}

.culture#default #data_form{
float:left;
position:relative;
width:40%;
box-sizing:border-box;
padding-left:30px;
margin:0px 0px 0px 0px;
}

.culture#default #emailForm {
float: left;
position: relative;
width: 95%;
min-width: 0;
margin:0px 0px 0px 0px;
padding:0;
background:#FFF!important;
}

.culture#default #emailForm .fmupload{
color:#00234b;
}

.culture#default #emailForm #formTable{
background:#e9e8e5 !important;
padding:20px 10px;
margin:40px 0px 0px 0px;
}

.culture#default #emailForm .formHeaderText h3{
text-transform:none;
}

.culture#default #emailForm .labelHorizontal{
font-size:12px;
}

#articles.percentage33.navyContainer .lightGrey h2{
font-size:20px;
text-transform: none;
}

#articles.percentage33.navyContainer .lightGrey a{
color:#4d4d4d !important;
}


/************** Careers Landing Page********************/

.moduleComponentContainercareersLanding{

    float:left;
    position:relative;
    width:100%;
}

.moduleComponentContainercareersLanding .moduleComponent {
    float:left;
    position:relative;
    width:100%;
    margin:0px 0px 50px;
}

.moduleComponentContainercareersLanding .moduleComponent h2{
text-transform:none;
font-size:32px;
margin-top:0px;
}

/**************** Careers Content Block 1 ******************/

.moduleComponentContainercareersLanding .moduleComponent759{
    display:none;
      
}

.moduleComponentContainercareersLanding .moduleComponent:nth-child(2){
margin:20px 0px 50px;
}

.moduleComponentContainercareersLanding .moduleComponent .videoContainer{
    float:right;
    position:relative;
    width:100%;
}


/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 544px) {

    .moduleComponentContainercareersLanding .moduleComponent:nth-child(2){
    margin:50px 0px 50px;
    }


}


.moduleComponentContainercareersLanding .moduleComponent:nth-child(2) .bannerImageContainer:before{
display:none;
}

.moduleComponentContainercareersLanding .moduleComponent:nth-child(2) .bannerImageContainer{
    float:left;
    position:relative;
    width:100%;
}


.moduleComponentContainercareersLanding .moduleComponent:nth-child(2) .bannerHtmlContent{
    float:left;
    position:relative;
    width:100%;
    box-sizing:border-box;
    padding:20px 0px 0px 0px;
}

/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 768px) {

    .moduleComponentContainercareersLanding .moduleComponent:nth-child(2) .bannerImageContainer{
        float:right;
        width:40%;
    }

    
.moduleComponentContainercareersLanding .moduleComponent .videoContainer{
    float:right;
    width:40%;
}


    .moduleComponentContainercareersLanding .moduleComponent:nth-child(2) .bannerHtmlContent{
        float:left;
        width:60%;
        padding:0px 38px 0px 0px;
    }

}

/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 992px) {

    .moduleComponentContainercareersLanding .moduleComponent:nth-child(2) .bannerImageContainer{
        float:right;
        width:57%;
    }

        
.moduleComponentContainercareersLanding .moduleComponent .videoContainer{
    float:right;
   width:57%;
}


    .moduleComponentContainercareersLanding .moduleComponent:nth-child(2) .bannerHtmlContent{
        float:left;
        width:43%;
        padding:0px 38px 0px 0px;

    }

}


.moduleComponentContainercareersLanding .moduleComponent:nth-child(2) .bannerHtmlContent p{
font-size:15px;
}

/**************** Careers Content Block 2 ******************/

.moduleComponentContainercareersLanding .moduleComponent:nth-child(3){
background:#E9E8E5;

}

.moduleComponentContainercareersLanding .moduleComponent:nth-child(3) .bannerImageContainer{
display:none;
}

.moduleComponentContainercareersLanding .moduleComponent:nth-child(3) .bannerImageContainer:before{
display:none;
}

.moduleComponentContainercareersLanding .moduleComponent:nth-child(3) .bannerHtmlContent{
    float:left;
    position:relative;
    width:100%;
    box-sizing:border-box;
    padding:20px 20px;
}


/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 544px) {

    .moduleComponentContainercareersLanding .moduleComponent:nth-child(3) .bannerHtmlContent{
        padding:50px 50px;
    }


}

/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 768px) {

    .moduleComponentContainercareersLanding .moduleComponent:nth-child(3) .bannerHtmlContent{
    padding:136px 131px;
    }

}

.moduleComponentContainercareersLanding .moduleComponent:nth-child(3) .bannerHtmlContent p{
font-size:26px;
color:#00234B;
}

/**************** Careers Content Block 3 ******************/
.moduleComponentContainercareersLanding .moduleComponent:nth-child(4) .bannerImageContainer:before{
display:none;
}

.moduleComponentContainercareersLanding .moduleComponent:nth-child(4) .bannerImageContainer{
    float:right;
    position:relative;
    width:100%;
}


.moduleComponentContainercareersLanding .moduleComponent:nth-child(4) .bannerImageContainer img{
    width:100%!important;
}

.moduleComponentContainercareersLanding .moduleComponent:nth-child(4) .bannerHtmlContent{
    float:left;
    position:relative;
    width:100%;
    box-sizing:border-box;
    padding:30px 0px 0px 0px;
}


/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 768px) {

    .moduleComponentContainercareersLanding .moduleComponent:nth-child(4) .bannerImageContainer{
        float:right;
        width:40%;
    }


    .moduleComponentContainercareersLanding .moduleComponent:nth-child(4) .bannerHtmlContent{
        float:left;
        width:60%;
        padding:0px 38px 0px 0px;
    }

}

/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 992px) {

    .moduleComponentContainercareersLanding .moduleComponent:nth-child(4) .bannerImageContainer{
        float:right;
        width:57%;
    }


    .moduleComponentContainercareersLanding .moduleComponent:nth-child(4) .bannerHtmlContent{
        float:left;
        width:43%;
        padding:0px 38px 0px 0px;
    }

}

.moduleComponentContainercareersLanding .moduleComponent:nth-child(4) .bannerHtmlContent p{
font-size:15px;
}

/**************** Careers Content Block 4 ******************/

.moduleComponentContainercareersLanding .moduleComponent:nth-child(5){
border-bottom:1px solid #DDDDDD;
padding-bottom:50px;

}


.moduleComponentContainercareersLanding .moduleComponent:nth-child(5) .videoContainer{
display:none;
}

.moduleComponentContainercareersLanding .moduleComponent:nth-child(5) .bannerImageContainer:before{
display:none;
}


.moduleComponentContainercareersLanding .moduleComponent:nth-child(5) .bannerImageContainer{
    float:left;
    position:relative;
    width:100%;
}

.moduleComponentContainercareersLanding .moduleComponent:nth-child(5) .bannerImageContainer img{
    width:100%!important;
}


.moduleComponentContainercareersLanding .moduleComponent:nth-child(5) .bannerHtmlContent{
    float:left;
    position:relative;
    width:100%;
    box-sizing:border-box;
    padding:0px 0px 0px 0px;
}

.moduleComponentContainercareersLanding .moduleComponent:nth-child(5) .bannerHtmlContent .diversityContainer{
    float:left;
    position:relative;
    width:100%;
    box-sizing:border-box;
    padding:20px 0px 20px 0px;
}

.moduleComponentContainercareersLanding .moduleComponent:nth-child(5) .bannerHtmlContent .progressionContainer{
    float:left;
    position:relative;
    width:100%;
    box-sizing:border-box;
    padding:0px 0px 0px 0px;
}

/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 544px) {



    .moduleComponentContainercareersLanding .moduleComponent:nth-child(5) .bannerHtmlContent .diversityContainer{
        float:left;
        width:50%;
        padding:20px 20px 0px 0px;
    }

    .moduleComponentContainercareersLanding .moduleComponent:nth-child(5) .bannerHtmlContent .progressionContainer{
        float:left;
        width:50%;
        padding:20px 0px 0px 0px;
    }


}

/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 768px) {

    .moduleComponentContainercareersLanding .moduleComponent:nth-child(5) .bannerImageContainer{
        width:43%;
    }


    .moduleComponentContainercareersLanding .moduleComponent:nth-child(5) .bannerHtmlContent{
        float:right;
        width:57%;
        padding:0px 0px 0px 0px;
    }

    .moduleComponentContainercareersLanding .moduleComponent:nth-child(5) .bannerHtmlContent .diversityContainer{
        float:left;
        width:100%;
        padding:0px 0px 0px 20px;
    }

    .moduleComponentContainercareersLanding .moduleComponent:nth-child(5) .bannerHtmlContent .progressionContainer{
        float:left;
        width:100%;
        padding:0px 0px 0px 20px;
    }

}

/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 992px) {

    .moduleComponentContainercareersLanding .moduleComponent:nth-child(5) .bannerImageContainer img{
    width:auto!important;
    }

    .moduleComponentContainercareersLanding .moduleComponent:nth-child(5) .bannerImageContainer{
        width:43%;
    }


    .moduleComponentContainercareersLanding .moduleComponent:nth-child(5) .bannerHtmlContent{
        float:right;
        width:57%;
        padding:0px 0px 0px 20px;
    }

    .moduleComponentContainercareersLanding .moduleComponent:nth-child(5) .bannerHtmlContent .diversityContainer{
        float:left;
        width:50%;
        padding:0px 30px 0px 0px;
    }

    .moduleComponentContainercareersLanding .moduleComponent:nth-child(5) .bannerHtmlContent .progressionContainer{
        float:left;
        width:50%;
        padding:0px 0px 0px 0px;
    }

}

/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 1200px) {


    .moduleComponentContainercareersLanding .moduleComponent:nth-child(5) .bannerHtmlContent{
        padding:0px 0px 0px 0px;
    }

}

 .moduleComponentContainercareersLanding .moduleComponent:nth-child(5) .bannerHtmlContent h2,
.moduleComponentContainercareersLanding .moduleComponent:nth-child(5) .bannerHtmlContent h3{
    font-size:22px;
    text-transform:none;
    margin:0px 0px 0px;
}

.moduleComponentContainercareersLanding .moduleComponent:nth-child(5) .bannerHtmlContent p{
    font-size:15px;
}


/**************** Careers Content Block 5 ******************/

.moduleComponent736{
display:none;
}



.moduleComponentContainercareersLanding .moduleComponent:nth-child(6) .bannerImageContainer:before{
display:none;
}

.moduleComponentContainercareersLanding .moduleComponent:nth-child(6) .videoContainer{
display:none;
}

.moduleComponentContainercareersLanding .moduleComponent:nth-child(6) .bannerImageContainer{
float:right;
position:relative;
width:100%;
    
}



.moduleComponentContainercareersLanding .moduleComponent:nth-child(6) .bannerHtmlContent{
float:left;
position:relative;
width:100%;
box-sizing:border-box;
padding:20px 0px 0px 0px;
}



/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 768px) {


    .moduleComponentContainercareersLanding .moduleComponent:nth-child(6) .bannerImageContainer{
    float:right;
    width:50%;
    }



    .moduleComponentContainercareersLanding .moduleComponent:nth-child(6) .bannerHtmlContent{
    float:left;
    width:50%;
    padding:0px 20px 0px 0px;
    }

}

/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 992px) {


    .moduleComponentContainercareersLanding .moduleComponent:nth-child(6) .bannerImageContainer{
    float:right;
    width:69%;
    }



    .moduleComponentContainercareersLanding .moduleComponent:nth-child(6) .bannerHtmlContent{
    float:left;
    width:31%;
    padding:0px 20px 0px 0px;
    }

}


.moduleComponentContainercareersLanding .moduleComponent:nth-child(6) .bannerHtmlContent p{
font-size:15px;
}

/*************** Careers - Our Stories ***************/

.ourStoriesContainer{
    float:left;
    position:relative;
    width:100%;
    margin:0px 0px 50px;
    padding:0px 0px 50px;
    border-bottom:1px solid #DDDDDD;
    border-top:0px solid #DDDDDD;
}

.ourStoriesContainer #ourStoriesLeadin{
float:left;
position:relative;
width:100%;
}

.ourStoriesContainer #ourStoriesLeadin h2{
    font-size:32px;
    text-transform:none;
    margin:0px 0px 0px;
}

.ourStoriesContainer .moduleComponentourStories{
float:left;
position:relative;
width:100%;
box-sizing:border-box;
}

.ourStoriesContainer .moduleComponentourStories .componentItem{
float:left;
position:relative;
width:50%;
}

.ourStoriesContainer .moduleComponentourStories .componentItem{
float:left;
position:relative;
width:100%;
box-sizing:border-box;
padding:20px 0px 0px 0px;
}

/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 544px) {

    .ourStoriesContainer #ourStoriesLeadin{
    float:left;
    width:33.33%;
    }

    .ourStoriesContainer .moduleComponentourStories{
    float:right;
    width:66.66%;
    }

    .ourStoriesContainer .moduleComponentourStories .componentItem{
    float:left;
    width:50%;
    }

    .ourStoriesContainer .moduleComponentourStories .componentItem{
    float:left;
    width:50%;
    padding:0px 0px 0px 8%;
    }

}

/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 768px) {

    .ourStoriesContainer #ourStoriesLeadin{
    float:left;
    width:33.33%;
    }

    .ourStoriesContainer .moduleComponentourStories{
    float:right;
    width:66.66%;
    }

    .ourStoriesContainer .moduleComponentourStories .componentItem{
    float:left;
    width:50%;
    }

    .ourStoriesContainer .moduleComponentourStories .componentItem{
    float:left;
    width:50%;
    padding:0px 0px 0px 8%;
    }

}

/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 992px) {

    .ourStoriesContainer #ourStoriesLeadin{
    float:left;
    width:33.33%;
    }

    .ourStoriesContainer .moduleComponentourStories{
    float:right;
    width:66.66%;
    }

    .ourStoriesContainer .moduleComponentourStories .componentItem{
    float:left;
    width:50%;
    }

    .ourStoriesContainer .moduleComponentourStories .componentItem{
    float:left;
    width:50%;
    padding:0px 0px 0px 8%;
    }

}

.ourStoriesContainer .moduleComponentourStories .componentItem .moduleItemImage{
float:left;
position:relative;
width:100%;
}

.ourStoriesContainer .moduleComponentourStories .moduleItemImage img{
width:100%!important;
}

.ourStoriesContainer .moduleComponentourStories .componentItem .title{
margin:10px 0px 0px;
}

.ourStoriesContainer .moduleComponentourStories .componentItem .title a{
text-decoration:none;
color:#00234B!important;
font-size:22px;
font-family: lato;
font-weight:600;
}

.ourStoriesContainer .moduleComponentourStories .componentItem .extraField{
color:#9B9B9B;
font-size:14px;
}

.ourStoriesContainer .moduleComponentourStories .componentItem .extraField span{
display:none;
}


/*************** Current vacancies - Our Stories ***************/

.currentVacanciesContainer{
float:left;
position:relative;
width:100%;
margin:0px 0px 50px;
}

.currentVacanciesContainer #currentVacanciesLeadin{
float:left;
position:relative;
width:100%;
}

.currentVacanciesContainer #currentVacanciesLeadin h2{
font-size:32px;
text-transform:none;
margin:0px 0px 0px;
}

.currentVacanciesContainer .moduleComponentcurrentVacancies {
float:right;
position:relative;
width:100%;
box-sizing:border-box;
padding:50px 0px 0px 0px;
}


/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 768px) {

    .currentVacanciesContainer #currentVacanciesLeadin{
    width:33.33%;
    }

    .currentVacanciesContainer .moduleComponentcurrentVacancies {
    float:right;
    width:66.66%;
    padding:0px 0px 0px 57px;
    }

}


.currentVacanciesContainer .moduleComponentcurrentVacancies .componentItem{
float:left;
position:relative;
margin:0px 0px 20px;
padding:0px 0px 20px;
width:100%;
border-bottom:1px solid #9B9B9B;
}

.currentVacanciesContainer .moduleComponentcurrentVacancies .componentItemWrapper{
float:left;
position:relative;
margin:0px 0px 0px;
padding:0px 0px 0px;
width:90%;
}



.currentVacanciesContainer a.readMorePlusLink {
position: absolute;
top: 50%;
transform: translateY(-100%);
right: 0px;
width: 24px;
height: 24px;
line-height: 24px;
text-align: center;
font-weight: bold;
font-family: arial, sans-serif;
background: #00234b;
color: #fff;
text-decoration: none;
}


.moduleComponentcurrentVacancies:before {
display:none;
}


.moduleComponentcurrentVacancies .title{
    font-size:22px;
    font-family: 'cocogooseregular';
    text-transform:none;
    margin:0px 0px 10px;
    padding:0px;

}

.moduleComponentcurrentVacancies .title a{
    color:#00234B!important;
    font-weight:400!important;
    text-decoration:none;


}

.moduleComponentcurrentVacancies span.positionLevel{
    font-size:15px;
    color:#333;
}


/**************Our Stories Landing ****************/

.moduleListingWrapperOurStories{
float:left;
position:relative;
width:100%;
margin:0px 0% 50px;
border-bottom:1px solid #DDDDDD;
}

.moduleListingWrapperOurStories .moduleItemsListingItem:nth-child(odd) .moduleItemContent,
.moduleListingWrapperOurStories .moduleItemsListingItem:nth-child(even) .moduleItemContent{
width:100%;
}

.moduleListingWrapperOurStories .moduleItemsListingOurStories {
float:left;
position:relative;
width:100%;
margin:50px 0% 0px 0%;
}

.moduleListingWrapperOurStories .moduleItemsListingItem{
float:left;
position:relative;
width:100%;
padding:0px 0px 0px 0px;
margin:0px 0px 30px;
box-sizing:border-box;
min-height:500px;
}

/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 544px) {

    .moduleListingWrapperOurStories .moduleItemsListingOurStories {
    width:102%;
    margin:50px 0% 0px -1%;
    }

    .moduleListingWrapperOurStories .moduleItemsListingItem{
    width:48%;
    padding:0px 0px 0px 0px;
    margin:0px 1% 30px;
    min-height:520px;
    }

}

/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 768px) {

    .moduleListingWrapperOurStories .moduleItemsListingOurStories {

    }

    .moduleListingWrapperOurStories .moduleItemsListingItem{
    min-height:100px;
    }

}

/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 992px) {

    .moduleListingWrapperOurStories .moduleItemsListingOurStories {
    width:102%;
    margin:50px 0% 0px -1%;
    }

    .moduleListingWrapperOurStories .moduleItemsListingItem{
    width:31.33%;
    padding:0px 0px 0px 0px;
    margin:0px 1% 30px;
    min-height:500px;
    }

}

/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 1200px) {

    .moduleListingWrapperOurStories .moduleItemsListingOurStories {
    width:102%;
    margin:50px 0% 0px -1%;
    }

    .moduleListingWrapperOurStories .moduleItemsListingItem{
    width:31.33%;
    padding:0px 0px 0px 0px;
    margin:0px 1% 30px;

    }


}


.moduleListingWrapperOurStories .moduleItemsListingItem .moduleItemImage{
float:left;
position:relative;
width:100%;
margin:0px 0px 25px;
padding:0px;
}

.moduleListingWrapperOurStories .moduleItemsListingItem .moduleItemImage img{
width:100%!important;
}

.moduleListingWrapperOurStories .moduleItemsListingItem h2.title{
    text-transform:none;
    font-size:22px;
    margin:0px 0px 5px;
}

.moduleListingWrapperOurStories #navBar{
display:none;
}


.moduleListingWrapperOurStories .moduleItemsListingItem .extraField{
color:#9B9B9B;
font-size:14px;
margin:0px 0px 10px;
}

.moduleListingWrapperOurStories .moduleItemsListingItem .extraField span{
display:none;
}

.moduleListingWrapperOurStories div[id*='moduleItemsListing'] div[id*='moduleItemsListingItem']:nth-child(even) {
background: #FFF;
}

.moduleListingWrapperOurStories .moduleItemsListingItem .readMore{
float:left;
position:relative;
width:100%;
margin:20px 0px 0px;
}

.moduleListingWrapperOurStories .moduleItemsListingItem .readMore a{
float:left;
}

.moduleDetailWrapperOurStories h1.title{
    text-transform:none;
}

.moduleDetailWrapperOurStories #linkedItemsExtrasContainer{
width:25%!important;
box-sizing:border-box;
}

.moduleDetailWrapperOurStories #articles{
    width:75%!important;
}

.moduleDetailWrapperOurStories .extraFields{
    display:none;
}

.our-stories#home #moduleComponentContainerheaderBanners div:nth-child(even) .bannerHtmlContent,
.our-stories#home #moduleComponentContainerheaderBanners div:nth-child(odd) .bannerHtmlContent {
    position: absolute;
    width: 50% !important;
    top: 0;
    left: 0;
    bottom: 0;
    right: auto;
    background: rgba(0,18,38,0.0);
}

.careers #moduleComponentContainerheaderBanners .moduleComponentheaderBanners{
background-size:cover;
}

.moduleComponentcurrentVacancies > div span{
display: block;
}

/****************Current Vacancies listing and Details**********************/

.moduleListingWrapperCurrentVacancies{
float:left;
position:relative;
width:100%;
}

.moduleListingWrapperCurrentVacancies #navBar{
display:none;
}

.moduleListingWrapperCurrentVacancies div[id*='moduleItemsListing'] div[id*='moduleItemsListingItem']:nth-child(even) {
background: #FFF;
}



.moduleListingWrapperCurrentVacancies .moduleItemsListing{
background: #FFF;
}

.moduleDetailWrapperCurrentVacancies .contentPageTitle{
    display:none;
}

.moduleDetailWrapperCurrentVacancies .title{
    font-size:54px;
    color:#00234B;
    font-family: 'cocogooseregular';
}

.moduleDetailWrapperCurrentVacancies .date,
.moduleDetailWrapperCurrentVacancies #extraField5{
    display:none;
}

.moduleDetailWrapperCurrentVacancies .extraField{
    font-size:32px;
    color:#00234B;
    font-family: 'cocogooseregular';
    margin:40px 0px;
}

.moduleDetailWrapperCurrentVacancies #moduleItemContent{
width:60%;
}

.moduleDetailWrapperCurrentVacancies #moduleItemContent ul{
list-style: disc;
margin:0px 0px 0px 30px;
padding:0px;
}


.moduleDetailWrapperCurrentVacancies #moduleItemContent ul li{
    margin:4px 0px;
}

/*****
.moduleDetailWrapperCurrentVacancies #moduleItemContent ul li:before{
content:"-";
}
***/

/************************************/


.moduleItemsListingCurrentVacanciesTwo{
float:left;
position:relative;
width:100%;
margin:0px 0px 50px;
}


.moduleItemsListingCurrentVacanciesTwo .moduleItemsListingItem {
float:right;
position:relative;
width:100%;
box-sizing:border-box;
padding:20px 0px 20px 0px;
border-bottom:1px solid #9B9B9B;
}



.currentVacanciesContainer .moduleComponentcurrentVacancies .componentItemWrapper{
float:left;
position:relative;
margin:0px 0px 0px;
padding:0px 0px 0px;
width:90%;
}


.moduleItemsListingCurrentVacanciesTwo .moduleItemsListingItem a.readMorePlusLink {
position: absolute;
top: 50%;
transform: translateY(-100%);
right: 0px;
width: 24px;
height: 24px;
line-height: 24px;
text-align: center;
font-weight: bold;
font-family: arial, sans-serif;
background: #00234b;
color: #fff;
text-decoration: none;
}


.moduleItemsListingCurrentVacanciesTwo .moduleItemsListingItem .title{
    font-size:24px;
    font-family: 'cocogooseregular';
    text-transform:none;
    margin:0px 0px 10px;
    padding:0px;
    color:#00234b;
    font-weight:400;

}

.moduleItemsListingCurrentVacanciesTwo .moduleItemsListingItem .title a{
    color:#00234B!important;
    font-weight:400!important;
    text-decoration:none;
}

.moduleItemsListingCurrentVacanciesTwo .moduleItemsListingItem .date{
display:none;
}


.moduleDetailWrapperCurrentVacancies #moduleItemContent{
float:left;
position:relative;
width:100%;
box-sizing:border-box;
padding:0px 40px 0px 0px;
}


.moduleDetailWrapperCurrentVacancies .applyContainer{
float:left;
position:relative;
    width:100%;
    box-sizing:border-box;
}




/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 768px) {

    .moduleDetailWrapperCurrentVacancies #moduleItemContent{
    width:50%;
    padding:0px 40px 0px 0px;
    }


    .moduleDetailWrapperCurrentVacancies .applyContainer{
        width:50%;
    }

}


/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 992px) {

    .moduleDetailWrapperCurrentVacancies #moduleItemContent{
    width:60%;
    padding:0px 40px 0px 0px;
    }


    .moduleDetailWrapperCurrentVacancies .applyContainer{
        width:40%;
    }

}

.moduleDetailWrapperArticles h1,
.moduleDetailWrapperNews h1{
font-family: 'cocogooselight';
}



/******************/

/******************/

#cookieContainer{
    position: fixed;
    bottom:10px;
    left:2%;
    right:2%;
  width:96%;
    z-index:9999;

}

/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 768px) {


    #cookieContainer{
        bottom:10px;
        left:0px;
        right:10px;
         width:100%;

    }

}

.button-fixed{
    margin:0px auto 0px;
    width:100%;
    padding:10px 20px 10px;
    box-sizing:border-box;
    background-color:#130f40;
    z-index:9999;
    box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
}

/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 768px) {

    .button-fixed{
        width:768px;
    }

}


#cookieContainer h2{
  text-transform: none!important;
  font-family: 'cocogooselight';
    color:#FFF!important;
    font-size:30px!important;
    margin:0px;
}

#cookieContainer p{
    color:#FFF!important;

}

.fas{
position:relative;
float:right;
cursor: pointer;
font-size: 24px;
color:#FFF;
margin:-35px 0px 0px 0px;
}
.button-fixed a{
color:#FFF;
}

.btn-danger{
 display: inline-block;

  color: #fff;
  background-color: #dc3545;
      border: 1px solid transparent;
  border-color: #dc3545;
    width:100%;

  font-weight: 400;
  line-height: 1.5;
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  border-radius: 0.25rem;
  transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}


.btn-danger:hover{
 display: inline-block;
  color: #fff;
  background-color: #dc3545;
      border: 1px solid transparent;
  border-color: #dc3545;
    width:100%;
opacity:0.9;
}


.moduleItemLegalServices {
  position:relative;
  float:left;
  width:100%;
}
/******************************/
/******************************/

.legalServicesBtns{
position:relative;
float:left;
width:100%;
margin:0px;
}

.legalServicesBtns a{
display:inline-block;
    position:relative;
float:left;
margin:0px 4px 0px 0px;
padding:10px 50px;
text-transform:uppercase;
text-decoration:none;
    background:#e9e8e5 ;
    color:#FFF;
    font-weight:400;
    font-family: "cocogoose";
    font-size:18px;
    line-height:1.4;
    transition:all 0.5s;
}


.legalServicesBtns a.active.chineseBtn,
.legalServicesBtns a.chineseBtn{
font-family: 'Noto Sans SC', sans-serif;
font-weight:400;
}

.legalServicesBtns a.active.englishBtn,
.legalServicesBtns a.active.chineseBtn{
background: #667b90;
}

.legalServicesBtns a.active.englishBtn:hover,
.legalServicesBtns a.active.chineseBtn:hover{
background: #667b90;
}

.legalServicesBtns a.englishBtn:hover,
.legalServicesBtns a.chineseBtn:hover{
background:#00234b
}

#moduleItemsListingLegalServices #legalServices802{
display:none;
}

/*******************Summer Clerk Programme*********************/

.moduleComponentContainersummerClerkProgramme{
    float:left;
    position:relative;
    width:100%;
}

.moduleComponentContainersummerClerkProgramme .bannerTitle{
    display:none;
}

.moduleComponentContainersummerClerkProgramme .moduleComponent{
    float:left;
    position:relative;
    width:100%;
    border-bottom:1px solid #DDD;
    padding-bottom:50px;
    box-sizing:border-box;
}

.moduleComponentContainersummerClerkProgramme .moduleComponent:first-child{
margin:50px 0px;
    padding-left:3%;
    padding-right:3%;
}


/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 1200px) {

    .moduleComponentContainersummerClerkProgramme .moduleComponent:first-child{
    margin:50px 0px;
    padding-left:90px;
    padding-right:90px;
    }

}

.moduleComponentContainersummerClerkProgramme .moduleComponent h2{
text-transform:none;
font-size:32px;
margin-top:0px;
}

.moduleComponentContainersummerClerkProgramme .moduleComponent .btnContainer{
      float:left;
    position:relative;
    width:100%;  
    margin-top:30px;
}

.moduleComponentContainersummerClerkProgramme .moduleComponent .btnContainer a{
background:#262D48;
    color:#FFF;
    text-decoration:none;
padding:11px 25px;
    border:2px solid #262D48;
        transition:all 0.5s;
}


.moduleComponentContainersummerClerkProgramme .moduleComponent .btnContainer a:hover{
background:#FFF;
color:#262D48;
border:2px solid #262D48;
    transition:all 0.5s;
}


.moduleComponentContainersummerClerkProgramme .moduleComponent .bannerImageContainer:before{
    left: 0%;
    top: 0%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: transparent;
    border-left-color: transparent;
    border-width: 0;
    margin-top: 0px;
    z-index: 1000;
}

.moduleComponentContainersummerClerkProgramme .moduleComponent850 .bannerImageContainer{
    float:right;
    position:relative;
    width:100%;
    margin:20px 0px 0px;
}

.moduleComponentContainersummerClerkProgramme .moduleComponent850 .bannerHtmlContent{
    float:left;
    position:relative;
    width:100%;
}

/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 768px) {

    .moduleComponentContainersummerClerkProgramme .moduleComponent850 .bannerImageContainer{
        float:right;
        position:relative;
        width:60.66%;
        margin:0px;
    }
    
    .moduleComponentContainersummerClerkProgramme .moduleComponent850 .bannerHtmlContent{
        float:left;
        position:relative;
        width:33%;
    }


}

.moduleComponentContainersummerClerkProgramme .moduleComponent.moduleComponent851{

    border-bottom:0px solid #ddd;
    margin-top:50px;
    width:100%;
    float:left;
    position:relative;
    padding-right:0px;
    padding-bottom:0px;
}


/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 1200px) {

    .moduleComponentContainersummerClerkProgramme .moduleComponent.moduleComponent851{
        padding-right:80px;
        padding-bottom:0px;
    }


}


.moduleComponentContainersummerClerkProgramme .moduleComponent.moduleComponent852,
.moduleComponentContainersummerClerkProgramme .moduleComponent.moduleComponent853{
    border-bottom:0px solid #ddd;
    width:100%;
    float:left;
    position:relative;
    padding-bottom:0px;
}

    .moduleComponentContainersummerClerkProgramme .moduleComponent.moduleComponent853{
       padding-bottom:50px;
    }


/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 544px) {

    .moduleComponentContainersummerClerkProgramme .moduleComponent.moduleComponent852,
    .moduleComponentContainersummerClerkProgramme .moduleComponent.moduleComponent853{
        border-bottom:0px solid #ddd;
        width:50%;
        float:left;
        position:relative;
       padding-bottom:50px;
    }


}


/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 768px) {

    .moduleComponentContainersummerClerkProgramme .moduleComponent.moduleComponent851{
    
        border-bottom:0px solid #ddd;
        margin-top:50px;
        width:39.3%;
        padding-right:80px;
        padding-bottom:50px;
    }
    
    
    .moduleComponentContainersummerClerkProgramme .moduleComponent.moduleComponent852,
    .moduleComponentContainersummerClerkProgramme .moduleComponent.moduleComponent853{
        border-bottom:0px solid #ddd;
        width:30.3%;
    }


}


.moduleComponentContainersummerClerkProgramme .moduleComponent.moduleComponent852 .bannerHtmlContent,
.moduleComponentContainersummerClerkProgramme .moduleComponent.moduleComponent853 .bannerHtmlContent{
    margin-top:20px;
    width:97%;
    float:left;
    position:relative;
    background:#14838F;
    min-height:300px;
    box-sizing:border-box;
    padding:30px 20px;
}

.moduleComponentContainersummerClerkProgramme .moduleComponent.moduleComponent853 .bannerHtmlContent{
    margin-left:0%;
}


/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 544px) {


    .moduleComponentContainersummerClerkProgramme .moduleComponent.moduleComponent852 .bannerHtmlContent,
    .moduleComponentContainersummerClerkProgramme .moduleComponent.moduleComponent853 .bannerHtmlContent{
        margin-top:50px;
        width:97%;
    }
    
    .moduleComponentContainersummerClerkProgramme .moduleComponent.moduleComponent853 .bannerHtmlContent{
        margin-left:3%;
    }

}

/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 768px) {

    .moduleComponentContainersummerClerkProgramme .moduleComponent.moduleComponent852 .bannerHtmlContent,
    .moduleComponentContainersummerClerkProgramme .moduleComponent.moduleComponent853 .bannerHtmlContent{
        margin-top:50px;
        width:97%;
    }
    
    .moduleComponentContainersummerClerkProgramme .moduleComponent.moduleComponent853 .bannerHtmlContent{
        margin-left:3%;
    }

}


.moduleComponentContainersummerClerkProgramme .moduleComponent.moduleComponent852 .bannerHtmlContent h2,
.moduleComponentContainersummerClerkProgramme .moduleComponent.moduleComponent853 .bannerHtmlContent h2{
font-size:28px;
color:#FFF;
}

.moduleComponentContainersummerClerkProgramme .moduleComponent.moduleComponent852 .bannerHtmlContent p,
.moduleComponentContainersummerClerkProgramme .moduleComponent.moduleComponent853 .bannerHtmlContent p{
font-size:15px;
    color:#FFF;
}
.moduleComponentContainersummerClerkProgramme .moduleComponent.moduleComponent852 .bannerLinkMask,
.moduleComponentContainersummerClerkProgramme .moduleComponent.moduleComponent853 .bannerLinkMask{
    position:absolute;
    top:0;
    left:0;
    bottom:0;
    right:0;

}

.moduleComponentContainersummerClerkProgramme .moduleComponent.moduleComponent852 .bannerLinkMask:after,
.moduleComponentContainersummerClerkProgramme .moduleComponent.moduleComponent853 .bannerLinkMask:after{
    content:"";
    position:absolute;
    width:27px;
    height:30px;
    bottom:20px;
    right:20px;
    background: url(img/smallPlusIcon.jpg) bottom right no-repeat;
}



.moduleComponentContainersummerClerkProgramme .moduleComponent854 .bannerImageContainer{
    float:left;
    position:relative;
    width:100%;

}

.moduleComponentContainersummerClerkProgramme .moduleComponent854 .bannerHtmlContent{
    float:left;
    position:relative;
    width:100%;
}


/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 768px) {

    .moduleComponentContainersummerClerkProgramme .moduleComponent854 .bannerImageContainer{
        float:right;
        position:relative;
        width:60.66%;
    
    }
    
    .moduleComponentContainersummerClerkProgramme .moduleComponent854 .bannerHtmlContent{
        float:left;
        position:relative;
        width:33%;
    }


}


.moduleComponentContainersummerClerkProgramme .moduleComponent854{
    border-top:1px solid #DDD;
    padding-top:50px;
    border-bottom:0px solid #DDD;
}



.moduleComponentContainersummerClerkProgramme .moduleComponent855{
    border-top:0px solid #DDD;
    border-bottom:0px solid #DDD;
    padding:30px;
    background:#E9E8E5;
    margin-bottom:50px;

}

/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 768px) {

    .moduleComponentContainersummerClerkProgramme .moduleComponent855{
        padding:100px;
        margin-bottom:50px;
    }


}


.moduleComponentContainersummerClerkProgramme .moduleComponent855 p{
font-size:15px;
}


/***************Home top callout Banner******************/

.moduleComponentContainerhomeTopCallout{
    float:left;
    position:relative;
    width:100%;
    margin:30px 0px 50px;
    }
    
    .moduleComponentContainerhomeTopCallout .bannerHtmlContent{
    float:right;
    position:relative;
    width:100%;
    box-sizing:border-box;
    padding:0px;
    background:#e3e3df;
    }
    
    .moduleComponentContainerhomeTopCallout .bannerHtmlContent .bannerHtmlContentInner{
    float:right;
    position:relative;
    width:100%;
    box-sizing:border-box;
    padding:31.5px 50px!important;
    }
    
    .moduleComponentContainerhomeTopCallout .bannerHtmlContent .imageContainer{
    
    position:absolute;
    top:0;
    left:0px;
    height:100%;
    width:50%;
    box-sizing:border-box;
    padding:30px;
    background:#e3e3df;
    background-size:cover!important;
        display:none;
    }

.moduleComponentContainerhomeTopCallout .videoContainer{
    position:relative;
    float:left;
    width:100%;
    background:#FFF;
}


    /*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
    @media screen and (min-width: 768px) {
    
    .moduleComponentContainerhomeTopCallout .videoContainer{
        position:absolute;
        top:0;
        left:0px;
        bottom:0px;
        width:50%;
    }
    
    }
    
    
    /*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
    @media screen and (min-width: 768px) {
    
        .moduleComponentContainerhomeTopCallout .bannerHtmlContent .bannerHtmlContentInner{
        width:50%;
        padding:50px;
        }
    
        .moduleComponentContainerhomeTopCallout .bannerHtmlContent .imageContainer{
            display:block;
        }
    
    }
    
    
    
     .moduleComponentContainerhomeTopCallout .bannerTitle{
      font-size: 16px!important;
      font-family: 'cocogooseregular'!important;
      text-transform: none!important;
      color:#00234b!important;
      margin:0px 0px 20px!important;
      padding:0px!important;
      text-decoration:none!important;
    }
    
    .moduleComponentContainerhomeTopCallout .bannerHtmlContent h3{
    margin:0px;
    padding:0px;
    text-transform:none;
    font-family: 'cocogooselight';
    }
    
    .moduleComponentContainerhomeTopCallout .bannerHtmlContent p{
    font-size: 14px;
    line-height:1.4;
        text-align: justify;
    }
    
    .moduleComponentContainerhomeTopCallout .bannerLinkMask{
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    right:0px;
    }


.moduleComponentContainerhomeTopCallou .videoContainer{
    position:absolute;
    top:0;
    left:0px;
    bottom:0px;
    width:50%;
}


/**************Footer******************/

.footerContactDetails{
    float:left;
        position:relative;
        width:100%;
        box-sizing:border-box;

        
    }

/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 544px) {

.footerContactDetails{

        width:60%;

 
    }

}

.footerContactDetails p{
        margin-bottom:10px;
    font-size:12px!important;


    }

.footerContactDetails h4{
  font-family: 'cocogooseregular'!important;
  text-transform: none!important;
  margin:0px 0px 10px!important;
  padding:0px!important;
  text-decoration:none!important;
    }
    
    
    .footerImages{
     float:left;
        position:relative;
        width:100%;
        box-sizing:border-box;
        display:none;
         
    }

/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
@media screen and (min-width: 500px) {

.footerImages{

        width:40%;
    display:block;

    }

}
    
    .footerImages img.yrsImg{
     float:right;
        position:relative;
        width:253px!important;
     

    }
    
    .footerImages img.rainbowTickImg{
     float:right;
        position:relative;
        width:154px!important;
    }
    
    .footerLogo{
       float:right;  
        margin: 0px 0px 0px;
        display:none;
    }

    /*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
    @media screen and (min-width: 500px) {
        .footerLogo{
        display:block;
    }


}
    
    .copyRightFooter { 
        float:left;
        position:relative;
        width:100%;
            border-top:0px solid #2b3e5f;
        padding:0px 0px 0px;
        margin:20px 0px 0px;
    }

   /*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
        @media screen and (min-width: 500px) {

            
        .copyRightFooter { 
            border-top:1px solid #2b3e5f;
        padding:20px 0px 0px;
        margin:20px 0px 0px;
        }
    
    
    }


 .copyRightFooter span{      
    
   float:left;
}

    /*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
    @media screen and (min-width: 500px) {
    
     .copyRightFooter span{      
        
       float:right;
    }

}


.footer .centerContainerInner {
    padding: 0px 5% 20px;
    width: 90%;
    margin: 0px auto 3px;
}



    /*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
    @media screen and (min-width: 500px) {
   .footer .centerContainerInner {
    background: #00234b;
    padding: 30px 5%;
    width: 90%;
    margin: 0px auto 3px;
} 


}






.service-details {
  position: relative;
  display: block;
  padding: 40px 0 60px;
}
@media (max-width: 767px) {
  .service-details {
    padding: 60px 0 0;
  }
}

.service-details_sidebar {
  position: relative;
  display: block;
}

.service-details_sidebar-service {
  position: relative;
  display: block;
}

.service-details_sidebar-service-list {
  margin: 0;
}

.service-details_sidebar-service-list li + li {
  margin-top: 2px;
}

.service-details_sidebar-service-list li a {
  color: #08273E;
  font-size: 16px;
  font-weight: 500;
  position: relative;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
  display: block;
  background-color: #edf3f6;
  padding: 20px 40px;
  margin-bottom: 20px;
}

.service-details_sidebar-service-list li.current a,
.service-details_sidebar-service-list li a:hover {
  background-color: #08273E;
  color: #fff;
}

.service-details_sidebar-service-list li a span {
  position: absolute;
  top: 50%;
  right: 40px;
  transform: translateY(-50%) scale(0);
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
  color: #08273E;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 15px;
}

.service-details_sidebar-service-list li.current a span,
.service-details_sidebar-service-list li a:hover span {
  transform: translateY(-50%) scale(1);
  color: #fff;
}

.service-details_need-help {
  position: relative;
  display: block;
  padding: 53px 50px 51px;
  text-align: center;
  z-index: 1;
  background-color: #08273E;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .service-details_need-help {
    display: none;
  }
}
@media (max-width: 767px) {
  .service-details_need-help {
    display: none;
  }
}

.service-details_need-help-bg {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  background-color: #08273E;
  opacity: 0.1;
  z-index: -1;
}

.service-details_need-help-icon {
  height: 57px;
  width: 57px;
  background-color: #fff;
  color: #333;
  font-size: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  margin: 0 auto 0;
  transition: all 500ms ease;
}

.service-details_need-help-icon:hover {
  background-color: #fff;
  color: #08273E;
}

.service-details_need-help-title {
  font-size: 35px;
  color: #fff;
  line-height: 40px;
  margin-bottom: 33px;
}

.service-details_need-help-contact {
  position: relative;
  display: block;
  margin-top: 31px;
}

.service-details_need-help-contact p {
  font-size: 16px;
  color: #eee;
  margin: 0;
  line-height: 29px;
}

.service-details_need-help-contact a {
  font-size: 24px;
  color: #fff;
  font-weight: 700;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}

.service-details_need-help-contact a:hover {
  color: #08273E;
}

.service-details_right {
  position: relative;
  display: block;
}

.service-details_img {
  position: relative;
  display: block;
}

.service-details_img img {
  width: 100%;
}

/*Button Style */
.main-btn {
  display: inline-flex;
  align-items: center; margin-bottom:10px;
  justify-content: center;
  padding: 18px 30px;
  font-size: 14px;
  font-weight: 500;
  border-radius: 7px;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  text-transform: uppercase;
  letter-spacing: 1px;
  position: relative;
  z-index: 1;
  overflow: hidden;
}
@media (max-width: 767px) {
  .main-btn {
    padding: 14px 8px;
  }
}

.main-btn.primary {
  background: #08273E;
  color: #fff !important;
  margin-right: 6px;
}

.main-btn.white {
  background: #fff;
  color: #333;
  margin-right: 20px;
  box-shadow: 0 5px 83px 0 rgba(40, 40, 40, 0.11);
}
.main-btn.white:hover {
  color: #fff;
}

.main-btn.border-btn {
  background: transparent;
  color: #fff;
  border: 2px solid #fff;
  margin-right: 20px;
}
.main-btn.border-btn:hover {
  color: #121D24;
}
.main-btn.border-btn:hover::before {
  background: #fff;
}

.main-btn i {
  font-size: 18px;
  margin-left: 10px;
}

.main-btn::before {
  background: #121D24;
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: -1;
  -webkit-transform: scaleX(0);
  -ms-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: right center;
  -ms-transform-origin: right center;
  transform-origin: right center;
  -webkit-transition: -webkit-transform 0.24s ease-in-out;
  transition: -webkit-transform 0.24s ease-in-out;
  -o-transition: transform 0.24s ease-in-out;
  transition: transform 0.24s ease-in-out;
  transition: transform 0.24s ease-in-out, -webkit-transform 0.24s ease-in-out;
}

.main-btn:hover::before {
  -webkit-transform: scaleX(1);
  -ms-transform: scaleX(1);
  transform: scaleX(1);
  -webkit-transform-origin: left center;
  -ms-transform-origin: left center;
  transform-origin: left center;
}