/* 
    Skin: TSC_06 Version: 20190521
    
    Contents 
    1. CLIENT SPECIFIC 
    1.1 Fonts 
    1.2 Menu 
    1.3 Header
    1.4 Logo
    1.5 Flex Slider 
    1.6 Footer
    1.7 Avatar 
    1.8 Borders 
    1.9 Home 
    1.10 Text Pages
    1.11 Job Description
    
    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.9 Login 
    3.10 Register
    3.11 Events
    
    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
    5.7 Onboarding
    
    6. MEDIA QUERIES 
    1750+ to mobile
*/

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

/*--------------------------------------- 
        1.1 Fonts 
-----------------------------------------*/
html {
    overflow-x: hidden;
}

    html body {
        font-family: proxima-nova, sans-serif;
        font-weight: 400;
        line-height: 1.8;
        font-size: 17px; /*was 16*/
        box-sizing: border-box;
        color: #313131;
        overflow-x: hidden;
        margin: auto;
        background-color: #fff;
    }

h1,
h2 {
    font-family: proxima-nova, sans-serif;
    font-weight: 700;
    color: #006880;
}

h1 {
    font-size: 36px;
    line-height: 40px;
    -ms-word-wrap: break-word;
    word-wrap: break-word;
}

h2 {
    font-size: 18px;
    line-height: 34px;
    -ms-word-wrap: break-word;
    word-wrap: break-word;
}

h3 {
    font-size: 24px;
    line-height: 28px;
    -ms-word-wrap: break-word;
    word-wrap: break-word;
    color: #9A9B9C;
}

h4 {
    font-size: 18px;
    line-height: 22px;
    -ms-word-wrap: break-word;
    word-wrap: break-word;
    color: #9A9B9C;
}

h5 {
    font-size: 14px;
    line-height: 18px;
    -ms-word-wrap: break-word;
    word-wrap: break-word;
    color: #9A9B9C;
}

.coopnowrap {
    white-space: nowrap;
}

.red-text {
    color: #006880;
}

.yellow-text {
    color: #006880;
}

.strapline {
    font-size: 42px;
    color: #006880;
    padding-bottom: 0;
    margin-top: 30px;
    margin-bottom: 30px;
    font-family: 'opensansbold', arial, sans-serif;
}

a {
    text-decoration: none;
    -o-transition: all ease 0.25s;
    -moz-transition: all ease 0.25s;
    -webkit-transition: all ease 0.25s;
    transition: all ease 0.25s;
    outline: 0;
}

    a:hover {
        text-decoration: none;
        color: #006880;
    }

    a:focus {
        outline: 0;
        text-decoration: none;
    }

/*--------------------------------------- 
        1.2 Menu 
-----------------------------------------*/
.section-header {
    text-align: left;
}

.sub-heading {
    margin-top: 20px;
}

.dtmenu {
    padding-left: 0;
    padding-right: 0;
}

/*--------------------------------------- 
    1.3 Header 
-----------------------------------------*/
.header {
    min-height: 154px;
    background-color: #006880;
    border-bottom: none;
    padding-top: 45px;
    transition: all 500ms;
}

.headerscrolled {
    min-height: 100px;
    padding-top: 16px;
    transition: all 500ms;
}

.fixed-top {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 490;
}

.header.textpage_foodretail {
    background-color: #86AF19;
}

.header.textpage_funeralcare {
    background-color: #6871AF;
}

.header.textpage_howtoapply {
    background-color: #00b1b9;
}

.headimg {
    padding-top: 10px;
    padding-left: 12px;
}

.navbar-default .navbar-toggle {
    background-color: #F2E500;
    border: none;
    padding-top: 12px;
    padding-bottom: 12px;
}

ul.sitemenu {
    list-style-type: none;
    width: 800px;
    margin-right: auto;
    margin-left: auto;
}

    ul.sitemenu > li {
        float: left;
    }

        ul.sitemenu > li > a {
            display: inline-block;
            color: white;
            font-weight: 600;
            font-size: 16px;
            padding-left: 15px;
            padding-right: 15px;
            padding-top: 20px;
            padding-bottom: 10px;
        }

            ul.sitemenu > li > a:hover {
                color: #F2E500;
            }

.searchcol {
    padding-right: 16px;
    padding-top: 20px;
}

.burgercol {
    display: none;
    visibility: hidden;
}

a.quicksearchbtn {
    display: inline-block;
    background-image: url(../images/icons/search.png);
    background-repeat: no-repeat;
    background-color: transparent;
    padding-left: 34px;
    background-position: 14px 7px;
    color: #fff;
    font-size: 16px;
    border: none;
}

    a.quicksearchbtn:hover {
        color: #F2E500 !important;
        background-image: url(../images/icons/searchhover.png);
    }

#quicksearch_pageBlock {
    overflow: hidden;
}

.dropdown {
    position: relative;
    display: inline-block;
}

.dropdown-content {
    display: none;
    position: absolute;
    list-style-type: none;
    padding-left: 0;
    background-color: #f1f1f1;
    min-width: 200px;
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
    z-index: 1;
    margin-left: 17px;
}

    .dropdown-content a.droplink {
        color: #006880;
        padding: 12px 16px;
        text-decoration: none;
        font-size: 16px;
        display: block;
    }

    .dropdown-content a:hover {
        background-color: #ddd;
    }

.dropdown:hover .dropdown-content {
    display: block;
    transition: all 1s;
}

.mainactive {
    background-image: url(../../resources/images/custom/activeunderline.png);
    background-repeat: no-repeat;
    background-position: bottom center;
}


body {
    transition: background-color .5s;
}

.mobilemenu {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 1;
    top: 0;
    right: 0;
    background-color: #006880;
    overflow-x: hidden;
    transition: 0.5s;
    padding-top: 40px;
}

ul.mobmenu {
    margin-top: 30px;
    list-style-type: none;
    padding-left: 10px;
}

a.nolink {
    cursor: default;
}

ul.submobmenu {
    list-style-type: none;
    padding-left: 30px;
}

ul.mobmenu a {
    padding: 8px 8px 1px 32px;
    text-decoration: none;
    font-size: 25px;
    color: #fff;
    display: block;
    transition: 0.3s;
    font-weight: 700;
}

.mobilemenu a:hover {
    color: #F2E500;
}

.mobilemenu .closebtn {
    display: block;
    position: absolute;
    top: 0;
    right: 25px;
    font-size: 56px;
    color: white;
    font-weight: 700;
    transition: display .7s;
    padding-bottom: 20px;
}

/*--------------------------------------- 
        1.4 Logo 
-----------------------------------------*/
#logo {
    padding-top: 1em;
}

.logo-tag {
    margin-left: 10px;
    font-weight: bold;
    position: relative;
    bottom: 0;
    top: 10px;
}
/*---------------------------------------
        1.5 Flexslider
-----------------------------------------*/
.flexslider {
    border: 0;
}

.flex-direction-nav .flex-prev,
.flex-direction-nav .flex-next {
    background: #fff;
    padding: 7px;
}

#lifeatsoco5 .flex-direction-nav .flex-prev,
#lifeatsoco5 .flex-direction-nav .flex-next {
    background: transparent;
}

body .flexslider .flex-direction-nav .flex-prev,
body .flexslider:hover .flex-direction-nav .flex-prev {
    left: 0;
}

body .flexslider .flex-direction-nav .flex-next,
body .flexslider:hover .flex-direction-nav .flex-next {
    right: 0;
}

#lifeatsoco5 .flexslider .flex-direction-nav .flex-prev,
#lifeatsoco5 .flexslider:hover .flex-direction-nav .flex-prev {
    left: -80px;
}

#lifeatsoco5 .flexslider .flex-direction-nav .flex-next,
#lifeatsoco5 .flexslider:hover .flex-direction-nav .flex-next {
    right: -80px;
}

body .flexslider .flex-direction-nav .flex-next,
body .flexslider .flex-direction-nav .flex-prev {
    opacity: 0.6;
}

body .flexslider:hover .flex-direction-nav .flex-next,
body .flexslider:hover .flex-direction-nav .flex-prev {
    opacity: 1;
}
/*--------------------------------------- 
        1.6 Footer
-----------------------------------------*/
.footer {
    font-size: 18px;
    background: #006880;
    color: #FFFFFF;
    min-height: 451px;
    padding-top: 54px;
    padding-left: 47px;
    padding-right: 47px;
    position: relative;
    z-index: 11;
}

.footerimgcol {
    text-align: left;
    padding-top: 13px;
}

.footerlogo {
    width: 259px;
    display: inline-block;
    padding-top: 20px;
    padding-bottom: 58px;
}

.footertitle {
    color: #F2E500;
    font-size: 30px;
    font-weight: 500;
    padding-bottom: 11px;
}

.footer a.footerlink {
    display: block;
    font-family: proxima-nova, sans-serif;
    font-weight: 400;
    color: #fff;
    line-height: 26px;
}

    .footer a.footerlink:hover {
        text-decoration: none;
        color: #F2E500;
        line-height: 26px;
    }

.footer .fa {
    font-size: 23px;
    margin-right: 5px;
}

.copyrow {
    padding-top: 39px;
}

.copyrightleft {
    margin-top: 20px;
    text-align: left;
}

.copyrightright {
    margin-top: 20px;
    text-align: right;
}

.copytext {
    font-family: proxima-nova, sans-serif;
    font-weight: 400;
    color: #7fb3bf;
    font-size: 15px;
}

.footer a.footerlinklast {
    display: inline;
    font-family: proxima-nova, sans-serif;
    font-weight: 400;
    color: #7fb3bf;
    font-size: 15px;
}

    .footer a.footerlinklast:hover {
        text-decoration: underline;
    }

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

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

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

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

/*--------------------------------------- 
        1.8 Borders 
-----------------------------------------*/
body.Home #eaContainer div,
#Home_quicksearch_filter_locationradius,
#Home_quicksearch_filter_text {
    border-radius: 0;
}

#eaContainer .pageBlockInner_FormBlock div.formRowFileUploadRow .fileupload li,
#eaContainer .fileContainer,
#eaContainer .uploadedFilesContainer,
#eaContainer .questionsAnswerBlock .answersContainer .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 .PosMyAppSummaryValues,
#eaContainer .PosMyAppSummaryValues div,
#eaContainer .rowContainer,
body #eaContainer #MyDetailsStauts_pageBlockContainer .pageBlockContent.pageBlockContent_TextTagReplacementBlock,
#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 .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,
.pageBlockInner_FormBlock .formRow .postcodelookup,
.pageBlockInner_FormBlock .formRow .postcodeskip,
#eaContainer .buttonsRight buttonActionId_next,
#eaContainer .buttonsLeft a.buttonAnchor,
#eaContainer .buttonsRight a.buttonAnchor,
#eaContainer a {
    border: 0;
}

    #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,
    .pageBlockInner_FormBlock .formRow .postcodelookup,
    .pageBlockInner_FormBlock .formRow .postcodeskip,
    #eaContainer .buttonsLeft a.buttonAnchor,
    #eaContainer .buttonsRight a.buttonAnchor,
    .gridContainer .rowlink a,
    #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: 0;
    }

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

div.accordion-content {
    padding: 0 6px 22px;
    display: none;
}

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

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

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

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

.topmargin {
    margin-top: 130px;
}

.home3 {
    background-color: #00b0b9;
    display: table;
    overflow: hidden;
}

.home3right {
    width: 50%;
    display: table-cell;
    vertical-align: middle;
    padding-bottom: 10px;
}

.home3left {
    width: 50%;
    display: table-cell;
    vertical-align: middle;
}

.home3textbottom {
    color: #fff;
    text-align: left;
    margin-bottom: 4px;
}

.home3textmiddle {
    color: #fff;
    font-size: 36px;
    margin-bottom: 30px;
}

#home3text {
    width: 60%;
    margin: 0 auto;
}

#home3textimg div {
    width: 20%;
    float: left;
    padding: 0;
    margin: 0;
    text-align: center;
}

input.buttonSubmit {
    border-radius: 0 !important;
}

.homeslider {
    background-color: #006880;
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 84%, 0 100%);
    clip-path: polygon(0 0, 100% 0, 100% 84%, 0 100%);
    /**from 76%**/
    height: 763px;
}

li > a.flex-active {
    background-color: white;
}

ol.flex-control-nav.flex-control-paging {
    padding-left: 12%;
    margin-top: -7%;
}

.hslidebg {
    background-repeat: no-repeat;
    background-size: contain;
    min-height: 657px;
    margin-top: 27px;
}

.hslidebg01 {
    background-image: url(../images/custom/nslider01.png);
}

.hslidebg02 {
    background-image: url(../images/custom/nslider02.png);
}

.hslidebg03 {
    background-image: url(../images/custom/nslider03.png);
}

.hslidebg04 {
    background-image: url(../images/custom/nslider04.png);
}

.slidetitle {
    color: #ffffff;
    font-size: 5.6rem;
    padding-top: 150px;
    font-weight: 300;
    line-height: 5rem;
}

.yellowsl {
    color: #F2E500;
    font-weight: 700;
}

.yslbig {
    font-size: 8rem;
}

.slidesubtitle {
    color: white;
    font-weight: 700;
    font-size: 1.8rem;
    line-height: 2rem;
    padding-top: 40px;
    padding-bottom: 36px;
}

.slidetext.left {
    float: left;
    width: 51%;
    padding-left: 12%;
    z-index: 1;
}

.slidetext.right {
    float: right;
    width: 49%;
    z-index: 1;
}

.sliderimage {
    max-width: 400px;
    height: auto;
}

.homesliderbutton {
    color: #006880;
    background: #F2E500;
    padding: 10px 20px;
    border-radius: 10px;
    font-weight: bold;
    border: 2px solid #F2E500;
}

a.homesliderbutton:hover {
    background: #006880;
    color: #F2E500;
}

.component--expander {
    margin-top: -20px;
}

.billycont {
    padding-top: 10px;
    padding-bottom: 40px;
}

.billyleft {
    padding-top: 56px;
}

.billytitle {
    text-align: left;
    color: #00b1b9;
    font-size: 55px;
    line-height: 52px;
}

.homebgthree {
    background-image: url(../images/custom/billy.png);
    background-position: 124px 0px;
    background-size: contain;
    background-repeat: no-repeat;
    min-height: 400px;
    overflow: visible;
}

#billyquote {
    position: absolute;
    bottom: 6%;
    left: 1%;
    margin: 0 auto;
    background-color: #00b1b9;
    width: 190px;
    height: 190px;
    border-radius: 100%;
    text-align: center;
    display: table;
    overflow: hidden;
}

#billyquoteinner {
    display: table-cell;
    vertical-align: middle;
    padding: 20px;
}

.billyquotep {
    color: white;
    line-height: 18px;
    padding-top: 46px;
    background-image: url(../images/icons/whiteloc.png);
    background-repeat: no-repeat;
    background-position: top 12px center;
}

.htptitle {
    color: white;
    padding: 30px 4px 4px 10px;
    font-size: 50px;
}

.homenopad {
    padding-left: 0;
    padding-right: 0;
    background-repeat: no-repeat;
    background-size: contain;
}

.homefoodretail {
    background-image: url(../images/custom/RETAIL.jpg);
    background-color: transparent;
    background-size: 100% !important;
}

.homefuneralcare {
    background-image: url(../images/custom/FUNERACARE.jpg);
    background-color: transparent;
    background-size: 100% !important;
}

.homeheadoffice {
    background-image: url(../images/custom/HEADOFFICE.jpg);
    background-color: transparent;
    background-size: 100% !important;
}

.homepanelp {
    color: white;
    font-weight: 700;
    padding: 4px 4px 4px 10px;
    font-size: 1.3rem;
    margin-bottom: 0px;
    display: block;
    margin-top: 72%;
}

.hppfr {
    background-color: #86af19;
}

.hppfc {
    background-color: #6871af;
}

.hppho {
    background-color: #085d71;
}

.Pos_Find_Results_Map .home7 #posBrowser_Filter_pageBlockContainer {
    display: none;
}

.Pos_Find_Results_Map .home7 .posBrowserMapBlock .addressContainer_Hidden {
    display: inline;
}

.Pos_Find_Results_Map .home7 .FiltersContainer {
    display: table;
    width: 100%;
}

.Pos_Find_Results_Map .home7 .FilterRowsContainer {
    display: table-row;
}

.Pos_Find_Results_Map .home7 .FilterRow.NotExtra {
    display: table-cell;
    width: 25%;
    vertical-align: top;
}

.Pos_Find_Results_Map .home7 #posBrowser_Filter_pageBlock .HeaderContainer {
    overflow: auto;
    background: #006880;
    color: #fff;
    border-top: none;
    border-bottom: none;
}

.Pos_Find_Results_Map .home7 #posBrowser_Filter_pageBlock .FilterContainer .ValueList li {
    float: left;
    clear: both;
    overflow: hidden;
}

.Pos_Find_Results_Map .home7 #posBrowser_Filter_pageBlock .FiltersContainer {
    border: none;
    border-top: 0;
}

.Pos_Find_Results_Map .home7 .posBrowserMapBlock .gridTop {
    border: none;
}

.Pos_Find_Results_Map .home7 .gridTop {
    display: none;
}

.Pos_Find_Results_Map .home7 #MapBlock_pageBlock {
    padding: 0;
}

.Pos_Find_Results_Map .home7 #MapBlock_pageBlockContainer {
    margin: 0;
}

.Pos_Find_Results_Map .home7 .markerStatsContainer {
    display: none;
}

/*--------------------------------------- 
        1.10 Text Pages 
-----------------------------------------*/
.commonhero {
    height: 618px;
    margin-top: 80px;
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 84%, 0 100%);
    clip-path: polygon(0 0, 100% 0, 100% 84%, 0 100%);
    background-repeat: no-repeat;
    background-size: contain;
}

.herotextcol {
    padding-top: 170px;
}

.sandatext {
    padding-top: 36px;
    color: #ffffff;
    font-size: 5.6rem;
    font-weight: 300;
    line-height: 69px;
}

.eventHero {
    background-color: #00b1b9;
    height: 375px;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url(../images/headers/events-banner.jpg);
    background-position: center center;
    position: relative;
}

    .eventHero .slidesubtitle {
        padding-left: 100px;
    }

.searchandapplyhero {
    background-color: #00b1b9;
    height: 375px;
    background-repeat: no-repeat;
    background-size: auto;
    background-image: url(../images/headers/loginregisterbanner.png);
    background-position: bottom -4px right 0;
}

.funeralcarehero {
    background-color: #6871AF;
    background-image: url(../images/custom/funcare-working.png);
    background-position: top 70px right 10%; /**/
}

.abouthero {
    background-color: #006880;
    background-image: url(../images/headers/abouthero.png);
    background-position: top 70px right 10%; /**/
}

.foodretailhero {
    background-color: #86AF19;
    background-image: url(../images/custom/ronny.png);
    background-position: top 70px right 10%; /**/
}

.headofficehero {
    background-color: #006880;
    background-image: url(../images/custom/headoffice-working.png);
    background-position: top 70px right 10%; /**/
}

.howtoapplyhero {
    background-color: #fff;
    background-image: url(../images/custom/howtoapply.png);
    background-position: top 69% right 1%;
    height: 572px;
    background-size: 54%;
}

h1.htacolor, p.htacolor {
    color: #00b0b9;
}

.howtofirst100 {
    width: 100%;
    background-color: #00b0b9;
    margin-top: -108px;
    padding-top: 20px;
    webkit-clip-path: polygon(0 24%, 100% 0, 100% 100%, 0 100%);
    clip-path: polygon(0 24%, 100% 0, 100% 100%, 0 100%);
}

.firstrow {
    padding-top: 100px;
    padding-bottom: 100px;
}

.herotitle {
    color: white;
    font-size: 4.5rem;
    line-height: 69px;
    font-weight: 400;
}

.herosub {
    color: white;
    font-size: 1.6rem;
    margin-top: 24px;
}

span.yellooow {
    color: #F2E500;
    font-weight: 700;
}

.vidbg {
    background-color: #e2e2e2;
    padding-top: 40px;
    padding-bottom: 40px;
    margin-bottom: 40px;
}

.inpagetitle {
    font-size: 2.2rem;
    text-align: center;
    color: #86AF19;
    padding-bottom: 30px;
}

.textrow {
    min-height: 750px;
}

.textrowtaller {
    min-height: 750px;
}

.intexttitle {
    font-size: 2.2rem;
    padding-bottom: 10px;
}

.ittextra {
    padding-top: 40px;
}

.intext {
    line-height: 1.6;
}

.colorlilac {
    color: #6871AF;
}

.colorgreen {
    color: #86AF19;
}

.colordarkblue {
    color: #006880;
}

.aboutfirst {
    padding-top: 50px;
    padding-bottom: 50px;
}

.abone {
    margin-bottom: 10px;
}

.howtofirst {
    padding-top: 50px;
    padding-bottom: 50px;
}

.howtonew {
    padding-bottom: 30px;
    padding-top: 30px;
    background-color: #00a7ae;
}

.col5 {
    flex: 0 0 20%;
    max-width: 20%;
}

.of5 {
    background-color: #029b9b;
    width: 208px;
    height: 238px;
    border-radius: 30px;
    display: inline-block;
    text-align: center;
    padding-top: 30px;
}

    .of5:hover,
    .of5:active {
        background-color: #006880;
    }

.col5.activebg > .of5 {
    background-color: #006880;
}

.beforelink {
    text-align: center;
    cursor: pointer;
}

.howapplytext {
    color: white;
    font-size: 23px;
    line-height: 23px;
    display: inline-block;
    padding-top: 6px;
}

.beforetitle {
    font-size: 26px;
    padding-top: 40px;
    padding-bottom: 10px;
}

.beforetext {
    color: white;
    display: inline-block;
    width: 660px;
}

#beforeone,
#beforetwo,
#beforethree,
#beforefour,
#beforefive {
    display: none;
    visibility: hidden;
}

.activebefore {
    /*important to override the above*/
    display: inline-block !important;
    visibility: visible !important;
}

.mobbeforetext {
    display: none;
}

.xbutton {
    border: 2px solid #006880;
}

.howtosliderbg {
    background-color: #F1F1F1;
    padding-top: 38px;
}

#howtoapply3 {
    width: 70%;
    margin: 0 auto;
}

    #howtoapply3 .slide.left {
        width: 50%;
        float: left;
        padding-top: 80px;
    }

    #howtoapply3 .slide.right {
        width: 45%;
        float: right;
        margin-left: auto;
        margin-right: auto;
        padding-top: 50px;
    }

    #howtoapply3 ul.flex-direction-nav {
        display: none;
    }

    #howtoapply3 ol {
        position: absolute;
        top: 0;
        width: 50%;
        text-align: center;
        z-index: 2;
    }

        #howtoapply3 ol a.flex-active {
            background: url(../images/icons/timelinemarkerselected.png) no-repeat right;
            background-size: cover;
            background-color: transparent;
            height: 51px;
            width: 42px;
        }

        #howtoapply3 ol a {
            background: url(../images/icons/timelinemarker.png) no-repeat right;
            background-size: cover;
            background-color: transparent;
            height: 51px;
            width: 42px;
        }

    #howtoapply3 hr {
        background-color: transparent;
        border: 0;
        height: 4px;
        margin-bottom: 0;
        margin-top: 20px;
        position: relative;
        top: 20px;
        width: 50%;
        margin-left: 0;
    }

.trainingdev {
    width: 100%;
    background-color: #f1f1f1;
    padding-top: 28px;
    padding-bottom: 28px;
}

