/*

Skin: GTSR_01
Version: 20170630

Contents

1. CLIENT SPECIFIC
	1.1 Fonts
    1.2 Menu
    1.3 Logo
    1.4 Avatar
    1.5 Borders
    1.6 Text Pages
    
2. GLOBAL
	2.1 Colours
	2.2 General
    2.3 Buttons
    2.4 Errors
    2.5 Dialogues
    2.6 Tooltips
    2.7 Hidden
    2.8 Modals

3. PRE APPLICATION
	3.1 Home
	3.2 Job search
    3.3 No vacancies
    3.4 Categories
    3.5 Search results
    3.6 Job description
	3.7 Job alerts
	3.8 Questions
    3.8a Quiz
    3.9 Login
    3.10 Register
    3.11 Tabs

4. CANDIDATE PORTAL
	4.1 My home
	4.2 My profile
    4.3 My applications

5. APPLICATION SECTIONS
	5.1 Progress bar
	5.2 Application summary
    5.3 Global sections
    5.4 CV upload
    5.5 Equal Opportunities
    5.6 Interviews

6. MEDIA QUERIES
	6.1 Laptop
	6.2 Tablet
    6.3 Phablet
    6.4 Phone

*/

/* --------------------------------------
=========================================
   1. CLIENT SPECIFIC
=========================================
-----------------------------------------*/

/*---------------------------------------
   1.2 Fonts              
-----------------------------------------*/

html body {
    font-family: "myriad-pro-light",sans-serif;
    line-height: 1.8;
    font-size: 16px;
}

h1 {
    font-weight: bold;
    font-size: 40px;
    color: #01465d;
    text-align: center;
    margin: 1em auto;
}

    h1.strapline {
        font-size: 42px;
        color: #333;
        padding-bottom: 0;
        margin-top: 30px;
        margin-bottom: 30px;
    }

/*---------------------------------------
   1.2 Menu              
-----------------------------------------*/

.Home .footer .container .row .list-inline li a {
    color: #5F6A72;
}

    .Home .footer .container .row .list-inline li a:hover {
        color: #01465d;
    }

#site-navigation .menu-primary-container .primary-menu .top-nav,
#site-navigation .menu-primary-container .primary-menu .bottom-nav {
}

    #site-navigation .menu-primary-container .primary-menu .top-nav li:nth-child(1) {
        padding: 0px 52px 0px;
    }

    #site-navigation .menu-primary-container .primary-menu .top-nav .job-alerts-logged-off {
        padding: 0px 59px 0;
    }

    #site-navigation .menu-primary-container .primary-menu .top-nav .sub-menu-link,
    #site-navigation .menu-primary-container .primary-menu .top-nav li,
    #site-navigation .menu-primary-container .primary-menu .bottom-nav .menu-item {
    }

    #site-navigation .menu-primary-container .primary-menu .top-nav li,
    #site-navigation .menu-primary-container .primary-menu .bottom-nav .menu-item {
        padding: 0px 20px 0;
    }

    #site-navigation .menu-primary-container .primary-menu .bottom-nav #menu-item-50 .down-arrow-nav {
        font-size: 14px;
    }

    #site-navigation .menu-primary-container .primary-menu .top-nav li .active,
    #site-navigation .menu-primary-container .primary-menu .bottom-nav .active a {
        color: #01465d;
    }

    #site-navigation .menu-primary-container .primary-menu .top-nav .linkedin-nav {
        width: 10%;
        margin-left: 1.4%;
        padding: 0px 39px 0px;
    }

    #site-navigation .menu-primary-container .primary-menu .top-nav li:nth-child(2) {
        padding: 0px 58px 0px;
    }

    #site-navigation .menu-primary-container .primary-menu .top-nav .sign-out {
        padding: 0px 46.5px 0px !important;
    }

    #site-navigation .menu-primary-container .primary-menu .top-nav .job-alerts {
        padding: 0px 57.5px 0px;
    }

    #site-navigation .menu-primary-container .primary-menu .top-nav .my-account {
        padding: 0px 55.5px 0;
    }

    #site-navigation .menu-primary-container .primary-menu .top-nav .linkedin-nav a,
    #site-navigation .menu-primary-container .primary-menu .mobile-menu .linkedin-nav a {
        float: right;
        background-repeat: no-repeat !important;
        background-size: cover !important;
        background: url(../images/custom/linkedIn-logo.png);
        background-position: center;
        width: 27px;
        height: 27px;
        border-radius: 3px;
    }

#site-navigation .menu-primary-container .primary-menu .mobile-menu .linkedin-nav {
    overflow: auto;
}

    #site-navigation .menu-primary-container .primary-menu .mobile-menu .linkedin-nav a {
        float: left;
        width: 27px;
        margin-bottom: 2%;
        margin-left: 10px;
    }

#site-navigation .menu-primary-container .primary-menu .mobile-menu .mob-sub-menu-category {
    padding-left: 46px;
}

.menu-control {
    text-align: center;
    padding-bottom: 10px;
    padding-top: 10px;
}

    .menu-control:hover {
        cursor: pointer;
    }

#nav-mobile,
.menu-control {
    display: none;
}

/* for 1048px or less */
@media screen and (max-width: 1048px) {

    #nav-mobile,
    .menu-control {
        display: block;
    }

    html body ul.closed,
    #topnav {
        display: none;
    }
}

/*---------------------------------------
   1.3 Logo              
-----------------------------------------*/

#logo {
    padding-top: 1em;
}

.logo-tag {
    margin-left: 10px;
    font-weight: bold;
    position: relative;
    bottom: 0;
    top: 10px;
}

/*---------------------------------------
   1.4 Avatar              
-----------------------------------------*/

#ProfileIcon img {
    width: 50px;
    transition: all .2s ease-in-out;
}

    #ProfileIcon img:hover {
        transform: scale(1.2);
    }

/*
#WelcomeInfoBlock_MyDetails_formRow .iconImage img,
#ProfileIcon img {
    border-radius: 50%;
}
*/

#ProfileIcon strong {
    position: relative;
    bottom: 20px;
    right: 10px;
}

#links-top .avatar-submenu li {
    width: 100%;
    display: block;
}

/*---------------------------------------
   1.5 Borders              
-----------------------------------------*/

/* Div radius */

#eaContainer #Grid_PERSONALDETAILS_pageBlock,
#eaContainer .pageBlockInner_FormBlock div.formRowFileUploadRow .filenameInner,
#eaContainer .pageBlockInner_FormBlock div.formRowFileUploadRow .rcFileMenu,
#eaContainer .pageBlockInner_FormBlock div.formRowFileUploadRow .bottomControlContainer .filename,
#eaContainer .pageBlockInner_FormBlock div.formRowFileUploadRow .bottomControlContainer li,
#eaContainer .ulListItemLabel,
/* #eaContainer .gridContent,*/
#eaContainer .PosMyAppSummaryValues,
#eaContainer .PosMyAppSummaryValues div,
body #eaContainer #MyDetailsStauts_pageBlockContainer .pageBlockContent.pageBlockContent_TextTagReplacementBlock,
#eaContainer div.listContainer *,
#eaContainer #posdesc_pageBlock .posdescriptionPropertyBox,
#eaContainer #posdesc_pageBlock .posrating,
#eaContainer #posdesc_pageBlock .possharing,
#eaContainer #posdesc_pageBlock .posAlerts,
#eaContainer .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulListItem,
#eaContainer #Home_pageView #CodeListCounts_pageBlock .listItemContainer,
#eaContainer #Application_Home_pageView .ulListItem {
    /*border-radius: 0.25em;*/
}

/* Inputs, buttons, images radius */

body #eaContainer .formRowTextAreaRow .controlContainer,
body #eaContainer .formRowTextAreaRow .controlContainer .inputTextArea,
body #eaContainer .pageBlockInner_FormBlock textarea.inputTextArea,
#eaContainer textarea,
#login_pageBlock .ssoIconLink, #newregister_pageBlock .ssoIconLink,
#eaContainer div,
.posdescriptionPropertyBox,
.posrating,
.possharing,
.posAlerts,
#eaContainer .posBrowserMapBlock .gridTop,
html body .tooltip2_Outer,
#eaContainer .posBrowserMapBlock .addressContainer .addressInput,
#eaContainer #Pos_Category_Description_pageView #categorydesc_pageBlock .imageContainer img,
#eaContainer #Campaign_Detail_pageView #campaign_pageBlock .imageContainer img,
#eaContainer #SearchForm_pageBlockContainer div.pageBlockInner_FormBlock div.formRow .controlContainer .inputText,
.pageBlockInner_FormBlock .formRow input, .pageBlockInner_FormBlock .formRow select,
body button.buttonAnchor,
body input.buttonSubmit,
body a.buttonAnchor,
#eaContainer a.button,
#eaContainer .addressButton,
#eaContainer #Home_pageView #noPositions_pageBlockContainer .bottomContainer .buttonContainer a,
#eaContainer #Pos_Description_pageView #posdesc_pageBlock a.right,
#eaContainer .fileuploadbutton,
#eaContainer .buttonsLeft button.buttonAnchor,
#eaContainer .buttonsRight button.buttonAnchor,
#eaContainer .buttonsLeft input.buttonSubmit,
#eaContainer .buttonsRight input.buttonSubmit,
#eaContainer .buttonsLeft a.buttonAnchor,
#eaContainer .buttonsRight a.buttonAnchor {
    /*border-radius: 0.25em;*/
}


/* No border */

#eaContainer .pageBlockInner_FormBlock div.formRowFileUploadRow .fileupload li,
#eaContainer .fileContainer,
#eaContainer .uploadedFilesContainer,
#eaContainer .questionsAnswerBlock .answersContainer div.appSummaryGridRow,
#eaContainer .questionsAnswerBlock .answersContainer div.appSummaryGridHeader,
#eaContainer .pageBlockInner_GridBlock div.gridContent,
#eaContainer #MyDetails_Username_pageView #Summary_emailList_formRow .emailPrimaryAlreadyContainer,
#eaContainer #MyDetails_pageView #MyDetailsStauts_pageBlock #eArcuProfileSummary,
#eaContainer #MyDetails_pageView #MyDetailsStauts_pageBlock #eArcuLinks,
#eaContainer #MyDetails_pageView #MyDetailsStauts_pageBlock #eArcuProfileImage,
#eaContainer #MyDetails_ConnectedServices_pageView #ConnectedServicesForm_pageBlock .serviceContainer2,
#eaContainer .ulListItemLabel,
/* #eaContainer .gridContent,*/
#eaContainer .PosMyAppSummaryValues,
#eaContainer .PosMyAppSummaryValues div,
#eaContainer .rowContainer,
body #eaContainer #MyDetailsStauts_pageBlockContainer .pageBlockContent.pageBlockContent_TextTagReplacementBlock,
#eaContainer #posdesc_pageBlock .posdescriptionPropertyBox,
#eaContainer #posdesc_pageBlock .posrating,
#eaContainer #posdesc_pageBlock .possharing,
#eaContainer #posdesc_pageBlock .posAlerts,
#eaContainer .posBrowserMapBlock .addressContainer,
html body .tooltip2_Outer,
#eaContainer #posBrowser_ResultsGrid_pageBlock .rowContainer,
html body .posListHover .contentContainer,
#eaContainer #posBrowser_Filter_pageBlock .FiltersContainer .ButtonsRow,
#eaContainer #posBrowser_Filter_pageBlock .FiltersContainer,
#eaContainer #posBrowser_Filter_pageBlock .HeaderContainer,
#eaContainer .posBrowserMapBlock .gridTop,
#eaContainer .sysadminblock,
#eaContainer button.addressButton,
#eaContainer .posBrowserMapBlock .addressContainer .addressInput,
#eaContainer .pageBlockInner_GridBlock .gridTop .TilesGridSortingPopup,
#eaContainer #Pos_Category_Description_pageView #categorydesc_pageBlock .imageContainer,
#eaContainer #Campaign_Detail_pageView #campaign_pageBlock .imageContainer,
#eaContainer #Home_pageView #CodeListCounts_pageBlockContainer .availableListsContainer,
.listItemAnchorContainer,
#eaContainer .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulListItem,
#eaContainer #Home_pageView #CodeListCounts_pageBlock .listItemContainer,
#eaContainer #Application_Home_pageView .ulListItem,
#eaContainer #Home_pageView #CodeListCounts_pageBlockContainer .availableListsContainer,
#eaContainer #Home_pageView #noPositions_pageBlockContainer .topContent,
#eaContainer #Home_pageView #noPositions_pageBlockContainer .title,
#eaContainer #Home_pageView #noPositions_pageBlockContainer .content,
#quicksearch_pageBlockContainer input.buttonSubmit,
body button.ui-dialog-titlebar-close,
.ui-dialog-titlebar-close,
body .ui-dialog,
body button.buttonAnchor,
body input.buttonSubmit,
body a.buttonAnchor,
#eaContainer a.button,
#eaContainer .addressButton,
#eaContainer #Home_pageView #noPositions_pageBlockContainer .bottomContainer .buttonContainer a,
#eaContainer #Pos_Description_pageView #posdesc_pageBlock a.right,
#eaContainer .fileuploadbutton,
#eaContainer .buttonsLeft button.buttonAnchor,
#eaContainer .buttonsRight button.buttonAnchor,
#eaContainer .buttonsLeft input.buttonSubmit,
#eaContainer .buttonsRight input.buttonSubmit,
#eaContainer .buttonsLeft a.buttonAnchor,
#eaContainer .buttonsRight a.buttonAnchor,
#eaContainer a,
#eaContainer .pageBlockInner_GridBlock .gridTop {
    border: 0;
}

    /* Rounded corners */
    #Grid_PERSONALDETAILS_pageBlock .rowlink a,
    body button.buttonAnchor,
    body input.buttonSubmit,
    body a.buttonAnchor,
    #eaContainer a.button,
    #eaContainer .addressButton,
    #eaContainer #Home_pageView #noPositions_pageBlockContainer .bottomContainer .buttonContainer a,
    #eaContainer #Pos_Description_pageView #posdesc_pageBlock a.right,
    #eaContainer .fileuploadbutton,
    #eaContainer .buttonsLeft button.buttonAnchor,
    #eaContainer .buttonsRight button.buttonAnchor,
    #eaContainer .buttonsLeft input.buttonSubmit,
    #eaContainer .buttonsRight input.buttonSubmit,
    #eaContainer .buttonsLeft a.buttonAnchor,
    #eaContainer .buttonsRight a.buttonAnchor,
    .gridContainer .rowlink a,
    #eaContainer .pageBlockInner_GridBlock .gridTop,
    #eaContainer #posBrowser_Filter_pageBlock .HeaderContainer,
    #eaContainer #posBrowser_ResultsGrid_pageBlock .rowContainer,
    #eaContainer .markerStatsContainer,
    #eaContainer .OfferSectionsSummaryBlockContainer .ulListItem,
    #Application_Home_pageView #sectionslist_pageBlock .ulListItem,
    #eaContainer .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulListItem.Completed,
    #Application_Home_pageView #sectionslist_pageBlock .ulListItem.Completed {
        border-radius: 3px;
    }

/*---------------------------------------
   1.6 Text Pages              
-----------------------------------------*/
.show {
    display: block !important;
    visibility: visible;
}
/* Accordion */

button.accordion-button {
    /*
    background-color: #eee;
    color: #444;
    */
    background-color: inherit;
    cursor: pointer;
    /* padding: 18px; */
    padding-top: 18px;
    padding-bottom: 18px;
    width: 100%;
    text-align: left;
    border: none;
    outline: none;
    transition: 0.4s;
    font-size: 19px;
    color: #9a9b9c;
}

    button.accordion-button.active,
    button.accordion-button:hover {
        /* background-color: #ddd; */
    }

div.accordion-content {
    /* padding: 0 18px; */
    /* background-color: white; */
    padding: 0 6px 22px;
    display: none;
}


.Pos_Find_Results .content {
    padding: 2em 0;
}

div.accordion-content.show {
    display: block;
}

#core-values {
    margin: 2em auto;
}


button.accordion-button:after {
    font-family: 'FontAwesome';
    content: '\f067';
    /* content: '\02795'; */
    font-size: 13px;
    color: #BEBEBE;
    float: right;
    margin-left: 5px;
}

button.accordion-button.active:after {
    font-family: 'FontAwesome';
    content: '\f068';
    /* content: "\2796"; */
}

.accordion-container {
    border-bottom: 1px solid #E8E8E8;
}


h1.heading-section {
    font-size: 36px;
    color: #AF2948;
    padding: 20px 40px;
    margin: 0px;
    display: inline;
    vertical-align: middle;
    text-align: center;
    width: 50%;
    border-radius: 6px;
    background-color: #fff;
    height: auto;
    overflow: hidden;
    top: -160px;
    position: relative;
    vertical-align: middle;
    font-weight: bold;
}

.Pos_Find_Results #eaContainer #posBrowser_ResultsGrid_pageBlock .rowContainer:hover {
    border: none;
}

.Home div#home-img {
    margin-top: 0em;
    background: #000;
    position: relative;
}

    .Home div#home-img .flx-embed .home-banner-img {
        width: 100%;
        overflow: hidden;
        height: 100%;
        max-height: 900px;
        position: relative;
        z-index: 0;
    }

        .Home div#home-img .flx-embed .home-banner-img #home-banner-pic {
            width: 100%;
            height: auto;
        }

.fading {
    animation: fading 10s infinite;
    transition: all .2s ease-in;
}

@keyframes fading {
    0% {
        opacity: .4
    }

    90% {
        opacity: .9
    }

    100% {
        opacity: .4
    }
}

.Home #content-main .container .quote,
.Home #content-main .container .featured {
    width: 100%;
    overflow: hidden;
    height: auto;
    max-height: 384px;
    position: relative;
}

    .Home #content-main #eaContainer #content_wrapper .mainearcublock .category-heading,
    .Home #content-main .container .featured .feature-heading {
        text-align: center;
        font-weight: bold;
        font-size: 40px;
        color: #01465d;
        margin: 40px auto;
    }

.Home #content-main .container .featured {
    margin-top: 38px;
    padding-bottom: 16px;
    margin-bottom: 22px;
    max-height: none;
}

    .Home #content-main .container .featured .resultsBlock .jobBlock.nojobs_jobBlock {
        text-align: center;
    }

.Home #eaContainer #content_wrapper .mainearcublock .category-heading {
    background-color: rgba(255, 255, 255, 0.5);
    padding-top: 8px;
    padding-bottom: 8px;
    margin-bottom: 0px;
}

.Home #content-main .container .featured .feature-heading-wrapper {
    width: 93%;
    margin-left: 3%;
    position: relative;
    top: 22px;
}

.Home #content-main .container .featured .feature-heading {
    background: #fff;
    border-radius: 6px;
    padding-bottom: 4px;
    margin-bottom: 20px;
    margin-top: 0px;
    padding: 12px;
}

.featured #slider-latest-jobs {
    padding-bottom: 10px;
    border-radius: 30px;
    padding-left: 20px;
    padding-right: 20px;
    position: relative;
    padding-top: 23px;
}

    .featured #slider-latest-jobs .slides {
        overflow: auto;
        height: auto;
        position: relative;
        display: block;
        width: 100%;
    }

    .featured #slider-latest-jobs .flex-control-nav {
        display: block;
        width: 100%;
        position: relative;
        top: 0px;
    }

.main-navigation .sub-menu-category {
    position: absolute;
    background: #fff;
    width: 15%;
    padding: 15px;
    left: 57%;
    display: none;
    top: 46px;
    border-bottom-right-radius: 16px;
    border-bottom-left-radius: 16px;
}

    .main-navigation .sub-menu-category a {
        margin-bottom: 6px;
    }

.sub-menu-category .link {
    width: 100%;
    display: block;
    text-align: center;
    color: #5F6A72;
}

    .sub-menu-category .link:hover {
        color: #01465d;
    }

.featured #slider-latest-jobs .flex-control-nav li a {
    background: #5F6A72;
}

    .featured #slider-latest-jobs .flex-control-nav li a.flex-active {
        background: #01465d;
        border: none;
    }

.featured #slider-latest-jobs .slides li span a h3 {
    font-weight: bold;
    transition: all 0.3s ease;
    text-align: center;
    font-size: 26px;
    color: #5F6A72;
}

.featured #slider-latest-jobs .slides li span {
    background: #e2e2e2;
    display: block;
    position: relative;
    padding: 5px;
    border-radius: 10px;
    margin-bottom: 12px;
}

    .featured #slider-latest-jobs .slides li span a:hover h3 {
        font-size: 27px;
        color: #01465d;
    }

    .featured #slider-latest-jobs .slides li span p {
        font-style: italic;
        text-align: center;
        color: #5F6A72;
    }

.Home .quote {
    background: #01465d;
    height: 100%;
    overflow: auto;
    max-height: 984px;
    margin-top: 40px;
    padding: 2em 0;
    margin-bottom: 0;
}

    .Home .quote .quote-content {
        height: auto;
        overflow: auto;
        width: 76%;
        padding: 3%;
        margin: 0px;
        float: left;
    }

.featured {
    margin-bottom: 3em;
}



.textpage_role_details #content-main .section-header .dark-text {
    font-size: 29px;
    font-weight: bold;
    text-align: center;
    color: #5F6A72;
}

.textpage_role_details #content-main #eaContainer #latest-jobs h1 {
    color: #01465d;
    font-weight: bold;
    font-size: 22px;
}

.textpage_role_details #content-main #eaContainer .buttonAnchor {
    border: 2px solid #01465d;
}

.Home .quote .quote-content #quote {
    overflow: auto;
    height: auto;
    float: left;
}

    .Home .quote .quote-content #quote #quote-mark-left,
    .Home .quote .quote-content #quote #quote-mark-right {
        float: left;
        color: #fff;
        font-weight: bold;
        font-size: 40px;
        overflow: hidden;
        height: auto;
        max-height: 39px;
    }

    .Home .quote .quote-content #quote #quote-mark-right {
        float: right;
    }

    .Home .quote .quote-content #quote p {
        float: left;
        margin: 0px;
        margin-top: 19px;
        font-size: 20px;
        color: #fff;
        font-style: italic;
    }

.Home .quote .quote-picture {
    float: left;
    overflow: auto;
    height: auto;
    width: 20%;
    margin: 22px;
}

    .Home .quote .quote-picture img {
        width: 100%;
        border-radius: 100%;
    }

.Home .quote .quote-content #name {
    float: left;
    font-style: italic;
    color: #fff;
}

.Home #home-img .flx-embed .container .heading-banner {
    width: 100%;
    border-radius: 100px;
    padding: 11px;
    padding-bottom: 20px;
    position: absolute;
    left: 0;
    top: 300px;
}

    .Home #home-img .flx-embed .container .heading-banner .category-heading {
        text-align: center;
        padding: 20px;
        font-weight: bold;
        color: #fff;
        font-size: 53px;
    }

.Home #home-img .flx-embed .container .content-banner {
    width: 80%;
    height: auto;
    padding: 10px 50px;
    background: #fff;
    border-radius: 6px;
    margin: auto;
    min-height: 60px;
    z-index: 1;
    max-width: 1360px;
}

    .Home #home-img .flx-embed .container .content-banner p,
    .Home #home-img .flx-embed .container .content-banner #category-dropdown1,
    .Home #home-img .flx-embed .container .content-banner #category-dropdown2,
    .Home #home-img .flx-embed .container .content-banner #browse-button,
    .Home #home-img .flx-embed .container .content-banner #go-button {
        float: left;
        margin-left: 9px;
    }

    .Home #home-img .flx-embed .container .content-banner p {
        color: #7d7d7d;
        margin-bottom: 0px;
        margin-top: 5px;
        margin-right: 2px;
        font-weight: 100;
        line-height: normal;
    }

    .Home #home-img .flx-embed .container .content-banner #browse-button,
    .Home #home-img .flx-embed .container .content-banner #go-button {
        color: #fff;
        border: 2px solid #fff;
        padding: 5px;
        border-radius: 6px;
        transition: all 0.2s ease;
        width: 18%;
        text-align: center;
        font-weight: bold;
        background: rgba(96, 106, 112, 0.5);
    }

        .Home #home-img .flx-embed .container .content-banner #browse-button:hover,
        .Home #home-img .flx-embed .container .content-banner #go-button:hover {
            background: #01465d;
        }

    .Home #home-img .flx-embed .container .content-banner #category-dropdown1 .category-list-container {
        float: left;
        width: 100%;
        margin: 0px;
        padding: 0px;
        border-top: 2px solid #fff;
        display: none;
        overflow: auto;
        scrollbar-color: #AF2948 #eeeded;
        scrollbar-width: thin;
        background: rgba(175, 41, 72, 0.3);
    }

        .Home #home-img .flx-embed .container .content-banner #category-dropdown1 .category-list-container::-webkit-scrollbar {
            width: 8px;
            height: 7px;
        }

        .Home #home-img .flx-embed .container .content-banner #category-dropdown1 .category-list-container::-webkit-scrollbar-track {
            background: #eeeded;
        }

        .Home #home-img .flx-embed .container .content-banner #category-dropdown1 .category-list-container::-webkit-scrollbar-thumb {
            background: #AF2948;
            border: 1px solid #eeeded;
        }

            .Home #home-img .flx-embed .container .content-banner #category-dropdown1 .category-list-container::-webkit-scrollbar-thumb:hover {
                background: #AF2948;
            }

        .Home #home-img .flx-embed .container .content-banner #category-dropdown1 .category-list-container ul {
            list-style: none;
            margin: 0px;
            padding: 0px;
            max-height: 116px;
        }

        .Home #home-img .flx-embed .container .content-banner #category-dropdown1 .category-list-container .category-option {
            padding: 5px;
            transition: all 0.2s ease;
        }

            .Home #home-img .flx-embed .container .content-banner #category-dropdown1 .category-list-container .category-option:nth-last-child(1) {
                border-bottom-left-radius: 6px;
            }

            .Home #home-img .flx-embed .container .content-banner #category-dropdown1 .category-list-container .category-option:nth-child(3) {
                border-bottom-left-radius: 0px !important;
                border-bottom-right-radius: 0px !important;
            }

            .Home #home-img .flx-embed .container .content-banner #category-dropdown1 .category-list-container .category-option a {
                color: #fff;
            }

            .Home #home-img .flx-embed .container .content-banner #category-dropdown1 .category-list-container .category-option:hover {
                background: #AF2948;
                cursor: pointer;
            }

            .Home #home-img .flx-embed .container .content-banner #category-dropdown1 .category-list-container .category-option:nth-child(3):hover {
                border-bottom-left-radius: 6px;
                border-bottom-right-radius: 6px;
            }

            .Home #home-img .flx-embed .container .content-banner #category-dropdown1 .category-list-container .category-option:hover a {
                color: #fff;
            }

.Home #quicksearch_pageBlockContainer #quicksearch_pageBlock .pageBlockInner #quicksearch_form #quicksearch_filter_text_formRow,
.Home #quicksearch_pageBlockContainer #quicksearch_pageBlock .pageBlockInner #quicksearch_form #quicksearch_filter_locationradius_formRow {
    float: left;
    width: 27%;
    margin-right: 1%;
    clear: right;
}

.Home #quicksearch_pageBlockContainer #quicksearch_pageBlock .pageBlockInner #quicksearch_form #quicksearch_SaveButtonRow_formRow {
    float: left;
    width: auto;
    clear: right;
}

@supports (-ms-ime-align:auto) {
    .textpage_ourpeople .container .team .people-detail-block {
        background: #01465d;
    }

    .benefits {
        background: #01465d;
    }

    .quote {
        background: #01465d;
    }

    .news-article {
        background: #01465d;
    }

    .departments .department-detail .detail-wrapper {
        background: #01465d;
    }

    .Home #content-main .container .quote {
        background: #01465d;
    }
}

.Home #quicksearch_pageBlockContainer #quicksearch_pageBlock .pageBlockInner #quicksearch_form #quicksearch_filter_text_formRow .controlContainer,
.Home #quicksearch_pageBlockContainer #quicksearch_pageBlock .pageBlockInner #quicksearch_form #quicksearch_filter_locationradius_formRow .controlContainer {
    width: 100%;
}

    .Home #quicksearch_pageBlockContainer #quicksearch_pageBlock .pageBlockInner #quicksearch_form #quicksearch_filter_text_formRow .controlContainer #Home_quicksearch_filter_text,
    .Home #quicksearch_pageBlockContainer #quicksearch_pageBlock .pageBlockInner #quicksearch_form #quicksearch_filter_locationradius_formRow .controlContainer #Home_quicksearch_filter_locationradius {
        width: 100%;
        border-radius: 100px;
        padding: 4px;
        border: 2px solid #fff;
        background: rgba(90, 64, 153, 0.3);
        color: #fff;
        padding-left: 14px;
    }

        .Home #quicksearch_pageBlockContainer #quicksearch_pageBlock .pageBlockInner #quicksearch_form #quicksearch_filter_text_formRow .controlContainer #Home_quicksearch_filter_text::placeholder,
        .Home #quicksearch_pageBlockContainer #quicksearch_pageBlock .pageBlockInner #quicksearch_form #quicksearch_filter_locationradius_formRow .controlContainer #Home_quicksearch_filter_locationradius::placeholder {
            color: #fff;
            opacity: 0.8;
        }

        .Home #quicksearch_pageBlockContainer #quicksearch_pageBlock .pageBlockInner #quicksearch_form #quicksearch_filter_text_formRow .controlContainer #Home_quicksearch_filter_text:-ms-input-placeholder,
        .Home #quicksearch_pageBlockContainer #quicksearch_pageBlock .pageBlockInner #quicksearch_form #quicksearch_filter_locationradius_formRow .controlContainer #Home_quicksearch_filter_locationradius:-ms-input-placeholder {
            color: #fff;
        }

        .Home #quicksearch_pageBlockContainer #quicksearch_pageBlock .pageBlockInner #quicksearch_form #quicksearch_filter_text_formRow .controlContainer #Home_quicksearch_filter_text::-ms-input-placeholder,
        .Home #quicksearch_pageBlockContainer #quicksearch_pageBlock .pageBlockInner #quicksearch_form #quicksearch_filter_locationradius_formRow .controlContainer #Home_quicksearch_filter_locationradius::-ms-input-placeholder {
            color: #fff;
        }

.Home #quicksearch_pageBlock #quicksearch_SaveButtonRow_formRow .buttonsRight #buttonSubmit_save {
    color: #fff;
    border: 2px solid #fff;
    padding: 5px;
    padding-right: 5px;
    padding-left: 5px;
    border-radius: 6px;
    transition: all 0.2s ease;
    text-align: center;
    font-weight: bold;
    background: rgba(90, 64, 153, 0.3);
    padding-left: 14px;
    padding-right: 14px;
}

    .Home #quicksearch_pageBlock #quicksearch_SaveButtonRow_formRow .buttonsRight #buttonSubmit_save:hover {
        background: #01465d;
        color: #fff !important;
    }