.lifeatbackground {
    width: 100%;
    margin-top: 40px;
    margin-bottom: 40px;
}

/**KMA horizontal timeline stuff**/
.fhtimelinerow {
    background: url(../images/custom/newtimelinearrow.png) top 55px left no-repeat, url(../images/custom/newtimeline-horizontal.png) top 67px center repeat-x;
}

.htimelinerow {
    background-image: url(../images/custom/newtimeline-horizontal.png);
    background-repeat: repeat-x;
    background-position: top 67px center;
}

.lhtimelinerow {
    background: url(../images/custom/newtimelinearrow.png) top 55px right -3px no-repeat, url(../images/custom/newtimeline-horizontal.png) top 67px center repeat-x;
}

.twentypercent {
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
    text-align: center;
    margin-bottom: 10px;
    padding-top: 2px;
}

/*.twentypercent:hover{
    background-color: #cccccc;
    box-shadow: 3px 3px #8cc540;
}*/

.tenpercentleft {
    -ms-flex: 0 0 10%;
    flex: 0 0 10%;
    max-width: 10%;
}

.tprtop {
    background-image: url(../images/custom/topnewtimeline.png);
    background-repeat: no-repeat;
    background-position: top 68px right 0px;
}

.tplmiddle {
    background-image: url(../images/custom/topnewtimeline.png);
    background-repeat: no-repeat;
    background-position: top 68px left 0px;
}

.tprmiddle {
    background-image: url(../images/custom/bottomnewtimeline.png);
    background-repeat: no-repeat;
    background-position: top 0px right 0px;
}

.tplbottom {
    background-image: url(../images/custom/bottomnewtimeline.png);
    background-repeat: no-repeat;
    background-position: top 0px left 0px;
}

.tenpercentright {
    -ms-flex: 0 0 10%;
    flex: 0 0 10%;
    max-width: 10%;
}

.timelineimgh {
    max-width: 142px;
    height: auto;
}

p.timelinehoriz {
    text-align: center;
    max-width: 152px;
    display: inline-block;
    line-height: 17px;
}

span.yeartxth {
    color: #00b0b9;
    font-size: 2rem;
    line-height: 1rem;
    transition: all 0.25s;
    display: inline-block;
    padding-top: 20px;
}
/**KMA horizontal timeline stuff**/

.tlcontainermob {
    display: none;
}



.tlfirstrow {
    margin-bottom: -2px;
}

.imgtl {
    padding-right: 0 !important;
    padding-left: 0 !important;
}

.lefttl { /*this was for the vertical timeline*/
    padding-right: 0 !important;
    padding-left: 0 !important;
    text-align: right;
}

.righttl {
    padding-left: 0 !important;
    padding-right: 0 !important;
    text-align: left;
    margin-top: 80px;
}

.centertl {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.timelinetitle {
    padding-bottom: 40px;
    background-color: white;
}

span.yeartxt {
    color: #00b0b9;
    font-size: 2.4rem;
    line-height: 1rem;
    transition: all 0.25s;
    display: inline-block;
    padding-top: 20px;
}

/***END NEW TIMELINE***/

.bendev {
    background-color: #00b1b9;
    width: 100%;
    padding-bottom: 30px;
}

.inpagedevtitle {
    font-size: 2.2rem;
    text-align: center;
    color: white;
    padding-bottom: 10px;
    padding-top: 20px;
}

.bendevpanels {
    padding-top: 24px;
}

    .bendevpanels ol.flex-control-nav.flex-control-paging {
        margin-top: 60px;
        width: 162px;
        margin-left: auto;
        margin-right: auto;
        text-align: center;
        padding: 0;
    }

.bendevpanel {
    background-color: #009ca9;
    width: 208px;
    height: 216px;
    border-radius: 30px;
    display: inline-block;
    text-align: center;
    padding-top: 30px;
    margin-bottom: 4px;
}

.bendevlinktext {
    color: white;
    font-size: 23px;
    line-height: 23px;
    display: inline-block;
    padding-top: 24px;
}

.bendevtitle {
    font-size: 26px;
    padding-top: 40px;
    padding-bottom: 10px;
}

.bendevtext {
    color: white;
}

.bendevpanel:hover,
.bendevpanel:active {
    background-color: #006880;
}


li.activebgb > .bendevpanel {
    background-color: #006880;
}

a.bendevpanellink {
    text-align: center;
}

#bendevpone,
#bendevptwo,
#bendevpthree,
#bendevpfour,
#bendevpfive,
#bendevpsix,
#bendevpseven,
#bendevpeight,
#bendevpnine,
#bendevpten,
#bendevpeleven,
#bendevptwelve {
    display: none;
    visibility: hidden;
}

.activebendev {
    /*important to override the above*/
    display: inline-block !important;
    visibility: visible !important;
}

.mobliright {
    display: none;
    visibility: hidden;
}

.prefooterpeople {
    background-image: url(../images/custom/home8.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top center;
    min-height: 700px;
}

#joinourteam {
    position: absolute;
    bottom: 24%;
    right: 17%;
    margin: 0 auto;
    background-color: #00b1b9;
    width: 300px;
    height: 300px;
    border-radius: 100%;
    text-align: center;
    display: table;
    overflow: hidden;
}

#joinourteaminner {
    display: table-cell;
    vertical-align: middle;
}

.joinourtitle {
    margin-bottom: 0;
}

a.joinourbtn {
    color: #006880;
    background: #F2E500;
    padding: 5px;
    border-radius: 10px;
    font-weight: bold;
    border: 2px solid #F2E500;
}

    a.joinourbtn:hover {
        background: #006880;
        color: #F2E500;
    }

a.txtapplybtn {
    background: transparent;
    padding: 10px 20px;
    border-radius: 10px;
    font-weight: bold;
    margin-top: 20px;
    display: inline-block;
}

a.foodretailbtn {
    color: #86AF19;
    border: 2px solid #86AF19;
}

a.funeralcarebtn {
    color: #6871AF;
    border: 2px solid #6871AF;
}

a.headofficebtn, a.homepagebtn {
    color: #006880;
    border: 2px solid #006880;
}

.canvas {
    overflow: hidden;
    position: relative;
}

.falling-object {
    opacity: 1;
    z-index: 99999;
    top: -50px;
    left: 0;
    position: absolute;
    background-repeat: no-repeat;
    background-position: center center;
}

.pb1 {
    width: 81px;
    height: 91px;
    background-image: url(../images/icons/falling01.png);
}

.pb2 {
    width: 69px;
    height: 71px;
    background-image: url(../images/icons/falling02.png);
}

.pb3 {
    width: 63px;
    height: 77px;
    background-image: url(../images/icons/falling03.png);
}

.pb4 {
    width: 65px;
    height: 69px;
    background-image: url(../images/icons/falling04.png);
}

.pb5 {
    width: 63px;
    height: 77px;
    background-image: url(../images/icons/falling05.png);
}

.homecolor {
    background-color: #00b0b9;
}

.hogreen {
    background-color: #00b1b9;
    height: 540px;
    width: 100%;
}

.hovideocol {
    padding-top: 97px;
}

.hotextcol {
    padding-top: 97px;
}

.heartitle {
    color: white;
    font-size: 3rem;
    line-height: 3.2rem;
}

.heartext {
    color: white;
}

.lsvideocol {
}

.lstextcol {
    padding-top: 97px;
    margin-bottom: 40px;
}

.laketitle {
    font-size: 3rem;
}

.nogreen {
    color: #006880;
}

.frgreen {
    background-color: #86AF19;
}

.fclilac {
    background-color: #6871AF;
}

.starbucks {
    padding-top: 30px;
}

.narrowright {
    -webkit-clip-path: polygon(0 0, 100% 16%, 100% 84%, 0 100%);
    clip-path: polygon(0 0, 100% 16%, 100% 84%, 0 100%);
}

.narrowrightlast {
    -webkit-clip-path: polygon(0 0, 100% 16%, 100% 100%, 0 100%);
    clip-path: polygon(0 0, 100% 16%, 100% 100%, 0 100%);
}

.narrowleft {
    -webkit-clip-path: polygon(0 16%, 100% 0, 100% 100%, 0 84%);
    clip-path: polygon(0 16%, 100% 0, 100% 100%, 0 84%);
}

.narrowleftlast {
    -webkit-clip-path: polygon(0 16%, 100% 0, 100% 100%, 0 100%);
    clip-path: polygon(0 16%, 100% 0, 100% 100%, 0 100%);
}

.homemarginone {
    margin-top: -122px;
}

.homemargintwo {
    margin-top: -121px;
}

.frmargintwo {
    margin-top: -121px;
}

.frmarginthree {
    margin-top: -121px;
}

.frmarginfour {
    margin-top: -121px;
}

.frmarginfive {
    margin-top: -121px;
}

.rolesContainer .container-fluid:not(:first-child) {
    margin-top: -121px;
}

.fcmarginone {
}

.fcmargintwo {
    margin-top: -122px;
}

.fcmarginthree {
    margin-top: -122px;
}

.fcmarginfour {
    margin-top: -122px;
}

.fcmarginfive {
    margin-top: -122px;
}

.fcmarginsix {
    margin-top: -122px;
}

.bgpanel {
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 750px;
}

.frone {
    background-image: url(../images/custom/foodretail1a.png);
}

.frtwo {
    background-image: url(../images/custom/foodretail2mob.png);
}

.frthree {
    background-image: url(../images/custom/foodretail3a.png);
}

.frfour {
    background-image: url(../images/custom/foodretail4mob.png);
    background-position: -10px;
}

.frfive {
    background-image: url(../images/custom/foodretail8mob.png);
}

.fcone {
    background-image: url(../images/custom/funeralcare4.png);
    background-position: -88px;
}

.fctwo {
    background-image: url(../images/newAssistan_mage.jpg);
    background-position: -208px;
}

.fcthree {
    background-image: url(../images/custom/funeralcare6a.png);
    background-position: -66px;
}

.fcfour {
    background-image: url(../images/custom/funeralcare7a.png);
}

.fcfive {
    background-image: url(../images/custom/floristpic.png);
    background-position: -232px;
}

.fcsix {
    background-image: url(../images/custom/funeralcare9a.png);
    background-position: -170px;
}

.fcseven {
    background-image: url(../images/custom/ASCM.jpg);
}

.homeone {
    background-image: url(../images/custom/home1a.png);
    background-position: -440px;
}

.hometwo {
    background-image: url(../images/custom/home3a1.png);
    background-position: 44% -9px;
}

.homethree {
    background-image: url(../images/custom/home4b.png);
}

.brandscont {
    margin-top: 60px;
    margin-bottom: 100px;
}

.col-km-5 {
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
    padding-left: 15px;
    padding-right: 15px;
}

.closerthan {
    background-color: #ffffff;
    color: #006880;
    padding-top: 34px;
    padding-bottom: 34px;
}

.closertitle {
    padding-top: 60px;
    font-size: 64px;
    font-weight: 400;
    line-height: 51px;
}

.closertext {
    color: #00B0B9;
    font-size: 25px;
}

.bigmapcontainer {
    background-image: url(../images/custom/socohomemap.png);
    background-size: cover;
    background-position: 50%;
    width: 100%;
    height: 634px;
}

.bigmaplink {
    width: 100%;
    height: 634px;
    display: inline-block;
}

.searchbox {
    margin-top: 70px;
    padding: 20px;
    background-color: rgba(0,176,185,0.7);
    -webkit-box-shadow: 4px 4px 7px 0px rgba(154,155,156,1);
    -moz-box-shadow: 4px 4px 7px 0px rgba(154,155,156,1);
    box-shadow: 4px 4px 7px 0px rgba(154,155,156,1);
}

.freesearch {
    border: 1px solid #006880;
    width: 250px;
    margin-bottom: 10px;
}

.freesearchbtn {
    background-color: #006880;
    color: white;
    border: none;
    height: 32px;
}

    .freesearchbtn:hover {
        background-color: #F2E500;
        color: #006880;
    }

.hometodo {
    padding-top: 40px;
    padding-bottom: 40px;
    background-color: #f1f1f1;
}

.pointeralign {
    text-align: right;
}
/*--------------------------------------- 
        1.11 Job Description 
-----------------------------------------*/
.pos_description #posdesc_pageBlockContainer .upperJobBox {
    border-radius: 0;
}

.pos_description #posdesc_pageBlockContainer .centralJobBox {
    padding: 10px;
}

.pos_description #posdesc_pageBlockContainer .lowerJobBox {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

    .pos_description #posdesc_pageBlockContainer .lowerJobBox .posrating,
    .pos_description #posdesc_pageBlockContainer .lowerJobBox .posAlerts,
    .pos_description #posdesc_pageBlockContainer .lowerJobBox .possharing {
        width: 33%;
        float: left;
        border: none;
        color: #fff;
    }

        .pos_description #posdesc_pageBlockContainer .lowerJobBox .posrating #StarRatingBlock_pageBlockContainer #StarRatingBlock_pageBlock {
            width: 135px;
            margin: 0 auto;
        }

        .pos_description #posdesc_pageBlockContainer .lowerJobBox .posAlerts .posAlerts_info {
            text-align: center;
        }

        .pos_description #posdesc_pageBlockContainer .lowerJobBox .possharing #PosDescSharingItems {
            width: 190px;
            margin: 0 auto;
        }

.pos_description #Pos_Description_pageView #posdesc_pageBlockContainer .lowerJobBox .posAlerts .buttonsContainer .buttonsRight a {
    background: transparent;
    border: 3px solid #fff;
    border-radius: 5px;
    color: #fff;
    font-weight: bold;
    font-size: 15px;
    transition: all .2s ease;
}

    .pos_description #Pos_Description_pageView #posdesc_pageBlockContainer .lowerJobBox .posAlerts .buttonsContainer .buttonsRight a:hover {
        background: #3A8193;
    }

.banner_codelist2value_2 #Pos_Description_pageView #posdesc_pageBlockContainer .lowerJobBox .posAlerts .buttonsContainer .buttonsRight a:hover,
.banner_codelist2value_164 #Pos_Description_pageView #posdesc_pageBlockContainer .lowerJobBox .posAlerts .buttonsContainer .buttonsRight a:hover,
.banner_codelist2value_2 #posdesc_pageBlockContainer .upperJobBox .VacancyMap #JobDescriptionMap_vacancyMap_pageBlockContainer #JobDescriptionMap_vacancyMap_pageBlock .miniMapButton:hover,
.banner_codelist2value_164 #posdesc_pageBlockContainer .upperJobBox .VacancyMap #JobDescriptionMap_vacancyMap_pageBlockContainer #JobDescriptionMap_vacancyMap_pageBlock .miniMapButton:hover {
    background: #9EAAE5;
}

.banner_codelist2value_4 #Pos_Description_pageView #posdesc_pageBlockContainer .lowerJobBox .posAlerts .buttonsContainer .buttonsRight a:hover,
.banner_codelist2value_165 #Pos_Description_pageView #posdesc_pageBlockContainer .lowerJobBox .posAlerts .buttonsContainer .buttonsRight a:hover,
.banner_codelist2value_4 #posdesc_pageBlockContainer .upperJobBox .VacancyMap #JobDescriptionMap_vacancyMap_pageBlockContainer #JobDescriptionMap_vacancyMap_pageBlock .miniMapButton:hover,
.banner_codelist2value_165 #posdesc_pageBlockContainer .upperJobBox .VacancyMap #JobDescriptionMap_vacancyMap_pageBlockContainer #JobDescriptionMap_vacancyMap_pageBlock .miniMapButton:hover {
    background: #1AC3FA;
}

.banner_codelist2value_9 #Pos_Description_pageView #posdesc_pageBlockContainer .lowerJobBox .posAlerts .buttonsContainer .buttonsRight a:hover,
.banner_codelist2value_166 #Pos_Description_pageView #posdesc_pageBlockContainer .lowerJobBox .posAlerts .buttonsContainer .buttonsRight a:hover,
.banner_codelist2value_9 #posdesc_pageBlockContainer .upperJobBox .VacancyMap #JobDescriptionMap_vacancyMap_pageBlockContainer #JobDescriptionMap_vacancyMap_pageBlock .miniMapButton:hover,
.banner_codelist2value_166 #posdesc_pageBlockContainer .upperJobBox .VacancyMap #JobDescriptionMap_vacancyMap_pageBlockContainer #JobDescriptionMap_vacancyMap_pageBlock .miniMapButton:hover {
    background: #FFA236;
}

.banner_codelist2value_8 #Pos_Description_pageView #posdesc_pageBlockContainer .lowerJobBox .posAlerts .buttonsContainer .buttonsRight a:hover,
.banner_codelist2value_200 #Pos_Description_pageView #posdesc_pageBlockContainer .lowerJobBox .posAlerts .buttonsContainer .buttonsRight a:hover,
.banner_codelist2value_8 #posdesc_pageBlockContainer .upperJobBox .VacancyMap #JobDescriptionMap_vacancyMap_pageBlockContainer #JobDescriptionMap_vacancyMap_pageBlock .miniMapButton:hover,
.banner_codelist2value_200 #posdesc_pageBlockContainer .upperJobBox .VacancyMap #JobDescriptionMap_vacancyMap_pageBlockContainer #JobDescriptionMap_vacancyMap_pageBlock .miniMapButton:hover {
    background: #BBD950;
}

/* -------------------------------------- 
========================================= 
        2. GLOBAL 
========================================= 
-----------------------------------------*/

/*--------------------------------------- 
        2.1 Colours 
-----------------------------------------*/
#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,
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,
.pageBlockInner_FormBlock .formRow .postcodelookup,
.pageBlockInner_FormBlock .formRow .postcodeskip,
#eaContainer .buttonsLeft a.buttonAnchor,
#eaContainer .buttonsRight a.buttonAnchor,
#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 .flex-active,
#FindJobHeroBlock,
#login-register-block .buttonAnchor:hover,
#eaContainer .TilesGridSortingPopup,
#eaContainer #posSummaryBlock_pageBlock .appCompleteChartBar {
    background: #006880;
}

#eaContainer #posBrowser_Filter_pageBlock .FiltersContainer .ButtonsRow,
#eaContainer #posBrowser_Filter_pageBlock .HeaderContainer {
    background-color: #006880;
    color: #ffffff;
    border: none;
    min-height: 58px;
    padding-top: 12px;
    padding-right: 10px;
}

#eaContainer #posBrowser_Filter_pageBlock .ButtonsContainer a {
    color: #fff;
}

#eaContainer #posBrowser_Filter_pageBlock .FilterContainer a:hover {
    color: #F2E500;
}

#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: #006880;
}

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

#eaContainer #MyDetails_Username_pageView #Summary_emailList_formRow .emailPrimaryAlreadyContainer,
.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,
html body .tooltip2_Outer {
    background-color: #006880;
}

html body .tooltip2_Outer {
    display: none;
}

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

#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 .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,
#JobsNearMe:hover {
    color: #006880;
}

#ProfileIcon:hover a,
.menu-control:hover,
#breadcrumb a:hover,
body .pageBlockInner_GridBlock div.pagingControls input.pagenumber:hover,
body .pageBlockInner_GridBlock div.pagingControls input.pagenumber_current:hover,
#eaContainer .pageBlockInner_GridBlock .gridTop a:hover,
#eaContainer #latest-jobs a:hover h3,
#eaContainer #MyDetails_ConnectedServices_pageView a.connect:hover {
    color: #3699b0;
}

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,
.pageBlockInner_FormBlock .formRow .postcodelookup:hover,
.pageBlockInner_FormBlock .formRow .postcodeskip: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,
#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: #F2E500;
    border-color: #F2E500;
    color: #006880;
}

#quicksearch_pageBlockContainer input.buttonSubmit:hover,
input.quicksearchbtn {
    background-image: url(../images/icons/search.png);
    background-repeat: no-repeat;
    background-color: transparent;
    padding: 0 10px;
    background-position: 0 58%;
    color: #fff;
    float: left;
    border: none;
    margin-left: 15px;
}

input#filter_text, input#filter_text:focus, input#filter_text:active {
    background: transparent;
    border: none;
    outline: none;
}

#filter_text::-webkit-input-placeholder {
    color: #fff;
}

#filter_text::-moz-placeholder {
    color: #fff;
}

#filter_text:-ms-input-placeholder {
    color: #fff;
}

#filter_text:-moz-placeholder {
    color: #fff;
}

.container3 form {
    position: absolute;
    top: 19px;
    right: 0;
}

.pageBlockContainer {
    margin: 0 !important;
}

.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,
html body .pageBlockInner_GridBlock table.gridTable tr.oddRow:hover a,
html body .pageBlockInner_GridBlock table.gridTable tr.evenRow:hover a,
#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 *,
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,
.pageBlockInner_FormBlock .formRow .postcodelookup,
.pageBlockInner_FormBlock .formRow .postcodeskip,
#eaContainer .buttonsLeft a.buttonAnchor,
#eaContainer .buttonsRight a.buttonAnchor,
.menu-control,
#eaContainer .pageBlockInner_GridBlock .gridTop a,
#eaContainer .availableListsContainer a,
#eaContainer .footer,
#quicksearch_pageBlockContainer div.pageBlockTitle h1,
#eaContainer .pageBlockInner_FormBlock div.formRowFileUploadRow .bottomControlContainer .filename,
/*#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 #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_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 #Pos_Description_pageView #posdesc_pageBlock a.right:hover {
        color: #006880;
    }

#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;
}

#quicksearch_filter_text_formRow {
    border: none;
    background: transparent;
    color: #fff;
    padding: 0;
    float: right;
    width: 100%;
    position: relative;
    top: 26px;
    font-size: 14px;
    left: 36px;
    margin: 0;
}

#quicksearch_filter_locationradius_formRow {
    display: none;
}

#quicksearch_SaveButtonRow_formRow {
    width: auto;
}

#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 .scroller_movenext {
    background-image: url("../images/sprites/white-arrow-right.png");
}

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

#eaContainer #Grid_PERSONALDETAILS_pageBlock,
#eaContainer #MyDetails_ConnectedServices_pageView #ConnectedServicesForm_pageBlock .serviceContainer2,
#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: #313131;
}

body #modalcodelistlookup_pageBlock .labelContainer {
    text-align: left;
    width: 15%;
}

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

#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 
-----------------------------------------*/
.eArcuInfoHeader {
    display: none;
}

#content-main {
    min-height: 480px;
    margin-top: 100px;
}

#content {
    min-height: 430px;
}

.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;
    min-height: 58px;
    padding-top: 11px;
    border: none;
    border-radius: 0;
    background: #006880;
    color: white;
}

#eaContainer .posBrowserMapBlock .gridTop {
    font-weight: bold;
    min-height: 58px;
    padding-top: 11px;
}

#eaContainer .pageBlockInner_GridBlock .gridTop a,
#eaContainer .availableListsContainer a,
.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;
    }

#posBrowser_Filter_pageBlock .FilterContainer .ValueList li.ValueItem_selected a,
#posBrowser_Filter_pageBlock .FilterContainer .ValueList li:hover a {
    color: #006880;
}

#posBrowser_Filter_pageBlock .FilterContainer .ValueList li,
#posBrowser_Filter_pageBlock .FiltersContainer .AvailableList li {
    margin: 6px 0 0 5px;
    float: 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;
    padding-left: 0;
    padding-right: 0;
}

#eaContainer div#questions_pageBlock {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    border: 1px solid #006880;
    padding: 10px;
}

#eaContainer div#Application_Login_pageView {
    padding: 0;
}

#breadcrumb {
    margin-top: 2em;
    text-align: left;
    color: #9a9b9c;
}