.Home .categoryDropDownListContainer {
    display: none;
}

.Home .fa,
.Home .ddContainerTitle {
    color: #fff;
    font-weight: bold;
}

.Home .heading-banner.open-dept {
    top: 186px;
}

    .Home .heading-banner.open-dept .scroll-down-btn {
        display: none;
    }

.Home .heading-banner.open-loc {
    top: 257px;
}

    .Home .heading-banner.open-loc .scroll-down-btn {
        top: -231px;
    }

.Home .categoryDropDown ul {
    list-style: none;
    padding: 0px;
    margin: 0px;
    overflow: auto;
    max-height: 260px;
    scrollbar-width: thin;
    scrollbar-color: #01465d rgba(0, 0, 0, 0.1);
}

    .Home .categoryDropDown ul::-webkit-scrollbar {
        width: 10px;
    }

    .Home .categoryDropDown ul::-webkit-scrollbar-track {
        box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    }

    .Home .categoryDropDown ul::-webkit-scrollbar-thumb {
        background-color: #01465d;
        outline: 1px solid slategrey;
    }

        .Home .categoryDropDown ul::-webkit-scrollbar-thumb:hover {
            background-color: #746ca6;
        }

.Home .categoryDropDown .ddIcon {
    margin-top: 10px;
    float: right;
    margin-right: 11px;
    color: #673cb8;
}

.Home .categoryDropDown ul li a {
    color: #7d7d7d;
    font-weight: 100;
}

.Home .categoryDropDown ul li:hover {
    background: rgba(96, 106, 112, 0.5);
    cursor: pointer;
}

    .Home .categoryDropDown ul li:hover a {
        color: #fff;
    }

.Home .categoryDropDown {
    color: #fff;
    border: 2px solid #fff;
    padding: 0px;
    border-radius: 6px;
    transition: all 0.2s ease;
    width: 40%;
    text-align: center;
    font-weight: bold;
    background: rgba(96, 106, 112, 0.5);
    float: left;
    margin-right: 1%;
    z-index: 2;
    position: relative;
}

    .Home .categoryDropDown.departments {
        margin-left: 0.3%;
        margin-right: 0.8%;
        color: black;
        border-bottom: 1px solid gray;
        padding: 4px;
        background: #fff;
        border-radius: 0;
        padding: 6px;
    }

    .Home .categoryDropDown.locations {
        margin-right: 0.2%;
    }

.Home .dropDownOption {
    width: 100%;
    overflow: auto;
    height: auto;
    transition: all 0.2s ease;
}

.Home .categoryDropDown.open .content-dropdown {
    border-bottom: 2px solid #fff;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
}

    .Home .categoryDropDown.open .content-dropdown ul li:last-child {
        border-bottom-right-radius: 6px;
        border-bottom-left-radius: 6px;
    }

.Home .categoryDropDown .content-dropdown {
    border-radius: 6px;
    width: 100%;
    overflow: auto;
    height: auto;
    transition: all 0.2s ease;
}

    .Home .categoryDropDown .content-dropdown:hover {
        cursor: pointer;
    }

.footer .container .linkedin-footer {
    width: 100%;
    overflow: auto;
    height: auto;
    position: relative;
    padding-right: 38px;
}

    .footer .container .linkedin-footer a {
        float: right;
        background-repeat: no-repeat !important;
        background-size: cover !important;
        background: url(../images/custom/linkedIn-logo.png);
        width: 40px;
        height: 40px;
    }

.anchor {
    display: block;
    position: relative;
    top: -100px;
    visibility: hidden;
}

.Home #home-img .flx-embed .container .content-banner #quicksearch_pageBlockContainer .pageBlockContainerMiddle .component-hero--content #quicksearch_SaveButtonRow_formRow_main .buttonsRight .quicksearchbtn {
    background-repeat: no-repeat !important;
    background-size: 20px !important;
    background: url(../images/custom/search-icon-hover.png);
    border: none;
    width: 20px;
    height: 20px;
    transition: all 0.2s ease;
}

    .Home #home-img .flx-embed .container .content-banner #quicksearch_pageBlockContainer .pageBlockContainerMiddle .component-hero--content #quicksearch_SaveButtonRow_formRow_main .buttonsRight .quicksearchbtn:hover {
        background-repeat: no-repeat !important;
        background-size: cover !important;
        background: url(../images/custom/search-icon-hover.png);
    }

.Home #home-img .flx-embed .container .content-banner #quicksearch_pageBlockContainer {
    width: 40%;
    max-height: 48px;
    float: left;
    overflow: hidden;
    margin: 0;
}

    .Home #home-img .flx-embed .container .content-banner #quicksearch_pageBlockContainer .pageBlockContainerMiddle .component-hero--content #Home_quicksearch_filter_text {
        width: 100%;
        float: left;
        padding: 10px;
        background: #fff;
        color: grey;
        border: none;
        padding-left: 13px;
        border-bottom: 1px solid grey;
        line-height: normal;
    }

    .Home #home-img .flx-embed .container .content-banner #quicksearch_pageBlockContainer .pageBlockContainerMiddle .component-hero--content #quicksearch_SaveButtonRow_formRow_main {
        overflow: auto;
        position: relative;
        float: right;
        bottom: 30px;
        right: 14px;
    }

.textpage-banner-faqs {
    background: url(../images/headers/control-room.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    overflow: auto;
    height: 944px;
}

.textpage-banner-category {
    width: 100%;
    overflow: auto;
    height: 944px;
}

body.textpage_role_details .textpage-banner-category {
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background: url(../images/headers/apprenticeships.jpg);
    position: relative;
}

body.textpage_role_details .textpage-banner-category,
.textpage_jobcategory .textpage-banner-category.apprenticeship {
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background: url(../images/headers/apprenticeships.jpg);
    position: relative;
}

body.textpage_role_details .textpage-banner-category,
.textpage_jobcategory .textpage-banner-category.ce {
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background: url(../images/headers/customer-experience.jpg);
    position: relative;
}

body.textpage_role_details .textpage-banner-category,
.textpage_jobcategory .textpage-banner-category.csf {
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background: url(../images/headers/corporate-support.jpg);
    position: relative;
}

body.textpage_role_details .textpage-banner-category,
.textpage_jobcategory .textpage-banner-category.control {
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background: url(../images/headers/control-room.jpg);
    position: relative;
}

body.textpage_role_details .textpage-banner-category,
.textpage_jobcategory .textpage-banner-category.drivers {
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background: url(../images/headers/drivers.jpg);
    position: relative;
}

body.textpage_role_details .textpage-banner-category,
.textpage_jobcategory .textpage-banner-category.engineering {
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background: url(../images/headers/engineering.jpg);
    position: relative;
}

body.textpage_role_details .textpage-banner-category,
.textpage_jobcategory .textpage-banner-category.pd {
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background: url(../images/headers/programme-delivery.jpg);
    position: relative;
}

body.textpage_role_details .textpage-banner-category,
.textpage_jobcategory .textpage-banner-category.pp {
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background: url(../images/headers/performance-planning.jpg);
    position: relative;
}

section#jobcategory .container {
    width: 1500px;
    max-width: 100%;
}

.textpage-banner-category .links,
.textpage-banner-working .links {
    position: relative;
    top: 490px;
    text-align: center;
    max-width: 80%;
    margin: auto;
}

.scroll-down-btn {
    position: absolute;
    top: auto;
    bottom: 20px;
    overflow: auto;
    height: auto;
    margin: auto;
    width: 100%;
    display: flex;
}


    .scroll-down-btn a {
        padding: 1px 19px;
        border-radius: 100%;
        text-align: center;
        color: #fff;
        font-size: 35px;
        transition: all 0.3s ease;
        border: 3px solid #fff;
        float: left;
        position: relative;
        font-weight: bold;
        background: rgba(96, 106, 112, 0.5);
        width: 70px;
        height: 70px;
        margin: auto;
    }


        .scroll-down-btn a:hover {
            background: #01465d;
            transition: all 0.3s ease;
            cursor: pointer;
        }

.textpage_faqs #faqs .container .title {
    text-align: center;
    font-weight: bold;
    font-size: 28px;
    color: #01465d;
}

.textpage_faqs #faqs .container .faq-picture {
    width: 33%;
    float: left;
}

    .textpage_faqs #faqs .container .faq-picture #faq-pic {
        border-radius: 52px;
    }

.textpage_faqs #faqs .container .col-md-offset-1.col-md-10 {
    float: right;
    width: 66.333%;
    margin-left: 0px;
}

.Home .scroll-down-btn a:hover {
    background: #01465d;
    transition: all 0.3s ease;
    color: #fff;
    cursor: pointer;
}

.textpage-banner-category .links a {
    color: #fff;
    margin: 15px;
    font-size: 22px;
    transition: all 0.3s ease;
}

    .textpage-banner-category .links a:hover {
        cursor: pointer;
        text-decoration: underline;
    }


.catblock {
    border-radius: 62px;
    position: relative;
    overflow: hidden;
    transition: all 0.2s ease;
    margin-bottom: 30px;
}

    .catblock:hover {
        border-radius: 32px;
    }

.category-blocks {
    overflow: auto;
    height: auto;
    width: 100%;
    text-align: center;
}

    .category-blocks .link-block {
        width: 100%;
        min-height: 330px;
        overflow: hidden;
        transition: all 0.2s ease;
        text-align: center;
        display: block;
        background-position: center;
        background-size: cover;
    }

        .category-blocks .link-block .hover-color {
            position: absolute;
            width: 100%;
            height: 100%;
            transition: all 0.2s ease;
            background: rgba(96, 106, 112, 0.3);
        }

        .category-blocks .link-block:hover .hover-color {
            background: rgba(96, 106, 112, 0.5);
        }


        .category-blocks .link-block .category-block-text {
            position: absolute;
            text-align: center;
            width: 100%;
            display: block;
            top: 65%;
        }

            .category-blocks .link-block .category-block-text h2 {
                font-size: 23px;
                color: #fff;
                font-weight: bold;
                padding-bottom: 30px;
            }

        .category-blocks .link-block:hover .category-block-img .hover-color {
            background: rgba(68, 72, 74, 0.6);
        }

.navbar #menu-primary #site-navigation .mobile-menu {
    display: none;
}

.textpage-banner-heading {
    position: relative;
    top: 446px;
    color: #fff;
    text-align: center;
    font-size: 46px;
    font-weight: bold;
}

.textpage-banner-working {
    background: url(../images/headers/landing-image-4.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    height: 944px;
    position: relative;
}

    .textpage-banner-working .links {
        position: relative;
        top: 490px;
    }


        .textpage-banner-working .links a {
            color: #fff;
            margin: 15px;
            font-size: 22px;
            transition: all 0.3s ease;
        }

            .textpage-banner-working .links a:hover {
                cursor: pointer;
                text-decoration: underline;
            }

    .textpage-banner-working .textpage-banner-heading {
        position: relative;
        top: 446px;
        color: #fff;
        text-align: center;
        font-size: 46px;
        font-weight: bold;
        margin: 0;
    }

.textpage-banner-people {
    background: url(../images/headers/landing-image-2.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    overflow: Auto;
    height: 944px;
    position: relative;
}

    .textpage-banner-people .links {
        position: relative;
        top: 490px;
    }

        .textpage-banner-people .links a {
            color: #fff;
            margin: 15px;
            font-size: 22px;
            transition: all 0.3s ease;
        }


            .textpage-banner-people .links a:hover {
                cursor: pointer;
                text-decoration: underline;
            }

    .textpage-banner-people .textpage-banner-heading {
        position: relative;
        top: 446px;
        color: #fff;
        text-align: center;
        font-size: 46px;
        font-weight: bold;
    }

.featured .feature-heading-wrapper {
    width: 93%;
    margin-left: 3%;
    position: relative;
    top: 22px;
}

h1.control-heading {
    text-align: center;
    font-weight: bold;
    font-size: 40px;
    color: #01465d;
    margin: 1em auto;
}

.customer-experience .p,
.csf p,
.drivers-experience p,
.control-experience p,
.apprentice-experience p,
.engineer-experience p,
.pp-experience p,
.pd-experience p {
    color: #5F6A72;
}

section#csf .team {
    margin: 0 auto 4em;
}


.content-wrap117 #eaContainer .col-left, .content-wrap117 #eaContainer div#latest-jobs {
    display: none;
}


.viewallvacancies {
    width: 100%;
    margin: auto;
    display: grid;
}

.viewbtn {
    width: auto;
    margin: auto;
    text-align: center;
}

.featured .feature-heading {
    margin-top: 12px;
    padding: 12px;
    padding-bottom: 12px;
    margin-bottom: 0px;
    background: #fff;
    border-radius: 6px;
    padding-bottom: 4px;
    font-size: 30px;
}

.active-scroll {
    text-decoration: underline;
}

#pp {
    border: none;
}

.vacncies-button-wrappery {
    width: 100%;
    height: auto;
    padding: 0px;
    margin: 0px;
    margin-top: 26px;
    position: relative;
    clear: both;
}




.stories {
    margin: 10px auto;
}

.story {
    overflow: auto;
    display: flex;
    position: relative;
    align-items: center;
    background: #e4e4e4;
    padding: 2em;
}

    .story .sub-title-story {
        font-size: 28px;
        font-weight: bold;
        color: #01465d;
        position: relative;
        display: block;
        text-align: center;
        margin: 1em auto;
    }

    .story p {
        padding: 10px;
        font-weight: bold;
        font-size: 20px;
    }

section#stories .head-office-category {
    /*transform: translateX(50%) translateY(0%);*/
}

    section#stories .head-office-category.open {
        transform: translateX(0%) translateY(0%);
    }

        section#stories .head-office-category.open .inner-content {
            padding-top: 20px;
            padding-bottom: 20px;
            padding-left: 80px;
            padding-right: 80px;
            height: 400px;
            width: 200%;
        }

section#stories .head-office-grid {
    height: auto;
    min-height: 600px;
}

section#stories .head-office-category .inner-content:after {
    background-image: none;
    background-position: 20% 20%;
}

section#stories .head-office-category .inner-content {
    background-position: center 30%;
    background-size: cover;
    background-repeat: no-repeat;
}

/*.content-wrap89 section#stories .head-office-category:nth-of-type(1) .inner-content:after {
    background-image: url(../images/custom/ryan-gillen.jpg);
}
.content-wrap80 section#stories .head-office-category:nth-of-type(1) .inner-content:after {
    background-image: url(../images/custom/rhona-smith.jpg);
}
.content-wrap118 section#stories .head-office-category:nth-of-type(1) .inner-content:after {
    background-image: url(../images/custom/allison-dunn.jpg);
}
.content-wrap119 section#stories .head-office-category:nth-of-type(1) .inner-content:after {
    background-image: url(../images/custom/gary-lucas.jpg);
    background-position: center;
}
.content-wrap86 section#stories .head-office-category:nth-of-type(1) .inner-content:after {
    background-image: url(../images/custom/paul-breese.jpg);
}
.content-wrap116 section#stories .head-office-category:nth-of-type(1) .inner-content:after {
    background-image: url(../images/custom/paul-breese.jpg);
}
.content-wrap117 section#stories .head-office-category:nth-of-type(1) .inner-content:after {
    background-image: url(../images/custom/ashton-grimes.jpg);
}
.content-wrap88 section#stories .head-office-category:nth-of-type(1) .inner-content:after {
    background-image: url(../images/custom/adam-green.jpg);
}*/



.content-wrap86 .stories,
.content-wrap88 .stories {
    display: none;
}


.story .story-image img {
    border-radius: 30px;
    width: 100%;
    min-width: 240px;
    min-height: 240px;
    object-fit: cover;
}

.vacncies-button-wrappery .vacncies-button {
    background: #01465d;
    padding: 12px 18px;
    border-radius: 8px;
    text-align: center;
    color: #fff;
    font-size: 18px;
    margin-left: 40%;
    transition: all 0.3s ease;
    border: 3px solid #01465d;
}

    .vacncies-button-wrappery .vacncies-button:hover {
        background: #fff;
        cursor: pointer;
        color: #01465d;
    }

.back-to-top {
    width: 0;
    height: auto;
    padding: 0px;
    margin: 0px;
    position: fixed;
    bottom: 20px;
    display: none;
    z-index: 2;
    right: -40px;
}

    .back-to-top #button-top {
        background: #01465d;
        padding: 1px 18px;
        border-radius: 100%;
        text-align: center;
        color: #fff;
        font-size: 33px;
        transition: all 0.3s ease;
        border: 3px solid #01465d;
        float: right;
        position: relative;
        right: 52px;
        font-weight: bold;
        width: 70px;
        height: 70px;
    }

    .back-to-top #tooltiptext {
        float: right;
        position: relative;
        bottom: 78px;
        padding: 8px;
        background: #fff;
        border: 2px solid #01465d;
        border-radius: 50px;
        color: #01465d;
        transition: opacity 0.3s;
        font-size: 14px;
        width: 9%;
        text-align: center;
        opacity: 0;
        left: 61px;
        font-weight: bold;
    }

    .back-to-top #button-top:hover {
        background: #fff;
        cursor: pointer;
        color: #01465d;
    }

        .back-to-top #button-top:hover + #tooltiptext {
            opacity: 1;
        }

.summary {
    overflow: auto;
    margin-bottom: 4em;
}

    .summary .summary-picture {
        overflow: auto;
        border-radius: 14px;
    }

#di,
#wawd,
#wdwsc,
#awards {
    margin-bottom: 40px;
}

#extrasbanner .row .col-md-12 .title {
    text-align: center;
    font-weight: bold;
    font-size: 28px;
    color: #01465d;
}


.article .article-title {
    text-align: center;
    font-weight: bold;
    font-size: 28px;
    color: #01465d;
}

.partnerships {
    background: #e0e0e0;
    padding: 2em 0;
}

h1.partnerships-title {
    margin-bottom: 2em;
}

.expandable-boxes {
    position: relative;
}

.expandable-box {
    width: 22%;
    min-height: 270px;
    float: left;
    margin: 0 3% 20px 0;
    background: #fff;
    box-shadow: 2px 10px 12px #c1c1c1;
    border-radius: 12px;
    padding: 10px;
    box-sizing: border-box;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    text-align: center;
}

    .expandable-box:hover {
        background: #f1f1f1;
        box-shadow: 15px 15px 15px #c1c1c1;
    }

.open {
    border-color: #dd0000;
    width: 96%;
}

.out {
    /*width: 0;
    height: 0;
    overflow: hidden;
    border: none;
    padding: 0;
    margin: 0;
    opacity: 0;*/
}

.expandable-image {
    min-height: 140px;
    align-items: center;
    vertical-align: middle;
    align-content: center;
    display: grid;
}

.expandable-box img {
    text-align: center;
    margin: auto;
    display: block;
    max-height: 200px;
    max-width: 140px;
}

.expandable-box-info {
    display: none;
}

.expandable-box.open {
    min-height: 330px;
}

    .expandable-box.open .expandable-box-info {
        display: block;
    }

    .expandable-box.open .expandable-image {
        float: left;
        margin: 10px;
    }

    .expandable-box.open h2.sub-title {
        text-align: left;
        display: table;
        width: auto;
        padding: 2em 0 0 15px;
        margin: 0;
    }

    .expandable-box.open p {
        text-align: left;
        display: table;
        width: auto;
        padding: 1em;
    }


h1.awards-title:after {
    content: "";
    background: url(../images/icons/trophy.png);
    width: 40px;
    height: 40px;
    position: absolute;
    background-size: cover;
    margin-left: 10px;
}

.awards {
    margin: 2em auto;
}

    .awards ul {
        list-style: none;
        list-style-position: inherit;
        padding: 0;
        font-weight: bold;
        font-size: 18px;
    }

    .awards img {
        text-align: center;
        opacity: .4;
        margin: auto;
    }

p.awards-date {
    font-size: 20px;
    color: #01465d;
    font-weight: bold;
    border-bottom: 1px solid #01465d;
    padding: 10px 0 0px 10px;
}


.genderpay {
    margin: 4em auto 5em;
}

    .genderpay img {
        text-align: center;
        margin: auto;
    }

.partnerships {
    margin-bottom: 30px;
}

    .partnerships .partnership-block {
        margin-bottom: 38px;
    }

.partblock {
    margin: 2em auto;
}

.parblockimg {
    position: relative;
    display: inline-flex;
    align-items: center;
    min-height: 200px;
}

    .parblockimg img {
        max-height: 200px;
    }


section#equality {
    background: #e0e0e0;
    margin: 2em auto 0;
    padding: 2em 0;
}

.news-article {
    background-image: url(../images/custom/programme-delivery.jpg);
    background-size: cover;
    background-position: center center;
    padding: 4em 0;
}

    .news-article .article {
        padding: 40px;
        background: #fff;
        border-radius: 54px;
    }

        .news-article .article p {
            padding: 5px 10px;
            font-style: italic;
        }



.sub-title {
    font-weight: bold;
    font-size: 21px;
    color: #01465d;
    line-height: normal;
}

#extrasbanner p,
.eqd p,
.eqd ul,
.infographics p,
.summary p,
.article p,
.awards p,
.awards ul,
.partnerships p {
    color: #5F6A72;
    font-size: 20px;
}

.awards .awards-date {
    color: #01465d;
    font-size: 20px;
    border-bottom: 1px solid #01465d;
}

.benefits .benefits-row {
    width: 91%;
    overflow: hidden;
    height: auto;
    margin-left: 4.5%;
    bottom: 78px;
    position: relative;
}


footer .navbar-brand {
    padding: 5px 0px;
    float: none;
    display: block;
    clear: both;
}

    footer .navbar-brand img {
        width: 270px;
    }

footer ul {
    text-align: right;
}

footer li {
    list-style: none;
    display: inline;
    margin: 10px;
}

    footer li a, footer li a:visited {
        color: #5F6A72;
    }

a.btn.btn-linkedin img {
    max-width: 40px;
}

section#testimonials {
    background: #e0e0e0;
    padding: 1em 0;
}

section#rewards {
    margin: 2em auto;
}

    section#rewards p#benefit-summary {
        text-align: center;
        font-size: 20px;
        color: #5F6A72;
        background: none;
        padding: 0;
        width: 100%;
        text-shadow: none;
    }

    section#rewards #benefits {
        margin: 3em auto;
    }

div#benefits p {
    font-size: 14px;
    padding: 15px;
}

section#rewards .card {
    margin: auto;
    text-align: center;
}

section#rewards h3 {
    color: #01465d;
    font-size: 22px;
    font-weight: bold;
}

section#rewards img {
    max-height: 130px;
    clear: both;
    display: block;
    margin: auto;
    border-radius: 100%;
    padding: 20px;
    transition: all .3s ease;
}

    section#rewards img:hover {
        border: 2px solid #01465d;
        padding: 10px;
    }

.slideshow-show {
    display: block !important;
}

.slideshow-hide {
    display: none;
}

.benefits .benefits-row .benefit-content .benefit-text {
    float: left;
    width: 82%;
    padding-left: 4%;
    padding-top: 18px;
}

.benefits {
    padding: 36px;
    padding-bottom: 0px;
    margin-bottom: 4%;
    margin-top: 4%;
}

    .benefits .arrows {
        position: relative;
        width: 100%;
        overflow: auto;
        height: auto;
        top: 99px;
    }

        .benefits .arrows #arrow-left,
        .benefits .arrows #arrow-right {
            color: #fff;
            font-weight: bold;
            font-size: 40px;
            transition: all 0.4s ease;
            padding: 10px;
            border-radius: 15px;
            -webkit-touch-callout: none;
            -webkit-user-select: none;
            -khtml-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
        }

            .benefits .arrows #arrow-left:hover,
            .benefits .arrows #arrow-right:hover {
                background: #fff;
                color: #01465d;
                cursor: pointer;
            }

        .benefits .arrows #arrow-left {
            float: left;
        }

        .benefits .arrows #arrow-right {
            float: right;
        }


    .benefits .benefits-row #benefit-1 .benefit-picture #benefit-pic1,
    .benefits .benefits-row #benefit-2 .benefit-picture #benefit-pic2,
    .benefits .benefits-row #benefit-3 .benefit-picture #benefit-pic3,
    .benefits .benefits-row #benefit-4 .benefit-picture #benefit-pic4,
    .benefits .benefits-row #benefit-5 .benefit-picture #benefit-pic5,
    .benefits .benefits-row #benefit-6 .benefit-picture #benefit-pic6,
    .benefits .benefits-row #benefit-7 .benefit-picture #benefit-pic7,
    .benefits .benefits-row #benefit-8 .benefit-picture #benefit-pic8 {
        border-radius: 100%;
        border: 7px solid #01465d;
        position: relative;
        z-index: 2;
    }

    .benefits .benefits-row #benefit-1 .benefit-content,
    .benefits .benefits-row #benefit-2 .benefit-content,
    .benefits .benefits-row #benefit-3 .benefit-content,
    .benefits .benefits-row #benefit-4 .benefit-content,
    .benefits .benefits-row #benefit-5 .benefit-content,
    .benefits .benefits-row #benefit-6 .benefit-content,
    .benefits .benefits-row #benefit-7 .benefit-content,
    .benefits .benefits-row #benefit-8 .benefit-content {
        border-radius: 27px;
        border: 5px solid #fff;
        z-index: 1;
        width: 100%;
        padding: 40px;
        height: auto;
        overflow: auto;
        position: relative;
        background: #fff;
    }

    .benefits .benefits-row .benefit-content h3 {
        color: #01465d;
    }

    .benefits .benefits-row .benefit-content p {
        float: left;
        width: 100%;
        color: #5F6A72;
    }

.quote {
    height: 100%;
    overflow: auto;
    max-height: 984px;
    margin-top: 8px;
    margin-bottom: 36px;
}

    .quote .quote-content {
        height: auto;
        overflow: auto;
        width: 72%;
        padding: 3%;
        margin: 0px;
        float: left;
    }

        .quote .quote-content #quote {
            overflow: auto;
            height: auto;
            float: left;
        }

            .quote .quote-content #quote #quote-mark-left,
            .quote .quote-content #quote #quote-mark-right {
                float: left;
                font-size: 40px;
                overflow: hidden;
                height: auto;
                max-height: 39px;
            }

            .quote .quote-content #quote #quote-mark-right {
                float: right;
            }

            .quote .quote-content #quote p {
                float: left;
                margin: 0px;
                margin-top: 19px;
                font-size: 20px;
                font-style: italic;
            }

    .quote .quote-picture {
        float: left;
        overflow: auto;
        height: auto;
        width: 24%;
        margin: 22px;
    }

        .quote .quote-picture img {
            width: 100%;
            border-radius: 100%;
        }

    .quote .quote-content #name {
        float: left;
        margin-left: 2%;
    }

.textpage_working #working .culture {
    margin: 1em auto;
}

.Home .home-banner-img img {
    min-height: 400px;
    object-fit: cover;
}

.textpage_working #working .culture .culturecontent {
    padding: 2em 0;
    border-radius: 10px;
    background-size: cover;
    background-position: 0% 35%;
}


.textpage_working #working .culture p {
    font-size: 20px;
}

.culturecontent img {
    border-radius: 10px;
    margin-top: 20px;
}

.textpage_working #working .culture #bold-para {
    text-align: center;
    font-size: 24px;
    color: #5F6A72;
    background: none;
    padding: 0;
    width: 80%;
    text-shadow: none;
    margin: auto;
    line-height: normal;
    font-style: italic;
}

.team .sub-title {
    text-align: center;
    font-weight: bold;
    font-size: 28px;
    color: #AF2948;
}

.team {
    margin: 4em auto;
}


    .team .people-block {
        min-height: 360px;
    }

        .team .people-block .people-picture {
            width: 100%;
            border-radius: 100%;
            position: relative;
            height: auto;
            overflow: auto;
        }

            .team .people-block .people-picture:hover {
                cursor: pointer;
            }

                .team .people-block .people-picture:hover .people-overlay {
                    opacity: 0.4;
                }

            .team .people-block .people-picture .people-overlay {
                position: absolute;
                top: 0;
                bottom: 0;
                left: 0;
                right: 0;
                height: 100%;
                width: 100%;
                background: #01465d;
                opacity: 0;
                transition: all 0.3s ease;
            }

            .team .people-block .people-picture img {
                border-radius: 100%;
                width: 100%;
            }

        .team .people-block .people-name {
            text-align: center;
            color: #01465d;
            font-weight: bold;
            font-size: 20px;
        }

    .team .people-detail-block {
        padding: 20px;
        background: #01465d;
        border-radius: 30px;
        overflow: auto;
        height: auto;
        margin-bottom: 20px;
        clear: both;
        display: none;
    }

        .team .people-detail-block .close-btn {
            width: 20px;
            height: 20px;
            overflow: visible;
            float: right;
            position: relative;
            background: url(../images/icons/close-btn.png);
            background-repeat: no-repeat;
            background-size: cover;
        }

            .team .people-detail-block .close-btn:hover {
                background: url(../images/icons/close-btn-hover.png);
                background-repeat: no-repeat;
                background-size: cover;
                cursor: pointer;
                filter: brightness(2);
            }

        .team .people-detail-block .people-title {
            color: #fff;
            text-align: center;
            font-weight: bold;
        }

        .team .people-detail-block .people-detail-text {
            overflow: auto;
            height: auto;
            padding: 15px;
            border-radius: 15px;
            margin-bottom: 12px;
            align-content: center;
            display: grid;
            min-height: 330px;
            width: auto
        }

            .team .people-detail-block .people-detail-text .people-text {
                color: #fff;
                float: left;
                width: 100%;
                font-size: 16px;
            }

        .team .people-detail-block .people-detail-image {
            width: 30%;
            float: left;
            position: relative;
            bottom: 7px;
            margin-right: 15px;
        }

            .team .people-detail-block .people-detail-image img {
                width: 100%;
                border-radius: 100%;
            }


.textpage-banner-main {
    background-image: url(../images/custom/job_alerts.jpg?v=3.74);
    background-attachment: fixed;
    background-position: bottom;
    background-size: cover;
    width: 100%;
    height: 600px;
    position: relative;
    align-items: center;
    display: grid;
    display: -ms-flexbox;
    background-color: #0000006b;
    background-blend-mode: darken;
}

    .textpage-banner-main .textpage-banner-heading {
        position: relative;
        top: auto;
        color: #fff;
        text-align: center;
        font-size: 46px;
        font-weight: bold;
    }


    .textpage-banner-main.banner89 {
        background-image: url(../images/custom/apprenticeships.jpg);
    }

    .textpage-banner-main.banner80 {
        background-image: url(../images/custom/customer-experience.jpg);
    }

    .textpage-banner-main.banner117 {
        background-image: url(../images/custom/corporate-support.jpg);
    }

    .textpage-banner-main.banner118 {
        background-image: url(../images/custom/control-room.jpg);
    }

    .textpage-banner-main.banner119 {
        background-image: url(../images/custom/drivers.jpg);
    }

    .textpage-banner-main.banner119 {
        background-image: url(../images/custom/drivers.jpg);
    }

    .textpage-banner-main.banner86 {
        background-image: url(../images/custom/engineering.jpg);
    }

    .textpage-banner-main.banner88 {
        background-image: url(../images/custom/programme-delivery.jpg);
    }

    .textpage-banner-main.banner116 {
        background-image: url(../images/custom/performance-planning.jpg);
    }
/* --------------------------------------
=========================================
   2. GLOBAL
=========================================
-----------------------------------------*/
/*---------------------------------------
   2.1 Colours              
-----------------------------------------*/
/* Primary colour */
.hero-bg,
.srt-menu li li:hover > a,
#topnav,
#nav-mobile,
a.buttonlink,
/*#eaContainer .pageBlockInner_FormBlock div.formRowFileUploadRow .uploadedFilesHeader,*/
#ui-datepicker-div .ui-state-active, #ui-datepicker-div .ui-widget-content .ui-state-active,
#ui-datepicker-div .ui-widget-header .ui-state-active,
html body .pageBlockInner_GridBlock table.gridTable tr.oddRow:hover,
html body .pageBlockInner_GridBlock table.gridTable tr.evenRow:hover,
/*#eaContainer .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulList div.ulListItemLabel,*/
/*#eaContainer #Application_Home_pageView .ulList div.ulListItemLabel,*/
#eaContainer #posBrowser_Filter_pageBlock .FiltersContainer .ButtonsRow,
div.FilterRowsContainer .AvailableContainer,
#eaContainer .posBrowserMapBlock .gridTop,
#eaContainer #Home_pageView #CodeListCounts_pageBlockContainer .availableListsContainer,
.listItemAnchorContainer,
.ui-dialog-titlebar-close,
body .dialog_noTitle div.ui-dialog-titlebar,
body button.buttonAnchor,
body input.buttonSubmit,
body a.buttonAnchor,
#eaContainer a.button,
#eaContainer .addressButton,
#eaContainer #Home_pageView #noPositions_pageBlockContainer .bottomContainer .buttonContainer a,
#eaContainer #Pos_Description_pageView #posdesc_pageBlock a.right,
#eaContainer .fileuploadbutton,
#eaContainer .buttonsLeft button.buttonAnchor,
#eaContainer .buttonsRight button.buttonAnchor,
#eaContainer .buttonsLeft input.buttonSubmit,
#eaContainer .buttonsRight input.buttonSubmit,
#eaContainer .buttonsLeft a.buttonAnchor,
#eaContainer .buttonsRight a.buttonAnchor,
#eaContainer .pageBlockInner_GridBlock .gridTop,
#eaContainer #Home_pageView .availableListsItemContainer_Selected,
#eaContainer #Home_pageView .availableListsContainer ul li:hover,
.tabs-style-shape nav li.tab-current a span,
body #eaContainer .buttonsRight a.buttonActionId_forgotten,
body #eaContainer .buttonsRight a.buttonActionId_ajaxCancel,
body #eaContainer .buttonsRight a.buttonActionId_cancel,
body #eaContainer .buttonsRight a.buttonActionId_doitlater,
.Application_Withdraw #eaContainer .withdrawapp a,
#Grid_PERSONALDETAILS_pageBlock .rowlink a,
.gridContainer .rowlink a,
#eaContainer .posBrowserMapBlock .markerStatsContainer,
#eaContainer #posBrowser_Filter_pageBlock .HeaderContainer,
#eaContainer #posBrowser_ResultsGrid_pageBlock .rowContainer:hover,
#slider-latest-jobs ol li a.flex-active,
#FindJobHeroBlock,
#login-register-block .buttonAnchor:hover,
#eaContainer .TilesGridSortingPopup,
#eaContainer #posSummaryBlock_pageBlock .appCompleteChartBar {
    background: #01465d;
    border: 2px solid #01465d;
    transition: all 0.3s ease;
}

    #SignInTitleBlock_pageBlock .pageBlockInner h1,
    #eaContainer h1.eArcuInfoHeader,
    #eaContainer a,
    #links-top li.current a,
    .srt-menu li:hover > a,
    .srt-menu li.current a,
    a,
    a:visited,
    a:active,
    body .ui-widget-content a,
    body .pageBlockInner_GridBlock div.pagingControls input.pagenumber,
    body .pageBlockInner_FormBlock div.curFocus label.formLabel,
    #eaContainer .pageBlockInner_FormBlock div.curFocus label.formLabel,
    #eaContainer div.pageBlockTitle,
    #eaContainer #posSummaryBlock_pageBlock .welcomePackStatus_NotSubmitted,
    #eaContainer #posSummaryBlock_pageBlock .appStatusNotSubmitted,
    #eaContainer a,
    body .ui-widget-content a,
    #eaContainer .TilesGridSortingPopup a:hover,
    body #FindJobHeroBlock input.buttonSubmit,
    #Welcome_pageView .iconLabel a,
    #eaContainer #ApplicationsGrid_pageBlock .pageBlockInner_GridBlock div.gridContent .rowContainer a.rcMenu,
    #eaContainer #posSummaryBlock_pageBlock .welcomePackStatus_Submitted,
    #eaContainer #posSummaryBlock_pageBlock .appStatusSubmitted {
        color: #01465d;
    }

#FindJobBlock #quicksearch_SaveButtonRow_formRow input:hover {
    border: 1px solid #AF2948;
}

/* Secondary colour */

#eaContainer #MyDetails_Username_pageView #Summary_emailList_formRow .emailPrimaryAlreadyContainer,
/*#eaContainer #MyWelcomePacks_OfferForm_Summary_pageView .ulList li.ulListItem:hover .ulListItemLabel,
#eaContainer #Application_Home_pageView .ulList li.ulListItem:hover .ulListItemLabel,*/
.listItemContainer:hover .listItemAnchorContainer,
.listItemAnchorContainer:hover,
body #eaContainer #Home_pageView #CodeListCounts_pageBlockContainer .availableListsContainer,
#quicksearch_pageBlockContainer div.pageBlockTitle,
.tabs-style-shape nav li a:hover span,
#Grid_PERSONALDETAILS_pageBlock .rowlink a:hover,
body #FindJobHeroBlock input.buttonSubmit:hover,
#pageTitleSignInHeaderContainer h2.active,
#pageTitleRegisterHeaderContainer h2.active,
/* #eaContainer #Application_Home_pageView .ulList li.Completed div.ulListItemLabel, */
html body .tooltip2_Outer {
    background-color: #333;
}

.tabs-style-shape nav li a:hover svg {
    fill: #333;
}

/*
body button.buttonAnchor:hover,
body input.buttonSubmit:hover, 
body a.buttonAnchor:hover,
#eaContainer a.button:hover,
#eaContainer .addressButton:hover,
#eaContainer a.button:hover,
#eaContainer #Home_pageView #noPositions_pageBlockContainer .bottomContainer .buttonContainer a:hover,
#eaContainer #Pos_Description_pageView #posdesc_pageBlock a.right:hover,
#eaContainer .fileuploadbutton:hover,
#eaContainer .buttonsLeft button.buttonAnchor:hover, 
#eaContainer .buttonsRight button.buttonAnchor:hover, 
#eaContainer .buttonsLeft input.buttonSubmit:hover, 
#eaContainer .buttonsRight input.buttonSubmit:hover, 
#eaContainer .buttonsLeft a.buttonAnchor:hover, 
#eaContainer .buttonsRight a.buttonAnchor:hover {
    border-color: #333;
}
*/

#eaContainer a:hover,
.hero-content h2 span,
body #eaContainer .alternateViews .alternateViewsButton:hover,
#Welcome_pageView .iconLabel a:hover,
#eaContainer #MyDetails_pageView .editblocklink a:hover,
#eaContainer #Application_Section_PersonalDetails_pageView .editblocklink a:hover,
#eaContainer .actionMessageContainer div.actionMessageOk,
#eaContainer .actionMessageContainer div.actionMessageWarning,
#eaContainer .actionMessageContainer,
.logo-tag,
#eaContainer #ApplicationsGrid_pageBlock .pageBlockInner_GridBlock div.gridContent .rowContainer a.rcMenu:hover,
.Pos_Description_Review #eaContainer .reviewposlink a,
.Application_Home #eaContainer .myapplink a,
#eaContainer #posBrowser_Filter_pageBlock .FilterContainer a:hover,
#eaContainer #posBrowser_Filter_pageBlock .FilterContainer a:hover .label,
#eaContainer #posBrowser_Filter_pageBlock .FilterContainer a:hover .count,
#eaContainer #posBrowser_Filter_pageBlock .FilterContainer .ValueItem_selected a span,
#eaContainer #posSummaryBlock_pageBlock .welcomePackStatus_NotSubmitted,
#eaContainer #posSummaryBlock_pageBlock .appStatusNotSubmitted,
button.accordion-button.active:after,
a#JobsNearMe:hover {
    color: #01465d;
}

#ProfileIcon:hover a,
#eaContainer .pageBlockInner_FormBlock .formRowIconRow .iconRowValues .iconRowValueHighLight,
.menu-control:hover,
#breadcrumb a:hover,
body .pageBlockInner_GridBlock div.pagingControls input.pagenumber:hover,
body .pageBlockInner_GridBlock div.pagingControls input.pagenumber_current:hover,
footer #footer .copy-right p a:hover,
#eaContainer .footer a:hover,
#eaContainer #latest-jobs a:hover h3,
#eaContainer #MyDetails_ConnectedServices_pageView a.connect:hover {
    color: #01465d !important;
}

/* Buttons */
body button.buttonAnchor:hover,
body input.buttonSubmit:hover,
body a.buttonAnchor:hover,
#eaContainer a.button:hover,
#eaContainer .addressButton:hover,
#eaContainer a.button:hover,
#eaContainer #Home_pageView #noPositions_pageBlockContainer .bottomContainer .buttonContainer a:hover,
#eaContainer #Pos_Description_pageView #posdesc_pageBlock a.right:hover,
#eaContainer .fileuploadbutton:hover,
#eaContainer .buttonsLeft button.buttonAnchor:hover,
#eaContainer .buttonsRight button.buttonAnchor:hover,
#eaContainer .buttonsLeft input.buttonSubmit:hover,
#eaContainer .buttonsRight input.buttonSubmit:hover,
#eaContainer .buttonsLeft a.buttonAnchor:hover,
#eaContainer .buttonsRight a.buttonAnchor:hover,
body .ui-widget-content input.buttonSubmit:hover,
body .ui-widget-content button.buttonAnchor:hover,
#eaContainer .pageBlockInner_FormBlock div.formRowFileUploadRow button.hover,
span.fake-button:hover,
body .ui-widget-content input.buttonSubmit:hover,
body .ui-widget-content button.buttonAnchor:hover,
#quicksearch_pageBlockContainer input.buttonSubmit:hover,
#eaContainer .pageBlockInner_FormBlock div.formRowFileUploadRow button.hover,
.Pos_Description_Review #eaContainer .reviewposlink a:hover,
.Application_Withdraw #eaContainer .withdrawapp a:hover,
#Grid_PERSONALDETAILS_pageBlock .rowlink a:hover,
.gridContainer .rowlink a:hover,
#eaContainer .pageBlockInner_FormBlock div.formRowFileUploadRow .bottomControlContainer li:hover .filenameInner,
#eaContainer a.buttonAnchor:hover {
    background: #fff;
    border-color: #fff;
    color: #01465d !important;
    border-color: #01465d;
    text-decoration: none;
}

/* Whites */

.srt-menu li:hover > a,
.srt-menu li.current a,
.content-wrap section,
body .ui-dialog .ui-dialog-content,
.tabs-style-shape .content-wrap,
#eaContainer #posSummaryBlock_pageBlock .appCompleteChartBack {
    background: #fff;
}

.hero-bg h2,
.hero-bg p,
#eaContainer .OfferSectionsSummaryBlockContainer .ulList div.ulListItemLabel a,
#eaContainer #Application_Home_pageView .ulList div.ulListItemLabel a,
.srt-menu li li:hover > a,
#eaContainer #MyDetails_Username_pageView #Summary_emailList_formRow .emailPrimaryAlreadyContainer,
#eaContainer .pageBlockInner_FormBlock div.formRowFileUploadRow .filenameInner:hover,
#eaContainer .pageBlockInner_FormBlock div.formRowFileUploadRow .rcFileMenu:hover,
#eaContainer #Application_Home_pageView .ulListItem:hover a,
#eaContainer #Application_Home_pageView .Completed:hover a,
html body .tooltip2_FormError,
#eaContainer .pageBlockInner_GridBlock .gridTop .TilesGridSortingPopup a,
#eaContainer #Home_pageView #CodeListCounts_pageBlockContainer .availableListsContainer a,
#eaContainer div.listItemTitle a,
#eaContainer #Home_pageView #CodeListCounts_pageBlock .listItemContainer_NoContent .listItemAnchorContainer,
.listItemAnchorContainer *,
#eaContainer #Pos_Description_pageView #posdesc_pageBlock a.right:hover,
body button.buttonAnchor,
body input.buttonSubmit,
body a.buttonAnchor,
#eaContainer a.button,
#eaContainer .addressButton,
#eaContainer #Home_pageView #noPositions_pageBlockContainer .bottomContainer .buttonContainer a,
#eaContainer #Pos_Description_pageView #posdesc_pageBlock a.right,
#eaContainer .fileuploadbutton,
#eaContainer .buttonsLeft button.buttonAnchor,
#eaContainer .buttonsRight button.buttonAnchor,
#eaContainer .buttonsLeft input.buttonSubmit,
#eaContainer .buttonsRight input.buttonSubmit,
#eaContainer .buttonsLeft a.buttonAnchor,
#eaContainer .buttonsRight a.buttonAnchor,
.menu-control,
#eaContainer .pageBlockInner_GridBlock .gridTop a,
footer #footer .copy-right p a,
#eaContainer .availableListsContainer a,
#eaContainer .footer,
/*#Home_quicksearch_filter_locationradius,
#Home_quicksearch_filter_text,*/
#quicksearch_pageBlockContainer div.pageBlockTitle h1,
#eaContainer .pageBlockInner_FormBlock div.formRowFileUploadRow .bottomControlContainer .filename,
/*#eaContainer .pageBlockInner_FormBlock div.formRowFileUploadRow .uploadedFilesHeader,*/
#eaContainer #posBrowser_Filter_pageBlock .ButtonsContainer a,
#eaContainer div.FilterRowsContainer .AvailableContainer a,
#eaContainer .posBrowserMapBlock .alternateViewsCurrent a,
#eaContainer .posBrowserMapBlock .gridTop,
#eaContainer .posBrowserMapBlock .markerStatsContainer,
body .dialog_noTitle div.ui-dialog-titlebar,
#eaContainer .pageBlockInner_GridBlock .gridTop,
#eaContainer #Home_pageView .availableListsItemContainer_Selected,
#eaContainer #Home_pageView .availableListsContainer ul li:hover,
.tabs-style-shape nav li.tab-current a span,
body #eaContainer .buttonsRight a.buttonActionId_forgotten,
body #eaContainer .buttonsRight a.buttonActionId_ajaxCancel,
body #eaContainer .buttonsRight a.buttonActionId_cancel,
body #eaContainer .buttonsRight a.buttonActionId_doitlater,
.Application_Withdraw #eaContainer .withdrawapp a,
#Grid_PERSONALDETAILS_pageBlock .rowlink a,
.gridContainer .rowlink a,
#eaContainer a.buttonAnchor,
#eaContainer #posBrowser_Filter_pageBlock .HeaderContainer,
#eaContainer #posBrowser_ResultsGrid_pageBlock .rowContainer:hover,
#eaContainer #posBrowser_ResultsGrid_pageBlock .rowContainer:hover a,
#eaContainer #posBrowser_ResultsGrid_pageBlock .rowContainer a:hover,
#eaContainer .pageBlockContainer .rowHeader .rowlink a,
body #FindJobHeroBlock input.buttonSubmit:hover,
#pageTitleSignInHeaderContainer h2.active,
#pageTitleRegisterHeaderContainer h2.active,
html body .tooltip2_Outer {
    color: #fff;
}

#eaContainer #MyWelcomePacks_OfferForm_Summary_pageView .ulList li div.ulListItemLabel a:hover,
#eaContainer #Application_Home_pageView .ulList li div.ulListItemLabel a:hover,
body.Home #eaContainer .listItemContainer a,
body.Home #eaContainer .listItemContainer a:hover,
html #Home_pageView #CodeListCounts_pageBlockContainer .availableListsContainer li a:hover,
.tabs-style-shape nav .tab-current a,
.tabs-style-shape nav li a:hover {
    color: #fff !important;
}

#Home_quicksearch_filter_locationradius,
#Home_quicksearch_filter_text {
    border-color: #fff;
}

#eaContainer .actionMessageContainer div.actionMessageWarning {
    background-image: url("../images/sprites/red-cross.png");
}

#eaContainer .actionMessageContainer div.actionMessageOk {
    background-image: url("../images/sprites/green-tick.png");
}

#eaContainer .pageBlockInner_GridBlock .pagingControls_Tiles a.scroller_movenext {
    background-image: url("../images/sprites/white-arrow-right.png");
}

#eaContainer .pageBlockInner_GridBlock .pagingControls_Tiles a.scroller_moveprev {
    background-image: url("../images/sprites/white-arrow-left.png");
}

/* Greys */

#eaContainer #Grid_PERSONALDETAILS_pageBlock,
#eaContainer #MyDetails_ConnectedServices_pageView #ConnectedServicesForm_pageBlock .serviceContainer2,
/*#eaContainer .ulListItemLabel,*/
/* #eaContainer .gridContent,*/
#eaContainer .PosMyAppSummaryValues,
#eaContainer .PosMyAppSummaryValues div,
body #eaContainer #MyDetailsStauts_pageBlockContainer .pageBlockContent.pageBlockContent_TextTagReplacementBlock,
#eaContainer #Home_pageView #noPositions_pageBlockContainer .topContent,
#eaContainer #Home_pageView #noPositions_pageBlockContainer .title,
#eaContainer #Home_pageView #noPositions_pageBlockContainer .content,
.PosMyAppSummaryValues,
.tabs-style-shape nav li a span,
#eaContainer .posBrowserMapBlock .addressContainer,
#eaContainer #SearchForm_pageBlockContainer div.pageBlockInner_FormBlock div.formRow .controlContainer .inputText,
body .pageBlockInner_GridBlock input.buttonDisabled,
body .pageBlockInner_GridBlock input.buttonDisabled:hover {
    background: #f1f0f0;
}


.tabs-style-shape nav li a svg {
    fill: #f1f0f0;
}

.tabs-style-shape nav li a,
#eaContainer #posBrowser_Filter_pageBlock .FilterContainer .ValueList a,
#eaContainer .posBrowserMapBlock .addressContainer .addressLabel,
body #modalcodelistlookup_pageBlock .labelContainer,
body .ui-dialog #LookupFilterBlock_pageBlock .labelContainer,
#eaContainer .label {
    color: #01465d;
}

body .pageBlockInner_GridBlock input.buttonDisabled,
body .pageBlockInner_GridBlock input.buttonDisabled:hover {
    color: #848484 !important;
}

#ui-datepicker-div .ui-state-active, #ui-datepicker-div .ui-widget-content .ui-state-active,
#ui-datepicker-div .ui-widget-header .ui-state-active,
body .pageBlockInner_FormBlock div.curFocus div.controlContainer .inputText,
body .pageBlockInner_FormBlock div.curFocus div.controlContainer .inputSelect,
#eaContainer .pageBlockInner_FormBlock div.curFocus div.controlContainer .inputText,
#eaContainer .pageBlockInner_FormBlock div.curFocus div.controlContainer .inputSelect {
    border: 1px solid #9B9C9E;
}

/*---------------------------------------
   2.2 General            
-----------------------------------------*/

/* Parallax */
.parallax-window {
    min-height: 430px;
    background: transparent;
    margin-top: 60px;
    width: 100%;
}

.mobile-banner {
    display: none;
}

.eArcuInfoHeader {
    display: none;
}

#content-main {
    min-height: 500px;
    padding-top: 2em;
}

.textpage_role_details #content-main {
    margin-top: 33px;
}

.textpage_role_details #eaContainer .col-left {
    border-radius: 16px;
}

.Home #content-main {
    margin-top: 0px;
}

.Pos_Find_Results .content,
.MyJobFeed .content,
.Login .content,
.Welcome .content,
.MyDetails .content,
.Application_List .content,
.MyEmailsSummary .content,
.Application_Home .content,
.Application_Section_PersonalDetails .content,
.Application_Section_CV .content,
.Application_Section_WorkExperience .content,
.Application_Section_Education .content,
.Application_Section_ProfQual .content,
.Application_Section_Referee .content,
.Application_Section_Referral .content,
.Application_Section_EqualOps .content,
.Application_Section_Questions1 .content,
.Application_Section_Submit .content,
.Pos_Description .content,
.Application_Login .content,
.Pos_Questions .content,
.ProfileRegisterWithAlerts .content,
.Pos_SuitabilityQuiz .content {
    background: #d8d8d8;
}



#eaContainer #pageContent {
    background: #fff;
    border-radius: 10px;
    padding: 2em;
    margin-bottom: 2em;
}


.Login #eaContainer .pageBlockInner_FormBlock div.textLiteral,
.MyJobFeed #eaContainer .pageBlockInner_FormBlock div.textLiteral,
.Application_Login #eaContainer .pageBlockInner_FormBlock div.textLiteral,
.ProfileRegister #eaContainer .pageBlockInner_FormBlock div.textLiteral,
.ProfileRegisterWithAlerts #eaContainer .pageBlockInner_FormBlock div.textLiteral {
    text-align: center;
}

.Login .content .heading,
.MyJobFeed .content .heading,
.Application_Login .content .heading,
.ProfileRegister .content .heading,
.Welcome .content .heading,
.MyDetails .content .heading,
.Application_List .content .heading,
.MyEmailsSummary .content .heading {
    margin-top: 9%;
    color: #fff;
    text-align: center;
    font-weight: bold;
    font-size: 40px;
    display: none;
}


.MyJobFeed .content #content-main,
.Welcome .content #content-main,
.MyDetails .content #content-main,
.Application_List .content #content-main,
.MyEmailsSummary .content #content-main {
    margin-top: 0px;
}

.Login .content .container #eaContainer,
.Application_Login .content .container #eaContainer,
.MyJobFeed .content .container #eaContainer,
.ProfileRegisterWithAlerts .content .container #eaContainer {
    min-height: 264px;
    margin-bottom: 0px;
}

.Welcome .content .container #eaContainer,
.MyDetails .content .container #eaContainer,
.Application_List .content .container #eaContainer,
.MyEmailsSummary .content .container #eaContainer,
.Application_Home .content .container #eaContainer,
.Application_Section_PersonalDetails .content .container #eaContainer,
.Application_Section_CV .content .container #eaContainer,
.Application_Section_WorkExperience .content .container #eaContainer,
.Application_Section_Education .content .container #eaContainer,
.Application_Section_ProfQual .content .container #eaContainer,
.Application_Section_Referee .content .container #eaContainer,
.Application_Section_Referral .content .container #eaContainer,
.Application_Section_EqualOps .content .container #eaContainer,
.Application_Section_Questions1 .content .container #eaContainer,
.Application_Section_Submit .content .container #eaContainer,
.Pos_Description .content .container #eaContainer,
.Application_Login .content .container #eaContainer,
.Pos_Questions .content .container #eaContainer {
    margin-top: 0px;
}

.Pos_Find_Results .content .container .row .strapline.text-center {
    font-weight: bold;
    color: #01465d;
}

#content {
    min-height: 450px;
}

.Pos_Find_Results #content {
    min-height: 0;
}

button {
    cursor: pointer;
}

#eaContainer div.pageBlockTitle {
    font-size: 19.6px;
    font-weight: normal;
}

#eaContainer .label {
    font-weight: normal;
}

#eaContainer .pageBlockInner_GridBlock .gridTop {
    font-weight: bold;
    border-radius: 0 0 6px 6px;
}

    #eaContainer .pageBlockInner_GridBlock .gridTop a,
    footer #footer .copy-right p a,
    #eaContainer .availableListsContainer a,
    #eaContainer .footer,
    rowContainer a {
        font-weight: normal;
    }

#eaContainer a,
body .ui-widget-content a {
    font-weight: normal;
    outline: 0;
}

    #eaContainer a.filename,
    #eaContainer .rowlink a,
    body #eaContainer .buttonAnchor,
    #posBrowser_Filter_pageBlock .FilterRowsContainer a,
    #eaContainer .alternateViews a {
        text-decoration: none;
    }

#eaContainer .iconLabel a,
#eaContainer .ulListItemLabel a,
#eaContainer .TilesGridSortingContainer a,
#eaContainer .TilesGridSortingPopup a,
#eaContainer .alternateViews a,
#eaContainer #latest-jobs a,
#eaContainer #latest-jobs a:active,
#eaContainer #latest-jobs a:visited {
    text-decoration: none;
}

#eaContainer div.pageBlockContainer {
    margin: 0;
}

#eaContainer div.pageBlockContent {
    overflow: hidden;
}

#breadcrumb {
    margin-bottom: 2em;
    text-align: left;
    color: #002942;
}

.Pos_Find_Results #breadcrumb {
    color: #5F6A72;
}

.PasswordReset_Request #breadcrumb {
    margin-top: 17%;
}

.Pos_AlertCriteria #breadcrumb {
    margin-top: 8%;
}

    .Pos_AlertCriteria #breadcrumb .fa,
    .Pos_AlertCriteria #breadcrumb a,
    .PasswordReset_Request #breadcrumb .fa,
    .PasswordReset_Request #breadcrumb a {
        color: #fff;
    }

.Pos_AlertCriteria #eaContainer,
.PasswordReset_Request #eaContainer {
    min-height: 398px;
}

.Pos_AlertCriteria #pageContent,
.PasswordReset_Request #pageContent {
    background: #fff;
    padding: 20px;
    border-radius: 15px;
}

.Pos_AlertCriteria #content-main,
.PasswordReset_Request #content-main {
    background: #01465d;
}

h1#EarcuIntroTextBlockTitle,
h1#EarcuHeadingTextBlockTitle,
.pageBlockTitle {
    display: none;
}

input, button, select, textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
}

#eaContainer .pageBlockInner_GridBlock .ListGridContainer {
    margin: 0;
}

.content-warp.no-banner {
    margin-top: 0;
}

.banner-main {
    margin-top: 60px;
    width: 100%;
}

#eaContainer {
    margin-bottom: 2em;
}

    /*---------------------------------------
   2.3 Buttons              
-----------------------------------------*/

    #Grid_PERSONALDETAILS_pageBlock .rowlink a,
    body button.buttonAnchor,
    body input.buttonSubmit,
    body a.buttonAnchor,
    #eaContainer a.button,
    #eaContainer .addressButton,
    #eaContainer #Home_pageView #noPositions_pageBlockContainer .bottomContainer .buttonContainer a,
    #eaContainer #Pos_Description_pageView #posdesc_pageBlock a.right,
    #eaContainer .fileuploadbutton,
    #eaContainer .buttonsLeft button.buttonAnchor,
    #eaContainer .buttonsRight button.buttonAnchor,
    #eaContainer .buttonsLeft input.buttonSubmit,
    #eaContainer .buttonsRight input.buttonSubmit,
    #eaContainer .buttonsLeft a.buttonAnchor,
    #eaContainer .buttonsRight a.buttonAnchor,
    .gridContainer .rowlink a {
        /* box-shadow: 0 0.25em 0 0 #A51223, 0 4px 9px rgba(0, 0, 0, 0.75); */
        /* margin: 1em !important; */
        /*text-shadow: 0 0.075em 0.075em rgba(0, 0, 0, 0.5);*/
        /* padding: 6.5px 25px; */
        /*padding: 5px 15px;*/
        padding: 7px 15px;
        text-align: center;
        font-size: inherit;
        font-family: inherit;
        font-weight: normal;
        /* text-transform: uppercase; */
    }

body .pageBlockInner_GridBlock input.buttonDisabled,
body .pageBlockInner_GridBlock input.buttonDisabled:hover {
    text-shadow: none;
}

#eaContainer .addressButton {
    padding: 0;
}

#eaContainer .buttonsLeft button.buttonAnchor,
#eaContainer .buttonsRight button.buttonAnchor,
#eaContainer .buttonsLeft input.buttonSubmit,
#eaContainer .buttonsRight input.buttonSubmit {
    padding: 7px 25px;
}

    body button.buttonAnchor:hover,
    body input.buttonSubmit:hover,
    body a.buttonAnchor:hover,
    #eaContainer a.button:hover,
    #eaContainer .addressButton:hover,
    #eaContainer a.button:hover,
    #eaContainer #Home_pageView #noPositions_pageBlockContainer .bottomContainer .buttonContainer a:hover,
    #eaContainer #Pos_Description_pageView #posdesc_pageBlock a.right:hover,
    #eaContainer .fileuploadbutton:hover,
    #eaContainer .buttonsLeft button.buttonAnchor:hover,
    #eaContainer .buttonsRight button.buttonAnchor:hover,
    #eaContainer .buttonsLeft input.buttonSubmit:hover,
    #eaContainer .buttonsRight input.buttonSubmit:hover,
    #eaContainer .buttonsLeft a.buttonAnchor:hover,
    #eaContainer .buttonsRight a.buttonAnchor:hover {
        /* box-shadow: 0 0.25em 0 0 #770000, 0 4px 9px rgba(0, 0, 0, 0.75); */
        /*text-shadow: 0 0.075em 0.075em rgba(0, 0, 0, 0.5);*/
    }

html body th input.buttonSubmit {
    box-shadow: none;
}

#eaContainer input.buttonSubmit {
    padding: 7px 25px;
}

/*---------------------------------------
   2.4 Errors           
-----------------------------------------*/

#eaContainer .actionMessageContainer {
    padding: 1em 0;
    margin-bottom: 1em;
    background-color: #01465d;
}

body.Home #eaContainer .actionMessageContainer {
    margin: 2em 0 0;
}

    body.Home #eaContainer .actionMessageContainer div.actionMessageOk {
    }

.pageBlockInner_FormBlock div.controlError {
    padding-top: 5px;
}

/*---------------------------------------
   2.5 Dialogues            
-----------------------------------------*/