.ApplyNowContainer.ApplyViaFormContainer.statty {
    padding-top: 10px;
}

#EarcuIntroTextBlockTitle,
#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: 6em;
}

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

#eaContainer {
    margin: 2em 0;
    min-height: 400px;
}

    /*---------------------------------------
        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,
    .pageBlockInner_FormBlock .formRow .postcodelookup,
    .pageBlockInner_FormBlock .formRow .postcodeskip,
    #eaContainer .buttonsLeft a.buttonAnchor,
    #eaContainer .buttonsRight a.buttonAnchor,
    .gridContainer .rowlink a {
        padding: 7px 15px;
        text-align: center;
        font-size: inherit;
        font-family: inherit;
        font-weight: normal;
    }

    #eaContainer .addressButton {
        padding: 0;
    }

    #eaContainer .buttonsLeft button.buttonAnchor,
    #eaContainer .buttonsRight button.buttonAnchor,
    #eaContainer .buttonsLeft input.buttonSubmit,
    #eaContainer .buttonsRight input.buttonSubmit,
    .pageBlockInner_FormBlock .formRow .postcodelookup,
    .pageBlockInner_FormBlock .formRow .postcodeskip {
        padding: 7px 15px;
    }

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

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

#eaContainer .videoContainer {
    text-align: center;
    width: 100%;
}

    #eaContainer .videoContainer a.videoLink {
        padding: 7px 15px;
        text-align: center;
        font-size: inherit;
        font-family: inherit;
        font-weight: normal;
        color: #fff;
        background: #006880;
        display: inline-block;
    }

        #eaContainer .videoContainer a.videoLink:hover {
            background: #F2E500;
            color: #006880;
        }

/*--------------------------------------- 
        2.4 Errors 
-----------------------------------------*/
#eaContainer .actionMessageContainer {
    padding: 1em 0;
    margin-bottom: 1em;
    background-color: #006880;
}

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

    body.Home #eaContainer .actionMessageContainer div.actionMessageOk {
        float: left;
    }

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

.pageBlockInner_FormBlock div.controlError {
    color: red;
    margin-top: 0px;
    display: block;
    width: auto;
    text-align: left;
    clear: left;
    padding-left: 0;
}

/*---------------------------------------
        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;
    background: #006880;
}

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

/*---------------------------------------
        2.8 Modals
-----------------------------------------*/
body .ui-dialog .gridRemove .pageBlockContent {
    background: none;
}

.modalContent .formRow.formRowButtonRow {
    margin-top: 1em;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
}

.MyJobFeed .modalContent .formRow.formRowButtonRow {
    margin-top: 0;
    width: 13.5%;
    text-align: left;
}

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

.modalContent .gridFooter {
    overflow: hidden;
}

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

.modalContent .pageBlockInner_GridBlock div.gridContentWithHeader, .modalContent .pageBlockInner_GridBlock table.gridTable {
    border: none;
    background-image: none;
    width: 100% !important;
}

tbody#lookupResults_tbody td.cell_lookupResults__defaultaction {
    background-image: url(../images/sprites/cross.png);
    background-repeat: no-repeat;
    background-position: center center;
}

.pageBlockInner_GridBlock table.gridTable td {
    border: none;
}

tbody#lookupResults_tbody .cell_lookupResults__defaultaction a img {
    display: none;
}

th#col_lookupResults_name div.headerLabel {
    display: none;
    visibility: hidden;
}

.pageBlockInner_GridBlock table.gridTable th {
    border-left: 0;
    border-bottom: 0;
}

/* -------------------------------------- 
========================================= 
        3. PRE APPLICATION 
========================================= 
-----------------------------------------*/

/*--------------------------------------- 
        3.1 Home
-----------------------------------------*/
.Home #intro_pageBlock {
    display: none;
}

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

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

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

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

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

.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: 0;
}

.bottom-parallax {
    margin: 0;
}

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

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

.Home #eaContainer .container,
.Home .template-home .container {
    width: 100%;
    padding: 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%;
    background: #F1F1F1;
    border-top-right-radius: 15px;
    padding: 2em;
}

    #eaContainer .col-right p {
        margin: 0;
    }

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

#slider-latest-jobs .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 {
    font-family: 'opensansbold', Helvetica Neue, Sans-serif;
    color: #000;
    font-size: 17px;
    font-weight: normal;
    margin: 10px 0 0;
}

#slider-latest-jobs ol li a {
    background: #ffffff;
    -webkit-box-shadow: 0;
    -moz-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;
}

/*--------------------------------------- 
        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 {
    background: #006880;
    padding-bottom: 25px;
    position: absolute;
    z-index: 1000;
    border-radius: 10px;
}

    #FindJobHeroBlock h1 {
        color: #fff;
        margin-bottom: 15px;
        margin-top: 0;
        font-family: "opensansbold", Arial, serif;
        text-transform: none;
    }

    #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;
    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 #JobsNearMe:hover .buttonAnchor {
    background: none;
}

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

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

/*---------------------------------------
        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
-----------------------------------------*/
.category-container {
    min-height: 100%;
    min-width: 100%;
    position: relative;
    vertical-align: middle;
    margin: 0 auto;
    text-align: center;
    background: #000000;
    cursor: pointer;
}

    .category-container img {
        opacity: 0.8;
    }

    .category-container:hover {
        background: #FFFFFF;
    }

.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);
        margin-top: 0;
    }

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;
    -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 p {
    margin: 0 auto;
    width: 85%;
    max-height: 80px;
    margin-bottom: 20px;
    overflow: hidden;
}

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

.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;
}

.cat-inner {
    display: none;
}

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

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

.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: rgb(0, 0, 0);
    background-color: rgba(0, 0, 0, 0.8);
}

#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;
    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: rgb(0, 104, 128);
            background: rgba(0, 104, 128, 0.7);
            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: 85px;
        background: rgb(0, 104, 128);
        background: rgba(0, 104, 128, 0.7);
        height: 60%;
    }

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

.buttonsCenter {
    position: relative;
}

    .buttonsCenter a {
        margin: 0 auto;
    }

#eaContainer #Home_pageView #CodeListCounts_pageBlock .listContainer_Option2 .listItemContainer {
    margin: 1px;
    width: 32.9%;
}

    #eaContainer #Home_pageView #CodeListCounts_pageBlock .listContainer_Option2 .listItemContainer:nth-child(4) {
        margin: 1px;
        width: 49.4999%;
    }

    #eaContainer #Home_pageView #CodeListCounts_pageBlock .listContainer_Option2 .listItemContainer:nth-child(5) {
        margin: 1px;
        width: 49.4999%;
    }

#Home_pageView #CodeListCounts_pageBlock .listContainer_Option2 .listItemContainer:nth-child(2) .listItemContainerBorder .codeListBlockLower {
    background: rgba(141, 198, 63, 0.7);
}

#Home_pageView #CodeListCounts_pageBlock .listContainer_Option2 .listItemContainer:nth-child(3) .listItemContainerBorder .codeListBlockLower {
    background: rgba(132, 144, 200, 0.7);
}

#Home_pageView #CodeListCounts_pageBlock .listContainer_Option2 .listItemContainer:nth-child(4) .listItemContainerBorder .codeListBlockLower {
    background: rgba(0, 102, 125, 0.7);
}

#Home_pageView #CodeListCounts_pageBlock .listContainer_Option2 .listItemContainer:nth-child(5) .listItemContainerBorder .codeListBlockLower {
    background: rgba(141, 198, 63, 0.7);
}

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

#posBrowser_Filter_pageBlockContainer {
    width: 24.5%;
    display: inline-block;
    float: none;
    vertical-align: top;
}

#MapBlock_pageBlockContainer,
#posBrowser_ResultsGrid_pageBlockContainer {
    width: 74.5%;
    display: inline-block;
    float: none;
    vertical-align: top;
}

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

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

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

#eaContainer .TilesGridSortingPopup {
    margin-left: 0;
}

#eaContainer .posBrowserMapBlock .addressContainer {
    padding-top: 10px;
    padding-bottom: 10px;
    width: 375px;
    margin-top: 0;
    border: 1px solid #006880;
    z-index: 340;
}

    #eaContainer .posBrowserMapBlock .addressContainer .addressInput {
        border: 1px solid #006880;
    }

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

#eaContainer .addressContainer .addressButton {
    height: 32px;
}

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

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

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

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

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


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

#eaContainer #posBrowser_ResultsGrid_pageBlock .rowContainer {
    margin-top: 10px;
    min-height: 180px;
    height: auto;
    width: calc(33.3333% - 6px);
    padding: 20px 10px 10px 20px;
    border-radius: 0;
    border-top-left-radius: 75px;
    color: white;
}

#posBrowser_ResultsGrid_pageBlock .rowContainerHolder:nth-child(2n+1) .rowContainer {
    background-color: #006880;
    background-image: url(../images/custom/jobsbgturq.png);
    background-repeat: no-repeat;
    transition: all 1s;
}

#posBrowser_ResultsGrid_pageBlock .rowContainerHolder:nth-child(2n+2) .rowContainer {
    background-color: #006880;
    background-image: url(../images/custom/jobsbgturq.png);
    background-repeat: no-repeat;
    transition: all 1s;
}

#eaContainer #posBrowser_ResultsGrid_pageBlock .rowContainer:hover {
    background-color: #006880;
    background-image: none;
    transition: all 1s;
}

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

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

#eaContainer #posBrowser_Filter_pageBlock .FilterContainer .label,
#eaContainer #posBrowser_Filter_pageBlock .FilterContainer .count {
    font-size: inherit;
    font-family: 'opensansregular', Helvetica Neue, Sans-serif;
}

#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
-----------------------------------------*/
#eaContainer .earcu_posdescriptiontitle {
    font-weight: bold;
    line-height: 1.5em;
    margin: 0.45em 0;
    padding: 0;
}

#posdesc_pageBlock ul.jobSum li.SumItem_pospublishenddate {
    display: none;
}

.company7 #posdesc_pageBlock ul.jobSum li.SumItem_pospublishenddate,
.company4 #posdesc_pageBlock ul.jobSum li.SumItem_pospublishenddate,
.company2 #posdesc_pageBlock ul.jobSum li.SumItem_pospublishenddate {
    display: block;
}

#posdesc_pageBlock ul.jobSum li .jobSumLabel {
    color: #006880;
    font-weight: bold;
}

#eaContainer .jobdescbg {
    background-image: url(../images/custom/descbg.png);
    background-repeat: no-repeat;
}

#eaContainer #posdesc_pageBlock .posdescriptionPropertyBox,
#eaContainer #posdesc_pageBlock .posrating,
#eaContainer #posdesc_pageBlock .possharing,
#eaContainer #posdesc_pageBlock .posAlerts {
    background: #f1f0f0 none repeat scroll 0 0;
    border: none;
    border-radius: 0;
    padding: 16px;
}

#JobDescriptionMap_vacancyMap_pageBlock #vacancyMap {
    background-size: cover !important;
}

#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 .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: none;
}

    #eaContainer .PosDescriptionText .ApplyNowContainer > .buttonsLeft {
        width: 115px;
        margin-left: auto;
        margin-right: auto;
        float: none;
    }

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

#eaContainer div.posDescriptionContainer317 .RightJobBox {
    margin-left: 20px;
}

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

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

.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;
}

#posdesc_pageBlock .posrightbox_header {
    margin-top: 0;
}

.posAlerts_info.posrightbox_info {
    margin: 0;
}

.statty {
    background-color: rgba(255, 255, 255, 0.8);
}

.fixedstatty {
    position: fixed;
    top: 100px;
    right: 30px;
    z-index: 590;
}

#posdesc_pageBlock #shiftpatternlabel {
    margin-left: 0;
}

#posdesc_pageBlock #shiftpatterncontainer .shiftpatterntable {
    display: table;
    width: 100%;
    margin-bottom: 30px;
}

    #posdesc_pageBlock #shiftpatterncontainer .shiftpatterntable .shiftpatternheaderrow {
        background-color: #006880;
    }

        #posdesc_pageBlock #shiftpatterncontainer .shiftpatterntable .shiftpatternheaderrow div {
            border-color: #dddddd;
            text-align: left;
        }

            #posdesc_pageBlock #shiftpatterncontainer .shiftpatterntable .shiftpatternheaderrow div:last-child {
                border-right: none;
            }

    #posdesc_pageBlock #shiftpatterncontainer .shiftpatterntable .shiftpatternrow .shiftpatterncell {
        background-color: #f1f0f0;
        border-right: 1px solid #dddddd;
        border-bottom: 1px solid #dddddd;
    }

        #posdesc_pageBlock #shiftpatterncontainer .shiftpatterntable .shiftpatternrow .shiftpatterncell:last-child {
            border-right: none;
        }

    #posdesc_pageBlock #shiftpatterncontainer .shiftpatterntable .shiftpatternrow:last-child .shiftpatterncell {
        border-bottom: none;
    }

#eaContainer #posdesc_pageBlock h2 {
    font-size: 24px;
}

#eaContainer #Pos_Description_pageView #posdesc_pageBlock .stickyApply {
    position: fixed;
    top: 50%;
    transform: translateY(-50%) rotate(-90deg);
    right: -39px;
    z-index: 10;
}

    #eaContainer #Pos_Description_pageView #posdesc_pageBlock .stickyApply a.right {
        background: #F2E500;
        color: #006880;
        margin: 0;
    }

        #eaContainer #Pos_Description_pageView #posdesc_pageBlock .stickyApply a.right:hover {
            background: #006880;
            color: #fff;
        }

#eaContainer #posdesc_pageBlock .row {
    display: flex;
    gap: 60px;
    flex-wrap: wrap;
}

#eaContainer #posdesc_pageBlock #leftContent {
    flex: 66%;
}

    #eaContainer #posdesc_pageBlock #leftContent .topRow {
        display: flex;
        gap: 40px;
        flex-wrap: wrap;
        margin-bottom: 40px;
    }

        #eaContainer #posdesc_pageBlock #leftContent .topRow .topBlock {
            flex: 45%;
            margin: 0;
            display: flex;
            flex-direction: column;
        }

            #eaContainer #posdesc_pageBlock #leftContent .topRow .topBlock .topBlockContent {
                padding: 40px;
                background: #f1f0f0;
                flex: 1 0 auto;
            }

            #eaContainer #posdesc_pageBlock #leftContent .topRow .topBlock.jobValues .topBlockContent .posdescriptionPropertyBox {
                padding: 0;
                background: none;
                margin: 0;
            }

                #eaContainer #posdesc_pageBlock #leftContent .topRow .topBlock.jobValues .topBlockContent .posdescriptionPropertyBox ul {
                    display: flex;
                    gap: 10px;
                    flex-wrap: wrap;
                    overflow: hidden;
                }

                    #eaContainer #posdesc_pageBlock #leftContent .topRow .topBlock.jobValues .topBlockContent .posdescriptionPropertyBox ul li {
                        flex: 30%;
                        display: flex;
                        flex-wrap: wrap;
                        gap: 5px;
                        max-width: 30%;
                    }

                        #eaContainer #posdesc_pageBlock #leftContent .topRow .topBlock.jobValues .topBlockContent .posdescriptionPropertyBox ul li.SumItem_codelist5value {
                            flex: 100%;
                            max-width: 100%;
                        }

                        #eaContainer #posdesc_pageBlock #leftContent .topRow .topBlock.jobValues .topBlockContent .posdescriptionPropertyBox ul li .jobSumLabel {
                            margin: 0;
                            display: flex;
                            gap: 5px;
                        }

                            #eaContainer #posdesc_pageBlock #leftContent .topRow .topBlock.jobValues .topBlockContent .posdescriptionPropertyBox ul li .jobSumLabel:before {
                                font-family: "Font Awesome 6 Pro";
                                width: 20px;
                                font-weight: 300;
                            }

                        #eaContainer #posdesc_pageBlock #leftContent .topRow .topBlock.jobValues .topBlockContent .posdescriptionPropertyBox ul li.SumItem_displaysalarydescription .jobSumLabel:before,
                        #eaContainer #posdesc_pageBlock #leftContent .topRow .topBlock.jobValues .topBlockContent .posdescriptionPropertyBox ul li.SumItem_text5 .jobSumLabel:before {
                            content: "\f0d6";
                        }

                        #eaContainer #posdesc_pageBlock #leftContent .topRow .topBlock.jobValues .topBlockContent .posdescriptionPropertyBox ul li.SumItem_codelist2value .jobSumLabel:before {
                            content: "\f0b1";
                        }

                        #eaContainer #posdesc_pageBlock #leftContent .topRow .topBlock.jobValues .topBlockContent .posdescriptionPropertyBox ul li.SumItem_codelist5value .jobSumLabel:before {
                            content: "\f3c5";
                        }

                        #eaContainer #posdesc_pageBlock #leftContent .topRow .topBlock.jobValues .topBlockContent .posdescriptionPropertyBox ul li.SumItem_postcode .jobSumLabel:before {
                            content: "\f3c5";
                        }

                        #eaContainer #posdesc_pageBlock #leftContent .topRow .topBlock.jobValues .topBlockContent .posdescriptionPropertyBox ul li.SumItem_name .jobSumLabel:before {
                            content: "\23";
                        }

                        #eaContainer #posdesc_pageBlock #leftContent .topRow .topBlock.jobValues .topBlockContent .posdescriptionPropertyBox ul li.SumItem_codelist11value .jobSumLabel:before {
                            content: "\f56c";
                        }

                        #eaContainer #posdesc_pageBlock #leftContent .topRow .topBlock.jobValues .topBlockContent .posdescriptionPropertyBox ul li.SumItem_codelist8value .jobSumLabel:before {
                            content: "\f783";
                        }

                        #eaContainer #posdesc_pageBlock #leftContent .topRow .topBlock.jobValues .topBlockContent .posdescriptionPropertyBox ul li.SumItem_text3 .jobSumLabel:before,
                        #eaContainer #posdesc_pageBlock #leftContent .topRow .topBlock.jobValues .topBlockContent .posdescriptionPropertyBox ul li.SumItem_text10 .jobSumLabel:before {
                            content: "\f017";
                        }

                        #eaContainer #posdesc_pageBlock #leftContent .topRow .topBlock.jobValues .topBlockContent .posdescriptionPropertyBox ul li.SumItem_pospublishenddate .jobSumLabel:before {
                            content: "\f273";
                        }

            #eaContainer #posdesc_pageBlock #leftContent .topRow .topBlock.shiftPattern .topBlockContent #shiftpatternlabel {
                display: none;
            }

            #eaContainer #posdesc_pageBlock #leftContent .topRow .topBlock.shiftPattern .topBlockContent #shiftpatterncontainer .shiftpatterntable {
                margin-bottom: 0;
            }

                #eaContainer #posdesc_pageBlock #leftContent .topRow .topBlock.shiftPattern .topBlockContent #shiftpatterncontainer .shiftpatterntable .shiftpatternheaderrow {
                    color: #006880;
                    background: none;
                    font-size: inherit;
                }

                    #eaContainer #posdesc_pageBlock #leftContent .topRow .topBlock.shiftPattern .topBlockContent #shiftpatterncontainer .shiftpatterntable .shiftpatternheaderrow .shiftpatternheadercell {
                        border-bottom: 1px solid #dddddd;
                    }

                    #eaContainer #posdesc_pageBlock #leftContent .topRow .topBlock.shiftPattern .topBlockContent #shiftpatterncontainer .shiftpatterntable .shiftpatternheaderrow .shiftpatternheadercell,
                    #eaContainer #posdesc_pageBlock #leftContent .topRow .topBlock.shiftPattern .topBlockContent #shiftpatterncontainer .shiftpatterntable .shiftpatternrow .shiftpatterncell {
                        border-right: none;
                    }

        #eaContainer #posdesc_pageBlock #leftContent .topRow.hasShift .topBlock.jobValues .topBlockContent .posdescriptionPropertyBox ul {
            flex-direction: column;
        }

            #eaContainer #posdesc_pageBlock #leftContent .topRow.hasShift .topBlock.jobValues .topBlockContent .posdescriptionPropertyBox ul li {
                max-width: 100%;
            }

    #eaContainer #posdesc_pageBlock #leftContent .earcu_posdescriptionContainer ul,
    #eaContainer #posdesc_pageBlock #leftContent .earcu_posdescriptionContainer ol {
        padding-left: 15px;
    }

#eaContainer #posdesc_pageBlock #rightContent {
    display: flex;
    flex-direction: column;
    gap: 40px;
    flex: 20%;
}

    #eaContainer #posdesc_pageBlock #rightContent a.right {
        margin-bottom: 0;
    }

    #eaContainer #posdesc_pageBlock #rightContent .rightBlock {
        padding: 40px;
        background: #f1f0f0;
        margin: 0;
    }

        #eaContainer #posdesc_pageBlock #rightContent .rightBlock h2 {
            text-align: center;
            width: 100%;
        }

        #eaContainer #posdesc_pageBlock #rightContent .rightBlock.VacancyMap {
            padding: 0;
        }

            #eaContainer #posdesc_pageBlock #rightContent .rightBlock.VacancyMap h2 {
                padding: 40px 40px 0;
            }

            #eaContainer #posdesc_pageBlock #rightContent .rightBlock.VacancyMap #JobDescriptionMap_vacancyMap_pageBlock #vacancyMap {
                height: auto;
                aspect-ratio: 16/9;
            }

            #eaContainer #posdesc_pageBlock #rightContent .rightBlock.VacancyMap #JobDescriptionMap_vacancyMap_pageBlock .ButtonHolder {
                display: none;
            }

        #eaContainer #posdesc_pageBlock #rightContent .rightBlock.benefitsContainer .benefitBlocksContainer {
            display: flex;
            flex-direction: column;
            gap: 10px;
        }

            #eaContainer #posdesc_pageBlock #rightContent .rightBlock.benefitsContainer .benefitBlocksContainer .benefitBlock {
                display: flex;
                gap: 5px;
            }

                #eaContainer #posdesc_pageBlock #rightContent .rightBlock.benefitsContainer .benefitBlocksContainer .benefitBlock .benefitIcon {
                    width: 20px;
                    color: #006880;
                    text-align: center;
                }

                #eaContainer #posdesc_pageBlock #rightContent .rightBlock.benefitsContainer .benefitBlocksContainer .benefitBlock .benefitText {
                    max-width: calc(100% - 25px);
                }

                    #eaContainer #posdesc_pageBlock #rightContent .rightBlock.benefitsContainer .benefitBlocksContainer .benefitBlock .benefitText span {
                        color: #006880;
                    }
/*--------------------------------------- 
        3.7 Job alerts
-----------------------------------------*/
html body #lookupResults_gridTable {
    margin-bottom: 0;
    width: 100%;
}

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

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

#eaContainer #posBrowser_ResultsGrid_pageBlock div.ListGridContainer {
    margin-left: -3px;
}

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

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

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

/*---------------------------------------
        3.8 Questions
-----------------------------------------*/
/*#eaContainer .formRow.formRowRadioInputRow.formRowRadioInputRow_Fancy {
    margin-bottom: 2em;
}*/

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

    #eaContainer div.pageBlockInner_FormBlock div.formRow .iconDescription {
        text-align: left;
        max-width: 66%;
    }


    #eaContainer div.pageBlockInner_FormBlock div.formRow .iconRowValues {
        text-align: left;
        max-width: 66%;
    }



div.formRowButtonRow {
    margin-top: 10px;
}

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

.pageBlockInner_FormBlock div.radioOption .radioOptionLabel {
    text-align: left;
}