body .pageBlockInner_GridBlock div.pagingControls input.pagenumber {
    text-shadow: none;
}

body .pageBlockInner_GridBlock div.pagingControls input.pagenumber_current {
    color: #000000;
}

.ui-dialog-titlebar-close {
    background-image: url("../images/sprites/white-cross.png");
    background-repeat: no-repeat;
}

body .pageBlockInner_GridBlock table.gridTable th input.buttonSubmit {
    margin-top: 0;
}

body button.ui-dialog-titlebar-close {
    outline: 0;
}

/*---------------------------------------
   2.6 Tooltips            
-----------------------------------------*/

body.Home .tooltip2_Surround_FormToolTip {
    display: none !important;
    background: #333;
}

body.Home .tooltip2_Surround_FormToolTip {
    display: none !important;
    background: #333;
}

body .tooltip2_Outer {
    padding-left: 1em;
}

.tooltip2_Surround, .tooltip2_SurroundClosing {
    display: none !important;
    position: absolute;
    z-index: 999999999;
    overflow: auto;
}
/*---------------------------------------
   2.7 Hidden            
-----------------------------------------*/

.hidden {
    display: none;
}

/*---------------------------------------
   2.8 Modals            
-----------------------------------------*/

body .ui-dialog div.gridRemove .pageBlockContent {
    background: none;
}

.modalContent .formRow.formRowButtonRow {
    margin-top: 1em;
    width: 76.5% !important;
}

.modalContent .totalRows {
    margin-top: 1em;
}

.modalContent .gridFooter {
    overflow: hidden !important;
}

body .pageBlockInner_GridBlock table.gridTable th {
    background: #ffffff;
}

.modalContent {
    min-height: auto !important;
}
/* --------------------------------------
=========================================
   3. PRE APPLICATION
=========================================
-----------------------------------------*/

/*---------------------------------------
   3.1 Home              
-----------------------------------------*/
.Home div#content-main .container {
    width: 1500px;
    max-width: 100%;
    padding: 0;
    margin: auto;
}

.Home #intro_pageBlock {
    display: none;
}

#eaContainer .actionMessageContainer div.actionMessageWarning,
#eaContainer .actionMessageContainer div.actionMessageOk {
    color: #fff;
    margin-left: 10px;
}

.count-block .fa {
    display: block;
    color: #333;
}

.count-block .counter,
.count-block .counter-icon {
    color: #333;
    font-size: 32px;
}

.count-block .counter-icon {
    margin-left: 0;
}

.no-of p {
    text-transform: uppercase;
    color: #AF2948;
}

.count-block * {
    margin: 10px;
    text-align: center;
}

.count-block .no-of {
    margin-top: 25px;
    margin-bottom: 25px;
    width: 30%;
    display: inline-block;
}

.Home #eaContainer {
    margin-bottom: 0px;
    position: relative;
}

.bottom-parallax {
    margin: 0;
}

#home-img-2 {
    position: relative;
}

    #home-img-2 p {
        position: absolute;
        bottom: 40%;
        text-align: center;
    }

.hero-text {
    text-align: center;
    padding-bottom: 3.5em;
    padding-top: 3.5em;
    background-image: url("../images/headers/1b-home-quote.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

    .hero-text .section-content {
        width: 100%;
        margin: 0 auto;
        padding-left: 20%;
        padding-right: 20%;
        opacity: 0.85;
    }

        .hero-text .section-content .blockquote {
            color: #AF2948;
            font-size: 34px;
            animation: come-in 0.8s ease forwards;
        }

        .hero-text .section-content .blockquote {
            color: #AF2948;
            font-size: 34px;
        }

.blockquote-author {
    font-size: 20px;
}

/* Full width */

/*
body.Home .wrapper {
    width: 100%;
    max-width: 100%;
    margin: 0;
}

body.Home #banner, 
body.Home #topnav, 
body.Home #nav-mobile, 
body.Home .srt-menu, 
body.Home .srt-menu li {
    border-radius: 0;
}
*/


#eaContainer .col-left,
#eaContainer .col-right {
    display: inline-block;
    vertical-align: top;
}

#eaContainer .col-left {
    width: 60%;
    margin-right: 5%;
}

    #eaContainer .col-left h2 {
        margin-top: 30px;
    }

#eaContainer .col-right {
    width: 34%;
    float: right;
}

    #eaContainer .col-right #latest-jobs,
    #eaContainer .col-right #quiz {
        background: #F1F1F1;
        border-top-right-radius: 15px;
        padding: 2em;
        overflow: auto;
    }

    #eaContainer .col-right #quiz {
        margin-top: 10px;
    }

        #eaContainer .col-right #quiz h2 {
            text-align: center;
            color: #01465d;
            font-weight: bold;
            font-size: 22px;
            line-height: 34px;
            margin: 0;
            margin-bottom: 1em;
        }

        #eaContainer .col-right #quiz .buttonsLeft {
            margin-top: 15px;
        }
    /*
.Home #eaContainer {
    margin-top: 60px;
    margin-bottom: 60px;
}
*/
    /*
#eaContainer #latestjobs_pageBlock {
    padding-left: 0;
}

#eaContainer .col-right #latest-jobs-container .rowContainer {
    margin-left: 0 !important;
    margin-bottom: 0;
    border-radius: 0;
    background: none;
    padding: 0;
}

#eaContainer .col-right #latest-jobs-container .rowHeader {
    padding: 0;
}
*/
    #eaContainer .col-right p {
        margin: 0;
    }

#slider-latest-jobs ul.slides {
    display: inline-block;
    vertical-align: top;
    width: 90%;
}

#slider-latest-jobs ol.flex-control-nav {
    display: inline-block;
    width: 7%;
    position: absolute;
    top: 28%;
}

#eaContainer #slider-latest-jobs {
    background: none;
}

    #eaContainer #slider-latest-jobs .slides {
        margin-bottom: 1em;
    }

#eaContainer #latest-jobs h1 {
    line-height: 34px;
    margin-top: 0;
}

#eaContainer #latest-jobs h3 {
    color: #000;
    font-size: 16px;
    font-weight: normal;
    margin: 10px 0 0;
}

#slider-latest-jobs ol li a {
    background: #ffffff;
    -webkit-box-shadow: 0;
    -moz-box-shadow: 0;
    -o-box-shadow: 0;
    box-shadow: 0;
}

.category-description-text,
.nojobs_jobBlock {
    margin-bottom: 1em;
    margin-top: 1em;
}

.Home .img-container {
    margin-bottom: 30px;
    margin-top: 15px;
}

.grid {
    position: relative;
    clear: both;
    margin: 0 auto;
    padding: 1em 0 0em;
    max-width: 1444px;
    list-style: none;
    text-align: center;
}

    /* Common style */
    .grid figure {
        position: relative;
        display: inline-block;
        overflow: hidden;
        margin: 5px;
        min-width: 320px;
        max-width: 480px;
        max-height: 360px;
        width: 24%;
        height: 250px;
        background: #AF2948;
        text-align: center;
        cursor: pointer;
        border-radius: 30px;
    }

        .grid figure img {
            position: relative;
            display: block;
            min-height: 100%;
            max-width: 100%;
            opacity: 1;
        }

        .grid figure figcaption {
            padding: 40px 10px;
            color: #fff;
            text-transform: uppercase;
            font-size: 1.25em;
            -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
        }

            .grid figure figcaption h3 {
                margin: 10px 0;
                color: #fff;
                font-size: 14px;
                opacity: 0;
            }

            .grid figure figcaption::before,
            .grid figure figcaption::after {
                pointer-events: none;
            }

            .grid figure figcaption,
            .grid figure figcaption > a {
                position: absolute;
                top: 183px;
                left: 0;
                width: 100%;
                height: 100%;
                padding: 0;
            }

                /* Anchor will cover the whole item by default */
                /* For some effects it will show as a button */
                .grid figure figcaption > a {
                    z-index: 1000;
                    text-indent: 200%;
                    white-space: nowrap;
                    font-size: 0;
                    opacity: 0;
                }

        .grid figure h2 {
            font-weight: 300;
        }

            .grid figure h2 span {
                font-weight: 800;
            }

        .grid figure h2,
        .grid figure p {
            margin: 0;
        }

        .grid figure p {
            letter-spacing: 1px;
            font-size: 68.5%;
        }

.Home .grid .category-container,
.Home .grid .category-container figcaption,
.Home .grid .category-container figcaption h3 {
    transition: all 0.3s ease;
}

    .Home .grid .category-container figcaption {
        background: #01465d;
    }

    .Home .grid .category-container:hover figcaption {
        top: 163px;
    }

    .Home .grid .category-container:hover h3 {
        opacity: 1;
    }

/*-----------------*/
/***** Moses *****/
/*-----------------*/

/*figure.effect-moses {
    background: -webkit-linear-gradient(-45deg, #01465d 0%,#af2948 100%);
    background: linear-gradient(-45deg, #01465d 0%,#af2948 100%);
}*/

figure.effect-moses img {
    opacity: 0.85;
    -webkit-transition: opacity 0.35s;
    transition: opacity 0.35s;
}

figure.effect-moses h2,
figure.effect-moses p {
    padding: 20px;
    width: 60%;
    height: 40%;
}

figure.effect-moses h2 {
    width: 100%;
    text-align: center;
    -webkit-transition: -webkit-transform 0.35s;
    transition: transform 0.35s;
    -webkit-transform: translate3d(0,10px,0);
    transform: translate3d(0,10px,0);
    color: #fff;
    text-shadow: 1px 1px 1px #888;
    font-size: 15px;
    padding: 1px;
    margin-bottom: 10px;
    height: auto;
    border-radius: 5px;
    font-weight: bold;
    text-shadow: 2px 2px #5F6A72;
}

figure.effect-moses p {
    padding: 15px;
    text-align: center;
    opacity: 0;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    -webkit-transform: translate3d(0,-50%,0);
    transform: translate3d(0,-50%,0);
    font-size: 16px;
    letter-spacing: 0px;
    width: auto;
    height: auto;
    text-shadow: 1px 1px 1px #AF2948;
    padding: 5px;
    color: #fff;
}

/*figure.effect-moses:hover h2 {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
    }

    figure.effect-moses:hover p {
        opacity: 1;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
    }

    figure.effect-moses:hover img {
        opacity: 0.6;
    }*/



section#jobalerts {
    background: url(../images/custom/job_alerts.jpg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    background-color: #00000033;
    padding: 8em 0;
    background-blend-mode: color;
}

.alertsbtn {
    display: grid;
    margin: 2em;
}

    .alertsbtn a {
        min-width: 200px;
        margin: auto;
        background: #01465d;
        color: #fff;
        padding: 7px 15px;
        border: 2px solid #01465d;
        transition: all 0.3s ease;
        border-radius: 3px;
        font-family: "myriad-pro-light",sans-serif;
    }

        .alertsbtn a:hover {
            background: #fff;
            color: #01465d;
        }


section#jobalerts h1.alerts-heading {
    font-weight: bold;
    font-size: 40px;
    color: #01465d;
}

section#jobalerts p.alertsp {
    font-size: 20px;
    font-family: "myriad-pro-light",sans-serif;
    padding: 1em;
    max-width: 70%;
    margin: auto;
    color: #fff;
}


/*---------------------------------------
   3.2 Job search              
-----------------------------------------*/
#FindJobContainer {
    left: 0;
    margin-left: auto;
    margin-right: auto;
    padding-left: 27px;
    position: absolute;
    right: 0;
    top: 9.1em;
    width: 1170px;
}

#FindJobHeroBlock {
    /*max-width: 566px;*/
    background: #AF2948;
    padding-bottom: 25px;
    position: absolute;
    /*top: 9.1em;*/
    /* left: 3em; */
    z-index: 1000;
    border-radius: 10px;
}

    #FindJobHeroBlock h1 {
        color: #fff;
        margin-bottom: 15px;
    }

    #FindJobHeroBlock .pageBlockHeader,
    #quicksearch_pageBlock .pageBlockInner_FormBlock div.labelContainer {
        display: none;
    }

    #FindJobHeroBlock .buttonAnchor,
    #FindJobHeroBlock .pageBlockInner .buttonsRight li,
    #FindJobHeroBlock input.buttonSubmit,
    #FindJobHeroBlock .buttonsRight,
    #FindJobHeroBlock .formRowTextInputRow .controlContainer {
        float: none;
    }

body #FindJobHeroBlock input.buttonSubmit {
    background: #fff;
    font-weight: bold;
    text-shadow: 0 !important;
    border: 1px solid #fff;
}

body #FindJobHeroBlock input.inputText {
    width: 100%;
    padding-top: 4px;
}

body #FindJobHeroBlock .formRowTextInputRow {
    width: 40%;
    display: inline-block;
    float: none;
}

body #FindJobHeroBlock .blockSummaryText {
    padding-left: 0;
}

#FindJobHeroBlock div.pageBlockContent {
    padding-top: 25px;
    padding-left: 25px;
    padding-right: 25px;
}

#FindJobHeroBlock #quicksearch_SaveButtonRow_formRow {
    float: none;
    display: inline-block;
    width: auto;
}

#FindJobHeroBlock .buttonSubmit {
    display: inline-block;
    padding: 2.9px 25px;
}

body #fh5co-wrapper #FindJobHeroBlock a#JobsNearMe:hover.buttonAnchor {
    /* text-decoration: underline !important; */
    background: none;
}

a#JobsNearMe {
    background: none;
    padding-left: 25px;
}

    a#JobsNearMe:before {
        font-family: FontAwesome;
        content: "\f124";
        padding-right: 1em;
    }

#FindJobHeroBlock h1 {
    margin-top: 0;
    text-transform: none;
}

.Pos_Description #eaContainer #Pos_Description_pageView .pageBlockContainerMiddle .posDescriptionContainer .benefits {
    position: relative;
    width: 30%;
    overflow: auto;
    float: right;
    margin-bottom: 15px;
}

    .Pos_Description #eaContainer #Pos_Description_pageView .pageBlockContainerMiddle .posDescriptionContainer .benefits h3 {
        font-weight: bold;
        text-align: center;
    }

    .Pos_Description #eaContainer #Pos_Description_pageView .pageBlockContainerMiddle .posDescriptionContainer .benefits p {
        text-align: center;
        font-size: 14px;
    }


.benefit-blocks {
    width: 50%;
    float: left;
    min-height: 200px;
}

.Pos_Description #eaContainer #Pos_Description_pageView .pageBlockContainerMiddle .posDescriptionContainer .benefits .benefit-block {
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    overflow: auto;
    min-height: 120px;
}

.Pos_Description #eaContainer #Pos_Description_pageView .pageBlockContainerMiddle .posDescriptionContainer .benefits #benefit-1 {
    background-image: url(../images/icons/MTR_018_Cycle_01.png);
}

.Pos_Description #eaContainer #Pos_Description_pageView .pageBlockContainerMiddle .posDescriptionContainer .benefits #benefit-2 {
    background-image: url(../images/icons/MTR_018_Discounts_02.png);
}

.Pos_Description #eaContainer #Pos_Description_pageView .pageBlockContainerMiddle .posDescriptionContainer .benefits #benefit-3 {
    background-image: url(../images/icons/MTR_018_EmployeeAssistance_02.png);
}

.Pos_Description #eaContainer #Pos_Description_pageView .pageBlockContainerMiddle .posDescriptionContainer .benefits #benefit-4 {
    background-image: url(../images/icons/MTR_018_Pension_05.png);
}

.Pos_Description #eaContainer #Pos_Description_pageView .pageBlockContainerMiddle .posDescriptionContainer .benefits #benefit-5 {
    background-image: url(../images/icons/MTR_018_Rewards_02.png);
}

.Pos_Description #eaContainer #Pos_Description_pageView .pageBlockContainerMiddle .posDescriptionContainer .benefits #benefit-6 {
    background-image: url(../images/icons/MTR_018_Social_02.png);
}

.Pos_Description #eaContainer #Pos_Description_pageView .pageBlockContainerMiddle .posDescriptionContainer .benefits #benefit-7 {
    background-image: url(../images/icons/MTR_018_Travel_01.png);
}

.Pos_Description #eaContainer #Pos_Description_pageView .pageBlockContainerMiddle .posDescriptionContainer .benefits #benefit-8 {
    background-image: url(../images/icons/MTR_018_Wellbeing_02.png);
}

/*---------------------------------------
   3.3 No vacancies              
-----------------------------------------*/
#eaContainer #Home_pageView #noPositions_pageBlockContainer .topContent {
    width: 100%;
}

#eaContainer #Home_pageView #noPositions_pageBlockContainer .topContent,
#eaContainer #Home_pageView #noPositions_pageBlockContainer .title,
#eaContainer #Home_pageView #noPositions_pageBlockContainer .content {
    padding: 10px;
}

/*---------------------------------------
   3.4 Categories            
-----------------------------------------*/

/* Blocks */

.category-container {
    min-height: 100%;
    min-width: 100%;
    position: relative;
    vertical-align: middle;
    margin: 0 auto;
    text-align: center;
    background: #000000;
}

.category-container {
    cursor: pointer;
}

    .category-container img {
        opacity: 0.8;
    }

/*.category-container:hover {
        background: #333;
    }*/

.category-info {
    z-index: 10;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 100%;
}

    .category-info h1 {
        color: #FFFFFF;
        text-shadow: 0 0.075em 0.075em rgba(0, 0, 0, 0.7);
    }

span.fake-button {
    color: #fff;
    float: none;
    font-family: inherit;
    font-size: inherit;
    font-weight: normal;
    padding: 8px 15px;
    text-align: center;
    text-transform: uppercase;
    background: #9b9c9e;
}

/*.category-container:hover img,
.category-container:hover .category-extras {
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.category-container:hover img {
    opacity: 0.1;
}*/

.category-extras {
    display: none;
}

.category-container:hover .category-extras {
    display: block;
}

.category-container:hover .category-info h1 {
    color: rgb(85, 55, 155);
    text-shadow: none;
}

.category-info h1 {
    margin-top: 0;
}

.category-info p {
    margin: 0 auto;
    width: 85%;
    max-height: 80px;
    margin-bottom: 20px;
    overflow: hidden;
}

.col-third {
    width: 33.1%;
    display: inline-block;
}

/* Image zoom on hover + Overlay colour */
.cat-container {
    width: 101%;
    height: 300px;
    overflow: hidden;
    position: relative;
    display: inline-block;
    cursor: pointer;
    margin-top: -10px;
}

.cat-content {
    height: 100%;
    width: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}

/* Several different images */
.bg-one {
    background-image: url("../images/categories/category-6.jpg");
}

.bg-two {
    background-image: url("../images/categories/category-2.jpg");
}

.bg-three {
    background-image: url("../images/categories/category-3.jpg");
}

.bg-four {
    background-image: url("../images/categories/category-4.jpg");
}

.bg-five {
    background-image: url("../images/categories/category-5.jpg");
}

.bg-six {
    background-image: url("../images/categories/category-1.jpg");
}


.cat-inner {
    display: none;
}

.cat-container:hover .cat-inner, .cat-container:focus .cat-inner {
    display: block;
}

.categories .cat-inner {
    font-size: 28px;
    color: #ffffff !important;
    font-family: sans-serif;
    text-align: center;
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    height: 110px;
    cursor: pointer;
    /*text-decoration: none;*/
}

.cat-container:hover .cat-content, .cat-container:focus .cat-content {
    -ms-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
}

    .cat-container:hover .cat-content:before, .cat-container:focus .cat-content:before {
        display: block;
    }

.cat-container:hover a, .cat-container:focus a {
    display: block;
}

.cat-content:before {
    content: "";
    display: none;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.8);
}

/*Roles Page Styling*/

#posdesc_pageBlock .videoOuterContainer {
    max-width: 100%;
    margin-bottom: 20px;
}

#eaContainer .CodeListCountsSummary.pageBlockContainer .pageBlockContent .listContainer,
#eaContainer #Home_pageView #CodeListCounts_pageBlock .listContainer_Option2 .listItemContainer,
#eaContainer #CodeListCounts_pageBlock {
    padding: 0;
    margin: 0;
}

#Home_pageView #CodeListCounts_pageBlock .listContainer_Option2 .listItemContainer {
    width: 33%;
    position: relative;
    /*border-radius: 5px;*/
    margin: 10px;
    height: 275px;
}

    #Home_pageView #CodeListCounts_pageBlock .listContainer_Option2 .listItemContainer .listItemContainerBorder,
    #Home_pageView #CodeListCounts_pageBlock .listContainer_Option2 .listItemContainer .listItemContainerBorder .listItemImageContainer {
        height: inherit;
    }

        #Home_pageView #CodeListCounts_pageBlock .listContainer_Option2 .listItemContainer .listItemContainerBorder .listItemImageContainer {
            z-index: 1;
            background-size: 200px;
            background-position: 50% 10%;
            background-repeat: no-repeat;
        }

        #Home_pageView #CodeListCounts_pageBlock .listContainer_Option2 .listItemContainer .listItemContainerBorder .listItemImageContainer,
        #Home_pageView #CodeListCounts_pageBlock .listContainer_Option2 .listItemContainer:hover .listItemContainerBorder .listItemImageContainer {
            background-size: cover;
        }

        #Home_pageView #CodeListCounts_pageBlock .listContainer_Option2 .listItemContainer .listItemContainerBorder .codeListBlockLower {
            position: absolute;
            bottom: 0;
            left: 0;
            right: 0;
            z-index: 2;
            background: rgba(0,0,0,0.7);
            /*height: 35px;*/
            height: 45px;
            text-align: center;
            transition: all .2s ease;
        }

            #Home_pageView #CodeListCounts_pageBlock .listContainer_Option2 .listItemContainer .listItemContainerBorder .codeListBlockLower .listItemTitle {
                padding: 4px 0 2px 0;
            }

                #Home_pageView #CodeListCounts_pageBlock .listContainer_Option2 .listItemContainer .listItemContainerBorder .codeListBlockLower .listItemTitle a {
                    font-size: 20px;
                    font-weight: 400;
                }

                #Home_pageView #CodeListCounts_pageBlock .listContainer_Option2 .listItemContainer .listItemContainerBorder .codeListBlockLower .listItemTitle a,
                #Home_pageView #CodeListCounts_pageBlock .listContainer_Option2 .listItemContainer .listItemContainerBorder .codeListBlockLower .listItemCountContainer {
                    color: #fff;
                }

            #Home_pageView #CodeListCounts_pageBlock .listContainer_Option2 .listItemContainer .listItemContainerBorder .codeListBlockLower .listItemCountContainer {
                font-size: 17px;
                font-weight: 400;
                text-align: center;
                opacity: 0;
                transition: all .2s ease;
            }

    #Home_pageView #CodeListCounts_pageBlock .listContainer_Option2 .listItemContainer:hover .listItemContainerBorder .codeListBlockLower {
        /*height: 100px;*/
        height: 85px;
    }

        #Home_pageView #CodeListCounts_pageBlock .listContainer_Option2 .listItemContainer:hover .listItemContainerBorder .codeListBlockLower .listItemCountContainer {
            opacity: 1;
        }

    #Home_pageView #CodeListCounts_pageBlock .listContainer_Option2 .listItemContainer .listItemContainerBorder .codeListBlockLower {
        background: rgba(85, 55, 155, 0.7);
    }

    #Home_pageView #CodeListCounts_pageBlock .listContainer_Option2 .listItemContainer:hover .listItemContainerBorder .codeListBlockLower {
        background: rgba(0, 0, 0, 0.7);
    }

.buttonsCenter {
    position: relative;
}

    .buttonsCenter a {
        margin: 0 auto;
    }

/* Category images */
/*
    .listItemContainer_Value1 .listItemImageContainer,
    .listItemContainer_Value65 .listItemImageContainer {
        background-image: url('../images/categories/category-1.jpg') !important;
    }

    .listItemContainer_Value2 .listItemImageContainer,
    .listItemContainer_Value66 .listItemImageContainer {
        background-image: url('../images/categories/category-2.jpg') !important;
    }

    .listItemContainer_Value3 .listItemImageContainer,
    .listItemContainer_Value67 .listItemImageContainer {
        background-image: url('../images/categories/category-3.jpg') !important;
    }

    .listItemContainer_Value4 .listItemImageContainer,
    .listItemContainer_Value68 .listItemImageContainer {
        background-image: url('../images/categories/category-4.jpg') !important;
    }

    .listItemContainer_Value5 .listItemImageContainer,
    .listItemContainer_Value69 .listItemImageContainer {
        background-image: url('../images/categories/category-5.jpg') !important;
    }

    .listItemContainer_Value6 .listItemImageContainer,
    .listItemContainer_Value70 .listItemImageContainer {
        background-image: url('../images/categories/category-6.jpg') !important;
    }

    .listItemContainer_Value7 .listItemImageContainer,
    .listItemContainer_Value71 .listItemImageContainer {
        background-image: url('../images/categories/category-7.jpg') !important;
    }

    .listItemContainer_Value8 .listItemImageContainer,
    .listItemContainer_Value72 .listItemImageContainer {
        background-image: url('../images/categories/category-8.jpg') !important;
    }

    .listItemContainer_Value9 .listItemImageContainer,
    .listItemContainer_Value73 .listItemImageContainer {
        background-image: url('../images/categories/category-9.jpg') !important;
    }
    */

/* Category images on hover */
/*
    .listItemContainer_Value1:hover .listItemImageContainer,
    .listItemContainer_Value65:hover .listItemImageContainer {
        background-image: url('../images/categories/category-1.jpg') !important;
    }

    .listItemContainer_Value2:hover .listItemImageContainer,
    .listItemContainer_Value66:hover .listItemImageContainer {
        background-image: url('../images/categories/category-2.jpg') !important;
    }

    .listItemContainer_Value3:hover .listItemImageContainer,
    .listItemContainer_Value67:hover .listItemImageContainer {
        background-image: url('../images/categories/category-3.jpg') !important;
    }

    .listItemContainer_Value4:hover .listItemImageContainer,
    .listItemContainer_Value68:hover .listItemImageContainer {
        background-image: url('../images/categories/category-4.jpg') !important;
    }

    .listItemContainer_Value5:hover .listItemImageContainer,
    .listItemContainer_Value69:hover .listItemImageContainer {
        background-image: url('../images/categories/category-5.jpg') !important;
    }

    .listItemContainer_Value6:hover .listItemImageContainer,
    .listItemContainer_Value70:hover .listItemImageContainer {
        background-image: url('../images/categories/category-6.jpg') !important;
    }

    .listItemContainer_Value7:hover .listItemImageContainer,
    .listItemContainer_Value71:hover .listItemImageContainer {
        background-image: url('../images/categories/category-7.jpg') !important;
    }

    .listItemContainer_Value8:hover .listItemImageContainer,
    .listItemContainer_Value72:hover .listItemImageContainer {
        background-image: url('../images/categories/category-8.jpg') !important;
    }

    .listItemContainer_Value9:hover .listItemImageContainer,
    .listItemContainer_Value73:hover .listItemImageContainer {
        background-image: url('../images/categories/category-9.jpg') !important;
    }
    */

/*Roles Page Styling End*/

/*---------------------------------------
   3.5 Search results              
-----------------------------------------*/

html body .posListHover {
    display: none !important;
}

#eaContainer {
    min-height: 538px;
}

body.Pos_Find_Results #eaContainer {
    min-height: 500px;
}

.hero-bg {
    margin: 0;
    text-align: center;
}

.hero-bg {
    width: 100%;
    clear: both;
    background: url(../images/custom/alerts-bg.jpg) no-repeat center center;
    background-size: cover;
    min-height: 300px;
}

.hero-content {
    padding: 60px 15px;
}

.hero-bg h2 {
    font-size: 3em;
    text-shadow: 0 1px 2px rgba(0,0,0,0.5);
    margin: 0 0 20px;
}

.hero-bg a.buttonAnchor {
    float: none;
    padding: 15px 27px;
}

.addressContainer input,
.addressContainer button {
    line-height: 28.8px;
}

#eaContainer .pagingButtons {
    padding-top: 2px;
}

#eaContainer .TilesGridSortingPopup {
}

#eaContainer .posBrowserMapBlock .addressContainer {
    padding-top: 10px;
    padding-bottom: 10px;
    width: 375px;
}

    #eaContainer .posBrowserMapBlock .addressContainer .addressLabel {
        width: 150px;
        font-family: "opensansregular",Arial,serif;
    }

#eaContainer .addressContainer .addressButton {
    margin-top: 1px;
}

div.alternateViews a.alternateViewsButton_List {
    margin-right: 1em;
}

#eaContainer #posBrowser_Filter_pageBlock .HeaderContainer {
    margin-bottom: 5px;
    border-radius: 0 0 6px 6px;
}

#eaContainer .posBrowserMapBlock .alternateViewsCurrent a {
    font-weight: bold;
}

#eaContainer #posBrowser_Filter_pageBlock .FilterContainer .ValueList li {
    background: rgba(0, 0, 0, 0) url("../images/sprites/unticked.png") no-repeat scroll left center;
    padding-left: 25px;
    background-size: 20px;
}

    #eaContainer #posBrowser_Filter_pageBlock .FilterContainer .ValueList li:hover {
        background: rgba(0, 0, 0, 0) url("../images/sprites/unticked-pink.png") no-repeat scroll left center;
        background-size: 20px;
    }

    #eaContainer #posBrowser_Filter_pageBlock .FilterContainer .ValueList li.ValueItem_selected {
        background: rgba(0, 0, 0, 0) url("../images/sprites/ticked.png") no-repeat scroll left center;
        background-size: 20px;
    }

#eaContainer .pageBlockInner_GridBlock .pagingControls_Tiles a {
    margin: 6px 5px 1px 1px;
}

html body .posListHover {
    /* display: none; */
    background: #F1F0F0;
    border: 0px;
    max-height: 50%;
}

#eaContainer #posBrowser_ResultsGrid_pageBlock .rowContainer {
    margin-left: 1% !important;
    margin-top: 10px;
    min-height: 150px;
    /*min-height: 150px;*/
    height: auto;
    width: 32%;
    padding: 10px;
    border-radius: 0 0 15px 15px;
    background: #d8d8d8;
}

    #eaContainer #posBrowser_ResultsGrid_pageBlock .rowContainer:hover a {
        text-decoration: none;
    }

    #eaContainer #posBrowser_ResultsGrid_pageBlock .rowContainer a {
        font-weight: bold;
    }

#eaContainer #posBrowser_Filter_pageBlock .FilterContainer .label,
#eaContainer #posBrowser_Filter_pageBlock .FilterContainer .count {
    font-size: inherit;
}

#eaContainer #posBrowser_Filter_pageBlock .FilterContainer a:hover,
#eaContainer #posBrowser_Filter_pageBlock .FilterContainer a:hover .label,
#eaContainer #posBrowser_Filter_pageBlock .FilterContainer a:hover .count,
#eaContainer #posBrowser_Filter_pageBlock .FilterContainer .ValueItem_selected a span {
    text-decoration: none;
}

/*---------------------------------------
   3.6 Job description             
-----------------------------------------*/

.jobValues {
    width: 69%;
    float: left;
}

#eaContainer .earcu_posdescriptiontitle {
    font-weight: bold;
    line-height: 1.5em;
    margin: 0.45em 0;
    padding: 0;
}

#eaContainer #posdesc_pageBlock .posdescriptionPropertyBox,
#eaContainer #posdesc_pageBlock .posrating,
#eaContainer #posdesc_pageBlock .possharing,
#eaContainer #posdesc_pageBlock .posAlerts {
    padding: 2em;
}

.posAlerts_info.posrightbox_info {
    margin: 1em 0 0;
}

#eaContainer #Pos_Description_pageView #posdesc_pageBlock a.right {
    margin-right: 0;
    margin-bottom: 10px;
}

.posAlerts .posAlerts_info {
    margin-bottom: 1em;
}

#eaContainer .connectedContainer,
#eaContainer .button.connect {
    display: block;
    float: none;
}

#eaContainer .connectedContainer {
    margin-bottom: 1em;
    width: 100%;
}

#eaContainer .button.connect {
    width: 92%;
}

#eaContainer .buttonContainer {
    display: none;
}

#eaContainer #MyDetails_ConnectedServices_pageView #ConnectedServicesForm_pageBlock .serviceContainer2,
#eaContainer .ulListItemLabel,
/* #eaContainer .gridContent,*/
#eaContainer .PosMyAppSummaryValues,
#eaContainer .rowContainer,
body #eaContainer #MyDetailsStauts_pageBlockContainer .pageBlockContent.pageBlockContent_TextTagReplacementBlock {
    padding: 1em;
    margin-bottom: 1em;
}

.PosMyAppSummaryValues dd {
    margin: 0;
}

#eaContainer .PosMyAppSummaryValues div.appCompleteChartBack,
#eaContainer .PosMyAppSummaryValues div.appCompleteChartBar {
    padding: 0;
    margin: 0;
}

#eaContainer .PosDescriptionText .ApplyNowContainer {
    float: right;
}

#JobDescriptionMap_vacancyMap_pageBlock #vacancyMap {
    width: 100%;
    height: 170px;
    background-size: 100% !important;
}

.PosDescriptionText {
    float: left;
    margin: 15px;
}

#eaContainer div.posDescriptionContainer317 .BigVacancyMap {
    width: 100%;
}

#eaContainer div.posDescriptionContainer317 .RightJobBox {
}

#eaContainer span.miniMapButton {
    margin-bottom: 10px;
}

#eaContainer #posdesc_pageBlock ul.jobSum li .jobSumValue {
    margin-right: 0px;
}


#eaContainer #posdesc_pageBlock .posrating,
#eaContainer #posdesc_pageBlock .possharing,
#eaContainer #posdesc_pageBlock .posAlerts {
    border: 0 none;
    border-radius: 0;
    padding: 2em;
}

#eaContainer #posdesc_pageBlock .posdescriptionPropertyBox {
    padding: 1em;
}

.Pos_Description .heading-section {
    display: none;
}

#JobDescriptionMap_vacancyMap_pageBlock {
    padding: 0;
}

#eaContainer #PosDescSharingItems {
    text-align: center;
    margin: 0 auto;
    width: 190px;
}

#eaContainer .RightJobBox .posAlerts {
    text-align: center;
}

#eaContainer #posdesc_pageBlock .possharing {
    padding: 50px 0;
    width: 49%;
    float: left;
    background: #f1f0f0;
    margin: 0 5px;
}

#eaContainer #posdesc_pageBlock .posAlerts {
    padding: 13px;
    background: #f1f0f0;
    width: 49%;
    float: left;
}

.JobTitle h1 {
    color: #01465d;
    font-family: "myriad-pro",sans-serif;
    text-align: center;
    font-size: 38px;
    padding: 20px;
    font-weight: bold;
}


/*---------------------------------------
   3.7 Job alerts             
-----------------------------------------*/

html body #lookupResults_gridTable {
    margin-bottom: 0;
    width: 100% !important;
}

#eaContainer .pageBlockInner_FormBlock div.controlContainer_ReadOnly div.selectmultipleContainer ul.selectmultiplelist li {
    padding-left: 5px;
}

#eaContainer .pageBlockInner_FormBlock label.formLabel {
    text-align: left;
}

#eaContainer #posdesc_pageBlock .posDescriptionContainer,
#eaContainer #posBrowser_ResultsGrid_pageBlock div.ListGridContainer {
    overflow: hidden;
}

#eaContainer .pageBlockInner_FormBlock div.formRowTextAreaRow div.controlContainer_ReadOnly,
#eaContainer .pageBlockInner_FormBlock div.formRowTextAreaRow div.controlContainer_ReadOnlyWithControl {
    width: 30%;
}

#eaContainer .interviewdetailform .pageBlockInner_FormBlock .mapRow .mapInnerContainer_Small {
    width: 360px;
}

#eaContainer .pageBlockInner_FormBlock div.noselectmultipleoptionsmessage,
#eaContainer .formRowSelectMultiCodelistRow label {
    padding: 6px 7px;
}

#eaContainer #MyJobFeedForm_form div.formRow {
    margin-top: 1em;
}

div.ui-dialog-titlebar .ui-dialog-titlebar-close,
div.ui-dialog-titlebar .ui-dialog-titlebar-close:hover {
    height: 31px;
    width: 80px;
    border: 1px solid #01465d;
    border-radius: 6px;
    border-top-left-radius: 0;
    border-bottom-right-radius: 0;
    background-color: #01465d;
    background-image: url("../images/sprites/white-cross.png");
    background-repeat: no-repeat;
    background-position: 50% 50%;
    padding: 0px;
    margin: 0 -5px 0 0;
    top: 0px;
    color: #fff;
}
/*---------------------------------------
   3.8 Questions            
-----------------------------------------*/

#eaContainer .formRow.formRowRadioInputRow.formRowRadioInputRow_Fancy {
    margin-bottom: 2em;
}

#eaContainer div.pageBlockInner_FormBlock div.formRow {
    /* width: 98%; */
    width: 100%;
}

#eaContainer #questions_form .controlContainer {
    margin-top: 1em;
}

.pageBlockInner_FormBlock div.radioOption input {
    margin-top: 3px;
}

/*---------------------------------------
   3.8a Quiz            
-----------------------------------------*/

#eaContainer #Quiz_pageBlockContainer #Quiz_pageBlock .questionContainer .questionHeadingTextContainer span {
    font-size: 30px;
    font-weight: bold;
    text-transform: uppercase;
    color: #01465d;
}

    #eaContainer #Quiz_pageBlockContainer #Quiz_pageBlock .questionContainer .questionHeadingTextContainer span.questionNumberText {
        display: none;
    }

#eaContainer #Quiz_pageBlockContainer #Quiz_pageBlock .questionContainer form .questionTextContainer,
#eaContainer #Quiz_pageBlockContainer #Quiz_pageBlock .questionContainer form .feedbackContainer,
#eaContainer #Quiz_pageBlockContainer #Quiz_pageBlock .summaryContainer {
    width: 100%;
    float: left;
    font-weight: bold;
    font-size: 18px;
    margin-bottom: 20px;
}

    #eaContainer #Quiz_pageBlockContainer #Quiz_pageBlock .questionContainer form .questionTextContainer p {
        width: 100%;
        float: left;
    }

#eaContainer #Quiz_pageBlockContainer #Quiz_pageBlock .questionContainer form .imageContainer {
    width: 50%;
    float: right;
    padding-left: 20px;
    position: relative;
}

#eaContainer #Quiz_pageBlockContainer #Quiz_pageBlock .questionContainer form .questionOptionListContainer {
    width: 50%;
    float: left;
    margin-right: 0;
    padding-right: 20px;
    padding-top: 0;
}

    #eaContainer #Quiz_pageBlockContainer #Quiz_pageBlock .questionContainer form .questionOptionListContainer .questionOptionContainer {
        position: relative;
        margin-left: 0;
    }

    #eaContainer #Quiz_pageBlockContainer #Quiz_pageBlock .questionContainer form .questionOptionListContainer .questionOptionInput {
        position: absolute;
        top: 50%;
        left: 10px;
        transform: translateY(-50%);
        z-index: 1;
        margin-top: 1px;
        cursor: pointer;
    }

    #eaContainer #Quiz_pageBlockContainer #Quiz_pageBlock .questionContainer form .questionOptionListContainer .questionOptionContainer .questionOptionTextContainer {
        padding: 20px;
        padding-left: 35px;
        background: #eee;
        margin: 0;
    }

        #eaContainer #Quiz_pageBlockContainer #Quiz_pageBlock .questionContainer form .questionOptionListContainer .questionOptionContainer .questionOptionTextContainer p {
            margin-bottom: 0;
        }

            #eaContainer #Quiz_pageBlockContainer #Quiz_pageBlock .questionContainer form .questionOptionListContainer .questionOptionContainer .questionOptionTextContainer p:nth-child(n+2) {
                margin-top: 10px;
            }

#eaContainer #Quiz_pageBlockContainer #Quiz_pageBlock .questionContainer .feedbackContainer .feedbackTextContainer {
    display: none;
}

#eaContainer #Quiz_pageBlockContainer #Quiz_pageBlock .buttonsContainer {
    width: 100%;
    float: left;
    overflow: auto;
}
/*---------------------------------------
   3.9 Login            
-----------------------------------------*/
#login_SaveButtonRow_formRow input,
#login_buttons2_formRow a {
    min-width: 285px;
}

/* Center apply social icons */

#eaContainer #login_pageBlock .ssoIcon,
#eaContainer #newregister_pageBlock .ssoIcon {
    display: inline-block;
    float: none;
}

#eaContainer #login_pageBlock .ssoIconsInnerContainer,
#eaContainer #newregister_pageBlock .ssoIconsInnerContainer {
    text-align: center;
}

#UsernameForm_pageBlock .ssoIconsInnerContainer {
    margin: 0 auto;
    max-width: initial;
    overflow: auto;
    display: inline-flex;
}

#UsernameForm_pageBlock .ssoIcon {
    display: block;
    float: left;
    padding: 5px;
    width: auto;
    max-width: 100%;
}
/*---------------------------------------
   3.10 Register            
-----------------------------------------*/

#eaContainer .pageBlockInner_FormBlock input.inputText {
    padding: 5px;
}

#eaContainer #LinkedInStart_pageView .pageBlockInner_FormBlock .iconListStyle .iconContainer {
    border: 0;
    background: #F1F1F1;
}

.LinkedInInstructions #eaContainer .mainearcublock .buttonsRight input.buttonSubmit {
    background: #0078B5;
    color: #ffffff;
}

    .LinkedInInstructions #eaContainer .mainearcublock .buttonsRight input.buttonSubmit:hover {
        background: #9b9c9e;
    }

/* Tabs */

body #Application_Login_pageView #PageTitleBlock_pageBlock #pageTitleSignInHeaderContainer,
body #Application_Login_pageView #PageTitleBlock_pageBlock #pageTitleRegisterHeaderContainer {
    border: 0;
    margin-left: 0;
}

#pageTitleSignInHeaderContainer h2,
#pageTitleRegisterHeaderContainer h2 {
    background: #f1f1f1;
    color: #9a9b9c;
    padding: 10px;
}

/* --------------------------------------
=========================================
   4. CANDIDATE PORTAL
=========================================
-----------------------------------------*/

/*---------------------------------------
   4.1 My home           
-----------------------------------------*/
#posSummaryBlockv2_pageBlock .MySummaryItemInner {
    margin: 5px;
    background: transparent;
}

/* Summary icons */
#eaContainer #WelcomeInfoBlock_pageBlock div.pageBlockInner_FormBlock div.formRow {
    /* width: 49%;
    display: inline-block; */
    /*
    display: inline-block; 
    margin-left: 5%;
    width: 44%;
    */
}

/*
#WelcomeInfoBlock_pageBlock {
    margin: 0 auto;
    position: relative;
    max-width: 500px;
}
*/

#eaContainer #MyDetails_pageView #MyDetailsStauts_pageBlock #eArcuProfileImage .messageContainer {
    margin-right: 0;
}

#eaContainer #MyDetails_pageView #MyDetailsStauts_pageBlock #eArcuProfileImage .imageContainer {
    float: none;
    position: relative;
    margin: 0 auto;
}

#eArcuProfileImage {
    text-align: center;
}

#Welcome_pageView .iconLabel a {
    overflow-wrap: break-word;
}

/*
#eaContainer #Welcome_pageView .pageBlockContent_FormBlock .iconContainer {
    padding-top: 20px;
    padding-bottom: 24px;
    border-bottom: 1px solid #ccc;
}

#eaContainer #Welcome_pageView #WelcomeInfoBlock_Logout_formRow .iconContainer {
    border-bottom: 0;
}
*/

#eaContainer #WelcomeInfoBlock_pageBlock div.pageBlockInner_FormBlock div.formRow {
    float: none;
    border-radius: 0 0 15px 15px;
}

#eaContainer .rowItemsInnerContainer2 {
    overflow: hidden;
}

#eaContainer #Welcome_pageView #WelcomeInfoBlock_Logout_formRow {
    display: block;
}

#eaContainer #Welcome_pageView #ToDoList_pageBlock .ulListItemLabel {
    padding: 2em;
}

#eaContainer .pageBlockInner_FormBlock .formRowIconRow .iconRowValues .iconRowValueHighLight:hover {
    animation: blinker 1s linear infinite;
}

@keyframes blinker {
    50% {
        opacity: 0;
    }
}

#eaContainer #Welcome_pageView #ToDoList_pageBlock .ulListItemLabel {
    background-position: 30px 15px;
    border-radius: 0 0 15px 15px;
}

#Welcome_pageView .iconLabel a {
    font-weight: normal;
    font-size: 24px;
    text-transform: uppercase;
}

/*---------------------------------------
   4.2 My profile
-----------------------------------------*/
.phoneInputMessageInvalid {
    display: block;
}

.intl-tel-input.allow-dropdown {
    width: 100%;
}

#eArcuProfileImage .imageContainer_DefaultImage {
    background: rgba(0, 0, 0, 0) url("../images/icons/icon_avatar.png") no-repeat scroll center center !important;
}

#eaContainer #MyDetailsStauts_pageBlockContainer .pageBlockContent.pageBlockContent_TextTagReplacementBlock {
    border: 1px solid #d0d0d0;
}

/*
#eaContainer #MyDetails_pageView #MyDetailsStauts_pageBlock {
    padding-top: 0;
}
*/

#eaContainer #ShowCurrentAppLink_buttons_formRow {
    margin-top: 0.75em;
    margin-bottom: 1em;
}

#eaContainer .pageBlockInner_FormBlock div.textLiteral {
    text-align: left;
}

#Grid_PERSONALDETAILS_pageBlock .rowlink {
    padding-left: 20px;
}

#eaContainer .pageBlockContainer #Grid_PERSONALDETAILS_pageBlock .rowHeader .rowlink a {
    margin-left: 1em;
}

/* Add Email */

#EmailForm_pageBlock .pageBlockInner_FormBlock .formRowSelectInputRow_Common select {
    width: 251px;
}

#eaContainer #MyDetails_Username_pageView .usernameOrPrimaryEmailContainer {
    width: 100%;
}

#eaContainer #MyDetails_Username_pageView #Summary_emailList_formRow .emailContainer {
    padding: 15px 10px 10px;
}

/* Connected */

#eaContainer #MyDetails_ConnectedServices_pageView #ConnectedServicesForm_pageBlock .serviceContainer2 {
    margin-left: 0;
}

#eaContainer #MyDetails_ConnectedServices_pageView a.connect {
    background: none;
    color: #000000;
    padding-left: 0;
    text-decoration: none;
}

/*---------------------------------------
   4.3 My applications
-----------------------------------------*/

#eaContainer .pageBlockInner_GridBlock .ListGridContainer .rowHeader {
    padding: 3px 3px 3px 10px;
}

html body .pageBlockInner_GridBlock table.gridTable tr.oddRow:hover a,
html body .pageBlockInner_GridBlock table.gridTable tr.evenRow:hover a {
    text-decoration: none;
}

#eaContainer #ApplicationsGrid_pageBlock .pageBlockInner_GridBlock div.gridContent {
    padding: 10px 0;
}

    #eaContainer #Welcome_pageView .pageBlockContent_FormBlock .iconListStyle,
    #eaContainer #ApplicationsGrid_pageBlock .pageBlockInner_GridBlock div.gridContent .rowContainer {
        background: #f0f0f0;
        padding: 1em;
        /* border-bottom: 1px solid #d0d0d0; */
        margin-bottom: 1em;
    }

    #eaContainer .mainearcublock .rowContainer_Last,
    #eaContainer #posBrowser_ResultsGrid_pageBlock .rowContainer_Last,
    #eaContainer #ApplicationsGrid_pageBlock .pageBlockInner_GridBlock div.gridContent .rowContainer_Last {
        border-bottom: 0;
    }

    #eaContainer #ApplicationsGrid_pageBlock .pageBlockInner_GridBlock div.gridContent .rowContainer a.rcMenu {
        font-size: 24px;
        text-decoration: none;
    }

#eaContainer #ApplicationsGrid_pageBlock,
#eaContainer #Application_List_pageView #intro_pageBlock {
    padding-left: 0;
}

/* --------------------------------------
=========================================
   5. APPLICATION SECTIONS
=========================================
-----------------------------------------*/

/*---------------------------------------
   5.1 Progress bar       
-----------------------------------------*/

#posSummaryBlockv2_pageBlock .MySummaryItem {
    display: block;
    width: auto;
    height: auto;
}

#posSummaryBlockv2_pageBlock .MySummaryItemInner {
    margin-left: 0;
    margin-right: 0;
    border: none;
}

#posSummaryBlockv2_pageBlock .MySummaryItemTitle {
    display: none;
}

.PosMyAppSummaryBlockv2.MySummaryBlockv2 {
    max-width: 70%;
    margin: 1em auto;
}

#posSummaryBlockv2_pageBlock .appCompleteChartBlock.done .appCompleteChartBlockInner {
    background: #01465d;
    border-color: #888;
}

#eaContainer #posSummaryBlock_pageBlock .appCompleteChartBar {
    height: 30px;
}

#eaContainer #posSummaryBlock_pageBlock .appCompleteChartBack {
    height: 30px;
    width: 100%;
}

#eaContainer #posSummaryBlock_pageBlock .welcomePackStatus_NotSubmitted,
#eaContainer #posSummaryBlock_pageBlock .appStatusNotSubmitted {
    margin-top: 1em;
    text-align: right;
    font-weight: bold;
}

/*
#eaContainer #posSummaryBlock_pageBlock .PosMyAppSummaryBlock dl {
    margin: 1em 0 3px;
}
*/

#eaContainer #posSummaryBlock_pageBlock div.greenbox dt {
    float: none;
    font-weight: bold;
    width: 120px;
}

#eaContainer #posSummaryBlock_pageBlock div.greenbox dt,
#eaContainer #posSummaryBlock_pageBlock div.greenbox dd {
    display: inline-block;
}

#eaContainer #posSummaryBlock_pageBlock div.greenbox dt {
    width: 10%;
}


#eaContainer #posSummaryBlock_pageBlock div.greenbox dd {
    width: 80%;
    margin-left: 0;
    margin-top: 10px;
}

/*---------------------------------------
   5.2 Application summary          
-----------------------------------------*/

.Welcome #pageMessages {
    display: none;
}

body #Welcome_pageView .pageBlockInner_FormBlock .iconContainer .iconImage {
    margin-top: 5px;
    height: 70px !important;
    width: 70px !important;
}

body #Welcome_pageView #ToDoList_pageBlock .ulListItemLabel {
    background: #f0f0f0;
}

body #Welcome_pageView #WelcomeInfoBlock_pageBlock .YesStar {
    background: none;
}

#eaContainer #posSummaryBlock_pageBlock div.greenbox {
    padding-left: 0;
    padding-right: 0;
}

#eaContainer .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulList,
#eaContainer #Application_Home_pageView .ulList {
    margin: 0;
}

    body #eaContainer .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock li.Section_OfferSubmit,
    #eaContainer #Application_Home_pageView .ulList li.Section_SubmitAndDeclarations {
        height: auto;
        padding: 0;
        min-height: 0;
        width: 100%;
        margin: 0;
    }

    #eaContainer .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulList div.ulListItemLabel,
    #eaContainer #Application_Home_pageView .ulList div.ulListItemLabel {
        margin: 0;
        padding: 5px 10px;
        text-align: left;
    }

#pageContent #Application_Section_Submit_pageView #SubmitForm_contactconsent_formRow .labelContainer,
#pageContent #Application_Section_Submit_pageView #SubmitForm_checkboxlegal_formRow .labelContainer {
    width: auto;
}

    #pageContent #Application_Section_Submit_pageView #SubmitForm_contactconsent_formRow .labelContainer .formLabel,
    #pageContent #Application_Section_Submit_pageView #SubmitForm_checkboxlegal_formRow .labelContainer .formLabel {
        text-align: left;
    }

.PosMyAppSummaryValues {
    padding: 1em;
}

#eaContainer div.pageBlockInner_FormBlock #BackBlock_backrow_formRow {
    /* display: none !important; */
}

/*
#eaContainer #posSummaryBlock_pageBlock .PosMyAppSummaryValues {
    margin: 1em 0;
}
*/

/*
#eaContainer .PosMyAppSummaryLinks {
    margin-left: 2%;
}
*/

#eaContainer #Application_Section_Submit_pageView #SubmitForm_checkboxlegal_formRow .labelContainer {
    width: auto;
}

/*
#eaContainer .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulListItem:hover,
#Application_Home_pageView #sectionslist_pageBlock .ulListItem:hover {
    background-color: #ffc407;
}
*/

#eaContainer .OfferSectionsSummaryBlockContainer .ulList .Completed div.ulListItemLabel a,
#eaContainer #Application_Home_pageView .ulList .Completed div.ulListItemLabel a,
#eaContainer .OfferSectionsSummaryBlockContainer .ulList div.ulListItemLabel:hover a {
    color: #ffffff;
}

#eaContainer .OfferSectionsSummaryBlockContainer .ulListItem,
#Application_Home_pageView #sectionslist_pageBlock .ulListItem {
    background-color: #01465d;
    background-image: url("../images/sprites/unselected-progress-hover.png");
    background-position: 99% 50%;
    border-radius: 0 0 15px 15px;
    float: none;
    height: auto;
    margin: 0 0 15px;
    padding: 0;
    width: auto;
    font-weight: normal;
    transition: background-color .2s;
}

    #eaContainer .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulListItem.Completed,
    #Application_Home_pageView #sectionslist_pageBlock .ulListItem.Completed {
        background-image: url("../images/sprites/selected-progress-hover.png");
        background-color: #ee577d;
        border-radius: 0 0 15px 15px;
    }

#eaContainer #MyWelcomePacks_OfferForm_Summary_pageView .ulList li.ulListItem:hover,
#eaContainer #Application_Home_pageView .ulList li.ulListItem:hover {
    background-image: url("../images/sprites/unselected-progress-hover.png");
    background-color: #ee577d;
}

#eaContainer #MyWelcomePacks_OfferForm_Summary_pageView .ulList li.ulListItem.Completed:hover,
#eaContainer #Application_Home_pageView .ulList li.ulListItem.Completed:hover {
    background-image: url("../images/sprites/selected-progress-hover.png");
    background-color: #ee577d;
}

#eaContainer .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock,
#eaContainer .OfferSectionsSummaryBlockContainer #BackBlock_pageBlock,
.Application_Home #sectionslist_pageBlock,
.Application_Home #BackBlock_pageBlock {
    padding: 0;
    margin-top: 15px;
}

/*---------------------------------------
   5.3 Global sections       
-----------------------------------------*/

/* Login / Register block */

.banner-main-container {
    position: relative;
}

#login-register-block {
    background: #9b9c9e;
    display: block;
    width: 300px;
    position: absolute;
    text-align: center;
    bottom: 50px;
    margin-left: 50px;
    padding: 1em;
    border-radius: 5px;
}

    #login-register-block .buttonAnchor {
        background: #F1F1F1;
        color: #313131;
        margin-right: 1em;
    }

.block-right {
    float: right;
}

#login-register-block .buttonAnchor.no-margin {
    margin: 0;
}

#eaContainer .pageBlockInner_GridBlock .ListGridContainer .rowContainer_WithIcons .rowItemsInnerContainer {
    margin-left: 0;
}

#Grid_REFEREES_pageBlock .gridContent * {
    float: none !important;
}

#eaContainer .PosMyAppSummaryLinks {
    margin-bottom: 1em;
    /*margin-top: 1em;*/
}

    #eaContainer .PosMyAppSummaryLinks a {
        /*background: transparent url("../images/sprites/arrow-right.png") no-repeat scroll 0 0;*/
    }


#eaContainer .questionsAnswerBlock .answersContainer div.appSummaryGridHeader,
#eaContainer .questionsAnswerBlock .answersContainer div.appSummaryGridValue {
    padding-left: 1em;
}

#eaContainer .questionsAnswerBlock .answersContainer div.appSummaryGridHeader {
    font-weight: bold;
}

#eaContainer DIV#SectionCompleteBlock_completed_formRow .labelContainer {
    padding-top: 0px;
}

#eaContainer .pageBlockInner_FormBlock .fakecheck {
    background: rgba(0, 0, 0, 0) url("../images/sprites/unticked.png") no-repeat scroll left center;
    background-size: 20px;
}

    #eaContainer .pageBlockInner_FormBlock .fakecheck:hover {
        background: rgba(0, 0, 0, 0) url("../images/sprites/unticked-pink.png") no-repeat scroll left center;
        background-size: 20px;
    }

#eaContainer .pageBlockInner_FormBlock .fakechecked:hover,
#eaContainer .pageBlockInner_FormBlock .fakechecked {
    background: rgba(0, 0, 0, 0) url("../images/sprites/ticked.png") no-repeat scroll left center;
    background-size: 20px;
}

#eaContainer div.blockSummaryText {
    padding-left: 3px;
    margin-bottom: 1em;
}

#eaContainer .pageBlockInner_FormBlock textarea.inputTextArea,
#eaContainer .pageBlockInner_FormBlock .formRowSelectInputRow_Common select {
    border-color: #abadb3 #dbdfe6 #e3e9ef #e2e3ea;
    border-style: solid;
    border-width: 1px;
    padding: 3px;
    width: 251px;
}

body #eaContainer .formRowTextAreaRow .controlContainer,
body #eaContainer .formRowTextAreaRow .controlContainer .inputTextArea,
body #eaContainer .pageBlockInner_FormBlock textarea.inputTextArea,
#eaContainer textarea {
    width: 100%;
}

#eaContainer .pageBlockInner_FormBlock label.formLabel {
    padding-right: 5px;
    font-weight: bold;
}

#eaContainer #Buttons_pageBlock .pageBlockInner .buttonHolder ul li {
    width: auto;
}

#eaContainer .pageBlockContainerMiddle .buttonsContainer {
    margin-top: 1em;
}

#eaContainer .PosMyWelcomePackSummaryLinks {
    display: inline-block;
}

#Add_REFEREES_Description_formRow .labelContainer {
    text-align: left;
}

#eaContainer .mainearcublock .rowContainer {
    background: #F1F1F1;
}

.Application_List #eaContainer .mainearcublock .rowContainer {
    background: none;
}

#eaContainer .PosMyAppSummaryValues {
    background: #F1F1F1;
    margin-top: 13px;
    border-radius: 0 0 15px 15px;
}

#eaContainer .PosMyAppSummaryLinks {
    margin-bottom: 1em;
    margin-top: 2em;
}

.Pos_Description_Review #eaContainer .PosMyAppSummaryLinks {
    margin-left: 0;
}

#Pos_Description_Review_pageView .LeftJobBox {
    width: 100%;
}

div.posDescriptionContainer317 .LeftJobBox {
    display: block;
    float: left;
    overflow: hidden;
    position: relative;
    width: 69%;
}

div.posDescriptionContainer317 .RightJobBox {
    width: 100%;
}

#eaContainer .PosMyAppSummaryLinks a {
    /*background: transparent url("../images/sprites/arrow-right.png") no-repeat scroll 0 3px;*/
    float: left;
}

.PosMyAppSummaryLinks a {
    background: #0094aa;
    color: #fff !important;
    padding: 5px 10px;
    margin: 5px;
    font-weight: bold;
    border-radius: 0 0 6px 6px;
}

.PosMyAppSummaryLink.reviewposlink a {
    background: #005092;
    color: #fff;
}

.PosMyAppSummaryLink.withdrawapp a {
    background: #AF2948;
    color: #fff;
}

.charCounterValue {
    float: left;
}

.PosMyAppSummaryLink.myapplink a:before {
    content: '\f044';
    font-family: fontAwesome;
    padding-right: 20px;
    font-size: 20px;
    font-weight: lighter;
}

.PosMyAppSummaryLink.reviewposlink a:before {
    content: '\f045';
    font-family: fontAwesome;
    padding-right: 20px;
    font-size: 20px;
    font-weight: lighter;
}

.PosMyAppSummaryLink.withdrawapp a:before {
    content: '\f08b';
    font-family: fontAwesome;
    padding-right: 20px;
    font-size: 20px;
    font-weight: lighter;
}

.earcujobref {
    display: inline;
}

#eaContainer #posSummaryBlock_pageBlock .welcomePackStatus_NotSubmitted,
#eaContainer #posSummaryBlock_pageBlock .appStatusNotSubmitted {
}

#eaContainer .Application_earcuBody #posSummaryBlock_pageBlock .PosMyAppSummaryValues {
    margin: 2px 0 3px;
}

#eaContainer #posSummaryBlock_pageBlock div.greenbox dt, #eaContainer #posSummaryBlock_pageBlock div.greenbox dd {
    display: inline-block;
}

#eaContainer .pageBlockContainer .rowHeader .rowlink {
    padding-left: 0;
}

/*---------------------------------------
   5.4 CV upload          
-----------------------------------------*/

.fileContainer .deletefile img {
    opacity: 0;
}

div#confirmdialogDialogContainer {
    z-index: 501 !important; /*override inline*/
}

.pageBlockInner_FormBlock div.formRowFileUploadRow .deletefile {
    position: relative;
    z-index: 500;
}

.fileContainer .deletefile {
    background: url("../images/sprites/black-cross.png") no-repeat right;
}

    .fileContainer .deletefile:hover {
        background: url("../images/sprites/red-cross.png") no-repeat right;
    }