.pageBlockInner_FormBlock .radioOption input,
.pageBlockInner_FormBlock .formRowCheckboxMultiRow div.checkboxMultiOption input {
    margin-top: 4px;
}

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

/*--------------------------------------- 
        3.9 Login 
-----------------------------------------*/
.pageBlockInner_FormBlock div.controlContainer {
    width: 100%;
}

.pageBlockInner_FormBlock input.inputText,
.pageBlockInner_TextTagReplacementBlock input.inputText {
    width: 60%;
    padding: 3px;
    border: 1px solid #006880;
}

div#SignInTitleBlock_pageBlock {
    display: none;
}

#login_UseSSO1_formRow .textLiteral,
#newregister_UseSSO1_formRow .textLiteral,
#login_UseSSO2_formRow .textLiteral,
#newregister_UseSSO2_formRow .textLiteral {
    max-width: 100%;
    margin: 10px 0 10px 0;
}

div#login_UseSSO1_formRow .formRowTextLiteralRow {
    width: 50%;
}

#login_SaveButtonRow_formRow input,
#login_buttons2_formRow a {
    min-width: 285px;
}

#eaContainer #login_pageBlock .ssoIcon,
#eaContainer #newregister_pageBlock .ssoIcon,
#UsernameForm_pageBlock .ssoIcon {
    display: inline-block;
    float: none;
    width: 44px !important;
    border: none;
    height: 44px;
    padding: 0;
    border-radius: 3px;
    margin-bottom: 18px;
    margin-right: 30px;
    padding-top: 10px;
}

    #eaContainer #login_pageBlock .ssoIcon:last-of-type,
    #eaContainer #newregister_pageBlock .ssoIcon:last-of-type,
    #UsernameForm_pageBlock .ssoIcon:last-of-type {
        margin-right: 0;
    }

#eaContainer #login_pageBlock .ssoIconsInnerContainer,
#eaContainer #newregister_pageBlock .ssoIconsInnerContainer,
#UsernameForm_pageBlock .ssoIconsInnerContainer {
    text-align: center;
    max-width: 450px;
}

.ssoIcon.google_ssoIcon {
    background-color: #dd4c39;
    background-image: url(../images/icons/google.png);
    background-repeat: no-repeat;
    background-position: 10px 9px;
}

.ssoIcon.linkedin_ssoIcon {
    background-color: #0076b4;
    background-image: url(../images/icons/linkedin.png);
    background-repeat: no-repeat;
    background-position: 10px 9px;
}

.ssoIcon.facebook_ssoIcon {
    background-color: #4a63a5;
    background-image: url(../images/icons/facebook.png);
    background-repeat: no-repeat;
    background-position: 14px 10px;
}

.ssoIcon.microsoft_ssoIcon {
    background-color: #0072c5;
    background-image: url(../images/icons/microsoft.png);
    background-repeat: no-repeat;
    background-position: 9px 10px;
}

#login_pageBlock .ssoIcon.google_ssoIcon .ssoIconLink:hover,
#newregister_pageBlock .ssoIcon.google_ssoIcon .ssoIconLink:hover,
#login_pageBlock .ssoIcon.linkedin_ssoIcon .ssoIconLink:hover,
#newregister_pageBlock .ssoIcon.linkedin_ssoIcon .ssoIconLink:hover,
#login_pageBlock .ssoIcon.facebook_ssoIcon .ssoIconLink:hover,
#newregister_pageBlock .ssoIcon.facebook_ssoIcon .ssoIconLink:hover,
#login_pageBlock .ssoIcon.microsoft_ssoIcon .ssoIconLink:hover,
#newregister_pageBlock .ssoIcon.microsoft_ssoIcon .ssoIconLink:hover {
    background-color: transparent;
    text-decoration: none;
}

.ssoIcon.google_ssoIcon > a.ssoIconLink > img,
.ssoIcon.linkedin_ssoIcon > a.ssoIconLink > img,
.ssoIcon.facebook_ssoIcon > a.ssoIconLink > img,
.ssoIcon.microsoft_ssoIcon > a.ssoIconLink > img {
    display: none;
    visibility: hidden;
}

.ssoIcon.google_ssoIcon > a.ssoIconLink::after,
.ssoIcon.linkedin_ssoIcon > a.ssoIconLink::after,
.ssoIcon.facebook_ssoIcon > a.ssoIconLink::after,
.ssoIcon.microsoft_ssoIcon > a.ssoIconLink::after {
    content: '';
    color: white;
    padding: 22px;
    text-decoration: none !important;
}


div#login_ssoicons_formRow {
    padding-top: 15px;
}

div#newregister_ssoicons_formRow {
    padding-top: 15px;
}

/*---------------------------------------
        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;
    }

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;
}

#Application_Login_pageView #PageTitleBlock_pageBlock .pageTitleHeaderContainer {
    border: none;
}

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

/*---------------------------------------
        3.11 Events
-----------------------------------------*/

#eventsListContainer {
    width: 100%;
    overflow: hidden;
    text-align: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

    #eventsListContainer .eventContainerWrapper {
        width: calc(25% - 20px);
        margin: 10px;
        float: none;
        display: flex;
        flex-direction: column;
    }

        #eventsListContainer .eventContainerWrapper .eventContainer {
            padding: 20px;
            background: lightgrey;
            min-height: 1px;
            text-align: center;
            flex: 1 0 auto;
            cursor: pointer;
        }

            #eventsListContainer .eventContainerWrapper .eventContainer .eventImageContainer a {
                display: block;
                height: 250px;
                overflow: hidden;
            }

                #eventsListContainer .eventContainerWrapper .eventContainer .eventImageContainer a img {
                    width: 100%;
                    height: inherit;
                    object-fit: cover;
                    object-position: 50% 50%;
                    transition: all .2s ease;
                }

            #eventsListContainer .eventContainerWrapper .eventContainer:hover .eventImageContainer a img {
                transform: scale(1.1);
            }

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

/*--------------------------------------- 
        4.1 My home 
-----------------------------------------*/
#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;
}

#eaContainer #WelcomeInfoBlock_pageBlock div.pageBlockInner_FormBlock div.formRow {
    width: calc(50% - 5px);
    clear: none !important;
    float: left;
    min-height: 248px;
    max-height: 248px;
    border-radius: 0;
    border: 1px solid #006880;
    color: #ffffff;
    background: url(../images/custom/myhomebg.png) top repeat-x, url(../images/custom/jobsbgyellow.png) bottom right no-repeat #006880;
    margin-bottom: 10px;
}

    #eaContainer #WelcomeInfoBlock_pageBlock div.pageBlockInner_FormBlock div.formRow:nth-of-type(odd) {
        margin-right: 10px;
    }

.iconContainer .iconImage {
    display: none;
    visibility: hidden;
}

.pageBlockInner_FormBlock .iconListStyle .iconContainer {
    overflow: hidden !important; /*override core code*/
}

.pageBlockInner_FormBlock .iconListStyle .iconValue {
    margin-left: 0;
}

#Welcome_pageView #WelcomeInfoBlock_pageBlock .YesStar {
    background-image: url(../images/custom/myhomebg.png);
    background-position: top;
    background-repeat: repeat-x;
}

.actionTextButtonContainer .buttonsRight {
    float: left;
}

#eaContainer .rowItemsInnerContainer2 {
    overflow: hidden;
}

#eaContainer #Welcome_pageView #WelcomeInfoBlock_Logout_formRow {
    background-image: none;
    width: 100%;
    clear: none !important;
    float: left;
    min-height: 60px;
    max-height: 60px;
    border-radius: 0;
    border: 0;
    background-color: #ffffff;
    margin-bottom: 10px;
    display: block;
}

    #eaContainer #Welcome_pageView #WelcomeInfoBlock_Logout_formRow .iconListStyle .iconValue {
        margin-top: -10px;
    }

#eaContainer #Welcome_pageView #ToDoList_pageBlock .ulListItemLabel {
    padding: 2em;
    background-position: 30px 15px;
}

.pageBlockInner_FormBlock .formRowIconRow .iconRowValues .iconRowValueHighLight {
    color: #F2E500;
}

#eaContainer .pageBlockInner_FormBlock .formRowIconRow .iconRowValues .iconRowValueHighLight:hover {
    color: #F2E500;
    text-decoration: underline;
}

#Welcome_pageView .iconLabel a {
    font-family: 'opensansbold', Helvetica Neue, Sans-serif;
    font-weight: normal;
    font-size: 24px;
    text-transform: uppercase;
    overflow-wrap: break-word;
}

/*---------------------------------------
        4.2 My profile
-----------------------------------------*/
#MyDetails_pageView #MyDetailsStauts_pageBlock #eArcuContactConsent .contactConsentButtonContainer .ContactConsentLabel {
    padding-top: 0;
    padding-left: 6px;
}

[src*="Profile/checkbox.png"] {
    background: url(../images/sprites/ticked-nprogress.png) no-repeat;
    display: block;
    box-sizing: border-box;
    width: 24px;
    height: 24px;
    padding-left: 24px;
}

[src*="Profile/checkbox_unchecked.png"] {
    background: url(../images/sprites/unticked-nprogress.png) no-repeat;
    display: block;
    box-sizing: border-box;
    width: 24px;
    height: 24px;
    padding-left: 24px;
}

#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 #ShowCurrentAppLink_buttons_formRow {
    margin-top: 0.75em;
    margin-bottom: 1em;
}

div.eArcuInfoText {
    text-align: center;
}

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

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

#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;
}

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

#eaContainer #MyDetails_ConnectedServices_pageView a.connect {
    background: none;
    color: #000000;
    font-family: 'opensansbold', Helvetica Neue, Sans-serif;
    padding-left: 0;
    text-decoration: none;
}

#Edit_WORKEXPERIENCE_pageBlock .formRowTextAreaRow .controlContainer .charCounter,
#Add_WORKEXPERIENCE_pageBlock .formRowTextAreaRow .controlContainer .charCounter,
.charCounter {
    display: 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 #ApplicationsGrid_pageBlock .pageBlockInner_GridBlock div.gridContent .rowContainer {
        background: #f0f0f0;
        padding: 1em;
        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;
        font-family: 'opensansbold', Helvetica Neue, Sans-serif;
        text-decoration: none;
    }

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

#pageContent #Application_Section_Submit_pageView #SubmitForm_contactconsent_formRow .labelContainer,
#pageContent #Application_Section_Submit_pageView #SubmitForm_checkboxlegal_formRow .labelContainer {
    width: auto;
    margin-left: 0;
    margin-right: 0;
}

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


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

/*---------------------------------------
        5.1 Progress bar
-----------------------------------------*/
#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;
    font-family: 'opensansregular', Helvetica Neue, Sans-serif;
}

#eaContainer #posSummaryBlock_pageBlock div.greenbox dt {
    float: none;
    font-weight: bold;
    width: 10%;
    display: inline-block;
}

#eaContainer #posSummaryBlock_pageBlock div.greenbox dd {
    display: inline-block;
    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: 50px;
    width: 50px;
}

.iconContainer .iconImage img {
    height: 100%;
    width: 100%;
}

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 .Section_OfferSubmit,
    #eaContainer #Application_Home_pageView .ulList .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;
    }

.PosMyAppSummaryValues {
    padding: 1em;
}

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

#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,
#additionalinformationsectionslist_pageBlock .ulListItem {
    background-color: #9b9c9e;
    background-image: url("../images/sprites/unselected-progress-hover.png");
    background-position: 99% 50%;
    border-color: #e3e3e3;
    float: none;
    height: auto;
    margin: 0 0 15px;
    padding: 0;
    width: auto;
    font-weight: normal;
}

    #eaContainer .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulListItem.Completed,
    #Application_Home_pageView #sectionslist_pageBlock .ulListItem.Completed,
    #additionalinformationsectionslist_pageBlock .ulListItem.Completed {
        background-image: url("../images/sprites/selected-progress-hover.png");
        background-color: #006880;
    }

#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: #006880;
}

#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: #006880;
}

#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
-----------------------------------------*/
.pageBlockInner_FormBlock div.labelContainer {
    float: left;
    width: 100%;
    text-align: left;
    padding-top: 2px;
}

    .pageBlockInner_FormBlock div.labelContainer label {
        text-align: left;
    }

#eaContainer div.pageBlockInner_FormBlock div.formRow.formRowRadioInputRow_Fancy .labelContainer,
#eaContainer div.pageBlockInner_FormBlock div.formRow.formRowRadioInputRow_Fancy .controlContainer,
#eaContainer div.pageBlockInner_FormBlock div.formRow.formRowCheckboxMultiRow .labelContainer,
#eaContainer div.pageBlockInner_FormBlock div.formRow.formRowCheckboxMultiRow .controlContainer,
#eaContainer div.pageBlockInner_FormBlock div.formRow.formRowTextInputRow .controlContainer,
#eaContainer div.pageBlockInner_FormBlock div.formRow.formRowTextInputRow .labelContainer,
#eaContainer div.pageBlockInner_FormBlock div.formRow.formRowSelectInputRow_Common .controlContainer,
#eaContainer div.pageBlockInner_FormBlock div.formRow.formRowSelectInputRow_Common .labelContainer,
#eaContainer div.pageBlockInner_FormBlock div.formRow.formRowTextAreaRow .controlContainer,
#eaContainer div.pageBlockInner_FormBlock div.formRow.formRowTextAreaRow .labelContainer,
#eaContainer div.pageBlockInner_FormBlock div.formRow.formRowMoneyInputRow .controlContainer,
#eaContainer div.pageBlockInner_FormBlock div.formRow.formRowMoneyInputRow .labelContainer,
.Login #login_pageBlockContainer #login_pageBlock div.formRow.formRowTextInputRow .labelContainer,
.Login #login_pageBlockContainer #login_pageBlock div.formRow.formRowTextInputRow .controlContainer,
.ProfileRegister #newregister_pageBlockContainer #newregister_pageBlock div.formRow.formRowTextInputRow .labelContainer,
.ProfileRegister #newregister_pageBlockContainer #newregister_pageBlock div.formRow.formRowTextInputRow .controlContainer,
.Application_Login #RegisterForm_pageBlockContainer #RegisterForm_pageBlock div.formRow.formRowSelectInputRow_Common .labelContainer,
.Application_Login #RegisterForm_pageBlockContainer #RegisterForm_pageBlock div.formRow.formRowSelectInputRow_Common .controlContainer,
#eaContainer div.pageBlockInner_FormBlock div.formRow.formRowTimeInputRow .labelContainer,
#eaContainer div.pageBlockInner_FormBlock div.formRow.formRowTimeInputRow .controlContainer,
#eaContainer div.pageBlockInner_FormBlock div.formRow.formRowSelectAutoCompleteAdminPortalRow .labelContainer,
#eaContainer div.pageBlockInner_FormBlock div.formRow.formRowSelectAutoCompleteAdminPortalRow .controlContainer,
#eaContainer div.pageBlockInner_FormBlock div.formRow.SelectAutoRow .labelContainer,
#eaContainer div.pageBlockInner_FormBlock div.formRow.SelectAutoRow .controlContainer,
#eaContainer div.pageBlockInner_FormBlock div.formRow.formRowCheckBoxRow .labelContainer,
#eaContainer div.pageBlockInner_FormBlock div.formRow.formRowCheckBoxRow .controlContainer,
#eaContainer div.pageBlockInner_FormBlock div.formRow.formRowDateInputRow .labelContainer,
#eaContainer div.pageBlockInner_FormBlock div.formRow.formRowDateInputRow .controlContainer,
#dialog div.pageBlockInner_FormBlock div.formRow.formRowTextInputRow .labelContainer,
#dialog div.pageBlockInner_FormBlock div.formRow.formRowTextInputRow .controlContainer,
.subscribe-line.subscribe-line-image .card .card-content #alertsemailform_pageBlockContainer #alertsemailform_username_formRow .labelContainer,
.subscribe-line.subscribe-line-image .card .card-content #alertsemailform_pageBlockContainer #alertsemailform_username_formRow .controlContainer,
#eaContainer div.pageBlockInner_FormBlock div.formRow.formRowPhoneInputRow .labelContainer,
#eaContainer div.pageBlockInner_FormBlock div.formRow.formRowPhoneInputRow .controlContainer,
body #UsernameForm_pageBlockContainer #UsernameForm_pageBlock div.formRow.formRowTextInputRow .labelContainer,
body #UsernameForm_pageBlockContainer #UsernameForm_pageBlock div.formRow.formRowTextInputRow .controlContainer,
body #PasswordForm_pageBlockContainer #PasswordForm_pageBlock div.formRow.formRowTextInputRow .labelContainer,
body #PasswordForm_pageBlockContainer #PasswordForm_pageBlock div.formRow.formRowTextInputRow .controlContainer,
body #RegisterForm_pageBlockContainer #RegisterForm_pageBlock div.formRow.formRowTextInputRow .labelContainer,
body #RegisterForm_pageBlockContainer #RegisterForm_pageBlock div.formRow.formRowTextInputRow .controlContainer,
#Edit_EQUALOPS_form .textLiteral,
.pageBlockInner_FormBlock div.controlError {
    max-width: 500px;
    float: none;
    margin: 0 auto;
    display: block;
    width: 100%;
}

div.pageBlockInner_FormBlock div.formRow.formRowCheckBoxRow {
    display: flex;
    gap: 5px;
    flex-wrap: wrap;
}

    div.pageBlockInner_FormBlock div.formRow.formRowCheckBoxRow .labelContainer,
    div.pageBlockInner_FormBlock div.formRow.formRowCheckBoxRow .controlContainer {
        width: auto;
        float: none;
        margin: initial;
    }

    div.pageBlockInner_FormBlock div.formRow.formRowCheckBoxRow .controlError {
        width: 100%;
        flex: 100%;
        margin: initial;
        max-width: 100%;
        text-align: center;
    }

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

#eaContainer div.pageBlockInner_FormBlock div.formRow.formRowCheckBoxRow#SubmitForm_checkboxlegal_formRow .controlContainer {
    display: inline-block;
}

    #eaContainer div.pageBlockInner_FormBlock div.formRow.formRowCheckBoxRow#SubmitForm_checkboxlegal_formRow .controlContainer .checkboxContainer {
        padding: 0;
    }

#interviewdetailform_interviewLocationSummary_formRow > div > label {
    display: none
}

#Edit_EQUALOPS_form .textLiteral {
    text-align: left;
    margin-top: 1em;
    margin-bottom: 1em;
}

.Pos_Questions #eaContainer div.pageBlockInner_FormBlock div.formRow.formRowRadioInputRow_Fancy .labelContainer {
    max-width: 100%;
}

.Pos_Questions #eaContainer .StandardQuestionsForm label.formLabel ol,
.Pos_Questions #eaContainer .StandardQuestionsForm label.formLabel ul {
    text-align: left;
    margin-left: 0;
    padding-left: 17px;
}

.Pos_Questions #eaContainer div.pageBlockInner_FormBlock div.formRow.formRowRadioInputRow_Fancy .controlContainer {
    max-width: 100%;
}

#eaContainer div.pageBlockInner_FormBlock div.formRow.formRowTextInputRow .controlContainer input,
#eaContainer div.pageBlockInner_FormBlock div.formRow.formRowSelectInputRow_Common .controlContainer select,
#eaContainer div.pageBlockInner_FormBlock div.formRow.formRowTextAreaRow .controlContainer textarea,
#eaContainer div.pageBlockInner_FormBlock div.formRow.formRowMoneyInputRow .controlContainer input,
#eaContainer div.pageBlockInner_FormBlock div.formRow.formRowDateInputRow .controlContainer input,
.Login #login_pageBlockContainer #login_pageBlock div.formRow.formRowTextInputRow .controlContainer input,
.ProfileRegister #newregister_pageBlockContainer #newregister_pageBlock div.formRow.formRowTextInputRow .controlContainer input,
.Application_Login #RegisterForm_pageBlockContainer #RegisterForm_pageBlock div.formRow.formRowSelectInputRow_Common .controlContainer select,
#dialog div.pageBlockInner_FormBlock div.formRow.formRowTextInputRow .controlContainer input,
.subscribe-line.subscribe-line-image .card .card-content #alertsemailform_pageBlockContainer #alertsemailform_username_formRow .controlContainer input,
#eaContainer div.pageBlockInner_FormBlock div.formRow.formRowPhoneInputRow .controlContainer input,
body #UsernameForm_pageBlockContainer #UsernameForm_pageBlock div.formRow.formRowTextInputRow .controlContainer input,
body #PasswordForm_pageBlockContainer #PasswordForm_pageBlock div.formRow.formRowTextInputRow .controlContainer input,
body #RegisterForm_pageBlockContainer #RegisterForm_pageBlock div.formRow.formRowTextInputRow .controlContainer input {
    width: 100%;
    max-width: 100%;
}

#eaContainer div.questionsAnswerBlock #questionsSummary_pageBlock {
    border: 1px solid #006880;
    padding: 5px;
}

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

.Pos_Find_Results_Map .banner-main-container {
    display: none;
}

#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;
}

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

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

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

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

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

#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;
}

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

#eaContainer .pageBlockInner_FormBlock textarea.inputTextArea,
#eaContainer .pageBlockInner_FormBlock .formRowSelectInputRow_Common select {
    border: 1px solid #006880;
    padding: 3px;
    width: 60%;
}

#eaContainer .pageBlockInner_FormBlock .formRowSelectInputRow_Common select {
    padding-top: 8px;
    padding-bottom: 8px;
}

body #eaContainer .formRowTextAreaRow .controlContainer {
    margin-left: auto;
    margin-right: auto;
    width: 54%;
}

    body #eaContainer .formRowTextAreaRow .controlContainer .inputTextArea,
    body #eaContainer .pageBlockInner_FormBlock textarea.inputTextArea,
    #eaContainer textarea {
        /*width: 60%;*/
        max-width: 359px;
    }


#eaContainer .pageBlockInner_FormBlock label.formLabel {
    padding-right: 5px;
    font-weight: bold;
    margin-bottom: 0px;
    padding-top: 6px;
}

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

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

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

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

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

#eaContainer .PosMyAppSummaryValues {
    background: #F1F1F1;
    margin-top: 13px;
}

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

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

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

.earcujobref {
    display: inline;
}

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


div#SectionCompleteBlock_completed_formRow .labelContainer {
    text-align: left;
}

div#posSummaryBlockv2_pageBlock {
    padding-left: 0;
    padding-right: 0;
}

#posSummaryBlockv2_pageBlock .appCompleteChartBlock.done .appCompleteChartBlockInner {
    background: #86AF19;
    border-color: #86AF19;
}

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


span.editblocklink > a.buttonAnchor {
    max-width: 160px;
}

#eaContainer div.pageBlockInner_FormBlock div#SubmitForm_checkboxlegal_formRow,
#eaContainer div.pageBlockInner_FormBlock div#SubmitForm_contactconsent_formRow {
    text-align: left !important; /*to override form centering*/
}

.pageBlockInner_FormBlock .inputContainer .inputText, .pageBlockInner_FormBlock div.SelectMultiRow .selectmultiplerow .divajaxcontainter, .pageBlockInner_TextTagReplacementBlock input.inputText {
    float: none !important;
    margin-left: 21px;
}

.pageBlockInner_FormBlock .inputContainer .inputText {
    margin-left: 0;
}

.MyJobFeed div.SelectMultiRow .selectmultiplerow .divajaxcontainter {
    margin-left: 0;
    margin-right: auto;
}

.pageBlockInner_FormBlock .inputContainer .popup, .pageBlockInner_FormBlock div.SelectMultiRow .selectmultiplerow .openpopup {
    float: none;
}