.filename.rcFileMenu {
    height: 65px;
    overflow: auto;
    position: absolute;
}

#eaContainer .pageBlockInner_FormBlock div.formRowFileUploadRow button,
#eaContainer .pageBlockInner_FormBlock div.formRowFileUploadRow button.hover {
    background-image: url("../images/sprites/white-upload.png");
    padding: 8px 25px 8px 50px;
    background-position: 10% center;
    background-repeat: no-repeat;
}

/*
#eaContainer .pageBlockInner_FormBlock div.formRowFileUploadRow button.hover {
    background-image: url("../images/sprites/white-upload.png");
}
*/

#eaContainer .fileContainer {
    background-image: none !important;
    text-transform: uppercase;
}

#eaContainer .pageBlockInner_FormBlock #fileupload_Files_formRow label.formLabel {
    margin: 10px;
    text-align: left;
}

#eaContainer .pageBlockInner_FormBlock div.formRowFileUploadRow .uploadedFilesHeader {
    padding: 5px 5px 5px 20px;
}

#eaContainer .pageBlockInner_FormBlock div.formRowFileUploadRow .bottomControlContainer .uploadedFilesContainer {
    margin: 0 4px 10px;
}

#eaContainer .pageBlockInner_FormBlock div.formRowFileUploadRow .bottomControlContainer .filenameInner {
    text-align: center;
}

#eaContainer #fileupload_Files_formRow .controlContainer {
    float: left;
    margin-bottom: 10px;
}

#eaContainer #fileupload_Files_formRow .labelContainer {
    text-align: left;
    width: 100%;
    margin-bottom: 10px;
    margin-left: -10px;
}

#eaContainer .mainearcublock .bottomControlContainer .uploadedFilesHeader {
    background: #F1F1F1;
    border: 0;
    color: #313131;
}

body .pageBlockInner_FormBlock div.formRowFileUploadRow .bottomControlContainer .filename {
    background: #9b9c9e;
}

/*---------------------------------------
   5.5 Equal opportunities        
-----------------------------------------*/

body #eaContainer #Edit_WORKEXPERIENCE_pageBlock .formRowTextAreaRow div.labelContainer,
body #eaContainer #Add_WORKEXPERIENCE_pageBlock .formRowTextAreaRow div.labelContainer,
body #eaContainer #Edit_WORKEXPERIENCE_pageBlock .formRowTextAreaRow label.formLabel,
body #eaContainer #Add_WORKEXPERIENCE_pageBlock .formRowTextAreaRow label.formLabel,
#Edit_EQUALOPS_form .textLiteral {
    margin-top: 1em;
    margin-bottom: 1em;
    text-align: left;
}

/*---------------------------------------
   5.6 Interviews    
-----------------------------------------*/

#eaContainer .interviewdetailform .pageBlockInner_FormBlock .mapRow .mapInnerContainer_Small {
    margin-left: 0;
    width: auto;
}

#eaContainer .interviewdetailform .pageBlockInner_FormBlock .mapRow .mapContainer_Small {
    width: 30%;
}



/*---------------------------------------
    TextPage_FAQs    
-----------------------------------------*/

section#faqs {
    background: #fff;
}

    section#faqs a.btn-range {
        padding: 10px 15px;
        color: #fff;
        background: #01465d;
        width: 100%;
        display: block;
    }

    section#faqs .col {
        margin: 15px;
    }

div#extrasbanner {
    position: relative;
    margin: 2em auto;
}

.margin-2em {
    margin: 2em auto;
}

.margin-4em {
    margin: 4em auto;
}

.carousel {
    position: relative;
}

.carousel-inner {
    position: relative;
    width: 100%;
    overflow: hidden;
}

.carousel-item {
    position: relative;
    display: none;
    align-items: center;
    width: 100%;
    backface-visibility: hidden;
    perspective: 1000px;
    transition: all .5s ease-in;
    opacity: 0;
}

    .carousel-item.active,
    .carousel-item-next,
    .carousel-item-prev {
        display: block;
        opacity: .3;
        transition: all .5s ease-in;
    }

.carousel-fade .carousel-item {
    opacity: 0;
    transition-duration: .6s;
    transition-property: opacity;
    transition: all .1s ease-in;
}

.carousel-item.active,
.carousel-item-next.carousel-item-left,
.carousel-item-prev.carousel-item-right {
    opacity: 1;
    transition: all .1s ease-in;
}



/* --------------------------------------
=========================================
   6. MEDIA QUERIES
=========================================
-----------------------------------------*/

/*---------------------------------------
   6.1 Laptop             
-----------------------------------------*/
@media (min-width: 1600px) and (max-width: 1920px) {
    div#home-img {
        margin-top: -7em;
    }
}

@media only screen and (max-width: 1733px) {
    .back-to-top #tooltiptext {
        bottom: 72px;
        font-size: 13px;
        left: 57px;
    }
}


@media only screen and (max-width: 1608px) {
    .Home .categoryDropDown {
        width: 18%;
    }

        .Home .categoryDropDown.departments {
            margin-left: 8%;
        }


        .Home .categoryDropDown.departments {
            margin-left: 0.5%;
        }

    .Home .categoryDropDown {
        width: 39%;
    }

    .Home #home-img .flx-embed .container .content-banner #browse-button {
        margin-left: 8px;
    }
}

@media only screen and (max-width: 1599px) {
    .back-to-top #tooltiptext {
        bottom: 69px;
        font-size: 12px;
        left: 51px;
    }

    .textpage_role_details .parallax-mirror {
        top: 0px;
    }

    .textpage_role_details #home-img .parallax-window {
        margin-top: 0px;
    }
}

@media only screen and (max-width: 1536px) {
    .category-blocks .link-block .category-block-img .hover-color {
        width: 100%;
        height: 100%;
    }
}


@media only screen and (max-width: 1515px) {
    .main-navigation .sub-menu-category {
        width: 17%;
    }
}

@media only screen and (max-width: 1489px) {
    .Home #home-img .flx-embed .container {
        bottom: 25% !important;
    }
}

@media only screen and (max-width: 1480px) {
    .category-blocks .link-block .category-block-img .hover-color {
        height: 100%;
    }
}

@media only screen and (max-width: 1433px) {
    .Home #home-img .flx-embed .container {
        bottom: 23% !important;
    }


    .Home .categoryDropDown.departments {
        margin-left: 0.4%;
    }
}

@media only screen and (max-width: 1422px) {
    .back-to-top #tooltiptext {
        bottom: 66px;
        font-size: 11px;
        left: 45px;
    }
}

@media only screen and (max-width: 1399px) {
    .back-to-top #tooltiptext {
        left: 58px;
        width: 11%;
    }
}


@media only screen and (max-width: 1360px) {


    .Home .categoryDropDown.departments {
        margin-left: 0.5%;
    }

    .Home #home-img .flx-embed .container .content-banner #browse-button {
        margin-left: 7px;
    }

    .Home #home-img .flx-embed .container {
        bottom: 17% !important;
    }
}

@media only screen and (max-width: 1352px) {
    .main-navigation .primary-menu {
        padding-right: 90px;
    }

    .main-navigation .sub-menu-category {
        left: 48%;
    }

    #site-navigation .menu-primary-container .primary-menu .top-nav .linkedin-nav {
        margin-left: 2.4%;
    }

    #site-navigation .menu-primary-container .primary-menu .top-nav li:nth-child(2) {
        padding: 0px 62.5px 0px;
    }

    #site-navigation .menu-primary-container .primary-menu .top-nav .sign-out a,
    #site-navigation .menu-primary-container .primary-menu .top-nav .job-alerts a,
    #site-navigation .menu-primary-container .primary-menu .top-nav .my-account a,
    #site-navigation .menu-primary-container .primary-menu .top-nav .search-apply a {
        font-size: 15px;
    }

    #site-navigation .menu-primary-container .primary-menu .top-nav .search-apply {
        padding-left: 0px;
    }

    #site-navigation .menu-primary-container .primary-menu .top-nav .my-account {
        padding: 0px 62.7px 0;
    }

    #site-navigation .menu-primary-container .primary-menu .top-nav .sign-out {
        padding: 0px 51.5px 0px !important;
    }

    #site-navigation .menu-primary-container .primary-menu .top-nav .job-alerts {
        padding: 0px 63px 0px;
    }

    #site-navigation .menu-primary-container .primary-menu .top-nav .job-alerts-logged-off {
        padding: 0px 57.5px 0;
    }
}

@media only screen and (max-width: 1338px) {
    .main-navigation .sub-menu-category {
        width: 19%;
    }
}


@media only screen and (max-width: 1282px) {
    .main-navigation .sub-menu-category {
        left: 48%;
    }

    .Home #home-img .flx-embed .container {
        bottom: 11% !important;
    }

    .Home .categoryDropDown.departments {
        margin-left: 0.6%;
    }
}

@media only screen and (max-width: 1280px) {
    .Home #home-img .flx-embed .container .heading-banner {
        top: 300px;
    }
}


@media only screen and (max-width: 1254px) {
    .footer .container .linkedin-footer a {
        right: 7%;
        position: relative;
    }

    footer .list-inline {
        right: 7%;
        position: relative;
    }

    .footer .container .row .contact-detail {
        padding-right: 78px;
    }
}

@media only screen and (max-width: 1234px) {
    .Home #content-main .container .featured {
        margin-top: 10px;
        padding-bottom: 10px;
    }
}


@media only screen and (max-width: 1224px) {

    /* Summary box */

    .Pos_Description_Review #eaContainer div.pageBlockContainer.pageBlockContainer_FormBlock,
    .Pos_Description_Review #eaContainer div.pageBlockContainer.pageBlockContainer_GridBlock,
    #eaContainer .Application_earcuBody div.pageBlockContainer.pageBlockContainer_FormBlock,
    #eaContainer .Application_earcuBody div.pageBlockContainer.pageBlockContainer_GridBlock,
    .MyEmailsByApplication #eaContainer div.pageBlockContainer.pageBlockContainer_GridBlock,
    .Email_Detail #eaContainer #posSummaryBlock_pageBlockContainer {
        float: none;
        width: 100%;
        margin-right: 0;
    }

    .Pos_Description_Review #eaContainer #posSummaryBlock_pageBlockContainer,
    .Application_earcuBody #posSummaryBlock_pageBlockContainer,
    .MyEmailsByApplication #eaContainer #posSummaryBlock_pageBlockContainer,
    .Email_Detail #eaContainer #posSummaryBlock_pageBlockContainer {
        float: none;
        width: 100%;
    }

    /* Search */
    #FindJobHeroBlock,
    #FindJobContainer {
        display: block;
        position: relative;
        top: 0;
        left: 0;
        padding: 0;
        width: 100%;
        padding-bottom: 0;
        border-radius: 0;
    }

    #FindJobHeroBlock {
        padding-bottom: 15px;
    }

    body #FindJobHeroBlock .formRowTextInputRow {
        display: block;
        width: 100%;
    }

    body #FindJobHeroBlock input {
        margin-left: 0 !important;
    }
}

@media only screen and (max-width: 1203px) {
    .Home #home-img .flx-embed .container .heading-banner {
        position: absolute;
        left: 0;
        top: 200px;
        display: grid;
    }

    .Home #home-img .flx-embed .container .content-banner {
        padding: 30px;
    }

    .Home #quicksearch_pageBlockContainer #quicksearch_pageBlock .pageBlockInner #quicksearch_form #quicksearch_filter_text_formRow,
    .Home #quicksearch_pageBlockContainer #quicksearch_pageBlock .pageBlockInner #quicksearch_form #quicksearch_filter_locationradius_formRow {
        width: 36%;
    }

    .Home .categoryDropDown.departments {
        margin-left: 0.5%;
    }

    .Home .categoryDropDown {
        width: 100%;
    }

        .Home .categoryDropDown.locations {
            width: 35.6%;
        }

    .Home #home-img .flx-embed .container .content-banner #browse-button {
        width: 100%;
        margin: 1em auto 0;
    }

    .Home #home-img .flx-embed .container .content-banner #quicksearch_pageBlockContainer {
        width: 100%;
    }

    .Home #home-img .flx-embed .container .content-banner p {
        margin-left: 0;
    }
}

@media only screen and (max-width: 1200px) {
    .main-navigation .primary-menu {
        padding-right: 151px;
    }

    #site-navigation .menu-primary-container .primary-menu .top-nav li,
    #site-navigation .menu-primary-container .primary-menu .bottom-nav .menu-item {
        padding: 0px 24px 0;
    }

    .main-navigation .sub-menu-category {
        left: 49%;
    }

    #site-navigation .menu-primary-container .primary-menu .top-nav .linkedin-nav {
        margin-left: 0.8%;
        padding: 0px 27px 0px;
    }

    #site-navigation .menu-primary-container .primary-menu .top-nav li:nth-child(2) {
        padding: 0px 40px 0px;
    }

    #site-navigation .menu-primary-container .primary-menu .top-nav .sign-out {
        padding: 0px 39.5px 0px !important;
    }

    #site-navigation .menu-primary-container .primary-menu .top-nav .job-alerts {
        padding: 0px 52.5px 0px;
    }

    #site-navigation .menu-primary-container .primary-menu .top-nav .my-account {
        padding: 0px 51.5px 0;
    }

    #site-navigation .menu-primary-container .primary-menu .top-nav li:nth-child(1) {
        padding: 0px 41px 0px;
    }

    #site-navigation .menu-primary-container .primary-menu .top-nav li:nth-child(2) {
        padding: 0px 52.5px 0px;
    }

    .category-blocks .link-block {
        min-height: 280px;
    }

    section#stories .head-office-category.open .inner-content {
        height: auto;
        display: block;
    }
}

@media only screen and (max-width: 1199px) {
    #site-navigation .menu-primary-container .primary-menu .top-nav li,
    #site-navigation .menu-primary-container .primary-menu .bottom-nav .menu-item {
        padding: 0px 12px 0;
    }

    .sticky-navigation .main-navigation li a {
        margin: 1px 0px;
        font-size: 14px;
    }

    .main-navigation .sub-menu-category {
        left: 48%;
        width: 18%;
    }

    .departments .department-list-item {
        margin-left: -7%;
    }

    .departments .department-detail .detail-wrapper .close-btn {
        width: 4%;
    }

    .partnerships .partnership-block .partnerships-picture {
        width: 27%;
    }

    .partnerships #partblock-2 .partnerships-picture,
    .partnerships #partblock-3 .partnerships-picture {
        width: 17%;
        margin-right: 12%;
    }

    .partnerships #partblock-6 .partnerships-picture {
        width: 23%;
        margin-right: 6%;
    }

    #extrasbanner p,
    .eqd p,
    .eqd ul,
    .infographics p,
    .summary p,
    .article p,
    .awards p,
    .awards ul,
    .partnerships p {
        font-size: 14px;
    }

    .partnerships #partblock-5 p,
    .partnerships #partblock-7 p {
        padding-left: 29%;
    }

    .partnerships #partblock-5 .partnerships-picture,
    .partnerships #partblock-7 .partnerships-picture {
        margin-right: 9%;
    }

    .partnerships #partblock-7 .partnerships-picture,
    .partnerships #partblock-5 .partnerships-picture {
        width: 20%;
    }

    #site-navigation .menu-primary-container .primary-menu .top-nav li:nth-child(2) {
        padding: 0px 27.5px 0px;
    }

    #site-navigation .menu-primary-container .primary-menu .top-nav .linkedin-nav {
        margin-left: -0.3%;
        padding: 0px 11px 0px;
    }

    #site-navigation .menu-primary-container .primary-menu .top-nav .sign-out a,
    #site-navigation .menu-primary-container .primary-menu .top-nav .job-alerts a,
    #site-navigation .menu-primary-container .primary-menu .top-nav .my-account a,
    #site-navigation .menu-primary-container .primary-menu .top-nav .search-apply a {
        font-size: 13px;
    }

    #site-navigation .menu-primary-container .primary-menu .top-nav .sign-out {
        padding: 0px 25px 0px !important;
    }

    #site-navigation .menu-primary-container .primary-menu .top-nav .job-alerts {
        padding: 0px 35px 0px;
    }

    #site-navigation .menu-primary-container .primary-menu .top-nav .my-account {
        padding: 0px 35.5px 0;
    }

    #site-navigation .menu-primary-container .primary-menu .top-nav .search-apply {
        padding-right: 11px;
    }

    #site-navigation .menu-primary-container .primary-menu .top-nav .job-alerts-logged-off {
        padding: 0px 31px 0;
    }

    #site-navigation .menu-primary-container .primary-menu .top-nav li:nth-child(1) {
        padding: 0px 27.5px 0px;
    }

    #site-navigation .menu-primary-container .primary-menu .top-nav li:nth-child(2) {
        padding: 0px 34.7px 0px;
    }

    .quote .quote-content {
        width: 65%;
    }
}

@media only screen and (max-width: 1157px) {
    .back-to-top #button-top {
        right: 41px;
    }
}


@media only screen and (max-width: 1147px) {
    .Home #home-img .flx-embed .container .heading-banner .category-heading {
        font-size: 50px;
        margin-bottom: 0px;
        padding-bottom: 8px;
    }

    .Home #home-img .flx-embed .container {
        bottom: 8% !important;
    }
}

@media only screen and (max-width: 1145px) {
    .back-to-top #tooltiptext {
        left: -42px;
        width: 19%;
        bottom: -6px;
    }
}

@media only screen and (max-width: 1105px) {
    .main-navigation .sub-menu-category {
        width: 19%;
    }
}

@media only screen and (max-width: 1099px) {
    .Home #content-main .container .quote .quote-content {
        width: 68%;
    }

    .Home #content-main .container .quote .quote-picture {
        width: 25%;
    }
}

@media only screen and (max-width: 1060px) {
    .Home #content-main .container .quote .quote-content #name {
        margin-top: 38px;
    }
}

@media only screen and (max-width: 1047px) {
    .main-navigation .sub-menu-category {
        width: 20%;
    }

    .Home #home-img .flx-embed .container .heading-banner .category-heading {
        font-size: 34px;
    }


    .Home #quicksearch_pageBlockContainer #quicksearch_pageBlock .pageBlockInner #quicksearch_form #quicksearch_filter_text_formRow .controlContainer #Home_quicksearch_filter_text,
    .Home #quicksearch_pageBlockContainer #quicksearch_pageBlock .pageBlockInner #quicksearch_form #quicksearch_filter_locationradius_formRow .controlContainer #Home_quicksearch_filter_locationradius {
        font-size: 12px;
        width: 100%;
    }

    .Home .categoryDropDown ul li a {
        font-size: 12px;
    }

    .Home .categoryDropDown .ddIcon {
        margin-top: 7px;
    }
}

@media only screen and (max-width: 1034px) {
    .Home #content-main #eaContainer #content_wrapper .mainearcublock .category-heading,
    .Home #content-main .container .featured .feature-heading {
        font-size: 37px;
    }

    .category-blocks .category-block-text h2 {
        font-size: 13px;
    }

    .category-blocks .link-block:hover .category-block-text h2 {
        margin-top: 0px;
    }

    .category-blocks .category-block-text h2 {
        margin: 0px;
    }
}


@media only screen and (max-width: 1018px) {

    .Home #home-img .flx-embed .container {
        bottom: 3% !important;
    }
}

@media only screen and (max-width: 994px) {
    .main-navigation .sub-menu-category {
        width: 21%;
        left: 48%;
    }
}

/*---------------------------------------
   6.2 Tablet           
-----------------------------------------*/
@media screen and (max-width: 992px) {
    #eaContainer #posdesc_pageBlock .possharing, #eaContainer #posdesc_pageBlock .posAlerts {
        width: 100%;
    }

    .story {
        display: block;
        align-items: center;
        padding: 2em;
    }

        .story .story-image {
            height: 280px;
            width: 650px;
            max-width: 100%;
            margin: 20px auto;
        }

    .textpage-banner-main {
        background-attachment: inherit;
    }
}

@media screen and (max-width: 991px) {
    .sticky-navigation .main-navigation li a {
        margin: 0px 0px;
    }

    .main-navigation .primary-menu {
        padding-right: 68px;
    }


    #site-navigation .menu-primary-container .primary-menu .top-nav .linkedin-nav {
        width: 9%;
    }

    .main-navigation .primary-menu {
        padding-right: 51px;
    }

    .main-navigation .sub-menu-category {
        width: 23%;
        left: 53%;
        padding-bottom: 8px !important;
    }

    footer .list-inline {
        right: 0px;
        width: 100%;
        float: left;
    }

    footer .container .row .col-sm-9 {
        width: 100%;
    }

    .footer .container .linkedin-footer a {
        right: 0px;
        float: left;
    }

    footer ul {
        text-align: center;
    }

    .vacncies-button-wrappery .vacncies-button {
        margin-left: 33%;
    }

    .departments .department-detail .detail-wrapper .close-btn {
        width: 5%;
    }

    .departments .department-list-item {
        margin-left: -23%;
    }


    .culture .culturecontent {
        height: auto;
        width: 100%;
        margin-bottom: 3%;
    }

    .benefits .benefits-row {
        width: 85%;
        margin-left: 7.5%;
    }

        .benefits .benefits-row #benefit-1 .benefit-content,
        .benefits .benefits-row #benefit-2 .benefit-content,
        .benefits .benefits-row #benefit-3 .benefit-content,
        .benefits .benefits-row #benefit-4 .benefit-content,
        .benefits .benefits-row #benefit-5 .benefit-content,
        .benefits .benefits-row #benefit-6 .benefit-content,
        .benefits .benefits-row #benefit-7 .benefit-content,
        .benefits .benefits-row #benefit-8 .benefit-content {
            padding: 23px;
        }

        .benefits .benefits-row #benefit-1 .benefit-picture,
        .benefits .benefits-row #benefit-2 .benefit-picture,
        .benefits .benefits-row #benefit-3 .benefit-picture,
        .benefits .benefits-row #benefit-4 .benefit-picture,
        .benefits .benefits-row #benefit-5 .benefit-picture,
        .benefits .benefits-row #benefit-6 .benefit-picture,
        .benefits .benefits-row #benefit-7 .benefit-picture,
        .benefits .benefits-row #benefit-8 .benefit-picture {
            width: 38%;
            left: 34%;
        }

        .benefits .benefits-row .benefit-content .benefit-text {
            width: 100%;
            text-align: center;
        }

        .benefits .benefits-row .benefit-content h3 {
            width: 100%;
        }

    .quote .quote-content #quote #quote-mark-left,
    .quote .quote-content #quote #quote-mark-right {
        font-size: 30px;
    }

    .quote .quote-content {
        width: 65%;
        margin-left: 0px;
    }

    .summary .summary-picture {
        width: 100%;
        margin-right: 0px;
    }

    .parblockimg {
        position: relative;
        display: inline-flex;
        align-items: center;
        min-height: 100px;
    }

    .textpage_ourpeople .container .team .people-block {
        min-height: 300px;
    }

        .textpage_ourpeople .container .team .people-block .people-name {
            font-size: 14px;
        }

    .textpage_ourpeople .container .team .people-detail-block .people-title {
        font-size: 18px;
    }

    .textpage_ourpeople .container .team .people-detail-block .people-detail-text .people-text {
        font-size: 13px;
    }

    .departments .department-list-item .department-name {
        font-size: 14px;
    }

    .departments .department-list-item .dept-view-more div {
        width: 59%;
        margin-left: 32%;
    }

    #site-navigation .menu-primary-container .primary-menu .top-nav .linkedin-nav {
        margin-left: -0.6%;
        padding: 0px 7px 0px;
    }

        #site-navigation .menu-primary-container .primary-menu .top-nav .linkedin-nav a {
            width: 21px;
            height: 21px;
        }

    #site-navigation .menu-primary-container .primary-menu .top-nav li:nth-child(2) {
        padding: 0px 18.5px 0px;
    }

    #site-navigation .menu-primary-container .primary-menu .top-nav .sign-out {
        padding: 0px 16px 0px !important;
    }

    #site-navigation .menu-primary-container .primary-menu .top-nav .job-alerts {
        padding: 0px 26px 0px;
    }

    #site-navigation .menu-primary-container .primary-menu .top-nav .job-alerts-logged-off {
        padding: 0px 22px 0;
    }

    .partnerships #partblock-2 .partnerships-picture, .partnerships #partblock-3 .partnerships-picture {
        width: 21%;
        margin-right: 8%;
    }

    .expandable-box {
        width: 47%;
    }

    .sub-title {
        font-size: 19px;
        margin-bottom: 0px;
    }

    #extrasbanner p,
    .eqd p,
    .eqd ul,
    .infographics p,
    .summary p,
    .article p,
    .awards p,
    .awards ul,
    .partnerships p {
        font-size: 12px;
    }

    .partnerships #partblock-4 p {
        padding-left: 207px;
    }

    .partnerships #partblock-4 .partnerships-picture {
        width: 26%;
    }

    .footer .container .row.padding-top {
        width: 100%;
    }

    .footer .container .row .contact-detail,
    .footer .container .row #faq-link {
        padding: 0px;
        width: 100%;
        text-align: center;
    }

    #site-navigation .menu-primary-container .primary-menu .top-nav li:nth-child(1) {
        padding: 0px 18.5px 0px;
    }

    #site-navigation .menu-primary-container .primary-menu .top-nav li:nth-child(2) {
        padding: 0px 21.7px 0px;
    }


    #eaContainer div.posDescriptionContainer317 .LeftJobBox,
    #eaContainer div.posDescriptionContainer317 .RightJobBox {
        width: 100%;
        float: none;
        display: block;
        margin: 0;
    }

    .Pos_Description #eaContainer #Pos_Description_pageView .pageBlockContainerMiddle .posDescriptionContainer .benefits {
        width: 100%;
        float: none;
    }

    .benefit-blocks {
        width: 25%;
        float: left;
        min-height: 200px;
    }
}