body #eaContainer div#Add_WORKEXPERIENCE_description_formRow .controlContainer {
    width: 100%;
}

.pageBlockContainer_GridBlock.Renderer_ListWithEditButtons .pageBlockInner_GridBlock .ListGridContainer .rowButtons {
    overflow: initial;
}

.pageBlockInner_FormBlock .formRow .addresspoints {
    display: inline-block;
    padding: 8px 3px 8px 3px;
    border-radius: 0;
    border: 1px solid #006880;
    background-color: #ffffff;
    text-align: center;
    color: #404040;
    -webkit-transition-duration: 0.4s;
    transition-duration: 0.4s;
    cursor: pointer;
    margin: 5px 0 10px;
    width: 100%;
    max-width: 359px;
}

/*---------------------------------------
        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 #fileupload_Files_formRow label.formLabel {
    margin: 10px 0;
    text-align: center;
}

.fileuploadcontainer .buttonsContainer { /***KMA this added to help center button***/
    text-align: center;
    width: 113px;
    margin-left: auto;
    margin-right: auto;
}

#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;
    width: 100%;
}

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

#eaContainer .mainearcublock .bottomControlContainer .uploadedFilesHeader {
    background: #F1F1F1;
    border: 0;
    font-family: 'opensansbold', Helvetica Neue, Sans-serif;
    color: #313131;
}

body .pageBlockInner_FormBlock div.formRowFileUploadRow .bottomControlContainer .filename {
    background: #9b9c9e;
}

#eaContainer .fileContainer {
    background-image: url(../images/icons/customcvicon.png) !important; /**to override the system image**/
    text-transform: none;
}

/*---------------------------------------
        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 {
    margin-top: 1em;
    margin-bottom: 1em;
    text-align: center;
}

#Application_Section_Submit_pageView #SubmitForm_checkboxlegal_formRow .controlContainer,
#Application_Section_Submit_pageView #SubmitForm_contactconsent_formRow .controlContainer {
    margin-top: 11px;
    width: auto;
    margin-left: 0;
    margin-right: 0;
}

#eaContainer div.pageBlockInner_FormBlock div#SubmitForm_checkboxlegal_formRow .labelContainer,
#eaContainer div.pageBlockInner_FormBlock div#SubmitForm_contactconsent_formRow .labelContainer {
    max-width: 100%;
    float: left;
}

.controlContainer_Editable .checkboxContainer {
    padding-top: 10px;
    display: inline-block;
}

.Application_Section_Submit .controlContainer_Editable .checkboxContainer {
    padding-top: 0px;
    display: inline-block;
}

/*---------------------------------------
        5.6 Interviews
-----------------------------------------*/
#eaContainer .interviewdetailform .pageBlockInner_FormBlock .mapRow .mapInnerContainer_Small {
    margin-left: 0;
    width: auto;
}

#eaContainer .interviewdetailform .pageBlockInner_FormBlock .mapRow .mapContainer_Small {
    width: 500px;
    margin-left: auto;
    margin-right: auto;
}

/*---------------------------------------
        5.7 Onboarding
-----------------------------------------*/

.MyWelcomePacks_OfferInformation_Summary #sectionslist_pageBlock .ulList .Section_OfferInformation2 {
    display: none;
}

#onboardingTopContainer {
    margin-top: 40px
}

.pageBlockContent.onboardingHeading.heading1 {
    display: none;
}

.onboardingMenuContainer a {
    color: #206779;
    font-size: 20px;
    padding: 15px 0;
    font-weight: bold;
    display: block;
    height: 140px;
}

.menuItem {
    text-align: center;
    background: #E1E000;
    margin: 5px;
    width: calc(25% - 10px) !important; /*override inline*/
    padding: 0;
    display: inline-block;
}

    .menuItem.offer_menuItem {
        background-image: url(../images/custom/shape.png);
        background-repeat: no-repeat;
        background-position: 50% -60%;
    }

    .menuItem.offeraccepted_menuItem {
        background-image: url(../images/custom/give.png);
        background-repeat: no-repeat;
        background-position: 50% -60%;
    }

    .menuItem.welcomepackform_menuItem {
        background-image: url(../images/custom/capability.png);
        background-repeat: no-repeat;
        background-position: 50% -60%;
    }

    .menuItem.welcomepackinfo_menuItem {
        background-image: url(../images/custom/connect.png);
        background-repeat: no-repeat;
        background-position: 50% -60%;
    }

body.MyWelcomePacks_OfferInformation_Summary div#posSummaryBlockv2_pageBlockContainer,
body.MyWelcomePacks_OfferInformation_Section div#posSummaryBlockv2_pageBlockContainer,
body.MyWelcomePacks_OfferForm_Summary div#posSummaryBlockv2_pageBlockContainer {
    display: none;
}

.offerLayoutBox_Id_30 .offerLayoutPlaceHolder_Multi .offerBlockContainer_Text {
    text-align: center;
    background: #e1e000;
    padding: 10px !important;
    margin: 2px;
    line-height: normal;
}

    .offerLayoutBox_Id_30 .offerLayoutPlaceHolder_Multi .offerBlockContainer_Text p:hover {
        font-size: 18px;
        text-decoration: underline;
    }

.offerLayoutPlaceHolder.offerLayoutPlaceHolder_Item_1.offerLayoutPlaceHolder_Multi a:before {
    content: "\f0f1";
    font-family: fontAwesome;
    padding: 10px;
    font-size: 20px;
}

.offerLayoutPlaceHolder.offerLayoutPlaceHolder_Item_2.offerLayoutPlaceHolder_Multi a:before {
    content: "\f21e";
    font-family: fontAwesome;
    padding: 10px;
    font-size: 20px;
}

.offerLayoutPlaceHolder.offerLayoutPlaceHolder_Item_3.offerLayoutPlaceHolder_Multi a:before {
    content: "\f02d";
    font-family: fontAwesome;
    padding: 10px;
    font-size: 20px;
}


div#TalentPool_List_pageView {
    margin-top: 160px;
}

h1#EarcuIntroTextBlockTitle {
    display: block;
}

#talentpoolgrid_pageBlockContainer .pageBlockHeader {
    display: none;
}

#talentpoolgrid_pageBlockContainer #talentpoolgrid_pageBlock .gridContent {
    border: none;
    padding: 0;
}


    #talentpoolgrid_pageBlockContainer #talentpoolgrid_pageBlock .gridContent .ListGridContainer {
        margin: 0;
    }

        #talentpoolgrid_pageBlockContainer #talentpoolgrid_pageBlock .gridContent .ListGridContainer .rowContainerHolder {
            width: 33%;
            height: 400px;
            position: relative;
            margin: 10px 0 30px;
            overflow: hidden;
        }

            #talentpoolgrid_pageBlockContainer #talentpoolgrid_pageBlock .gridContent .ListGridContainer .rowContainerHolder:before {
                background: #006880;
                content: '';
                display: block;
                height: calc(100% - 60px);
                width: 90%;
                z-index: 0;
                position: absolute;
                top: 60px;
                left: -40px;
                transition: all .2s ease-in-out;
            }

            #talentpoolgrid_pageBlockContainer #talentpoolgrid_pageBlock .gridContent .ListGridContainer .rowContainerHolder .rowContainer {
                width: 90%;
                margin: 0 auto !important;
                position: relative;
                overflow: hidden;
                transition: all .2s ease-in-out;
                border: none;
                background: none;
                padding: 0;
                overflow: hidden;
            }

                #talentpoolgrid_pageBlockContainer #talentpoolgrid_pageBlock .gridContent .ListGridContainer .rowContainerHolder .rowContainer .rowHeader {
                    position: relative;
                    width: 100%;
                    float: left;
                    z-index: 2;
                    text-align: center;
                    margin-top: 15px;
                    padding: 0;
                }

                    #talentpoolgrid_pageBlockContainer #talentpoolgrid_pageBlock .gridContent .ListGridContainer .rowContainerHolder .rowContainer .rowHeader a {
                        text-decoration: none;
                        display: block;
                        background: #006880;
                        transition: all .2s ease;
                        padding: 15px;
                        width: 100%;
                        overflow: auto;
                        font-size: 20px;
                    }

                        #talentpoolgrid_pageBlockContainer #talentpoolgrid_pageBlock .gridContent .ListGridContainer .rowContainerHolder .rowContainer .rowHeader a:after {
                            content: "Register your interest";
                            width: 100%;
                            clear: left;
                            float: left;
                            text-align: center;
                            margin-top: 5px;
                            font-weight: normal;
                            font-size: 16px;
                        }

                    #talentpoolgrid_pageBlockContainer #talentpoolgrid_pageBlock .gridContent .ListGridContainer .rowContainerHolder .rowContainer .rowHeader .rowLabel {
                        float: none;
                    }

                        #talentpoolgrid_pageBlockContainer #talentpoolgrid_pageBlock .gridContent .ListGridContainer .rowContainerHolder .rowContainer .rowHeader .rowLabel a.rcMenu {
                            color: #fff;
                        }

                #talentpoolgrid_pageBlockContainer #talentpoolgrid_pageBlock .gridContent .ListGridContainer .rowContainerHolder .rowContainer .rowContentContainer {
                    float: left;
                    width: 100%;
                }

                    #talentpoolgrid_pageBlockContainer #talentpoolgrid_pageBlock .gridContent .ListGridContainer .rowContainerHolder .rowContainer .rowContentContainer .rowItemsContainer {
                        padding: 0;
                        margin: 0;
                    }

                        #talentpoolgrid_pageBlockContainer #talentpoolgrid_pageBlock .gridContent .ListGridContainer .rowContainerHolder .rowContainer .rowContentContainer .rowItemsContainer span {
                            z-index: 1;
                            transition: all .2s ease-in-out;
                        }

                            #talentpoolgrid_pageBlockContainer #talentpoolgrid_pageBlock .gridContent .ListGridContainer .rowContainerHolder .rowContainer .rowContentContainer .rowItemsContainer span a.rcMenu img {
                                width: 100%;
                                height: 284px;
                                object-fit: cover;
                                object-position: 50% 50%;
                            }

            #talentpoolgrid_pageBlockContainer #talentpoolgrid_pageBlock .gridContent .ListGridContainer .rowContainerHolder:hover:before {
                top: 0px;
                left: 10px;
            }

            #talentpoolgrid_pageBlockContainer #talentpoolgrid_pageBlock .gridContent .ListGridContainer .rowContainerHolder:hover .rowContainer {
                transform: scale(1.1);
                transition: all .2s ease-in-out;
            }

#alerts-box {
    text-align: center;
    overflow: hidden;
    background-image: url(../images/custom/funeralcare9a.png);
    background-position: 20% 30%;
    background-repeat: no-repeat;
    background-size: cover;
    margin-bottom: 30px;
}

    #alerts-box .text-container {
        background-color: #006880;
        margin: 0;
        padding: 10px;
        width: 469px;
        min-height: 253px;
    }

    #alerts-box .ee-inner {
        padding: 10px;
    }

    #alerts-box ul {
        list-style: none;
    }

    #alerts-box li {
        text-align: left;
    }

    #alerts-box h2 {
        font-size: 26px;
        font-size: 2.6rem;
    }

    #alerts-box h2, #alerts-box p {
        color: #ffffff;
        margin-bottom: 20px;
    }

        #alerts-box p.lrg {
            font-size: 22px;
            line-height: 110%;
            margin-bottom: 10px;
        }

    #alerts-box a {
        padding: 16px 27px;
        text-align: center;
        font-size: inherit;
        border: 1px solid #fff;
        font-weight: bold;
        text-transform: uppercase;
        line-height: 1.5;
        white-space: normal;
        margin-top: 10px;
        background: #ffffff;
        color: #006880;
    }

        #alerts-box a:hover {
            background: #006880;
            color: #fff;
        }

/* Events */

.CandidateEvent_List #intro_pageBlock h1#EarcuIntroTextBlockTitle {
    text-align: center;
    margin-top: 20px;
}

.CandidateEvent_List #intro_pageBlock .earcuintro {
    text-align: center;
}

.CandidateEvent_Detail #eaContainer {
    margin-top: 0;
}

.CandidateEvent_Detail .candidateEventName {
    margin-top: 20px;
}

.CandidateEvent_Detail .container-fluid > .row > .col-md-12 {
    padding-left: 0;
    padding-right: 0;
}

.CandidateEvent_Detail .candidateEventContainer {
    padding-left: 15px;
    padding-right: 15px;
}

.CandidateEvent_Detail #CandidateEvent_Detail_pageView .candidateEventMedia {
    text-align: left;
}

#CandidateEvent_Detail_pageView .candidateEventMap .mapContainer .mapTitleBar,
#CandidateEvent_Detail_pageView .candidateEventBigMap .mapContainer .mapTitleBar,
#CandidateEvent_Detail_pageView .candidateEventBigMap .bigMapButton {
    background: #006880;
}

    #CandidateEvent_Detail_pageView .candidateEventMap .mapContainer .mapTitleBar:hover,
    #CandidateEvent_Detail_pageView .candidateEventBigMap .mapContainer .mapTitleBar:hover,
    #CandidateEvent_Detail_pageView .candidateEventBigMap .bigMapButton:hover {
        background: #F2E500;
    }

    #CandidateEvent_Detail_pageView .candidateEventMap .mapContainer .mapTitleBar a,
    #CandidateEvent_Detail_pageView .candidateEventBigMap .mapContainer .mapTitleBar a,
    #CandidateEvent_Detail_pageView .candidateEventBigMap .bigMapButton a {
        color: #FFF;
        display: block;
    }

    #CandidateEvent_Detail_pageView .candidateEventMap .mapContainer .mapTitleBar:hover a,
    #CandidateEvent_Detail_pageView .candidateEventBigMap .mapContainer .mapTitleBar:hover a,
    #CandidateEvent_Detail_pageView .candidateEventBigMap .bigMapButton:hover a {
        color: #006880;
    }

.eventHero div.sandatext {
    position: static;
    margin-top: 0;
}

.eventHero h1.sandatext {
    font-size: 4rem;
}

.eventHero .countdown {
    text-align: center;
    position: absolute;
    bottom: 4rem;
    left: 0;
    width: 100%;
}

    .eventHero .countdown .countdown-container {
        display: inline-block;
        background-color: rgba(0, 104, 128, 0.5);
        text-align: center;
        padding: 1rem;
        min-width: 150px;
    }

        .eventHero .countdown .countdown-container + .countdown-container {
            margin-left: 1rem;
        }

        .eventHero .countdown .countdown-container span.countdown-value {
            font-size: 60px;
            color: white;
            display: block;
            line-height: 1.2em;
        }

        .eventHero .countdown .countdown-container span.countdown-heading {
            font-size: 30px;
            display: block;
            line-height: 1.2em;
        }

@media all and (max-width:1200px) {
    #talentpoolgrid_pageBlockContainer #talentpoolgrid_pageBlock .gridContent .ListGridContainer .rowContainerHolder {
        width: 49%;
    }

    #eventsListContainer .eventContainerWrapper {
        width: calc(50% - 20px);
    }

    .eventHero h1.sandatext {
        font-size: 4rem;
    }

    .eventHero .countdown .countdown-container {
        min-width: 100px;
    }

        .eventHero .countdown .countdown-container span.countdown-value {
            font-size: 50px;
        }

        .eventHero .countdown .countdown-container span.countdown-heading {
            font-size: 20px;
        }
}

@media all and (max-width:767px), all and (max-device-width:767px) {
    #talentpoolgrid_pageBlockContainer #talentpoolgrid_pageBlock .gridContent .ListGridContainer .rowContainerHolder {
        width: 100%;
    }

    #alerts-box {
        background: none;
    }

        #alerts-box .text-container {
            width: auto;
        }

        #alerts-box .ee-inner {
            padding: 10px 15%;
        }

    .eventHero div.sandatext {
        margin-top: 3rem;
    }

    .eventHero h1.sandatext {
        font-size: 3.4rem;
    }

    .eventHero .countdown .countdown-container {
        min-width: 80px;
        padding: .5rem;
    }

        .eventHero .countdown .countdown-container + .countdown-container {
            margin-left: .5rem;
        }

        .eventHero .countdown .countdown-container span.countdown-value {
            font-size: 30px;
        }

        .eventHero .countdown .countdown-container span.countdown-heading {
            font-size: 14px;
        }
}

@media all and (max-width:479px), all and (max-device-width:479px) {
    #alerts-box .ee-inner {
        padding: 10px;
    }

    .eventHero .countdown .countdown-container {
        min-width: 60px;
    }

        .eventHero .countdown .countdown-container + .countdown-container {
            margin-left: .2rem;
        }

        .eventHero .countdown .countdown-container span.countdown-value {
            font-size: 20px;
        }

        .eventHero .countdown .countdown-container span.countdown-heading {
            font-size: 14px;
        }
}
/* --------------------------------------
=========================================
        6. MEDIA QUERIES
=========================================
-----------------------------------------*/
@media screen and (min-width:1750px) {
    .fcone {
        background-position: 0px;
    }

    .fctwo {
        background-position: 0px;
    }

    .fcthree {
        background-position: 0px;
    }

    .fcfive {
        background-position: 0px;
    }

    .fcsix {
        background-position: 0px;
    }

    .frfour {
        background-position: -70px;
    }

    .howtoapplyhero {
        background-position: top 105px right 10%;
        background-size: 48%;
    }
}

@media screen and (min-width:1600px) {
    .homeone {
        background-position: -400px;
    }
}

@media screen and (max-width:1430px) {
    .homeone {
        background-position: -559px;
    }

    .frtwo {
        background-position: -175px;
    }

    .fcsix {
        background-position: -350px;
    }

    /*.frfour {
        background-position: -683px;
    }*/
}

@media screen and (max-width:1240px) {
    .homeone {
        background-position: -650px;
    }

    .frfour {
        background-position: -80px;
    }
}

@media only screen and (max-width: 1224px) {
    .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;
    }

    #eaContainer div.posDescriptionContainer317 .LeftJobBox,
    #eaContainer div.posDescriptionContainer317 .RightJobBox {
        width: 95%;
        float: none;
        display: block;
        margin: 0;
    }

    .Pos_Description_Review #eaContainer #posSummaryBlock_pageBlockContainer,
    .Application_earcuBody #posSummaryBlock_pageBlockContainer,
    .MyEmailsByApplication #eaContainer #posSummaryBlock_pageBlockContainer,
    .Email_Detail #eaContainer #posSummaryBlock_pageBlockContainer {
        float: none;
        width: 100%;
    }

    #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;
    }
}

@media screen and (max-width:1200px) and (min-width:992px) {
    .homemarginone {
        -webkit-clip-path: polygon(0 17.22%, 100% 0, 100% 100%, 0 84%);
        clip-path: polygon(0 17.22%, 100% 0, 100% 100%, 0 84%);
    }
}

@media only screen and (max-width: 1200px) {
    ul.sitemenu {
        width: 680px;
    }

        ul.sitemenu > li > a {
            padding-left: 5px;
            padding-right: 5px;
        }

    .searchcol {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .homeslider {
        height: 700px;
    }

    .closertitle {
        padding-top: 28px;
    }

    .hslidebg {
        margin-top: 66px;
    }

    .of5 {
        width: 170px;
        height: 214px;
        padding-top: 15px;
    }

    .bendevpanel {
        width: 216px;
        height: 214px;
        padding-top: 28px;
    }

    .pageBlockInner_FormBlock .formRow .addresspoints {
        max-width: 301px;
    }

    body #eaContainer .formRowTextAreaRow .controlContainer .inputTextArea,
    body #eaContainer .pageBlockInner_FormBlock textarea.inputTextArea,
    #eaContainer textarea {
        max-width: 301px;
        min-width: 301px;
    }
}

@media screen and (max-width:1120px) {
    .howtoapplyhero {
        background-position: top 73% right 1%;
    }
}

@media screen and (max-width:1070px) {
    a.quicksearchbtn, a.quicksearchbtn:hover {
        background-image: none;
        padding-left: 0;
    }
}

@media screen and (max-width:1050px) {
    .homeone {
        background-position: -738px;
    }

    .fcfive {
        background-position: -392px;
    }

    .frtwo {
        background-position: -330px;
    }

    .fcsix {
        background-position: -530px;
    }

    .frfour {
        background-position: -144px;
    }
}

@media only screen and (max-width: 1009px) {
    ul.sitemenu > li > a {
        padding-left: 5px;
        padding-right: 5px;
    }
}

@media screen and (max-width:992px) and (min-width:768px) {
    .homemarginone {
        -webkit-clip-path: polygon(0 16%, 169% 0, 100% 100%, 0 84%);
        clip-path: polygon(0 16%, 169% 0, 100% 100%, 0 84%);
    }
}

@media screen and (max-width:991px) {
    .dtmenu,
    ul.sitemenu, .searchcol {
        display: none;
        visibility: hidden;
    }

    .burgercol {
        display: block;
        visibility: visible;
        padding-top: 27px;
        padding-right: 10px;
    }

    .homepanellink {
        margin-left: auto;
        margin-right: 0;
        width: 100%;
    }

    .fixedstatty {
        position: relative;
        top: 0;
    }

    .burgerlink {
        color: white;
    }

        .burgerlink:hover {
            color: #F2E500;
        }

    .burgericon {
        color: white;
        margin-top: -8px;
    }

        .burgericon:hover {
            color: #F2E500;
        }

    .commonhero {
        height: 340px;
    }

    .homepanelp {
        margin-top: 65%;
        font-size: 0.95rem;
    }

    .htptitle {
        font-size: 34px;
    }

    .abouthero,
    .howtoapplyhero {
        background-image: none;
    }

    .herotextcol {
        padding-top: 100px;
    }

    .howtofirst100 {
        margin-top: -64px;
    }

    .homeslider {
        height: 466px;
    }

    .herotitle {
        color: white;
        font-size: 3.5rem;
        line-height: 48px;
        font-weight: 400;
    }

    .bigmapcontainer {
        height: 434px;
    }

    .bigmaplink {
        height: 434px;
    }

    .slidetitle {
        padding-top: 44px;
        font-size: 3.6rem;
        line-height: 3rem;
    }

    .yslbig {
        font-size: 5rem;
    }

    .hslidebg {
        margin-top: 20px;
    }

    .homeone {
        background-position: -752px;
    }

    .homebgthree {
        background-position: 39px -6px;
    }

    .starbucks {
        padding-top: 60px;
    }

    .closertitle {
        padding-top: 2px;
    }

    .fcmargintwo {
        margin-top: -131px;
    }

    .fcmarginthree {
        margin-top: -131px;
    }

    .fcmarginfour {
        margin-top: -131px;
    }

    .fcmarginfive {
        margin-top: -131px;
    }

    .fcmarginsix {
        margin-top: -131px;
    }

    .fctextrowr {
        min-height: 724px;
    }

    .sandatext {
        padding-top: 20px;
        font-size: 4.6rem;
        line-height: 4.4rem;
    }

    .centertl {
        min-width: 95px;
    }

    .tlbr {
        visibility: hidden;
        display: none;
    }

    .tallerpara {
        margin-bottom: -12px;
    }

    .col-km-5 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }

        .col-km-5:last-of-type {
            -ms-flex: 0 0 100%;
            flex: 0 0 100%;
            max-width: 100%;
            text-align: center;
            padding-top: 10px;
        }

    .homeslider ol.flex-control-nav.flex-control-paging {
        display: none;
    }

    .beforetext {
        width: auto;
    }

    .posAlerts_info.posrightbox_info {
        text-align: center;
    }

    .pageBlockInner_FormBlock .formRow input {
        margin-right: 4px;
    }

    .pageBlockInner_FormBlock .formRow .addresspoints {
        max-width: 100%;
    }

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

    .of5 {
        width: 128px;
        height: 198px;
        padding-top: 1px;
    }

    .bendevpanel {
        width: 164px;
        height: 198px;
        padding-top: 21px;
        margin-bottom: 4px;
    }

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

    .footer {
        text-align: center;
    }

    .footerimgcol {
        text-align: center;
    }

    .copyrightleft, .copyrightright {
        text-align: center;
    }


    .offerLayoutPlaceHolder.offerLayoutPlaceHolder_Item_1.offerLayoutPlaceHolder_Multi a:before,
    .offerLayoutPlaceHolder.offerLayoutPlaceHolder_Item_2.offerLayoutPlaceHolder_Multi a:before,
    .offerLayoutPlaceHolder.offerLayoutPlaceHolder_Item_3.offerLayoutPlaceHolder_Multi a:before {
        font-size: 24px;
        padding: 5px;
        display: block;
        margin: auto;
    }

    #eventsListContainer .eventContainerWrapper {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
    }

        #eventsListContainer .eventContainerWrapper .eventContainer .eventImageContainer a {
            height: auto;
        }

            #eventsListContainer .eventContainerWrapper .eventContainer .eventImageContainer a img {
                height: auto;
                width: auto;
            }

    #eaContainer #Pos_Description_pageView #posdesc_pageBlock .stickyApply {
        top: initial;
        transform: none;
        bottom: 0;
        right: 0;
        width: 100%;
    }

    #eaContainer #posdesc_pageBlock #leftContent .topRow {
        flex-direction: column;
    }

        #eaContainer #posdesc_pageBlock #leftContent .topRow .topBlock.jobValues .topBlockContent .posdescriptionPropertyBox ul li {
            max-width: 45%;
            flex: 45%
        }

    #eaContainer #leftContent .ApplyNowContainer,
    #eaContainer #rightContent .ApplyNowContainer {
        display: none;
    }
}

@media screen and (max-width: 980px) {
    #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;
    }


    #eaContainer .interviewdetailform .pageBlockInner_FormBlock .mapRow .mapContainer_Small,
    #eaContainer .interviewdetailform .pageBlockInner_FormBlock .mapRow .mapInnerContainer_Small {
        width: 500px;
    }

    #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,
    .pageBlockInner_FormBlock .formRow .postcodelookup,
    .pageBlockInner_FormBlock .formRow .postcodeskip,
    #eaContainer .buttonsLeft a.buttonAnchor,
    #eaContainer .buttonsRight a.buttonAnchor,
    #Grid_PERSONALDETAILS_pageBlock .rowlink a {
        border-radius: 0;
    }

    #eaContainer #Pos_Description_pageView #posdesc_pageBlock a.right {
        width: 100%;
    }

    body div.ui-dialog .pageBlockInner_GridBlock .scroller {
        margin: 1em 0;
    }

    body .pageBlockInner_FormBlock div.labelContainer,
    #eaContainer .pageBlockInner_FormBlock div.labelContainer,
    #eaContainer #SearchForm_pageBlock .pageBlockInner_FormBlock div.labelContainer {
        text-align: left;
    }

    #eaContainer .col-left,
    #eaContainer .col-right {
        width: 100%;
    }

    #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;
    }

    #eaContainer #MyDetails_ConnectedServices_pageView #ConnectedServicesForm_pageBlock .serviceContainer,
    #eaContainer #Home_pageView #CodeListCounts_pageBlock .listItemContainer {
        width: 50%;
    }

    .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%;
    }

    #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%;
    }

    #MapBlock_pageBlockContainer {
        width: 100%;
    }

    #eaContainer #posBrowser_Filter_pageBlock .FilterContainer .ValueList li {
        display: block;
        margin: 0;
        width: 100%;
    }

    #eaContainer #posBrowser_Filter_pageBlock .FilterContainer .label {
        margin-left: 2em;
    }

    #eaContainer .category-blocks .category-block {
        margin-left: 1%;
        width: 48%;
        min-height: 210px;
    }

    #eaContainer #posBrowser_ResultsGrid_pageBlock .rowContainer {
        width: calc(100% - -2px);
    }

    #eaContainer .pageBlockInner_FormBlock .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;
    }

    #eaContainer #WelcomeInfoBlock_pageBlock div.pageBlockInner_FormBlock div.formRow {
        width: 100%;
        display: inline-block;
    }

    #eaContainer #MyDetails_Username_pageView #Summary_emailList_formRow .emailPrimaryAlreadyContainer {
        float: none;
        margin-top: 1em;
    }

    #eaContainer .questionsAnswerBlock div.appSummaryGridHeader {
        width: 100%;
    }

    #eaContainer .questionsAnswerBlock .appSummaryQuestionGridRow div.appSummaryGridValue {
        margin-left: 0;
        width: 100%;
    }

    #eaContainer .pageBlockInner_FormBlock div.formRowFileUploadRow button {
        background-position: 5% center;
        background-repeat: no-repeat;
    }

    #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;
    }

    #eaContainer div.posDescriptionContainer317 .LeftJobBox,
    #eaContainer div.posDescriptionContainer317 .RightJobBox,
    .RightBackBox {
        width: 100%;
        display: block;
    }

    .RightBackBox,
    #eaContainer div.posDescriptionContainer317 .RightJobBox {
        margin-left: 0;
        margin-top: 1em;
    }

    #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;
        }

    .buttonsRight > ul > li {
        margin-right: 4px;
    }
}

@media (max-width: 768px) {
    .candidateEventMedia img {
        width: 100%;
    }

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

    body .ui-dialog {
        width: 100% !important;
    }

    .MyJobFeed div.pageBlockContent {
        overflow: hidden;
    }

    .mobilemenu {
        padding-top: 15px;
    }

    .header {
        height: 115px;
        transition: none;
    }

    .topmargin {
        margin-top: 133px;
    }

    .homeslider {
        height: 100%;
        -webkit-clip-path: none;
        clip-path: none;
    }

    .flex-direction-nav .flex-prev, .flex-direction-nav .flex-next {
        background: transparent;
    }

    .flex-direction-nav a:before {
        color: rgba(255, 255, 255, 0.8);
    }

    .slidetext.left {
        float: left;
        width: 80%;
        padding-left: 12%;
        z-index: 1;
    }

    .slidetext.right {
        display: none;
    }

    .commonhero {
        margin-top: 124px;
    }

    .sandatext {
        padding-top: 15px;
    }

    .searchandapplyhero {
        height: 318px;
        background-image: none;
    }

    .bigmapcontainer {
        height: 234px;
    }

    .bigmaplink {
        height: 234px;
    }

    .herotextcol {
        padding-top: 30px;
    }

    /*.herotitle {
        font-size: 3.5rem;
    }*/

    .homenopad {
        background-size: cover;
    }

    .fctextrowr {
        min-height: 400px;
    }

    .narrowright, .narrowrightlast, .narrowleft, .narrowleftlast {
        -webkit-clip-path: none;
        clip-path: none;
    }

    .homemarginone {
        margin-top: 0;
    }

    .homemargintwo {
        margin-top: 0;
    }

    .rolesContainer .container-fluid:not(:first-child) {
        margin-top: 0;
    }

    .frmargintwo {
        margin-top: 0;
    }

    .frmarginthree {
        margin-top: 0;
    }

    .frmarginfour {
        margin-top: 0;
    }

    .frmarginfive {
        margin-top: 0;
    }

    .fcmargintwo {
        margin-top: 0;
    }

    .fcmarginthree {
        margin-top: 0;
    }

    .fcmarginfour {
        margin-top: 0;
    }

    .fcmarginfive {
        margin-top: 0;
    }

    .fcmarginsix {
        margin-top: 0;
    }

    .bgpanel {
        min-height: 310px;
    }

    .textrow {
        min-height: 310px;
    }

    .frone {
        background-image: url(../images/custom/foodretail1mob.png);
    }

    .frtwo {
        background-position: 0;
    }

    .frthree {
        background-image: url(../images/custom/foodretail3mob.png);
    }

    .frfour {
        background-position: 90%;
    }

    .fcone, .fcthree {
        background-position: 0px;
    }

    .fctwo {
        background-position: 0px;
    }

    .fcfive {
        background-position: 0px -2px;
    }

    .fcsix {
        background-position: 0px;
    }

    .homeone {
        background-position: 70%;
    }

    .hometwo {
        background-position: 50% 0;
    }

    .home3textmiddle {
        padding-top: 66px;
    }

    .intexttitle {
        padding-top: 70px;
    }

    #home3textimg {
        padding-bottom: 116px;
    }

    #howtoapply3 {
        width: 100%;
    }

        #howtoapply3 ol a.flex-active {
            background: url(../images/icons/timelinemarkerselectedmob.png) no-repeat right;
            height: 25px;
            width: 20px;
        }

        #howtoapply3 ol a {
            background: url(../images/icons/timelinemarkermob.png) no-repeat right;
            height: 25px;
            width: 20px;
        }

    .lefttl, .righttl {
        text-align: center;
        padding-top: 10px;
        padding-bottom: 20px;
        margin-top: 0;
    }

        .lefttl > p, .righttl > p, .righttl > p.tallerpara {
            background-color: white;
            padding-top: 10px;
        }

    .centertl {
        display: none;
    }

    .lastttl {
        padding-bottom: 0;
    }

    .tallerpara {
        margin-bottom: 10px;
    }

    .col-km-5, .col-km-5:last-of-type {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        text-align: center;
        padding-top: 20px;
    }

    #eaContainer #posBrowser_ResultsGrid_pageBlock .rowContainer {
        width: calc(100% - -2px);
    }

    .mobbeforetext {
        display: block;
        padding-left: 20px;
        padding-right: 20px;
        color: white;
    }

    .nomob {
        display: none;
    }

    .pointeralign, .closertitle, .closertext {
        text-align: center;
    }

    #eaContainer .posBrowserMapBlock .addressContainer {
        margin-top: 64px;
        width: 259px;
    }

    .addressContainer_Hidden {
        display: block !important; /*kma to override core code*/
        left: 11px !important;
    }

    #eaContainer .posBrowserMapBlock .addressContainer .addressLabel {
        width: 100%;
    }

    #eaContainer .posBrowserMapBlock .addressContainer .addressInput {
        width: 191px;
    }

    .joinourtitle {
        margin-top: 20px;
    }

    .jointxtcol {
        min-width: 100%;
        max-width: 100%;
    }

    .joinbtncol {
        min-width: 100%;
        padding-left: 0;
        padding-top: 0;
        text-align: left;
        padding-bottom: 30px;
    }

    .hogreen {
        width: 100%;
    }

    .hotextcol {
        padding-top: 10px;
    }

    .col5 {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .of5 {
        width: 100%;
        height: auto;
        padding-top: 2px;
        margin-bottom: 10px;
    }


    .tlcontainer {
        display: none;
    }

    .tlcontainermob {
        display: block;
    }

    /**kma timeline for mobile**/
    .fmhtimelinerow {
        background: url(../images/custom/newtimelinearrow.png) top 56px left 12px no-repeat, url(../images/custom/newtimeline-horizontal-mob.png) top 67px center repeat-x;
    }

    .mhtimelinerow {
        background-image: url(../images/custom/newtimeline-horizontal-mob.png);
        background-repeat: repeat-x;
        background-position: top 67px center;
    }

    .lmhtimelinerow {
        background: url(../images/custom/newtimelinearrowback.png) top 56px left 4px no-repeat, url(../images/custom/newtimeline-horizontal-mob.png) top 67px center repeat-x;
    }

    .mtli-fluid1 {
        max-width: 100%;
        height: auto;
    }

    .fortypercent {
        -ms-flex: 0 0 40%;
        flex: 0 0 40%;
        max-width: 40%;
        text-align: center;
        margin-bottom: 10px;
        padding-top: 2px;
    }

    .mtenpercentleft {
        -ms-flex: 0 0 10%;
        flex: 0 0 10%;
        max-width: 10%;
    }

    .mtprtop {
        background-image: url(../images/custom/mob-topnewtimeline.png);
        background-repeat: no-repeat;
        background-position: top 68px right 0px;
    }

    .mtplmiddleup {
        background-image: url(../images/custom/mob-bottomnewtimeline.png);
        background-repeat: no-repeat;
        background-position: top 0px left 0px;
    }

    .mtplmiddledown {
        background-image: url(../images/custom/mob-topnewtimeline.png);
        background-repeat: no-repeat;
        background-position: top 68px left 0px;
    }

    .mtprmiddleup {
        background-image: url(../images/custom/mob-bottomnewtimeline.png);
        background-repeat: no-repeat;
        background-position: top 0px right 0px;
    }

    .mtprmiddledown {
        background-image: url(../images/custom/mob-topnewtimeline.png);
        background-repeat: no-repeat;
        background-position: top 68px right 0px;
    }

    .mtenpercentright {
        -ms-flex: 0 0 10%;
        flex: 0 0 10%;
        max-width: 10%;
    }

    /**!!change next two!!**/
    .mtimelineimgh {
        max-width: 142px;
        height: auto;
    }

    p.mtimelinehoriz {
        text-align: center;
        max-width: 148px;
        display: inline-block;
        line-height: 17px;
    }

    span.myeartxth {
        color: #00b0b9;
        font-size: 2rem;
        line-height: 1rem;
        transition: all 0.25s;
        display: inline-block;
        padding-top: 20px;
    }

    /********timeline etc etc *********/
    /**onboarding**/
    .menuItem {
        width: calc(100% - 10px) !important; /*override inline*/
        display: block;
    }

    /**end**/
    .interviews {
        height: auto;
    }

    .bendevpanel {
        width: 100%;
        height: 208px;
        padding-top: 25px;
        margin-bottom: 10px;
    }

    #eaContainer #WelcomeInfoBlock_pageBlock div.pageBlockInner_FormBlock div.formRow {
        background: url(../images/custom/myhomebg.png) top repeat-x #006880;
    }

    #eaContainer div.pageBlockInner_FormBlock div.formRow .iconDescription,
    #eaContainer div.pageBlockInner_FormBlock div.formRow .iconRowValues {
        text-align: left;
        max-width: 100%;
    }

    .footerangle {
        -webkit-clip-path: none;
        clip-path: none;
        padding-top: 20px;
    }

    .footerlogo {
        padding-bottom: 5px;
    }

    .footertitle {
        padding-bottom: 4px;
        padding-top: 18px;
    }

    #eaContainer .interviewdetailform .pageBlockInner_FormBlock .mapRow .mapContainer_Small,
    #eaContainer .interviewdetailform .pageBlockInner_FormBlock .mapRow .mapInnerContainer_Small {
        width: 100%;
        margin-left: auto;
        margin-right: auto;
    }
}



@media screen and (max-width: 767px) {
    #OfferInfoBlock_pageBlock .offerLayoutPlaceHolder_Multi {
        width: 100% !important;
    }

    #eaContainer #posdesc_pageBlock #leftContent .topRow .topBlock.jobValues .topBlockContent .posdescriptionPropertyBox ul {
        flex-direction: column;
    }

        #eaContainer #posdesc_pageBlock #leftContent .topRow .topBlock.jobValues .topBlockContent .posdescriptionPropertyBox ul li {
            max-width: 100%;
        }
}

@media screen and (max-width: 480px) {
    body .pageBlockInner_GridBlock div.gridContentWithHeader {
        width: 250px;
    }

    body .ui-dialog {
        width: 280px;
    }

    #FindJobBlock #quicksearch_form {
        width: 100%;
        margin-left: 0;
        padding-left: 0;
    }

    div.alternateViews .alternateViewsButton_Map:before {
        content: none;
    }

    #Grid_PERSONALDETAILS_pageBlock .rowlink a {
        display: block;
    }

    div#newregister_buttons_formRow .buttonsRight {
        float: left;
        margin-bottom: 13px;
    }

    div#login_buttons2_formRow .buttonsRight,
    div#login_SaveButtonRow_formRow .buttonsRight {
        float: left;
        margin-bottom: 13px;
        margin-left: -2px;
    }

    #home3textimg {
        padding-bottom: 220px;
    }

        #home3textimg div {
            width: 50%;
            display: inline-block;
            text-align: center;
        }

    .MyJobFeed .modalContent .formRow.formRowButtonRow {
        width: 50%;
        text-align: left;
    }
}

/**fix funeral care title**/
.spf {
    display: none;
}


@media screen and (max-width:380px) {
    .spf {
        display: inline;
    }
}

/* --------------------------------------
========================================= 
    8. ACCESSIBILITY 
========================================= 
-----------------------------------------*/
.screen-reader-text {
    position: absolute;
    clip: rect(1px,1px,1px,1px);
    overflow: hidden;
    color: #000;
    background: #fff;
    width: 1px;
    height: 1px;
}

    .screen-reader-text:focus {
        clip: auto;
        overflow: auto;
        left: 1em;
        top: 1em;
        z-index: 100;
        padding: 1em;
        background-color: #fff;
        font-size: 1.2em;
        outline: 0;
        width: auto;
        height: auto;
    }

.pageBlockInner_FormBlock #PasswordForm_password_formRow label.formLabel,
.pageBlockInner_FormBlock #UsernameForm_username_formRow label.formLabel,
.pageBlockInner_FormBlock #RegisterForm_adverturlid_formRow label.formLabel,
.pageBlockInner_FormBlock #RegisterForm_password_formRow label.formLabel,
.pageBlockInner_FormBlock #RegisterForm_confirmpassword_formRow label.formLabel,
.pageBlockInner_FormBlock #RegisterForm_firstname_formRow label.formLabel,
.pageBlockInner_FormBlock #RegisterForm_surname_formRow label.formLabel {
    text-align: center;
}

.pageBlockInner_FormBlock #PasswordForm_password_formRow div.labelContainer,
.pageBlockInner_FormBlock #RegisterForm_adverturlid_formRow div.labelContainer,
.pageBlockInner_FormBlock #RegisterForm_firstname_formRow div.labelContainer,
.pageBlockInner_FormBlock #RegisterForm_surname_formRow div.labelContainer,
.pageBlockInner_FormBlock #RegisterForm_password_formRow div.labelContainer,
.pageBlockInner_FormBlock #RegisterForm_confirmpassword_formRow div.labelContainer,
.pageBlockInner_FormBlock #UsernameForm_username_formRow div.labelContainer {
    text-align: center;
}

/*.pageBlockInner_FormBlock #PasswordForm_password_formRow .controlContainer,
.pageBlockInner_FormBlock #RegisterForm_adverturlid_formRow .controlContainer,
.pageBlockInner_FormBlock #RegisterForm_firstname_formRow .controlContainer,
.pageBlockInner_FormBlock #RegisterForm_surname_formRow .controlContainer,
.pageBlockInner_FormBlock #RegisterForm_password_formRow .controlContainer,
.pageBlockInner_FormBlock #RegisterForm_confirmpassword_formRow .controlContainer,
.pageBlockInner_FormBlock #UsernameForm_username_formRow .controlContainer {
    width: 100%;
    display: block;
    margin-left: auto;
    margin-right: auto;
}*/

/*.pageBlockInner_FormBlock input#Application_Login_PasswordForm_password,
.pageBlockInner_FormBlock input#Application_Login_UsernameForm_username,
.pageBlockInner_FormBlock input#ProfileRegister_PasswordForm_password,
.pageBlockInner_FormBlock input#ProfileRegister_UsernameForm_username,
.pageBlockInner_FormBlock select#Application_Login_RegisterForm_adverturlid,
.pageBlockInner_FormBlock input#ProfileRegister_RegisterForm_password,
.pageBlockInner_FormBlock input#ProfileRegister_RegisterForm_confirmpassword,
.pageBlockInner_FormBlock input#ProfileRegister_RegisterForm_firstname,
.pageBlockInner_FormBlock input#ProfileRegister_RegisterForm_surname,
.pageBlockInner_FormBlock input#Application_Login_RegisterForm_password,
.pageBlockInner_FormBlock input#Application_Login_RegisterForm_confirmpassword,
.pageBlockInner_FormBlock input#Application_Login_RegisterForm_firstname,
.pageBlockInner_FormBlock input#Application_Login_RegisterForm_surname,
.pageBlockInner_FormBlock input#Login_PasswordForm_password,
.pageBlockInner_FormBlock input#Login_RegisterForm_password,
.pageBlockInner_FormBlock input#Login_RegisterForm_confirmpassword,
.pageBlockInner_FormBlock input#Login_RegisterForm_firstname,
.pageBlockInner_FormBlock input#Login_RegisterForm_surname,
.pageBlockInner_FormBlock input#Login_UsernameForm_username {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    display: block;
}*/

.pageBlockInner_FormBlock select#Application_Login_RegisterForm_adverturlid {
    height: 42px;
}

.passwordStrength {
    margin-left: auto;
    margin-right: auto;
}

.Login .tooltip2_Surround_FormToolTip, .Login .tooltip2_SurroundClosing,
.ProfileRegister .tooltip2_Surround_FormToolTip, .ProfileRegister .tooltip2_SurroundClosing {
    display: none !important; /*KMA to override inline style*/
}

@media screen and (max-width:992px) {
    .pageBlockInner_FormBlock #PasswordForm_password_formRow label.formLabel,
    .pageBlockInner_FormBlock #UsernameForm_username_formRow label.formLabel,
    .pageBlockInner_FormBlock #RegisterForm_password_formRow label.formLabel,
    .pageBlockInner_FormBlock #RegisterForm_confirmpassword_formRow label.formLabel,
    .pageBlockInner_FormBlock #RegisterForm_firstname_formRow label.formLabel,
    .pageBlockInner_FormBlock #RegisterForm_surname_formRow label.formLabel {
        text-align: center;
    }

    .pageBlockInner_FormBlock #PasswordForm_password_formRow div.labelContainer,
    .pageBlockInner_FormBlock #RegisterForm_firstname_formRow div.labelContainer,
    .pageBlockInner_FormBlock #RegisterForm_surname_formRow div.labelContainer,
    .pageBlockInner_FormBlock #RegisterForm_password_formRow div.labelContainer,
    .pageBlockInner_FormBlock #RegisterForm_confirmpassword_formRow div.labelContainer,
    .pageBlockInner_FormBlock #UsernameForm_username_formRow div.labelContainer {
        width: 100%;
    }

    .pageBlockInner_FormBlock input#Application_Login_PasswordForm_password, /*added*/
    .pageBlockInner_FormBlock input#Application_Login_UsernameForm_username, /*added*/
    .pageBlockInner_FormBlock input#ProfileRegister_PasswordForm_password,
    .pageBlockInner_FormBlock input#ProfileRegister_UsernameForm_username,
    .pageBlockInner_FormBlock input#ProfileRegister_RegisterForm_password,
    .pageBlockInner_FormBlock input#ProfileRegister_RegisterForm_confirmpassword,
    .pageBlockInner_FormBlock input#ProfileRegister_RegisterForm_firstname,
    .pageBlockInner_FormBlock input#ProfileRegister_RegisterForm_surname,
    .pageBlockInner_FormBlock select#Application_Login_RegisterForm_adverturlid,
    .pageBlockInner_FormBlock input#Application_Login_RegisterForm_password,
    .pageBlockInner_FormBlock input#Application_Login_RegisterForm_confirmpassword,
    .pageBlockInner_FormBlock input#Application_Login_RegisterForm_firstname,
    .pageBlockInner_FormBlock input#Application_Login_RegisterForm_surname,
    .pageBlockInner_FormBlock input#Login_PasswordForm_password,
    .pageBlockInner_FormBlock input#Login_RegisterForm_password,
    .pageBlockInner_FormBlock input#Login_RegisterForm_confirmpassword,
    .pageBlockInner_FormBlock input#Login_RegisterForm_firstname,
    .pageBlockInner_FormBlock input#Login_RegisterForm_surname,
    .pageBlockInner_FormBlock input#Login_UsernameForm_username {
        width: 100% !important;
        max-width: 100%;
    }

    .pageBlockInner_FormBlock div.controlContainer {
        width: 100%;
    }
}