@media screen and (max-width: 980px) {

    /* Set label and input widths to 100% */
    #eaContainer #MyDetails_pageView #MyDetailsStauts_pageBlock .eArcuLeft,
    #eaContainer #MyDetails_pageView #MyDetailsStauts_pageBlock .eArcuRight,
    body button.buttonAnchor,
    body input.buttonSubmit,
    body a.buttonAnchor,
    #eaContainer a.button,
    body #eaContainer #SearchForm_pageBlockContainer div.pageBlockInner_FormBlock div.formRow .controlContainer,
    body #modalcodelistlookup_pageBlock .labelContainer,
    body .ui-dialog #LookupFilterBlock_pageBlock .labelContainer,
    .pageBlockContent_FormBlock .pageBlockInner_FormBlock div.labelContainer,
    #EmailForm_pageBlock .pageBlockInner_FormBlock .formRowSelectInputRow_Common input,
    #EmailForm_pageBlock .pageBlockInner_FormBlock .formRowSelectInputRow_Common select,
    body .pageBlockInner_FormBlock label.formLabel,
    body .pageBlockInner_FormBlock input.inputText,
    #eaContainer html body #lookupResults_gridTable,
    #eaContainer .pageBlockInner_FormBlock div.divajaxcontainter,
    #eaContainer .interviewdetailform .pageBlockInner_FormBlock .mapRow .mapContainer_Small,
    #eaContainer .interviewdetailform .pageBlockInner_FormBlock .mapRow .mapInnerContainer_Small,
    #eaContainer .pageBlockInner_FormBlock div.formRowTextAreaRow div.controlContainer_ReadOnly,
    #eaContainer .pageBlockInner_FormBlock div.formRowTextAreaRow div.controlContainer_ReadOnlyWithControl,
    #eaContainer #MyDetails_Username_pageView #Summary_emailList_formRow .emailButtonsContainer,
    #eaContainer #MyDetails_Username_pageView #Summary_emailList_formRow .emailPrimaryAlreadyContainer,
    #eaContainer #SearchForm_pageBlock #SearchForm_filter_text_formRow,
    #eaContainer #SearchForm_pageBlock #SearchForm_filter_locationradius_formRow,
    #eaContainer #SearchForm_pageBlock #SearchForm_SaveButtonRow_formRow,
    #eaContainer #SearchForm_pageBlockContainer div.pageBlockInner_FormBlock div.formRow .labelContainer,
    #eaContainer #SearchForm_pageBlockContainer div.pageBlockInner_FormBlock div.formRow .controlContainer,
    #eaContainer #SearchForm_pageBlockContainer div.pageBlockInner_FormBlock div.formRow .controlContainer .inputText,
    #eaContainer .pageBlockInner_FormBlock input.inputText,
    #eaContainer .pageBlockInner_FormBlock label.formLabel,
    #eaContainer .pageBlockInner_FormBlock div.labelContainer,
    #eaContainer .pageBlockInner_FormBlock div.controlContainer,
    #eaContainer .pageBlockInner_FormBlock .formRowSelectInputRow_Common select,
    #eaContainer #MyDetails_Username_pageView #Summary_emailList_formRow .emailValuesContainer {
        width: 100%;
        text-align: left;
    }

    /* Set button widths to 100% */
    #eaContainer a.button,
    html body .buttonsRight,
    #eaContainer #Pos_Description_pageView #posdesc_pageBlock a.right,
    #eaContainer .fileuploadbutton,
    #eaContainer .buttonsLeft button.buttonAnchor,
    #eaContainer .buttonsRight button.buttonAnchor,
    #eaContainer .buttonsLeft input.buttonSubmit,
    #eaContainer .buttonsRight input.buttonSubmit,
    #eaContainer .buttonsLeft a.buttonAnchor,
    #eaContainer .buttonsRight a.buttonAnchor,
    #Grid_PERSONALDETAILS_pageBlock .rowlink a {
        width: 100%;
        float: none;
        margin: 1em 0em 1em 0em !important;
    }

    #eaContainer #MyDetails_pageView #MyDetailsStauts_pageBlock .eArcuLeft,
    #eaContainer #MyDetails_pageView #MyDetailsStauts_pageBlock .eArcuRight,
    .pageBlockContent_FormBlock .pageBlockInner_FormBlock div.controlContainer,
    #eaContainer .pageBlockInner .buttonsLeft,
    #eaContainer .pageBlockInner .buttonsRight,
    #eaContainer .pageBlockInner .buttonsLeft li,
    #eaContainer .pageBlockInner .buttonsRight li {
        float: none;
    }

    body div.ui-dialog .pageBlockInner_GridBlock input.scroller {
        margin: 1em 0em;
    }

    /* Align search labels left */
    body .pageBlockInner_FormBlock div.labelContainer,
    #eaContainer .pageBlockInner_FormBlock div.labelContainer,
    #eaContainer #SearchForm_pageBlock .pageBlockInner_FormBlock div.labelContainer {
        text-align: left;
    }

    /* Home */
    #eaContainer .col-left,
    #eaContainer .col-right {
        width: 100%;
    }

    /* No vacancies */
    #eaContainer #Home_pageView #noPositions_pageBlockContainer .leftContainer,
    #eaContainer #Home_pageView #noPositions_pageBlockContainer .rightContainer {
        width: 100%;
        float: none;
    }

    #eaContainer #Home_pageView #noPositions_pageBlockContainer .content_login {
        margin-left: 0;
    }

    #eaContainer #Home_pageView #noPositions_pageBlockContainer .content_register {
        margin-right: 0;
    }

    html body .tooltip2_Outer,
    html body .posListHover {
        display: none;
    }

    #eaContainer #why-good-stuff, #eaContainer #latest-jobs {
        margin-top: 2em;
        margin-bottom: 2em;
    }

    /* Category & AP section blocks */
    #eaContainer #MyDetails_ConnectedServices_pageView #ConnectedServicesForm_pageBlock .serviceContainer,
    #eaContainer #Home_pageView #CodeListCounts_pageBlock .listItemContainer {
        width: 50%;
        /* height: auto; */
    }

    .col-third {
        display: block;
        width: 100%;
    }

    .cat-container,
    .count-block .no-of {
        display: inline-block;
        width: 49.5%;
    }

    .count-block .no-of {
        display: block;
        width: 100%;
    }

    /* Category pages */
    #eaContainer #Pos_Category_Description_pageView #categorydesc_pageBlock .imageContainer,
    #eaContainer #Campaign_Detail_pageView #campaign_pageBlock .imageContainer,
    #eaContainer #Pos_Category_Description_pageView #categorydesc_pageBlock .descContainer,
    #eaContainer #Campaign_Detail_pageView #campaign_pageBlock .descContainer {
        display: block;
        width: 100%;
    }

    /* Search results */
    #eaContainer #posBrowser_Filter_pageBlock .FilterContainer .ValueList li {
        display: block;
        margin: 0;
        padding-left: 0;
        width: 50%;
    }

    #eaContainer #posBrowser_Filter_pageBlock .FilterContainer .label {
        margin-left: 2em;
    }

    #eaContainer .category-blocks .category-block,
    #eaContainer #posBrowser_ResultsGrid_pageBlock .rowContainer {
        margin-left: 1% !important;
        width: 48%;
    }

    #eaContainer .category-blocks .category-block {
        min-height: 210px;
    }

    /* Alerts */
    #eaContainer .pageBlockInner_FormBlock div.SelectAutoRow .inputContainer, #eaContainer .pageBlockInner_FormBlock div.SelectMultiRow .selectmultiplerow {
        overflow: visible;
    }

    #MyJobFeedForm_MultiCodeList4_formRow .labelContainer {
        display: none;
    }

    #eaContainer .pageBlockInner_FormBlock .inputContainer .inputText,
    #eaContainer .pageBlockInner_FormBlock div.SelectMultiRow .selectmultiplerow .divajaxcontainter {
        float: none !important;
    }

    /* Summary icons */
    #eaContainer #WelcomeInfoBlock_pageBlock div.pageBlockInner_FormBlock div.formRow {
        width: 100%;
        display: inline-block;
    }

    /* Email address */
    #eaContainer #MyDetails_Username_pageView #Summary_emailList_formRow .emailPrimaryAlreadyContainer {
        float: none;
        margin-top: 1em;
    }

    /* Questions and answers */
    #eaContainer .questionsAnswerBlock div.appSummaryGridHeader {
        width: 100%;
    }

    #eaContainer .questionsAnswerBlock div.appSummaryQuestionGridRow div.appSummaryGridValue {
        margin-left: 0;
        width: 100%;
    }

    /* File upload */
    #eaContainer .pageBlockInner_FormBlock div.formRowFileUploadRow button {
        background-position: 5% center;
        background-repeat: no-repeat;
    }

    /* Interview map */
    #eaContainer .interviewdetailform .pageBlockInner_FormBlock .mapRow .mapContainer_Small {
        margin-left: 0;
    }

    /* Search Results */
    #posBrowser_ResultsGrid_pageBlockContainer,
    #posBrowser_Filter_pageBlockContainer {
        width: 100%;
        display: block;
    }

    #FindJobBlock #quicksearch_filter_text_formRow,
    #FindJobBlock #quicksearch_filter_locationradius_formRow {
        width: 100%;
        display: block;
    }

    #FindJobBlock #quicksearch_form {
        width: 50%;
        margin-left: 25%;
        padding-left: 0;
    }

    /* Job Description */

    #eaContainer div.posDescriptionContainer317 .LeftJobBox,
    #eaContainer div.posDescriptionContainer317 .RightJobBox,
    .RightBackBox {
        width: 100%;
        display: block;
    }

    .RightBackBox,
    #eaContainer div.posDescriptionContainer317 .RightJobBox {
        margin-left: 0;
        margin-top: 1em;
    }

    /* Main Banner */
    #login-register-block {
        background: #9b9c9e;
        display: block;
        width: 100%;
        bottom: 0;
        margin-left: 0;
        position: relative;
        min-height: 75px;
    }

        #login-register-block .buttonAnchor {
            margin-bottom: 16px;
            width: auto;
        }

    .block-right {
        float: right;
    }

    .Home div#home-img {
        margin-top: 0em;
        min-height: 400px;
    }

    .Home #quicksearch_pageBlockContainer #quicksearch_pageBlock .pageBlockInner #quicksearch_form #quicksearch_filter_text_formRow,
    .Home #quicksearch_pageBlockContainer #quicksearch_pageBlock .pageBlockInner #quicksearch_form #quicksearch_filter_locationradius_formRow {
        width: 100%;
    }

    .Home .categoryDropDown.departments {
        margin-left: 0px;
    }


    .Home #quicksearch_pageBlockContainer #quicksearch_pageBlock .pageBlockInner #quicksearch_form #quicksearch_filter_text_formRow .controlContainer #Home_quicksearch_filter_text,
    .Home #quicksearch_pageBlockContainer #quicksearch_pageBlock .pageBlockInner #quicksearch_form #quicksearch_filter_locationradius_formRow .controlContainer #Home_quicksearch_filter_locationradius {
        width: 79%;
    }


    .Home #home-img .flx-embed .container {
        bottom: 16% !important;
    }

    .container .content-banner #quicksearch_pageBlockContainer {
        margin-bottom: 4px;
    }

    .Home #home-img .flx-embed .container .content-banner #quicksearch_pageBlockContainer .pageBlockContainerMiddle .component-hero--content #quicksearch_SaveButtonRow_formRow_main .buttonsRight {
        margin: 0px !important;
        margin-top: 4px !important;
    }

    .Home #home-img .flx-embed .container .content-banner p {
        margin-left: 9px;
    }
}


@media screen and (max-width: 926px) {
    .main-navigation .sub-menu-category {
        width: 24%;
        left: 53%;
        padding-bottom: 8px !important;
    }
}

@media only screen and (max-width: 920px) {
    .textpage-banner-working .links a {
        color: #fff;
        margin-left: 0px;
        font-size: 22px;
        transition: all 0.3s ease;
        width: 100%;
        position: relative;
        display: block;
        text-align: center;
    }

    .textpage-banner-working .links {
        position: relative;
        top: 263px;
    }

    .textpage-banner-working .textpage-banner-heading {
        position: relative;
        top: 251px;
    }

    .textpage-banner-people .textpage-banner-heading {
        top: 246px;
    }
}

@media screen and (max-width: 910px) {
    .Home #content-main .container .quote .quote-content #name {
        font-size: 13px;
    }

    .Home #content-main .container .quote .quote-content #quote p {
        font-size: 12px;
    }

    .Home #content-main .container .quote .quote-content #quote #quote-mark-left,
    .Home #content-main .container .quote .quote-content #quote #quote-mark-right {
        font-size: 30px;
    }

    .Home #home-img .flx-embed .container .heading-banner {
        position: absolute;
        left: 0;
        top: 100px;
        display: grid;
    }
}

@media screen and (max-width: 847px) {
}

@media only screen and (max-width: 840px) {
    .textpage-banner-category .links a {
        width: 100%;
        display: block;
    }

    .textpage-banner-heading {
        font-size: 43px;
        top: 280px;
    }

    .textpage-banner-category .links {
        top: 292px;
    }

    .textpage-banner-category {
        overflow: hidden;
    }
}

@media screen and (max-width: 807px) {
    .main-navigation .sub-menu-category {
        width: 27%;
    }
}


@media screen and (max-width: 780px) {

    .category-blocks .link-block .category-block-img .hover-color {
        height: 11%;
        width: 100%;
    }

    .category-blocks .link-block .category-block-img {
        width: 100%;
    }

        .category-blocks .link-block .category-block-img .hover-color {
            height: 100%;
        }
}

@media screen and (max-width: 768px) {
    #site-navigation .menu-primary-container .primary-menu .top-nav li,
    #site-navigation .menu-primary-container .primary-menu .bottom-nav .menu-item {
        background: none !important;
    }
}

/*---------------------------------------
   6.3 Phablet            
-----------------------------------------*/
@media screen and (max-width: 767px) {

    .sticky-navigation .main-navigation li.active a.sub-menu-link {
        font-weight: normal;
        padding: 15px;
        margin: 5px;
    }

    .Home h1.heading-section {
        font-size: 26px;
    }

    .sticky-navigation,
    .main-navigation .sub-menu-category {
        background: #fff !important;
    }

    .main-navigation .sub-menu-category {
        position: relative;
    }

    #menu-primary {
        border-top: 1px solid #E7E6DD !important;
    }

    #site-navigation .menu-primary-container .primary-menu .top-nav,
    #site-navigation .menu-primary-container .primary-menu .bottom-nav {
    }

    #site-navigation .menu-primary-container .primary-menu .mobile-menu {
        display: block !important;
    }

    .main-navigation .primary-menu {
        padding-right: 22px;
    }

    section#stories .head-office-category {
        transform: translateX(0%) translateY(0%);
        width: 100%;
    }

        section#stories .head-office-category.open .inner-content {
            width: 100%;
        }

            section#stories .head-office-category.open .inner-content h3,
            section#stories .head-office-category.open .inner-content p {
                max-width: initial;
            }

    .story p {
        width: 100%;
    }

    .story .story-image {
        width: 100%;
    }

    .Pos_Find_Results .content .container .row .col-sm-3 img {
        width: 100%;
    }

    #eaContainer div.posDescriptionContainer317 .LeftJobBox {
        width: 100%;
    }

    .Pos_Description #eaContainer #Pos_Description_pageView .pageBlockContainerMiddle .posDescriptionContainer .benefits {
        width: 100%;
    }

    .Home #home-img .flx-embed .container {
        bottom: 35% !important;
    }

    .team .people-detail-block .people-detail-image {
        width: 100%;
        float: none;
        margin: auto;
    }

        .team .people-detail-block .people-detail-image img {
            width: 40%;
            border-radius: 100%;
            margin: auto;
            display: block;
        }

    #eaContainer #Quiz_pageBlockContainer #Quiz_pageBlock .questionContainer form .questionTextContainer p,
    #eaContainer #Quiz_pageBlockContainer #Quiz_pageBlock .questionContainer form .imageContainer,
    #eaContainer #Quiz_pageBlockContainer #Quiz_pageBlock .questionContainer form .questionOptionListContainer {
        width: 100%;
        padding: 0;
    }

    #eaContainer #Quiz_pageBlockContainer #Quiz_pageBlock .questionContainer form .imageContainer {
        margin-bottom: 20px;
    }
}

@media screen and (max-width: 760px) {
    .news-article {
        padding: 20px;
    }
}

@media screen and (max-width: 742px) {
    .departments .department-list-item .department-picture {
        width: 100%;
        margin-left: 0px;
    }

    .departments .department-list-item {
        margin-left: 0px;
        width: 24%;
        margin-left: 15%;
    }

        .departments .department-list-item .department-name {
            font-size: 16px;
        }

        .departments .department-list-item .dept-view-more div {
            width: 100%;
            margin-left: 0px;
            font-size: 11px;
        }
}

@media screen and (max-width: 740px) {
    .Home #content-main .container .quote .quote-content #name {
        font-size: 11px;
    }
}

@media screen and (max-width: 735px) {
    .partnerships #partblock-1 p,
    .partnerships #partblock-2 p,
    .partnerships #partblock-3 p,
    .partnerships #partblock-6 p {
        padding-left: 29%;
    }
}

@media screen and (max-width: 720px) {
    .departments .department-detail .detail-wrapper .close-btn {
        height: 33px;
    }

    .textpage_ourpeople .container .team .people-detail-block .people-title {
        font-size: 18px;
    }
}

@media screen and (max-width: 707px) {
    .Pos_Description #eaContainer #Pos_Description_pageView .pageBlockContainerMiddle .posDescriptionContainer .benefits .benegit-blocks {
        width: 28%;
    }

    .scroll-down-btn {
        display: none;
    }

    .textpage-banner-working,
    .textpage-banner-people {
        height: 650px;
    }
}

@media screen and (max-width: 685px) {
    .textpage_faqs #faqs .container .col-md-offset-1.col-md-10 {
        width: 59.333%;
    }

    .textpage_faqs #faqs .container .faq-picture {
        width: 40%;
    }
}

@media screen and (max-width: 683px) {
    .Pos_Description #eaContainer #Pos_Description_pageView .pageBlockContainerMiddle .posDescriptionContainer .benefits .benegit-blocks {
        width: 29%;
    }
}

@media screen and (max-width: 680px) {
    .back-to-top #tooltiptext {
        width: 30%;
    }

    .departments .department-detail .detail-wrapper .close-btn {
        height: 31px;
    }

    .benefits .benefits-row {
        width: 81%;
        margin-left: 9.5%;
    }

        .benefits .benefits-row #benefit-1 .benefit-picture,
        .benefits .benefits-row #benefit-2 .benefit-picture,
        .benefits .benefits-row #benefit-3 .benefit-picture,
        .benefits .benefits-row #benefit-4 .benefit-picture,
        .benefits .benefits-row #benefit-5 .benefit-picture,
        .benefits .benefits-row #benefit-6 .benefit-picture,
        .benefits .benefits-row #benefit-7 .benefit-picture,
        .benefits .benefits-row #benefit-8 .benefit-picture {
            width: 34%;
            left: 36%;
        }
}

@media screen and (max-width: 672px) {
    .Home #home-img .flx-embed .container .heading-banner .category-heading {
        width: 100%;
        margin: 0px;
        padding: 0px;
    }

    .quote .quote-content {
        width: 100%;
        margin-left: 0px;
    }

    .quote .quote-picture {
        width: 270px;
        margin: 2em auto 0;
        float: none;
    }
}

@media screen and (max-width: 661px) {
    .Pos_Description #eaContainer #Pos_Description_pageView .pageBlockContainerMiddle .posDescriptionContainer .benefits .benegit-blocks {
        width: 40%;
    }
}

@media screen and (max-width: 642px) {
    .Home #content-main .container .quote .quote-content {
        width: 65%;
        margin-left: 0px;
    }

    .Home #content-main .container .quote {
        margin-top: 0px;
    }
}

@media screen and (max-width: 630px) {
    .textpage_ourpeople .container .team .people-detail-block .people-title {
        font-size: 17px;
        margin-top: 27px;
    }

    .expandable-box {
        width: 97%;
    }

        .expandable-box.open .expandable-image {
            float: none;
            margin: 10px;
        }
}

@media screen and (max-width: 627px) {
    .Pos_Description #eaContainer #Pos_Description_pageView .pageBlockContainerMiddle .posDescriptionContainer .benefits .benegit-blocks {
        width: 44%;
    }
}

@media screen and (max-width: 620px) {
    .departments .department-detail .detail-wrapper .close-btn {
        height: 29px;
    }
}

@media screen and (max-width: 616px) {
    .vacncies-button-wrappery .vacncies-button {
        margin-left: 28%;
    }

    .benefit-blocks {
        width: 33%;
        float: left;
        min-height: 200px;
    }
}

@media screen and (max-width: 600px) {


    /* Main headings */
    #eaContainer h1 {
        font-size: 35px;
        word-wrap: break-word;
    }

    /* Align buttons */
    #eaContainer a.button,
    #eaContainer #Pos_Description_pageView #posdesc_pageBlock a.right,
    #eaContainer .fileuploadbutton,
    #eaContainer .buttonsLeft button.buttonAnchor,
    #eaContainer .buttonsRight button.buttonAnchor,
    #eaContainer .buttonsLeft input.buttonSubmit,
    #eaContainer .buttonsRight input.buttonSubmit,
    #eaContainer .buttonsLeft a.buttonAnchor,
    #eaContainer .buttonsRight a.buttonAnchor {
        float: none;
        margin: 0;
    }

    /* Align labels left */
    #eaContainer .pageBlockInner_FormBlock div.labelContainer {
        text-align: left;
    }

    #eaContainer #posSummaryBlock_pageBlock div.greenbox dt {
        float: none;
    }

    /* Job search */
    #quicksearch_pageBlockContainer .buttonsRight li,
    #quicksearch_pageBlockContainer .buttonsRight input,
    #quicksearch_pageBlockContainer .buttonsRight {
        float: none;
        width: 98%;
    }

    #Home_pageView #CodeListCounts_pageBlockContainer .availableListsContainer li {
        width: 100%;
    }

    .hero-text .section-content .blockquote {
        font-size: 28px;
    }

    /* Category & AP section blocks */
    #eaContainer #MyDetails_ConnectedServices_pageView #ConnectedServicesForm_pageBlock .serviceContainer,
    #eaContainer #Home_pageView #CodeListCounts_pageBlock .listItemContainer {
        width: 100%;
    }

    .col-third,
    .cat-container {
        display: block;
        width: 100%;
    }

    #eaContainer .category-blocks .category-block {
        min-height: 0;
    }

    section#stories .head-office-category.open .inner-content {
        padding-top: 10px;
        padding-bottom: 10px;
        padding-left: 30px;
        padding-right: 30px;
        height: auto;
    }

    /* Search result blocks */
    #eaContainer .category-blocks .category-block, #eaContainer #posBrowser_ResultsGrid_pageBlock .rowContainer {
        margin-left: 1% !important;
        width: 98%;
    }

    /* Job alerts */
    body .pageBlockInner_GridBlock div.gridContentWithHeader {
        width: 100% !important;
    }

    body .ui-dialog {
        width: 100% !important;
        left: 0 !important;
        top: 60px !important;
    }

    div#lookupResults_pageBlock {
        overflow: hidden;
    }
    /* Candidate portal */
    #eaContainer #posSummaryBlock_pageBlock div.greenbox dt {
        display: block;
        width: 100%;
    }

    #eaContainer #posSummaryBlock_pageBlock dd {
        margin-left: 0;
    }

    /* Search results */
    #eaContainer #posBrowser_Filter_pageBlock .FilterContainer .ValueList li {
        display: block;
        margin: 0;
        padding-left: 0;
        width: 100%;
    }

    /* Job Description */

    #eaContainer #posdesc_pageBlock ul.jobSum li {
        display: block;
    }

        #eaContainer #posdesc_pageBlock ul.jobSum li:after {
            content: none;
        }


    #eaContainer .OfferSectionsSummaryBlockContainer .ulListItem,
    #Application_Home_pageView #sectionslist_pageBlock .ulListItem {
        background-position: 97% 50%;
    }

    #quicksearch_pageBlockContainer .buttonsRight li,
    #quicksearch_pageBlockContainer .buttonsRight input,
    #quicksearch_pageBlockContainer .buttonsRight {
        width: 100%;
        margin-bottom: 0px !important;
        margin-top: 6px !important;
    }

    .Home #home-img .flx-embed .container .content-banner #quicksearch_pageBlockContainer .pageBlockContainerMiddle .component-hero--content #quicksearch_SaveButtonRow_formRow_main .buttonsRight {
        margin-top: 0px !important;
    }

    .Home #home-img .flx-embed .container {
        bottom: 23% !important;
    }

    .partnerships .partnership-block .partnerships-picture {
        width: 100%;
    }

    .partnerships #partblock-2 .partnerships-picture,
    .partnerships #partblock-3 .partnerships-picture {
        width: 100%;
    }

    .partnerships #partblock-7 .partnerships-picture,
    .partnerships #partblock-5 .partnerships-picture {
        width: 100%;
    }

    .partnerships #partblock-5 p,
    .partnerships #partblock-7 p {
        padding-left: 0px;
    }

    .partnerships #partblock-6 .partnerships-picture {
        width: 100%;
    }

    .partnerships #partblock-1 p,
    .partnerships #partblock-2 p,
    .partnerships #partblock-3 p,
    .partnerships #partblock-6 p {
        padding-left: 0px;
    }

    .partnerships #partblock-4 p {
        padding-left: 0px;
    }

    .partnerships #partblock-4 .partnerships-picture {
        width: 100%;
    }

    .PosMyAppSummaryBlockv2.MySummaryBlockv2 {
        max-width: 100%;
    }

    .Home .quote .quote-picture,
    .Home .quote .quote-content {
        width: auto;
    }
}

@media screen and (max-width: 561px) {
    .benefits .benefits-row {
        width: 77%;
        margin-left: 11.5%;
    }
}


@media screen and (max-width: 550px) {
    .Pos_Description #eaContainer #Pos_Description_pageView .pageBlockContainerMiddle .posDescriptionContainer .benefits .benegit-blocks {
        width: 100%;
    }
}

@media screen and (max-width: 546px) {
    .featured #slider-latest-jobs .slides li span a h3 {
        font-size: 20px;
    }
}

@media screen and (max-width: 540px) {
    .Home h1.heading-section {
        font-size: 20px;
    }

    .featured #slider-latest-jobs .slides li span p {
        margin: 0 0 6px;
    }

    .featured #slider-latest-jobs .slides li span a:hover h3 {
        font-size: 26px;
    }

    .departments .department-detail .detail-wrapper .close-btn {
        width: 6%;
    }

    .Home #home-img .flx-embed .container .content-banner {
        width: 100%;
    }

    .Home .scroll-down-btn {
        top: -3px;
        display: none;
    }
}


@media screen and (max-width: 500px) {

    .benefits .benefits-row {
        width: 100%;
        margin-left: 0px;
    }

    .benefits .arrows {
        top: 0px;
    }

    .benefits {
        padding: 16px;
    }

        .benefits .benefits-row {
            bottom: 2px;
        }

    .benefit-blocks {
        width: 50%;
        float: left;
        min-height: 200px;
    }
}
/*---------------------------------------
   6.4 Phone          
-----------------------------------------*/

@media screen and (max-width: 480px) {

    /* Job alerts */
    body .pageBlockInner_GridBlock div.gridContentWithHeader {
        width: 100% !important;
    }

    body .ui-dialog {
        width: 100% !important;
        left: 0 !important;
        top: 138px !important;
    }

    /* Search */
    #FindJobBlock #quicksearch_form {
        width: 100%;
        margin-left: 0;
        padding-left: 0;
    }

    div.alternateViews a.alternateViewsButton_Map:before {
        content: none;
    }

    #Grid_PERSONALDETAILS_pageBlock .rowlink a {
        display: block;
    }

    .navbar-brand > img {
        max-height: 100%;
        max-width: 100%;
        width: 280px;
    }

    .Home h1.heading-section {
        font-size: 18px;
    }

    .back-to-top #tooltiptext {
        width: 46%;
    }
}

@media screen and (max-width: 478px) {
    .departments .department-detail .detail-wrapper .close-btn {
        width: 7%;
    }

    .departments .department-list-item {
        width: 28%;
    }

        .departments .department-list-item .department-name {
            font-size: 13px;
        }

    .article .article-title {
        font-size: 22px;
    }

    .news-article .article p {
        font-size: 14px;
    }

    .textpage_faqs #faqs .container .faq-picture {
        width: 44%;
    }

    .textpage_faqs #faqs .container .col-md-offset-1.col-md-10 {
        width: 55.333%;
    }
}

@media screen and (max-width: 470px) {
    .textpage-banner-category .scroll-down-btn a {
        left: 45%;
    }
}

@media screen and (max-width: 459px) {

    .textpage_ourpeople .container .team .people-detail-block .people-detail-text {
        width: 100%;
    }
}

@media screen and (max-width: 454px) {
    .textpage_ourpeople .container .team .people-detail-block .people-title {
        font-size: 15px;
    }
}

@media screen and (max-width: 453px) {
    .departments .department-detail .detail-wrapper .dept-detail-heading {
        font-size: 23px;
    }

    .departments .department-detail .detail-wrapper .dept-detail-text p {
        font-size: 12px;
    }

    .benefit-blocks {
        width: 99%;
        float: left;
        min-height: 200px;
    }
}


@media screen and (max-width: 439px) {
    .Home #content-main .container .quote .quote-content {
        width: 100%;
    }

    .Home #content-main .container .quote .quote-picture {
        width: 57%;
    }
}

@media screen and (max-width: 428px) {
    .textpage-banner-working .scroll-down-btn a {
        left: 41%;
    }

    .textpage-banner-working .textpage-banner-heading {
        font-size: 37px;
    }

    .textpage_faqs #faqs .container .faq-picture {
        width: 100%;
        margin-bottom: 20px;
    }

    .textpage_faqs #faqs .container .col-md-offset-1.col-md-10 {
        width: 100%;
    }
}

@media screen and (max-width: 422px) {
    .Pos_Description #eaContainer #posdesc_pageBlock .posdescriptionPropertyBox {
        padding: 1em;
    }
}

@media screen and (max-width: 420px) {
    .departments .department-detail .detail-wrapper .close-btn {
        width: 8%;
    }
}


@media screen and (max-width: 400px) {
    .Home #quicksearch_pageBlockContainer #quicksearch_pageBlock .pageBlockInner #quicksearch_form #quicksearch_filter_text_formRow .controlContainer #Home_quicksearch_filter_text,
    .Home #quicksearch_pageBlockContainer #quicksearch_pageBlock .pageBlockInner #quicksearch_form #quicksearch_filter_locationradius_formRow .controlContainer #Home_quicksearch_filter_locationradius {
        font-size: 8px;
    }

    .Home #quicksearch_pageBlockContainer #quicksearch_pageBlock .pageBlockInner #quicksearch_form #quicksearch_filter_text_formRow,
    .Home #quicksearch_pageBlockContainer #quicksearch_pageBlock .pageBlockInner #quicksearch_form #quicksearch_filter_locationradius_formRow {
        padding-top: 0px;
    }


    .Home .scroll-down-btn a {
        font-size: 15px;
        padding-left: 10px;
        padding-right: 10px;
    }
}


@media screen and (max-width: 395px) {
    h1.heading-section {
        font-size: 16px;
        padding: 20px;
    }

    .navbar-header {
        display: flex;
    }
}

@media screen and (max-width: 387px) {
    .Home #content-main .container .quote .quote-content #name {
        margin-top: 13px;
        font-size: 10px;
    }

    .Home #content-main .container .quote .quote-content #quote p {
        margin-top: 0px;
        font-size: 11px;
    }

    .vacncies-button-wrappery .vacncies-button {
        margin-left: 17%;
    }

    .featured .feature-heading,
    .customer-experience .customer-heading,
    .csf .csf-heading,
    .drivers-experience .drivers-heading,
    .control-experience .control-heading,
    .apprentice-experience .apprentice-heading,
    .engineer-experience .engineer-heading,
    .pp-experience .pp-heading,
    .pd-experience .pd-heading {
        font-size: 33px;
    }

    .Pos_Description #eaContainer #posdesc_pageBlock .posdescriptionPropertyBox {
        padding: 11px;
    }

    .Pos_Description #posdesc_pageBlock ul.jobSum {
        overflow: hidden;
        font-size: 14px;
    }

    .Pos_Description #eaContainer #pageContent {
        padding: 1%;
    }

    .Pos_Description #eaContainer .JobTitle h1 {
        font-size: 25px;
        padding: 6px;
    }
}

@media screen and (max-width: 383px) {
    .featured #slider-latest-jobs .slides li span a:hover h3 {
        font-size: 22px;
    }

    .featured #slider-latest-jobs .slides li span a h3 {
        font-size: 17px;
    }

    .featured #slider-latest-jobs .slides li span p {
        font-size: 13px;
    }
}


@media screen and (max-width: 376px) {
    .departments .department-detail .detail-wrapper .close-btn {
        width: 9%;
    }

    .departments .department-list-item {
        margin-left: 0px;
        width: 35%;
        margin-left: 8%;
    }
}

@media screen and (max-width: 370px) {
    .quote .quote-content #name {
        width: 100%;
    }

    .quote .quote-content .quote-picture {
        width: 30%;
    }
}

@media screen and (max-width: 368px) {
    .Home #content-main .container .quote .quote-content .quote-picture {
        width: 30%;
    }
}

@media screen and (max-width: 364px) {

    .category-blocks .link-block .category-block-text h2 {
        font-size: 21px;
    }
}

@media screen and (max-width: 349px) {
    .textpage_ourpeople .container .team .people-detail-block .people-title {
        font-size: 12px;
    }

    .textpage_ourpeople .container .team .people-detail-block .people-detail-text .people-text {
        font-size: 10px;
    }

    .textpage_faqs .scroll-down-btn a {
        left: 38%;
    }
}

@media screen and (max-width: 345px) {
    .Pos_Description #posdesc_pageBlock ul.jobSum {
        font-size: 12px;
    }
}

@media screen and (max-width: 342px) {
    .departments .department-detail .detail-wrapper .close-btn {
        width: 10%;
    }
}

@media screen and (max-width: 338px) {
    .textpage_ourpeople .container .team .people-detail-block .people-title {
        font-size: 11px;
        margin-top: 27px;
    }

    .textpage_ourpeople .container .team .people-detail-block .close-btn {
        width: 20px;
        height: 20px;
    }
}


@media screen and (max-width: 328px) {
    .Home #home-img .flx-embed .container .heading-banner {
        padding: 0px;
        padding-bottom: 0px;
    }

        .Home #home-img .flx-embed .container .heading-banner .category-heading {
            font-size: 22px;
        }

    .textpage_ourpeople .container .team .people-detail-block .people-title {
        font-size: 10px;
    }
}


@media screen and (max-width: 326px) {
    .Pos_Description #eaContainer #Pos_Description_pageView .pageBlockContainerMiddle .posDescriptionContainer .benefits #benefit-1,
    .Pos_Description #eaContainer #Pos_Description_pageView .pageBlockContainerMiddle .posDescriptionContainer .benefits #benefit-2,
    .Pos_Description #eaContainer #Pos_Description_pageView .pageBlockContainerMiddle .posDescriptionContainer .benefits #benefit-3,
    .Pos_Description #eaContainer #Pos_Description_pageView .pageBlockContainerMiddle .posDescriptionContainer .benefits #benefit-4,
    .Pos_Description #eaContainer #Pos_Description_pageView .pageBlockContainerMiddle .posDescriptionContainer .benefits #benefit-5,
    .Pos_Description #eaContainer #Pos_Description_pageView .pageBlockContainerMiddle .posDescriptionContainer .benefits #benefit-6,
    .Pos_Description #eaContainer #Pos_Description_pageView .pageBlockContainerMiddle .posDescriptionContainer .benefits #benefit-7,
    .Pos_Description #eaContainer #Pos_Description_pageView .pageBlockContainerMiddle .posDescriptionContainer .benefits #benefit-8 {
        height: 242px;
    }
}