.tooltip2_Surround, .tooltip2_SurroundClosing {
    display: none !important;
}


@media screen and (-ms-high-contrast: none), (-ms-high-contrast: active) { /*ie*/
    .mobilemenu {
        overflow: hidden;
    }

    .homeslider {
        height: 683px;
    }

    .homefirsttext h2.intexttitle {
        margin-top: 100px !important;
    }

    h1.home3textmiddle {
        margin-top: 100px;
    }

    .freesearch {
        height: 35px;
    }

    .hometwo {
        background-position: 44% 0px;
    }

    h2.ietitle {
        padding-top: 200px;
    }

    .howtofirst100, .homemarginone, .homemargintwo, .frmargintwo, .frmarginthree, .frmarginfour,
    .frmarginfive, .fcmarginone, .fcmargintwo, .fcmarginthree, .fcmarginfour, .fcmarginfive, .fcmarginsix {
        margin-top: 0;
    }

    .hogreen {
        margin-bottom: 10px;
    }

    .howtoapplyhero {
        background-position: top 100% right 1%;
    }

    .frone {
        background-image: url("../images/custom/foodretail1mob.png");
    }

    .frthree {
        background-image: url("../images/custom/foodretail3mob.png");
    }
}

@supports (-ms-ime-align:auto) { /*edge*/
    .mobilemenu {
        overflow: hidden;
    }

    .homeslider {
        height: 683px;
    }

    .hometwo {
        background-position: 44% 0px;
    }

    .howtofirst100, .homemarginone, .homemargintwo, .frmargintwo, .frmarginthree, .frmarginfour,
    .frmarginfive, .fcmarginone, .fcmargintwo, .fcmarginthree, .fcmarginfour, .fcmarginfive, .fcmarginsix {
        margin-top: 0;
    }

    .hogreen {
        margin-bottom: 10px;
    }

    .howtoapplyhero {
        background-position: top 100% right 1%;
    }

    .frone {
        background-image: url("../images/custom/foodretail1mob.png");
    }

    .frthree {
        background-image: url("../images/custom/foodretail3mob.png");
    }
}

/*offers and onboarding*/
.MyWelcomePacks_OfferInformation_Summary #eaContainer .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulListItem.Section_OfferInformation1,
.MyWelcomePacks_OfferInformation_Summary #eaContainer .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulListItem.Section_OfferInformation12,
.MyWelcomePacks_OfferInformation_Summary #eaContainer .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulListItem.Section_OfferInformation13,
.MyWelcomePacks_OfferInformation_Summary #eaContainer .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulListItem.Section_OfferInformation14,
.MyWelcomePacks_OfferInformation_Summary #eaContainer .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulListItem.Section_OfferInformation15 {
    border-radius: 6px !important;
    width: 32.3333%;
    display: inline-block;
    height: 190px;
    margin-top: 20px;
    padding-top: 4px;
    padding-left: 4px;
}

#eaContainer .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulListItem.Section_OfferInformation12 {
    background-color: #f2e50087 !important;
    background-image: url(../images/sprites/unselected-progress-hover.png), url(../images/misc/benefitssvg.png);
    background-position: top 4px left 4px, bottom 1px center;
    background-repeat: no-repeat, no-repeat;
    margin-top: 13px;
}

#eaContainer .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulListItem.Completed.Section_OfferInformation12 {
    background-image: url(../images/sprites/selected-progress-hover.png), url(../images/misc/benefitssvg.png);
}


#eaContainer .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulListItem.Section_OfferInformation1 {
    background-color: #8F96CB87 !important;
    background-image: url(../images/sprites/unselected-progress-hover.png), url(../images/misc/aboutsvg.png);
    background-position: top 4px left 4px, bottom 1px center;
    margin-top: 13px;
}

#eaContainer .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulListItem.Completed.Section_OfferInformation1 {
    background-image: url(../images/sprites/selected-progress-hover.png), url(../images/misc/aboutsvg.png);
}

#eaContainer .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulListItem.Section_OfferInformation13 {
    background-color: #FCC20087;
    background-image: url(../images/sprites/unselected-progress-hover.png), url(../images/misc/brand.png);
    background-position: top 4px left 4px, bottom 1px center;
    margin-top: 23px;
}

#eaContainer .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulListItem.Completed.Section_OfferInformation13 {
    background-image: url(../images/sprites/selected-progress-hover.png), url(../images/misc/brand.png);
}


#eaContainer .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulListItem.Section_OfferInformation14 {
    background-color: #00ecde87;
    background-image: url(../images/sprites/unselected-progress-hover.png), url(../images/misc/welcomesvg.png);
    background-position: top 4px left 4px, bottom 1px center;
}

#eaContainer .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulListItem.Completed.Section_OfferInformation14 {
    background-image: url(../images/sprites/selected-progress-hover.png), url(../images/misc/welcomesvg.png);
}

#eaContainer .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulListItem.Section_OfferInformation15 {
    background-color: #00ecde87;
    background-image: url(../images/sprites/unselected-progress-hover.png), url(../images/misc/values.png);
    background-position: top 4px left 4px, bottom 1px center;
}

#eaContainer .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulListItem.Completed.Section_OfferInformation15 {
    background-image: url(../images/sprites/selected-progress-hover.png), url(../images/misc/values.png);
}

.MyWelcomePacks_OfferInformation_Summary #eaContainer .OfferSectionsSummaryBlockContainer .ulList .Todo div.ulListItemLabel a,
.MyWelcomePacks_OfferInformation_Summary #eaContainer .OfferSectionsSummaryBlockContainer .ulList .Completed div.ulListItemLabel a {
    color: #006880;
    font-size: 1.6rem;
    font-weight: bold;
    line-height: 1.2rem !important;
    display: inline-block;
    padding-top: 10px;
}

@media screen and (max-width:768px) {
    .MyWelcomePacks_OfferInformation_Summary #eaContainer .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulListItem.Section_OfferInformation1,
    .MyWelcomePacks_OfferInformation_Summary #eaContainer .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulListItem.Section_OfferInformation12,
    .MyWelcomePacks_OfferInformation_Summary #eaContainer .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulListItem.Section_OfferInformation13,
    .MyWelcomePacks_OfferInformation_Summary #eaContainer .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulListItem.Section_OfferInformation14,
    .MyWelcomePacks_OfferInformation_Summary #eaContainer .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulListItem.Section_OfferInformation15 {
        border-radius: 6px !important;
        width: 100%;
        display: block;
        height: 190px;
        margin-top: 20px;
        padding-top: 4px;
        padding-left: 4px;
    }
}
/*end*/
/*telnum 3.62 fix*/
.iti--allow-dropdown {
    width: 100%;
}
/*/*/

.communityImage img {
    width: 100% !important;
    margin-bottom: 20px;
}

.Wellbeingimage,
.Susimage {
    margin-bottom: 20px;
}

.scrollerContainer {
    display: flex;
    border: 10px solid #006880;
    overflow: hidden;
    width: 100% !important;
    margin: 75px auto;
    border-radius: 5px;
    box-shadow: none;
}

    .scrollerContainer .scrollerGroup {
        display: flex;
        align-items: center;
        justify-content: start;
        transition: margin 1s;
    }

.scrollerGroup > article {
    display: flex;
    background-size: 50%;
    justify-content: center;
    align-items: flex-end;
    text-align: center;
    outline: 1px solid #eee;
    position: relative;
    height: 200px;
}

    .scrollerGroup > article .caption {
        font-family: sans-serif;
        font-weight: 300;
        display: flex;
        align-items: center;
        justify-content: center;
        background: #e2e2e2;
        width: 100%;
        height: 65px;
        font-weight: bold !important;
    }

#status {
    width: 800px;
    padding: 15px;
    margin: 15px auto;
    border: 1px solid #ccc;
}

.awards h1 {
    text-align: center !important;
}

.award1 {
    background-image: url(../images/award1.png) !important;
    background-repeat: no-repeat !important;
    background-size: 60% !important;
    background-position: top;
}

.award2 {
    background-image: url(../images/award2.png) !important;
    background-repeat: no-repeat !important;
    background-size: 60% !important;
    background-position: top;
}

.award3 {
    background-image: url(../images/award3.png) !important;
    background-repeat: no-repeat !important;
    background-size: 60% !important;
    background-position: top;
}

.award4 {
    background-image: url(../images/award4.jpg) !important;
    background-repeat: no-repeat !important;
    background-size: 60% !important;
    background-position: top;
}

.award5 {
    background-image: url(../images/awrd5.jpg) !important;
    background-repeat: no-repeat !important;
    background-size: 60% !important;
    background-position: top;
}

.award6 {
    background-image: url(../images/awrd6.jpg) !important;
    background-repeat: no-repeat !important;
    background-size: 60% !important;
    background-position: top;
}

.bendev {
    background-color: #00a7ae;
}


#bendevlnine img,
#bendevlten img,
#bendevleleven img,
#bendevltwelve img {
    width: 50% !important;
}

#Apprentice1,
#Apprentice2 {
    background: white !important;
}


@media all and (max-width:767px) {
    .textpage_aboutsoco .inpagetitle.nogreen,
    .textpage_aboutsoco h1 {
        font-size: 26px;
    }

    .Susimage img,
    .Wellbeingimage img {
        width: 100% !important;
    }
}

.scrollerGroup > article .caption {
    line-height: normal !important;
}

#NewButton_White {
    border: 2px solid white !important;
    color: white !important;
}


.textpage_home .prefooterpeople {
    display: none;
}

.textpage_home .intexttitle {
    font-size: 36px;
}

.textpage_home .closertitle {
    padding-top: 60px;
    font-size: 36px;
    font-weight: bold;
    line-height: 51px;
}

.textpage_home .col-lg-9 {
    max-width: 60%;
}

.textpage_howtoapply .howtoapplyhero {
    background-color: #00a7ae !important;
    background-image: none !important;
}


.textpage_howtoapply .howtofirst100.narrowleftlast .text-white {
    color: black !important;
}

.textpage_howtoapply .howtofirst100.narrowleftlast h1.text-white {
    color: #00a7ae !important;
}


.textpage_howtoapply .herotitle.htacolor {
    color: white !important;
}

.textpage_howtoapply .howtofirst100.narrowleftlast {
    background-color: white !important;
}

.textpage_howtoapply p.htacolor {
    color: white !important;
}

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


.textpage_aboutsoco .frone {
    background-image: url(../images/Comminuty.jpg) !important;
}

.textpage_aboutsoco .frtwo {
    background-image: url(../images/diversity.jpg) !important;
}

.textpage_aboutsoco .frthree {
    background-image: url(../images/wellness.jpg) !important;
}

.textpage_aboutsoco .frfour {
    background-image: url(../images/newIcons.png) !important;
    background-position: center center;
    background-size: contain;
}

.textpage_aboutsoco .frgreen {
    background-color: #006880 !important;
}

.container-fluid.narrowright.frmarginthree.wow.slideInLeft .img-fluid.images.tab-video {
    margin-top: 60px !important;
}

.container-fluid.narrowright.frmarginthree.wow.slideInLeft .img-fluid.images.tab-video {
    margin-top: 60px !important;
    width: 74% !important;
    margin: 0 auto;
    margin-top: 0px;
    float: none;
    display: block;
    margin-top: 150px !important;
}

.textpage_aboutsoco .col-md-6.bgpanel.frthre2e {
    background-color: #006880 !important;
}

/*starbucks*/

.textpage_starbucks .foodretailhero {
    background-color: #00693b;
    background-image: url(../images/starbucks_3_cutout.png);
}

.textpage_starbucks .frgreen {
    background-color: #00693b;
}

.textpage_starbucks a.foodretailbtn {
    color: #00693b !important;
    border: 2px solid #00693b;
}

.textpage_starbucks .colorgreen {
    color: #00693b;
}


.textpage_starbucks .frone {
    background-image: url(../images/starbucks_1.png);
}

.textpage_starbucks .frfour {
    background-image: url(../images/starbucks_2.JPG);
}

.textpage_starbucks .narrowleft {
    -webkit-clip-path: polygon(0 16%, 100% 0, 100% 100%, 0 100%);
    clip-path: polygon(0 16%, 100% 0, 100% 100%, 0 100%);
}

/*---------*/
.textpage_whatweoffer .howtoapplyhero {
    background-position: top 195px right 10%;
}

.textpage_whatweoffer .howtoapplyhero {
    background-color: #fff;
    background-image: url(../images/newtemp.png);
}

.textpage_whatweoffer .commonhero {
    height: 618px;
    margin-top: 80px;
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
}

.textpage_whatweoffer .bendev {
    background-color: white !important;
}

.textpage_whatweoffer .inpagedevtitle {
    color: #006880 !important;
}

h1.newtitle {
    text-align: center;
    margin: 40px 0 !important;
}

.textpage_whatweoffer .beforetext {
    color: black;
}


.textpage_whatweoffer #bottom_Slide .slides li {
    margin-right: 30px !important;
    width: 6% !important;
}

#Apprentice1,
#Apprentice2 {
    background-color: #f1f1f1 !important;
}


.faq-drawer {
    margin-bottom: 30px;
}

.faq-drawer__content-wrapper {
    font-size: 1.25em;
    line-height: 1.4em;
    max-height: 0px;
    overflow: hidden;
    transition: 0.25s ease-in-out;
}

.faq-drawer__title {
    border-top: #000 1px solid;
    cursor: pointer;
    display: block;
    font-size: 1.25em;
    font-weight: 700;
    padding: 30px 0 0 0;
    position: relative;
    margin-bottom: 0;
    transition: all 0.25s ease-out;
}

    .faq-drawer__title::after {
        border-style: solid;
        border-width: 1px 1px 0 0;
        content: " ";
        display: inline-block;
        float: right;
        height: 10px;
        left: 2px;
        position: relative;
        right: 20px;
        top: 2px;
        transition: 0.35s ease-in-out;
        vertical-align: top;
        width: 10px;
    }

    /* OPTIONAL HOVER STATE */
    .faq-drawer__title:hover {
        color: #4E4B52;
    }

.faq-drawer__trigger:checked + .faq-drawer__title + .faq-drawer__content-wrapper {
    max-height: 350px;
}

.faq-drawer__trigger:checked + .faq-drawer__title::after {
    transition: 0.25s ease-in-out;
}

input[type="checkbox"] {
    display: block !important;
}

@media only screen and (max-width: 600px) {
    .container {
        padding: 80px;
    }
}

#accordings {
    margin-top: 30px !important;
}

.faq-drawer {
    background: white !important;
    border: none !important;
    padding: 20px !important;
}

.faq-drawer__title {
    padding-top: 0 !important;
    border: none !important;
    line-height: normal;
    color: #006880 !important;
}

.faq-drawer__content {
    padding-top: 20px;
}

.faq-drawer {
    margin-bottom: 10px;
}

.textpage_whatweoffer .bendevlinktext {
    padding-top: 0 !important;
}

.textpage_starbucks .header {
    min-height: 154px;
    background-color: #00693b;
}

.textpage_whatweoffer .frgreen {
    background: #006880 !important;
}

.textpage_whatweoffer .frone {
    background-image: url(../images/newimagefornewsection.jpg);
    background-size: cover !important;
}


.textpage_whatweoffer .trainingdev.wow.slideInRight.animated {
    padding: 60px 0 !important;
    text-align: center;
}




* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}




.wrapper {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 30px;
    padding: 50px;
}

.membre {
    box-shadow: 0px 2px 6px 0px #ccc;
    position: relative;
    overflow: hidden;
    transition: all 0.5s ease-in;
}

    .membre .info {
        background-color: transparent;
        padding: 20px 10px;
        position: absolute;
        bottom: 0;
        width: 100%;
        transition: all 0.5s ease-in;
    }

    .membre .name {
        color: #006880;
        font-size: 24px;
        font-weight: 700;
        margin-bottom: 10px;
    }

    .membre .job {
        color: #006880;
        font-size: 18px;
        font-weight: 600;
    }

    .membre .text {
        margin: 15px 10px 15px 0px;
        font-size: 14px;
    }

    .membre .overly {
        height: 0;
        background-color: #006880 !important;
        padding: 0;
        position: absolute;
        width: 100%;
        display: block;
        transition: all 0.2s ease-in;
        color: white !important;
    }

    .membre .top {
        top: -100%;
        left: 0;
    }

    .membre .bottom {
        bottom: -100%;
        left: 0;
        height: 100%;
    }

    .membre .left {
        top: 0;
        right: -100%;
        height: 100%;
    }

    .membre .social-icones {
        display: inline-flex;
        position: relative;
    }

        .membre .social-icones .icon {
            width: 40px;
            height: 40px;
            line-height: 40px;
            background-color: #fff;
            display: block;
            text-align: center;
            margin-right: 5px;
            color: #000;
        }

    .membre .to-top {
        bottom: 0;
        transition: all 0.5s ease-in;
    }

    .membre:hover .overly {
        height: 100%;
        padding: 20px 10px;
    }

    .membre:hover .info {
        position: absolute;
        bottom: -80px;
        padding: 0;
        transition: all 0.5s ease-in;
    }

    .membre:hover .top {
        top: 0;
        bottom: 0px;
    }

    .membre:hover .bottom {
        bottom: 0;
    }

    .membre:hover .left {
        right: 0;
    }

    .membre:hover .to-top {
        bottom: 100% !important;
        transition: all 0.5s ease-in;
    }

@media screen and (max-width: 868px) {
    .wrapper {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media screen and (max-width: 600px) {
    .wrapper {
        grid-template-columns: 1fr;
    }
}

.membre {
    width: auto !important;
    height: 420px;
}

    .membre img {
        display: block !important;
        width: 100% !important;
    }

.middle p,
.middle h5 {
    color: white !important;
}

.membre {
    box-shadow: none !important;
}

    .membre .text {
        margin: 15px 10px 15px 0px;
        font-size: 12px;
        line-height: normal;
    }


@media screen and (max-width: 991px) {
    .textpage_whatweoffer .howtoapplyhero {
        background-image: none;
    }

    .textpage_whatweoffer #bottom_Slide .slides li {
        margin-right: 30px !important;
        width: 5% !important;
    }

    .wrapper {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
    }
}

@media screen and (max-width: 767px) {
    .membre {
        width: auto !important;
        height: 480px;
    }

    .wrapper {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
    }
}

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

.textpage_whatweoffer .howtoapplyhero {
    background-color: #fff;
    background-image: url(../images/temp_banner.png) !important;
    background-position: 115% !important;
}

#benefits_New {
    background: #02a6af !important;
}

#benefits_New {
    background: #02a6af !important;
    padding: 60px 0 !important;
    margin-top: -55px;
    overflow: hidden;
}

    #benefits_New .inpagedevtitle,
    #benefits_New .beforetext {
        color: white !important;
    }

#benefits_New {
    -webkit-clip-path: polygon(0 16%, 100% 0, 100% 100%, 0 100%);
    clip-path: polygon(0 16%, 100% 0, 100% 100%, 0 100%);
}

    #benefits_New .inpagedevtitle {
        margin-top: 50px;
    }

.textpage_whatweoffer .bendev {
    background-color: white !important;
}

.card {
    box-sizing: border-box;
    height: 200px;
    overflow: hidden;
    transition: 0.5s;
    /*    */
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.5);
}

    .card:hover {
        height: 400px;
    }

.card__top {
    box-sizing: border-box;
    display: flex;
    justify-content: space-evenly;
    flex-direction: column;
    color: white !important;
    align-items: center;
    height: 200px;
    width: 100% !important;
    background: transparent;
    transition: 0.8s;
}

    .card__top > h1 {
        font-size: 24px;
    }

.fas {
    font-size: 50px;
    text-align: center;
}

.card:hover > .card__top {
    background: #eee;
}

.card__bottom {
    box-sizing: border-box;
    height: 200px;
    width: 300px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    text-align: left;
    padding: 16px;
}

    .card__bottom > p {
        color: #eee;
        font-size: 16px;
        line-height: 1.3em;
    }

    .card__bottom a {
        background: #fff;
        display: inline-block;
        text-decoration: none;
        padding: 8px 16px;
        transition: 0.5s;
    }

        .card__bottom a:hover {
            background: rgba(255, 255, 255, 0.2);
            color: #fff;
        }

.card {
    width: 31% !important;
    float: left;
    margin: 10px;
    box-shadow: none !important;
    background: #009ca9 !important;
}

.card__top h3 {
    color: white !important;
}

.card__bottom {
    box-sizing: border-box;
    height: auto;
    width: 100% !important;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    text-align: left;
    padding: 16px;
    background: white !important;
    color: black !important;
    margin-top: 37px;
}

.card:hover > .card__top {
    background: transparent;
}

.card__bottom > p {
    color: #313131;
}

.card {
    border-radius: 30px;
}

    .card:hover {
        background-color: #006880 !important;
        cursor: pointer;
        border-radius: 30px 30px 0 0 !important;
    }

.card {
    border-radius: 30px;
    border: none;
}

.card {
    border-radius: 30px !important;
    transition: 0 !important;
}

.card__top h3 {
    color: white !important;
    text-align: center;
}

.card:hover {
    height: auto;
}

.card__bottom > p {
    color: #313131;
    text-align: center;
}

.faq-drawer__title::after {
    background-image: url(../images/plus.png);
    background-size: 100% !important;
    height: 30px !important;
    width: 30px !important;
    background-repeat: no-repeat !important;
    border: none !important;
}

.faq-drawer__trigger:checked + .faq-drawer__title::after {
    background-image: url(../images/minuss.png);
    background-size: 100% !important;
    height: 30px !important;
    width: 30px !important;
    background-repeat: no-repeat !important;
}

#twosectionBottom {
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 84%, 0 100%);
    clip-path: polygon(0 0, 100% 0, 100% 84%, 0 100%);
}

.textpage_whatweoffer #twosectionBottom .frgreen {
    background: #02a6af !important;
}

#emplyeSectionNew {
    background: white !important;
}

.membre {
    background: #f1f1f1 !important;
}

.col-lg-6.col-md-12.herotextcol h2 {
    font-size: 30px;
    color: #00b0b9 !important;
}

#emplyeSectionNew {
    background-image: url(../images/quotemage.png) !important;
    background-position: top right !important;
    background-repeat: no-repeat !important;
}


#bottomsection_foodretail {
    -webkit-clip-path: polygon(0 16%, 100% 0, 100% 100%, 0 84%);
    clip-path: polygon(0 16%, 100% 0, 100% 100%, 0 100%);
}

.job {
    text-indent: -999999999px !important;
}

.textpage_starbucks .frone {
    background-image: url(../images/starbucks_1.jpg);
    background-size: auto;
    background-position: center;
    background-color: #54585a;
    background-size: 112%;
}

.textpage_aboutsoco .frthree {
    background-image: url(../images/wellness.jpg) !important;
    background-size: cover;
    background-color: #e1dcd6 !important;
    background-position: center;
}

.hslidebg03 {
    background-image: url(../images/custom/nslider03.png);
}