@media screen and (max-width: 316px) {
    .vacncies-button-wrappery .vacncies-button {
        margin-left: 11%;
    }
}

@media screen and (max-width: 315px) {
    .departments .department-detail .detail-wrapper .close-btn {
        width: 11%;
    }
}

@media screen and (max-width: 311px) {

    .Home #home-img .flx-embed .container .heading-banner .category-heading {
        position: relative;
        top: 8px;
    }
}


/*---------------------------------------
   Added CSS       
-----------------------------------------*/
@media (min-width: 1200px) {
    .container {
        width: 1209px;
    }
}


.head-office-main-header {
    background-image: url("https://tbcdn.talentbrew.com/company/22348/img/banners/head-office-s.jpg");
    background-color: #fff;
    background-size: cover;
    background-position: right top;
    background-repeat: no-repeat
}

@media only screen and (min-width: 700px) {
    .head-office-main-header {
        background-image: url("https://tbcdn.talentbrew.com/company/22348/img/banners/head-office-m.jpg")
    }
}

@media only screen and (min-width: 1180px) {
    .head-office-main-header {
        background-image: url("https://tbcdn.talentbrew.com/company/22348/img/banners/head-office.jpg");
        background-size: auto 100%
    }
}

.head-office-category-section {
    padding-bottom: 20px
}

.head-office-grid {
    position: relative;
    width: 100%;
    height: 600px;
    overflow: hidden
}

    .head-office-grid .head-office-category:nth-of-type(1) {
        -webkit-transform: translateX(0%) translateY(0%);
        -moz-transform: translateX(0%) translateY(0%);
        -ms-transform: translateX(0%) translateY(0%);
        -o-transform: translateX(0%) translateY(0%);
        transform: translateX(0%) translateY(0%)
    }

    .head-office-grid .head-office-category:nth-of-type(2) {
        -webkit-transform: translateX(100%) translateY(0%);
        -moz-transform: translateX(100%) translateY(0%);
        -ms-transform: translateX(100%) translateY(0%);
        -o-transform: translateX(100%) translateY(0%);
        transform: translateX(100%) translateY(0%)
    }

    .head-office-grid .head-office-category:nth-of-type(3) {
        -webkit-transform: translateX(0%) translateY(100%);
        -moz-transform: translateX(0%) translateY(100%);
        -ms-transform: translateX(0%) translateY(100%);
        -o-transform: translateX(0%) translateY(100%);
        transform: translateX(0%) translateY(100%)
    }

    .head-office-grid .head-office-category:nth-of-type(4) {
        -webkit-transform: translateX(100%) translateY(100%);
        -moz-transform: translateX(100%) translateY(100%);
        -ms-transform: translateX(100%) translateY(100%);
        -o-transform: translateX(100%) translateY(100%);
        transform: translateX(100%) translateY(100%)
    }

    .head-office-grid .head-office-category:nth-of-type(5) {
        -webkit-transform: translateX(0%) translateY(200%);
        -moz-transform: translateX(0%) translateY(200%);
        -ms-transform: translateX(0%) translateY(200%);
        -o-transform: translateX(0%) translateY(200%);
        transform: translateX(0%) translateY(200%)
    }

    .head-office-grid .head-office-category:nth-of-type(6) {
        -webkit-transform: translateX(100%) translateY(200%);
        -moz-transform: translateX(100%) translateY(200%);
        -ms-transform: translateX(100%) translateY(200%);
        -o-transform: translateX(100%) translateY(200%);
        transform: translateX(100%) translateY(200%)
    }

    .head-office-grid .head-office-category:nth-of-type(7) {
        -webkit-transform: translateX(0%) translateY(300%);
        -moz-transform: translateX(0%) translateY(300%);
        -ms-transform: translateX(0%) translateY(300%);
        -o-transform: translateX(0%) translateY(300%);
        transform: translateX(0%) translateY(300%)
    }

    .head-office-grid .head-office-category:nth-of-type(8) {
        -webkit-transform: translateX(100%) translateY(300%);
        -moz-transform: translateX(100%) translateY(300%);
        -ms-transform: translateX(100%) translateY(300%);
        -o-transform: translateX(100%) translateY(300%);
        transform: translateX(100%) translateY(300%)
    }

    .head-office-grid .head-office-category:nth-of-type(9) {
        -webkit-transform: translateX(0%) translateY(400%);
        -moz-transform: translateX(0%) translateY(400%);
        -ms-transform: translateX(0%) translateY(400%);
        -o-transform: translateX(0%) translateY(400%);
        transform: translateX(0%) translateY(400%)
    }

    .head-office-grid .head-office-category:nth-of-type(10) {
        -webkit-transform: translateX(100%) translateY(400%);
        -moz-transform: translateX(100%) translateY(400%);
        -ms-transform: translateX(100%) translateY(400%);
        -o-transform: translateX(100%) translateY(400%);
        transform: translateX(100%) translateY(400%)
    }

.head-office-category {
    padding-bottom: 3px;
    padding-right: 3px;
    position: absolute;
    top: 0;
    left: 0;
    height: 120px;
    width: 50%;
    -webkit-transition: transform .6s cubic-bezier(0.645, 0.045, 0.355, 1);
    -moz-transition: transform .6s cubic-bezier(0.645, 0.045, 0.355, 1);
    -ms-transition: transform .6s cubic-bezier(0.645, 0.045, 0.355, 1);
    -o-transition: transform .6s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: transform .6s cubic-bezier(0.645, 0.045, 0.355, 1)
}

    .head-office-category .close-button {
        display: block;
        position: absolute;
        top: 20px;
        right: 20px;
        height: 32px;
        width: 32px;
        border: 2px solid #2e5c99;
        border-radius: 50%;
        color: #2e5c99;
        text-align: center;
        line-height: 30px;
        cursor: pointer;
        opacity: 0;
        z-index: 1
    }

    .head-office-category .glance-info-block {
        display: block;
        position: relative;
        height: 100%;
        width: 100%;
        opacity: 1;
        overflow: hidden;
        -webkit-transition: opacity .6s cubic-bezier(0.645, 0.045, 0.355, 1);
        -moz-transition: opacity .6s cubic-bezier(0.645, 0.045, 0.355, 1);
        -ms-transition: opacity .6s cubic-bezier(0.645, 0.045, 0.355, 1);
        -o-transition: opacity .6s cubic-bezier(0.645, 0.045, 0.355, 1);
        transition: opacity .6s cubic-bezier(0.645, 0.045, 0.355, 1);
        cursor: pointer;
        z-index: 1
    }

        .head-office-category .glance-info-block h3 {
            margin: 0;
            position: absolute;
            bottom: 10px;
            left: 10px;
            color: #fff;
            -webkit-transition: transform .6s cubic-bezier(0.645, 0.045, 0.355, 1);
            -moz-transition: transform .6s cubic-bezier(0.645, 0.045, 0.355, 1);
            -ms-transition: transform .6s cubic-bezier(0.645, 0.045, 0.355, 1);
            -o-transition: transform .6s cubic-bezier(0.645, 0.045, 0.355, 1);
            transition: transform .6s cubic-bezier(0.645, 0.045, 0.355, 1);
            z-index: 2
        }

        .head-office-category .glance-info-block .instruction-text {
            display: block;
            position: absolute;
            top: 10px;
            left: 10px;
            right: 10px;
            height: 30px;
            width: 30px;
            border-radius: 30px;
            box-shadow: 0 10px 20px rgba(0,0,0,0.6);
            overflow: hidden;
            color: rgba(255,255,255,0);
            font-size: 14px;
            font-size: 1.4rem;
            line-height: 30px;
            text-indent: 0;
            -webkit-transition: text-indent .6s cubic-bezier(0.645, 0.045, 0.355, 1),color .6s cubic-bezier(0.645, 0.045, 0.355, 1) .1s,width .6s cubic-bezier(0.645, 0.045, 0.355, 1);
            -moz-transition: text-indent .6s cubic-bezier(0.645, 0.045, 0.355, 1),color .6s cubic-bezier(0.645, 0.045, 0.355, 1) .1s,width .6s cubic-bezier(0.645, 0.045, 0.355, 1);
            -ms-transition: text-indent .6s cubic-bezier(0.645, 0.045, 0.355, 1),color .6s cubic-bezier(0.645, 0.045, 0.355, 1) .1s,width .6s cubic-bezier(0.645, 0.045, 0.355, 1);
            -o-transition: text-indent .6s cubic-bezier(0.645, 0.045, 0.355, 1),color .6s cubic-bezier(0.645, 0.045, 0.355, 1) .1s,width .6s cubic-bezier(0.645, 0.045, 0.355, 1);
            transition: text-indent .6s cubic-bezier(0.645, 0.045, 0.355, 1),color .6s cubic-bezier(0.645, 0.045, 0.355, 1) .1s,width .6s cubic-bezier(0.645, 0.045, 0.355, 1);
            z-index: 2
        }

            .head-office-category .glance-info-block .instruction-text:before {
                content: "+";
                position: absolute;
                top: 12px;
                left: 6px;
                color: #fff;
                font-size: 30px;
                font-size: 3rem;
                line-height: 30px;
                opacity: 1;
                -webkit-transform: translateY(-50%);
                -moz-transform: translateY(-50%);
                -ms-transform: translateY(-50%);
                -o-transform: translateY(-50%);
                transform: translateY(-50%);
                -webkit-transition: opacity .6s cubic-bezier(0.645, 0.045, 0.355, 1);
                -moz-transition: opacity .6s cubic-bezier(0.645, 0.045, 0.355, 1);
                -ms-transition: opacity .6s cubic-bezier(0.645, 0.045, 0.355, 1);
                -o-transition: opacity .6s cubic-bezier(0.645, 0.045, 0.355, 1);
                transition: opacity .6s cubic-bezier(0.645, 0.045, 0.355, 1)
            }

        .head-office-category .glance-info-block:after {
            content: "";
            display: block;
            position: absolute;
            bottom: -30px;
            left: 0;
            right: 0;
            height: 93%;
            background-image: linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.9) 90%);
            -webkit-transition: bottom .6s cubic-bezier(0.645, 0.045, 0.355, 1);
            -moz-transition: bottom .6s cubic-bezier(0.645, 0.045, 0.355, 1);
            -ms-transition: bottom .6s cubic-bezier(0.645, 0.045, 0.355, 1);
            -o-transition: bottom .6s cubic-bezier(0.645, 0.045, 0.355, 1);
            transition: bottom .6s cubic-bezier(0.645, 0.045, 0.355, 1);
            z-index: 1
        }

    .head-office-category .inner-content {
        display: block;
        padding: 20px;
        position: absolute;
        top: 0;
        left: 0;
        height: calc(100% - 3px);
        width: calc(100% - 3px);
        overflow: hidden;
        -webkit-transition: height .6s cubic-bezier(0.645, 0.045, 0.355, 1),width .6s cubic-bezier(0.645, 0.045, 0.355, 1);
        -moz-transition: height .6s cubic-bezier(0.645, 0.045, 0.355, 1),width .6s cubic-bezier(0.645, 0.045, 0.355, 1);
        -ms-transition: height .6s cubic-bezier(0.645, 0.045, 0.355, 1),width .6s cubic-bezier(0.645, 0.045, 0.355, 1);
        -o-transition: height .6s cubic-bezier(0.645, 0.045, 0.355, 1),width .6s cubic-bezier(0.645, 0.045, 0.355, 1);
        transition: height .6s cubic-bezier(0.645, 0.045, 0.355, 1),width .6s cubic-bezier(0.645, 0.045, 0.355, 1)
    }

        .head-office-category .inner-content:before, .head-office-category .inner-content:after {
            content: "";
            display: block;
            position: absolute;
            top: 0;
            left: 0;
            height: 100%;
            width: 100%;
            background-repeat: no-repeat;
            background-size: cover;
            background-position: center;
            -webkit-transition: transform 1s cubic-bezier(0.645, 0.045, 0.355, 1);
            -moz-transition: transform 1s cubic-bezier(0.645, 0.045, 0.355, 1);
            -ms-transition: transform 1s cubic-bezier(0.645, 0.045, 0.355, 1);
            -o-transition: transform 1s cubic-bezier(0.645, 0.045, 0.355, 1);
            transition: transform 1s cubic-bezier(0.645, 0.045, 0.355, 1)
        }

        .head-office-category .inner-content:before {
            left: -100%;
            background-image: linear-gradient(90deg, rgba(255,255,255,0.95),rgba(255,255,255,0.95) 95%);
            -webkit-transition: left .5s cubic-bezier(0.645, 0.045, 0.355, 1) .2s;
            -moz-transition: left .5s cubic-bezier(0.645, 0.045, 0.355, 1) .2s;
            -ms-transition: left .5s cubic-bezier(0.645, 0.045, 0.355, 1) .2s;
            -o-transition: left .5s cubic-bezier(0.645, 0.045, 0.355, 1) .2s;
            transition: left .5s cubic-bezier(0.645, 0.045, 0.355, 1) .2s
        }

        .head-office-category .inner-content h3, .head-office-category .inner-content p {
            position: relative;
            opacity: 0;
            -webkit-transition: opacity .6s cubic-bezier(0.645, 0.045, 0.355, 1);
            -moz-transition: opacity .6s cubic-bezier(0.645, 0.045, 0.355, 1);
            -ms-transition: opacity .6s cubic-bezier(0.645, 0.045, 0.355, 1);
            -o-transition: opacity .6s cubic-bezier(0.645, 0.045, 0.355, 1);
            transition: opacity .6s cubic-bezier(0.645, 0.045, 0.355, 1)
        }

        .head-office-category .inner-content p {
            color: #000;
        }

        .head-office-category .inner-content .button {
            position: relative
        }

            .head-office-category .inner-content .button:not(:last-of-type) {
                margin-bottom: 20px
            }

    .head-office-category:nth-of-type(1) .inner-content:after {
        background-image: url("../images/custom/corporate-support.jpg")
    }

    .head-office-category:nth-of-type(2) .inner-content:after {
        background-image: url("../images/custom/performance-planning.jpg")
    }

    .head-office-category:nth-of-type(3) .inner-content:after {
        background-image: url("../images/custom/concessions.jpg")
    }

    .head-office-category:nth-of-type(4) .inner-content:after {
        background-image: url("../images/custom/it.jpg")
    }

    .head-office-category:nth-of-type(5) .inner-content:after {
        background-image: url("https://tbcdn.talentbrew.com/company/22348/img/headoffice/head-office-img-05.jpg")
    }

    .head-office-category:nth-of-type(6) .inner-content:after {
        background-image: url("https://tbcdn.talentbrew.com/company/22348/img/headoffice/head-office-img-06.jpg")
    }

    .head-office-category:nth-of-type(7) .inner-content:after {
        background-image: url("https://tbcdn.talentbrew.com/company/22348/img/headoffice/head-office-img-07.jpg")
    }

    .head-office-category:nth-of-type(8) .inner-content:after {
        background-image: url("https://tbcdn.talentbrew.com/company/22348/img/headoffice/head-office-img-08.jpg")
    }

    .head-office-category:nth-of-type(9) .inner-content:after {
        background-image: url("https://tbcdn.talentbrew.com/company/22348/img/headoffice/head-office-img-09.jpg")
    }

    .head-office-category:hover .glance-info-block .instruction-text, .head-office-category:focus .glance-info-block .instruction-text {
        width: 124px;
        color: #fff;
        text-indent: 10px
    }

        .head-office-category:hover .glance-info-block .instruction-text:before, .head-office-category:focus .glance-info-block .instruction-text:before {
            opacity: 0
        }

    .head-office-category:hover .glance-info-block h3, .head-office-category:focus .glance-info-block h3 {
        -webkit-transform: translateY(-10px);
        -moz-transform: translateY(-10px);
        -ms-transform: translateY(-10px);
        -o-transform: translateY(-10px);
        transform: translateY(-10px)
    }

    .head-office-category:hover .glance-info-block:after, .head-office-category:focus .glance-info-block:after {
        bottom: 0
    }

    .head-office-category:hover .inner-content:after, .head-office-category:focus .inner-content:after {
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
        -o-transform: scale(1.1);
        transform: scale(1.1)
    }

.head-office-grid .head-office-category.open {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0)
}

.head-office-category.open .glance-info-block {
    cursor: default;
    opacity: 0;
    z-index: -1
}

.head-office-category.open .inner-content {
    height: 600px;
    width: 200%
}

    .head-office-category.open .inner-content:before {
        left: 0;
        z-index: 1
    }

    .head-office-category.open .inner-content h3, .head-office-category.open .inner-content p, .head-office-category.open .inner-content .button {
        opacity: 1;
        z-index: 1
    }

.head-office-category.open .close-button {
    opacity: 1
}

.head-office-category.push-to-top {
    z-index: 2
}

@media only screen and (min-width: 580px) {
    .image-with-text-section .section-image {
        height: 380px
    }

    .head-office-grid {
        height: 750px
    }

    .head-office-category {
        height: 300px
    }

        .head-office-category.open .inner-content {
            height: 750px
        }

    .full-bleed-section.taller {
        padding-top: 280px
    }

        .full-bleed-section.taller:after {
            top: 280px
        }
}



.career-landing-pg.head-office-main-pg .opening-summary, .career-secondary-pg.head-office-main-pg .opening-summary, .emerging-talent-secondary-pg.head-office-main-pg .opening-summary, .emerging-talent-tertiary-pg.head-office-main-pg .opening-summary {
    text-align: center
}

#stories {
    width: 100%;
    float: left;
}

.head-office-grid {
    height: 600px
}

    .head-office-grid .head-office-category:nth-of-type(1) {
        -webkit-transform: translateX(0%) translateY(0%);
        -moz-transform: translateX(0%) translateY(0%);
        -ms-transform: translateX(0%) translateY(0%);
        -o-transform: translateX(0%) translateY(0%);
        transform: translateX(0%) translateY(0%)
    }

    .head-office-grid .head-office-category:nth-of-type(2) {
        -webkit-transform: translateX(100%) translateY(0%);
        -moz-transform: translateX(100%) translateY(0%);
        -ms-transform: translateX(100%) translateY(0%);
        -o-transform: translateX(100%) translateY(0%);
        transform: translateX(100%) translateY(0%)
    }

    .head-office-grid .head-office-category:nth-of-type(3) {
        -webkit-transform: translateX(100%) translateY(100%);
        -moz-transform: translateX(100%) translateY(100%);
        -ms-transform: translateX(100%) translateY(100%);
        -o-transform: translateX(100%) translateY(100%);
        transform: translateX(100%) translateY(100%);
    }

    .head-office-grid .head-office-category:nth-of-type(4) {
        -webkit-transform: translateX(0%) translateY(100%);
        -moz-transform: translateX(0%) translateY(100%);
        -ms-transform: translateX(0%) translateY(100%);
        -o-transform: translateX(0%) translateY(100%);
        transform: translateX(0%) translateY(100%)
    }

    .head-office-grid .head-office-category:nth-of-type(5) {
        -webkit-transform: translateX(100%) translateY(100%);
        -moz-transform: translateX(100%) translateY(100%);
        -ms-transform: translateX(100%) translateY(100%);
        -o-transform: translateX(100%) translateY(100%);
        transform: translateX(100%) translateY(100%)
    }

    .head-office-grid .head-office-category:nth-of-type(6) {
        -webkit-transform: translateX(200%) translateY(100%);
        -moz-transform: translateX(200%) translateY(100%);
        -ms-transform: translateX(200%) translateY(100%);
        -o-transform: translateX(200%) translateY(100%);
        transform: translateX(200%) translateY(100%)
    }

    .head-office-grid .head-office-category:nth-of-type(7) {
        -webkit-transform: translateX(0%) translateY(200%);
        -moz-transform: translateX(0%) translateY(200%);
        -ms-transform: translateX(0%) translateY(200%);
        -o-transform: translateX(0%) translateY(200%);
        transform: translateX(0%) translateY(200%)
    }

    .head-office-grid .head-office-category:nth-of-type(8) {
        -webkit-transform: translateX(100%) translateY(200%);
        -moz-transform: translateX(100%) translateY(200%);
        -ms-transform: translateX(100%) translateY(200%);
        -o-transform: translateX(100%) translateY(200%);
        transform: translateX(100%) translateY(200%)
    }

    .head-office-grid .head-office-category:nth-of-type(9) {
        -webkit-transform: translateX(200%) translateY(200%);
        -moz-transform: translateX(200%) translateY(200%);
        -ms-transform: translateX(200%) translateY(200%);
        -o-transform: translateX(200%) translateY(200%);
        transform: translateX(200%) translateY(200%)
    }


.head-office-category .glance-info-block .instruction-text {
    top: 20px;
    left: 20px;
    right: 20px
}

.head-office-category .glance-info-block h3 {
    bottom: 20px;
    left: 20px
}

.head-office-category .inner-content {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-flex: auto;
    -moz-box-flex: auto;
    -webkit-flex: auto;
    -ms-flex: auto;
    flex: auto;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
    -ms-align-items: flex-start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    -ms-justify-content: center;
    -webkit-justify-content: center;
    justify-content: center
}

    .head-office-category .inner-content:before {
        background-image: linear-gradient(90deg, rgba(255,255,255,0.95) 53%,rgba(255,255,255,0) 94%)
    }

.head-office-grid .head-office-category.open {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0)
}

.head-office-category.open .inner-content {
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 80px;
    padding-right: 80px;
    height: 600px;
    width: 200%;
}

.head-office-category.open .close-button {
    border-color: #fff;
    color: #fff
}

.head-office-category-section {
    padding-bottom: 40px
}


@media only screen and (max-width: 992px) {
    .head-office-category.open .inner-content h3, .head-office-category.open .inner-content p {
        max-width: 100%;
    }

    .head-office-category .inner-content {
        display: block;
    }
}

@media only screen and (max-width: 767px) {

    .head-office-category.open .inner-content {
        padding-top: 10px;
        padding-bottom: 10px;
        padding-left: 10px;
        padding-right: 10px;
        min-height: 600px;
        height: fit-content;
    }
}


@media only screen and (max-width: 580px) {
    .head-office-grid {
        height: 100%;
        overflow: inherit;
    }

    .head-office-category {
        padding-bottom: 3px;
        padding-right: 3px;
        position: absolute;
        top: 0;
        left: 0;
        height: 200px;
        width: 100%;
        transform: none !important;
        position: relative;
    }

        .head-office-category.open .inner-content {
            padding-top: 10px;
            padding-bottom: 10px;
            padding-left: 10px;
            padding-right: 10px;
            min-height: 600px;
            height: fit-content;
            width: 100%;
            display: block;
        }

            .head-office-category.open .inner-content h3, .head-office-category.open .inner-content p {
                max-width: 95%;
            }

            .head-office-category.open .inner-content a.button {
                display: block;
            }
}

/*telnum 3.62 fix*/
.iti--allow-dropdown {
    width: 100%;
}
/**/


#core-values {
    display: none;
}

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

.navbar.transparent {
    background: white !important;
}

    .navbar.transparent li a,
    .sticky-navigation .main-navigation li a {
        color: #1a1a1a !important;
        font-size: 14px !important;
        text-transform: uppercase !important;
        font-weight: 600 !important;
        letter-spacing: 1px !important;
    }

.main-navigation .menu-item-has-children > a::after {
    display: none !important;
}

#site-navigation .menu-primary-container .primary-menu .bottom-nav .menu-item.menu-item-has-children {
    padding-right: 23px;
    background-image: url(../images/3F74DE8B-5E99-444C-99F0-C1308D774B74.svg);
    background-repeat: no-repeat;
    background-position: right;
    margin-right: 15px;
    cursor: pointer;
}

.pg-footer {
    font-family: 'Roboto', sans-serif;
}


.footer {
    background-color: #01465d;
    color: #fff;
}

.footer-wave-svg {
    background-color: transparent;
    display: block;
    height: 30px;
    position: relative;
    top: -1px;
    width: 100%;
}

.footer-wave-path {
    fill: #fffff2;
}

.footer-content {
    margin-left: auto;
    margin-right: auto;
    max-width: 1230px;
    padding: 40px 15px 150px;
    position: relative;
}

.footer-content-column {
    box-sizing: border-box;
    float: left;
    padding-left: 15px;
    padding-right: 15px;
    width: 100%;
    color: #fff;
}

    .footer-content-column ul li a {
        color: #fff;
        text-decoration: none;
    }

.footer-logo-link {
    display: inline-block;
}

.footer-menu {
    margin-top: 30px;
}

.footer-menu-name {
    color: #fffff2;
    font-size: 15px;
    font-weight: 900;
    letter-spacing: .1em;
    line-height: 18px;
    margin-bottom: 0;
    margin-top: 0;
    text-transform: uppercase;
}

.footer-menu-list {
    list-style: none;
    margin-bottom: 0;
    margin-top: 10px;
    padding-left: 0;
}

    .footer-menu-list li {
        margin-top: 5px;
    }

.footer-call-to-action-description {
    color: #fffff2;
    margin-top: 10px;
    margin-bottom: 20px;
}

.footer-call-to-action-button:hover {
    background-color: #fffff2;
}

.button:last-of-type {
    margin-right: 0;
}

.footer-call-to-action-button {
    background-color: #01465d;
    border-radius: 21px;
    color: #fffff2;
    display: inline-block;
    font-size: 11px;
    font-weight: 900;
    letter-spacing: .1em;
    line-height: 18px;
    padding: 12px 30px;
    margin: 0 10px 10px 0;
    text-decoration: none;
    text-transform: uppercase;
    transition: background-color .2s;
    cursor: pointer;
    position: relative;
}

.footer-call-to-action {
    margin-top: 30px;
}

.footer-call-to-action-title {
    color: #fffff2;
    font-size: 14px;
    font-weight: 900;
    letter-spacing: .1em;
    line-height: 18px;
    margin-bottom: 0;
    margin-top: 0;
    text-transform: uppercase;
}

.footer-call-to-action-link-wrapper {
    margin-bottom: 0;
    margin-top: 10px;
    color: #fff;
    text-decoration: none;
}

    .footer-call-to-action-link-wrapper a {
        color: #fff;
        text-decoration: none;
    }





.footer-social-links {
    bottom: 0;
    height: 54px;
    position: absolute;
    right: 0;
    width: 236px;
}

.footer-social-amoeba-svg {
    height: 54px;
    left: 0;
    display: block;
    position: absolute;
    top: 0;
    width: 236px;
}

.footer-social-amoeba-path {
    fill: #01465d;
}

.footer-social-link.linkedin {
    height: 26px;
    left: 3px;
    top: 11px;
    width: 26px;
}

.footer-social-link {
    display: block;
    padding: 10px;
    position: absolute;
}

.hidden-link-text {
    position: absolute;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px,1px,1px,1px);
    -webkit-clip-path: inset(0px 0px 99.9% 99.9%);
    clip-path: inset(0px 0px 99.9% 99.9%);
    overflow: hidden;
    height: 1px;
    width: 1px;
    padding: 0;
    border: 0;
    top: 50%;
}

.footer-social-icon-svg {
    display: block;
}

.footer-social-icon-path {
    fill: #fffff2;
    transition: fill .2s;
}

.footer-social-link.twitter {
    height: 28px;
    left: 62px;
    top: 3px;
    width: 28px;
}

.footer-social-link.youtube {
    height: 24px;
    left: 123px;
    top: 12px;
    width: 24px;
}

.footer-social-link.github {
    height: 34px;
    left: 172px;
    top: 7px;
    width: 34px;
}

.footer-copyright {
    background-color: #01465d;
    color: #fff;
    padding: 15px 30px;
    text-align: center;
}

.footer-copyright-wrapper {
    margin-left: auto;
    margin-right: auto;
    max-width: 1200px;
}

.footer-copyright-text {
    color: #fff;
    font-size: 13px;
    font-weight: 400;
    line-height: 18px;
    margin-bottom: 0;
    margin-top: 0;
}

.footer-copyright-link {
    color: #fff;
    text-decoration: none;
}







/* Media Query For different screens */
@media (min-width:320px) and (max-width:479px) { /* smartphones, portrait iPhone, portrait 480x320 phones (Android) */
    .footer-content {
        margin-left: auto;
        margin-right: auto;
        max-width: 1230px;
        padding: 40px 15px 1050px;
        position: relative;
    }
}

@media (min-width:480px) and (max-width:599px) { /* smartphones, Android phones, landscape iPhone */
    .footer-content {
        margin-left: auto;
        margin-right: auto;
        max-width: 1230px;
        padding: 40px 15px 1050px;
        position: relative;
    }
}

@media (min-width:600px) and (max-width: 800px) { /* portrait tablets, portrait iPad, e-readers (Nook/Kindle), landscape 800x480 phones (Android) */
    .footer-content {
        margin-left: auto;
        margin-right: auto;
        max-width: 1230px;
        padding: 40px 15px 1050px;
        position: relative;
    }
}

@media (min-width:801px) { /* tablet, landscape iPad, lo-res laptops ands desktops */

}

@media (min-width:1025px) { /* big landscape tablets, laptops, and desktops */

}

@media (min-width:1281px) { /* hi-res laptops and desktops */

}




@media (min-width: 760px) {
    .footer-content {
        margin-left: auto;
        margin-right: auto;
        max-width: 1230px;
        padding: 40px 15px 150px;
        position: relative;
    }

    .footer-wave-svg {
        height: 50px;
    }

    .footer-content-column {
        width: 24.99%;
    }
}

@media (min-width: 568px) {
    /* .footer-content-column {
      width: 49.99%;
  } */
}

.footer-menu-list li {
    margin-top: 5px;
    float: left;
    clear: left;
    width: 100% !important;
    text-align: left;
}

.footer-menu {
    margin-top: 0;
}

.footer-menu-list {
    margin-top: 0;
}

.footer-copyright-link {
    color: white !important;
}

@media (min-width: 768px) {
    .navbar .container {
        display: flex;
        align-items: stretch;
    }

    .navbar-collapse.collapse {
        display: flex !important;
        align-items: center;
        justify-content: end;
        width: 100%;
    }
}

.footer-logo img {
    max-width: 200px;
}

.pagingButtons img {
    display: none;
}

.pageBlockInner_GridBlock .pagingButtons a.buttonDisabled, .pageBlockInner_GridBlock .pagingButtons a.buttonDisabled:hover {
    background-color: transparent;
}