/*------*/

.hslidebg0444 {
    background-image: url(../images/custom/newStrabucksImagebanner.png);
}

textpage_home .narrowleft {
    -webkit-clip-path: polygon(0 16%, 100% 0, 100% 100%, 0 84%);
    clip-path: polygon(0 0%, 100% 0, 100% 100%, 0 84%);
}

#newintro {
    padding-top: 30px;
}

.funeralcarehero {
    background-color: #6871AF;
    background-image: url(../images/custom/funcare-working.png);
    background-position: top 70px right 10%;
    background-size: 45% !important;
    background-position: 85% 0;
}

.textpage_aboutsoco #Community_Image .frgreen {
    background-color: #e782a9 !important;
}


.textpage_aboutsoco .frgreenNewOne {
    background-color: #20c997 !important;
}

.scrollerContainer {
    display: flex;
    border: 10px solid transparent !important;
}

.awards {
    background: #edf6f8;
    padding-top: 50px !important;
}

#aboveawards {
    -webkit-clip-path: polygon(0 0, 100% 16%, 100% 100%, 0 100%);
    clip-path: polygon(0 0, 100% 16%, 100% 100%, 0 100%);
}


.scrollerGroup > article {
    display: flex;
    background-size: 50%;
    justify-content: center;
    align-items: flex-end;
    text-align: center;
    outline: 15px solid #edf6f8;
    position: relative;
    height: 250px;
    background-color: white !important;
    padding: 20px !important;
}

.caption {
    background: white !important;
}

.job {
    text-indent: 0 !important;
}

.name {
    display: none;
}


.introNew.narrowleftlast {
    -webkit-clip-path: polygon(0 19.4% 100% 0, 100% 100%, 0 100%);
    clip-path: polygon(0 19.4%, 100% 0, 100% 100%, 0 100%);
}

.introNew .col-md-12 {
    padding: 0 !important;
}

.introNew .fcsix {
    background-image: url(../images/custom/funeralcare9b.jpg);
}

.textpage_home .container.billycont {
    padding-bottom: 0 !important;
}

.textpage_home .homeone {
    background-position: -75px;
    background-image: url(../images/custom/home1a.png);
}

.abouthero {
    background-position: top 70px right 22%;
}

.foodretailhero {
    background-position: top 70px right 25%;
}

.headofficehero {
    background-position: top 70px right 25%;
}

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

#Floating_Image {
    position: relative;
    left: 46.1% !important;
    top: 300px;
    z-index: 99;
}

.CommunityLogo {
    width: 250px;
}

#Floating_Image {
    margin-top: -120px;
}

.textpage_aboutsoco .frmargintwo {
    margin-top: -144px;
}

.textpage_aboutsoco .narrowleft {
    -webkit-clip-path: polygon(0 16%, 100% 0, 100% 100%, 0 84%);
    clip-path: polygon(0 19%, 100% 0, 100% 100%, 0 84%);
}

#Floating_Image {
    position: relative;
    left: 0 !important;
    top: 300px;
    z-index: 99;
    width: 13% !important;
    margin: 0px auto;
    margin-top: 0px;
}

@media screen and (max-width: 1840px) {
    #Floating_Image {
        width: 13.7% !important;
    }
}

@media screen and (max-width: 1810px) {
    #Floating_Image {
        width: 14.1% !important;
    }
}

@media screen and (max-width: 1700px) {
    #Floating_Image {
        width: 15% !important;
    }
}

@media screen and (max-width: 1550px) {
    #Floating_Image {
        width: 16% !important;
    }
}

@media screen and (max-width: 1510px) {
    #Floating_Image {
        width: 17% !important;
    }
}

@media screen and (max-width: 1400px) {
    #Floating_Image {
        width: 18% !important;
    }
}

@media screen and (max-width: 1280px) {
    #Floating_Image {
        width: 19% !important;
    }
}

@media screen and (max-width: 1220px) {
    #Floating_Image {
        position: relative;
        left: 0 !important;
        top: 270px;
        z-index: 99;
        width: auto !important;
    }
}

.textpage_aboutsoco .frtwo {
    background-image: url(../images/diversity.jpg) !important;
    background-position: center;
}

.textpage_aboutsoco .frmargintwo {
    margin-top: -152px;
}

.textpage_aboutsoco .narrowleft {
    -webkit-clip-path: polygon(0 21%, 100% 0, 100% 100%, 0 84%);
    clip-path: polygon(0 21%, 100% 0, 100% 100%, 0 84%);
}

.textpage_aboutsoco .frmargintwo {
    margin-top: -160px;
}

.textpage_aboutsoco .frgreenNewOne {
    background-color: #00a7ae !important;
}

/*-----*/

.wrapper {
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
}

.membre {
    width: auto !important;
    display: flex;
    flex-direction: column;
    position: relative;
    flex: 45%;
    max-width: calc(50% - 15px);
    height: auto;
}

    .membre img {
        flex: 1 0 auto;
        object-fit: cover;
        object-position: 50% 50%;
    }

    .membre .info {
        position: relative !important;
        display: flex;
        flex-direction: column;
        flex: 1 0 auto;
        padding: 20px 10px !important;
        width: 100%;
        bottom: 0 !important;
    }

        .membre .info *:last-child {
            margin-bottom: 0;
        }

    .membre .overlay *:last-child {
        margin-bottom: 0;
    }

.homefuneralcare {
    background-size: cover !important;
    background-position: center;
}

.funeralcarehero {
    background-color: #6871AF;
    background-size: auto !important;
    background-position: 72% 78px !important;
}

.abouthero {
    background-color: #006880;
    background-image: url(../images/whoweare_banner.png) !important;
}


.textpage_headoffice .introNew .fcsix {
    background-image: url(../images/_UMB3912.jpg);
}

.textpage_headoffice a.funeralcarebtn {
    color: #006880;
    border: 2px solid #006880;
}

.textpage_headoffice .hogreen {
    background-color: #00b1b9;
    height: 540px;
    width: 100%;
    margin-top: -90px;
    padding-top: 40px;
}

.textpage_headoffice .container.wow.slideinRight.animated {
    padding-top: 50px;
    padding-bottom: 60px !important;
}


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

.membre .text {
    margin: 15px 10px 15px 0px;
    font-size: 16px;
}


@media screen and (max-width: 1335px) {
    .textpage_whatweoffer .howtoapplyhero {
        background-position: 112% 74px !important;
        background-size: 52% !important;
    }

    .textpage_whatweoffer .commonhero {
        height: auto;
    }
}

@media screen and (max-width: 1242px) {
    .textpage_whatweoffer .herotextcol {
        padding-top: 110px;
    }

    .textpage_whatweoffer .herotitle.htacolor {
        font-size: 40px !important;
    }

    .textpage_whatweoffer .herosub.htacolor {
        margin-top: 0 !important;
    }
}

@media screen and (max-width: 1113px) {
    .textpage_whatweoffer .howtoapplyhero {
        background-position: 130% 74px !important;
        background-size: 60% !important;
    }
}

@media screen and (max-width: 991px) {
    .textpage_whatweoffer .howtoapplyhero {
        background-image: none !important;
    }

    .textpage_whatweoffer .card {
        width: 30% !important;
    }

    #emplyeSectionNew .info {
        background: white !important;
    }

    #emplyeSectionNew .wrapper {
        flex-direction: column;
    }

        #emplyeSectionNew .wrapper .membre {
            flex: 100%;
            max-width: 100%;
        }
}



@media screen and (max-width: 767px) {
    .textpage_whatweoffer .card {
        width: 100% !important;
    }
}

@media screen and (max-width: 600px) {
    .container {
        padding: 15px;
    }
}

@media screen and (max-width: 480px) {
    #twosectionBottom .intexttitle {
        padding-top: 0 !important;
    }

    #twosectionBottom {
        -webkit-clip-path: none !important;
        clip-path: none !important;
    }
}


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



@media screen and (max-width: 1485px) {
    .row.justify-content-center.align-items-center.textrow.fctextrowr .col-md-8 {
        margin-top: 100px !important;
    }
}

@media screen and (max-width: 1260px) {
    .row.justify-content-center.align-items-center.textrow.fctextrowr .col-md-8 {
        margin-top: 150px !important;
    }

    .txtapplybtn.funeralcarebtn {
        margin-top: 0;
        margin-bottom: 30px;
    }
}

@media screen and (max-width: 1166px) {
    .introNew.narrowleftlast {
        -webkit-clip-path: polygon(0 18%, 100% 0, 100% 100%, 0 100%) !important;
        clip-path: polygon(0 18%, 100% 0, 100% 100%, 0 100%) !important;
    }
}

@media screen and (max-width: 991px) {
    .introNew.narrowleftlast {
        -webkit-clip-path: polygon(0 6%, 100% 0, 100% 100%, 0 100%) !important;
        clip-path: polygon(0 6%, 100% 0, 100% 100%, 0 100%) !important;
        margin-top: -54px !important;
    }
}

@media screen and (max-width: 955px) {
    .introNew.narrowleftlast {
        -webkit-clip-path: polygon(0 6%, 100% 0, 100% 100%, 0 100%) !important;
        clip-path: polygon(0 6%, 100% 0, 100% 100%, 0 100%) !important;
        margin-top: -56px !important;
    }
}

@media screen and (max-width: 767px) {
    .funeralcarehero {
        background-color: #6871AF;
        background-size: auto !important;
        background-position: 85% 38px !important;
        background-size: 220px !important;
    }

    .row.justify-content-center.align-items-center.textrow.fctextrowr .col-md-8 {
        margin-top: 30px !important;
    }

    .herotitle {
        color: white;
        font-size: 2.5rem;
    }
}

@media screen and (max-width: 480px) {
    .introNew.narrowleftlast {
        -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%) !important;
        clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%) !important;
        margin-top: -60px;
    }

    .row.justify-content-center.align-items-center.textrow.fctextrowr .col-md-8 {
        margin-top: 10px !important;
    }
}

@media screen and (max-width: 767px) {
    .textpage_aboutsoco .frmargintwo {
        margin-top: 0;
    }

    .textpage_aboutsoco .narrowleft {
        -webkit-clip-path: polygon(0 0%, 100% 0, 100% 100%, 0 100%);
        clip-path: polygon(0 0%, 100% 0, 100% 100%, 0 100%);
    }

    #aboveawards {
        -webkit-clip-path: polygon(0 0%, 100% 0, 100% 100%, 0 100%);
        clip-path: polygon(0 0%, 100% 0, 100% 100%, 0 100%);
    }

    .container-fluid.narrowright.frmarginthree.wow.slideInLeft .img-fluid.images.tab-video {
        margin-top: 20px !important;
    }

    .textrow {
        min-height: 0;
    }

    #Floating_Image {
        display: none;
    }

    .intexttitle {
        padding-top: 20px;
    }

    .textpage_home .homeone {
        background-position: center top;
        background-image: url(../images/custom/home1a.png);
    }

    .fixed-top {
        position: relative;
    }

    .topmargin {
        margin-top: 0;
    }

    .textpage_home .intexttitle {
        padding-top: 40px;
    }

    .commonhero {
        margin-top: 0 !important;
    }

    .scrollerGroup > article {
        height: 175px !important;
    }

        .scrollerGroup > article .caption {
            line-height: normal !important;
            font-size: 12px;
        }
}

@media screen and (max-width: 575px) {
    .burgercol {
        padding-top: 15px !important;
    }
}

@media screen and (max-width: 450px) {
    .burgercol {
        padding-top: 5px !important;
    }

    .intexttitle {
        font-size: 28px !important;
    }

    .scrollerGroup > article {
        height: 145px !important;
    }

        .scrollerGroup > article .caption {
            line-height: normal !important;
            font-size: 9px;
        }
}

.freesearchbtn {
    padding: 0 10px !important;
}

#ShowOnMobile {
    display: none !important;
}

@media screen and (max-width: 1200px) {
    #aboveawards .textrow {
        min-height: 0px;
    }

    #aboveawards .bgpanel {
        min-height: 0 !important;
    }

    #ShowOnMobile {
        display: block !important;
        text-align: center;
        padding-top: 40px;
    }

    #aboveawards .col-md-6.righttextpanel.frgreen {
        display: none !important;
    }

    .textpage_aboutsoco .col-md-6.bgpanel.frthre2e {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .container-fluid.narrowright.frmarginthree.wow.slideInLeft .img-fluid.images.tab-video {
        margin-top: 30px !important;
        margin-bottom: 40px !important;
    }

    #aboveawards {
        -webkit-clip-path: polygon(0 0, 100% 0%, 100% 100%, 0 100%);
        clip-path: polygon(0 0, 100% 0%, 100% 100%, 0 100%);
        margin-top: 0 !important;
    }

    .textpage_starbucks .narrowright {
        -webkit-clip-path: polygon(0 0, 100% 16%, 100% 84%, 0 100%);
        clip-path: polygon(0 0, 100% 0%, 100% 100%, 0 100%);
    }

    .textpage_starbucks .narrowleft {
        -webkit-clip-path: polygon(0 0%, 100% 0, 100% 100%, 0 100%);
        clip-path: polygon(0 0%, 100% 0, 100% 100%, 0 100%);
    }

    .textpage_starbucks .frmarginfour {
        margin-top: 0;
    }

    .textpage_starbucks .frone {
        background-size: cover !important;
    }
}

@media screen and (max-width: 768px) {
    .textpage_headoffice .col-md-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .textpage_headoffice .hogreen {
        margin-top: 0;
    }

    .hovideocol {
        padding-top: 0;
    }

    .textpage_headoffice .heartitle {
        color: white;
        font-size: 28px !important;
    }

        .textpage_headoffice .heartitle > br {
            display: none !important;
        }

    .textpage_headoffice .lstextcol {
        padding-top: 0;
    }

    .textpage_headoffice .hogreen {
        height: auto;
    }

    #benefits_New {
        -webkit-clip-path: polygon(0 0%, 100% 0, 100% 100%, 0 100%);
        clip-path: polygon(0 0%, 100% 0, 100% 100%, 0 100%);
    }

    #benefits_New {
        background: #02a6af !important;
        padding: 60px 0 !important;
        margin-top: 0;
    }

    .textpage_whatweoffer .herotextcol {
        padding-top: 50px;
    }

    #benefits_New .inpagedevtitle {
        margin-top: 0;
        padding-top: 0 !important;
    }

    .textpage_whatweoffer #twosectionBottom {
        -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
        clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
    }

    .commonhero {
        -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
        clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
    }
}



@media screen and (max-width: 450px) {
    .textpage_whatweoffer #bottom_Slide .card {
        margin-left: 0 !important;
    }
}


#Apprentice1 .faq-drawer input {
    display: none !important;
}

@media screen and (max-width: 991px) {
    .textpage_howtoapply .commonhero.howtoapplyhero {
        height: auto;
        margin-top: 80px;
        -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
        clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
        padding-bottom: 50px !important;
    }

    .textpage_howtoapply .howtofirst100 {
        margin-top: 0;
    }

    .textpage_howtoapply .narrowleftlast {
        -webkit-clip-path: polygon(0 16%, 100% 0, 100% 100%, 0 100%);
        clip-path: polygon(0 0%, 100% 0, 100% 100%, 0 100%);
    }
}

@media screen and (max-width: 600px) {
    .textpage_howtoapply .howtonew {
        padding-bottom: 30px;
        padding-top: 30px;
        background-color: #00a7ae;
        padding: 0 20px !important;
    }
}

#eaContainer #posBrowser_ResultsGrid_pageBlock .rowContainerHolder:nth-child(3n+1) {
    clear: left;
}

#eaContainer #PosDescSharingItems {
    margin: 20px 0 0;
    width: auto;
    display: flex;
    gap: 10px;
    justify-content: center;
}

    #eaContainer #PosDescSharingItems a {
        float: none;
        margin: 0;
        width: auto;
        height: auto;
        line-height: 1;
        color: #00B1B9;
        font-size: 30px;
        transition: all .2s ease;
        border-radius: 0;
    }

        #eaContainer #PosDescSharingItems a:hover {
            color: #006880;
        }

        #eaContainer #PosDescSharingItems a:before {
            font-family: "Font Awesome 6 Brands";
        }

        #eaContainer #PosDescSharingItems a#linkedin_PosDescSharingItem:before {
            content: '\f08c';
        }

        #eaContainer #PosDescSharingItems a#facebook_PosDescSharingItem:before {
            content: '\f082';
        }

        #eaContainer #PosDescSharingItems a#twitter_PosDescSharingItem:before {
            content: '\e61a';
        }

        #eaContainer #PosDescSharingItems a#email_PosDescSharingItem:before {
            font-family: "Font Awesome 6 Pro";
            content: '\f199';
            font-weight: 900;
        }

        #eaContainer #PosDescSharingItems a div {
            display: none;
        }

#posdesc_pageBlock .posrightbox_info {
    text-align: center;
    padding: 10PX !important;
}

#posdesc_pageBlock .earcu_posdescriptionContainer {
    text-align: left !important;
}

.col-lg-4 .ApplyNowContainer.ApplyViaFormContainer .buttonsRight,
.col-lg-4 .ApplyNowContainer.ApplyViaFormContainer .buttonsRight ul,
.col-lg-4 .ApplyNowContainer.ApplyViaFormContainer .buttonsRight ul li,
.col-lg-4 .ApplyNowContainer.ApplyViaFormContainer .buttonsRight ul li a {
    width: 100% !important;
    float: left !important;
    display: block !important;
}

#eaContainer #Pos_Description_pageView #posdesc_pageBlock a.right {
    margin-left: 0 !important;
}

@media screen and (max-width: 768px) {
    #eaContainer div#questions_pageBlock {
        width: 100% !important;
    }

    .Pos_Questions #eaContainer {
        margin-top: 0;
        min-height: 100px;
    }
}

#eaContainer div#questions_pageBlock {
    width: 100%;
}

@media screen and (max-width: 550px) {
    #posSummaryBlockv2_pageBlock .MySummaryItem {
        display: block;
        width: 100% !important;
        height: 100%;
        margin-bottom: 10px !important;
    }

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

    #posSummaryBlockv2_pageBlock .MySummaryItem:first-child .MySummaryItemInner {
        margin-left: 0;
        margin-right: 0;
    }
}

.StandardQuestionsForm div.formRow p {
    word-wrap: break-word;
}

@media screen and (max-width: 460px) {
    #buttonSubmit_submit_application {
        margin-left: 0 !important;
        margin-bottom: 15px !important;
    }

    #SubmitForm_ajaxButtons_formRow .buttonsRight,
    #SubmitForm_ajaxButtons_formRow .buttonsLeft {
        float: left;
        clear: left;
    }
}


#lookupResults_pageBlock .gridTable {
    width: auto !important;
}

.pageBlockInner_GridBlock table.gridTable td a:hover {
    color: #006880 !important;
}

@media screen and (max-width: 768px) {
    .textpage_aboutsoco .commonhero {
        -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%) !important;
        clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%) !important;
    }
}

@media screen and (max-width: 1166px) {
    .textpage_headoffice .container-fluid.introNew.narrowleftlast.fcmarginsix {
        -webkit-clip-path: polygon(0 19.5%, 100% 0, 100% 100%, 0 100%) !important;
        clip-path: polygon(0 19.5%, 100% 0, 100% 100%, 0 100%) !important;
    }
}

@media screen and (max-width: 991px) {
    .textpage_headoffice .container-fluid.introNew.narrowleftlast.fcmarginsix {
        -webkit-clip-path: polygon(0 7%, 100% 0, 100% 100%, 0 100%) !important;
        clip-path: polygon(0 7%, 100% 0, 100% 100%, 0 100%) !important;
    }
}


@media screen and (max-width: 767px) {

    .textpage_headoffice .container-fluid.introNew.narrowleftlast.fcmarginsix {
        -webkit-clip-path: polygon(0 0%, 100% 0, 100% 100%, 0 100%) !important;
        clip-path: polygon(0 0%, 100% 0, 100% 100%, 0 100%) !important;
    }

    .textpage_headoffice .introNew.narrowleftlast {
        -webkit-clip-path: polygon(0 6%, 100% 0, 100% 100%, 0 100%) !important;
        clip-path: polygon(0 6%, 100% 0, 100% 100%, 0 100%) !important;
        margin-top: 0px !important;
    }
}

.showOnMobile {
    display: none !important;
}

@media screen and (max-width: 767px) {
    .showOnMobile {
        display: block !important;
    }

    .membre {
        background: transparent !important;
    }

    .overly.top,
    .info {
        display: none !important;
    }

    .membre {
        width: auto !important;
        height: auto;
    }

    #emplyeSectionNew .wrapper {
        padding: 0 !important;
    }

    .textpage_funeralcare .introNew.narrowleftlast {
        -webkit-clip-path: polygon(0 6%, 100% 0, 100% 100%, 0 100%) !important;
        clip-path: polygon(0 0%, 100% 0, 100% 100%, 0 100%) !important;
        margin-top: 0px !important;
    }

    .textpage_funeralcare .funeralcarehero {
        background-position: !important;
    }

    .textpage_funeralcare .funeralcarehero {
        background-color: #6871AF;
        background-position: top 70px right 25% !important;
    }

    .container-fluid.narrowleft.homemarginone .col-md-8 {
        padding-bottom: 25px;
    }

    #aboveawards .container {
        margin: 0 !important;
        max-width: 1000px !important;
    }

    #aboveawards .img-fluid.images.tab-video {
        width: 100% !important;
    }

    .awards .container {
        max-width: 1000px !important;
    }

    .scrollerContainer {
        margin: 20px auto;
    }

    .awards {
        background: #edf6f8;
        padding-top: 10px !important;
    }

    .award1, .award2, .award3, .award4, .award5, .award6 {
        background-size: 100% !important;
    }

    .scrollerGroup > article {
        padding: 5px !important;
    }

    .scrollerGroup > article {
        height: 200px !important;
        background-size: 85% !important;
        background-position: 10px 0 !important;
    }
}

@media screen and (max-width: 600px) {
    .scrollerGroup > article .caption {
        line-height: normal !important;
        font-size: 12px;
        margin-left: -15px;
    }
}

@media screen and (max-width: 450px) {
    .scrollerGroup > article {
        height: 160px !important;
        background-size: 70% !important;
        background-position: 10px 0 !important;
        padding: 0 20px 10px !important;
    }
}

@media screen and (max-width: 400px) {
    .scrollerGroup > article {
        height: 170px !important;
        background-size: 70% !important;
        background-position: 10px 0 !important;
        padding: 0 20px 10px !important;
    }

        .scrollerGroup > article .caption {
            line-height: normal !important;
            font-size: 10px;
        }

    .scrollerGroup > article {
        height: 145px !important;
    }
}


@media screen and (max-width: 768px) {
    #bottomsection_foodretail {
        -webkit-clip-path: polygon(0 00%, 100% 0, 100% 100%, 0 100%);
        clip-path: polygon(0 00%, 100% 0, 100% 100%, 0 100%);
    }
}

.StandardQuestionsForm .questionType_TextSmall textarea.inputTextArea {
    height: auto !important;
}

@media screen and (max-width: 768px) {
    .textpage_starbucks .foodretailhero,
    .foodretailhero,
    .textpage_funeralcare .funeralcarehero,
    .headofficehero,
    .abouthero {
        background-size: 120px !important;
        background-position: 80% bottom !important;
    }
}


@media screen and (max-width: 560px) {
    .textpage_whatweoffer,
    .textpage_foodretail,
    .textpage_funeralcare {
        overflow-x: hidden;
    }
}