/*
Skin: DeeSet_02
Version: 20200915

    Cache Clear Check

Contents

1. CLIENT SPECIFIC
	1.1 Fonts
    1.2 Menu
    1.3 Logo
    1.4 Avatar
    1.5 Borders
    1.6 Text Pages
    1.7 Maps
    
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 Tabs
    3.12 Talent Pool Register
    3.13 Campaign Details

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
    5.8 Animated Application/Onboarding Form

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

*/

/* --------------------------------------
=========================================
   1. CLIENT SPECIFIC
=========================================
-----------------------------------------*/
:root {
    --primarygreen: #06a29d;
    --primaryblue: #183753;
    --font: #404040;
}
/*---------------------------------------
   1.1 Fonts              
-----------------------------------------*/

html body {
    font-family: 'Roboto', sans-serif;
    line-height: 1.8;
    font-size: 16px;
}

h1 {
    font-size: 24px;
    color: #163752;
}

h2 {
    font-size: 24px;
    padding: 20px 0;
    color: #163752;
}

h1,
h2,
h3,
h4 {
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
}

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

    h3.strapline {
        color: #01b0ad;
        font-size: 24px;
        font-family: 'Roboto', sans-serif;
    }

body h4 {
    color: #163752;
}

.main-navigation ul ul#talentToggle a {
    width: 360px;
}

.margin-2em {
    margin: 2em auto;
}
/*---------------------------------------
   1.2 Menu              
-----------------------------------------*/
/* Active Link Styling */
.sticky-navigation .main-navigation li.active a,
.sticky-navigation .main-navigation li.active a.sub-menu-link.active {
    font-weight: bold;
}

    .sticky-navigation .main-navigation li.active a.sub-menu-link {
        font-weight: normal;
    }

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

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

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

/* for 1048px or less */
@media screen and (max-width: 1048px) {
    #nav-mobile,
    .menu-control {
        display: block;
    }

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

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

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

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

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

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

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

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

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

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

/* Div radius */

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

/* Inputs, buttons, images radius */

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

/* No radius */

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

/* No border */

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

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


/*---------------------------------------
   1.6 Text Pages              
-----------------------------------------*/

/* Accordion */

.accordion-button::after {
    font-family: 'Font Awesome 5 Free';
    content: '\f068';
    font-size: 15px;
    color: white;
    font-weight: 400;
    background-image: none;
    text-align: center;
    background-image: none !important;
}

.accordion-button.collapsed::after {
    content: '\f067';
    color: white;
    background-image: none !important;
}

.accordion-flush .accordion-item .accordion-button {
    background-image: linear-gradient(135deg, rgba(4,126,122,1) 0%, rgba(6,162,157,1) 100%);
    border: none;
    border-radius: 10px;
    color: white !important;
    box-shadow: #3d3d3d 0px 0px 6px;
}

.accordion-item:last-of-type .accordion-button.collapsed {
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
}

.accordion-item {
    border-color: transparent;
}

.accordion-button:focus {
    border-color: transparent;
    outline: 0;
    box-shadow: none;
}
/*#region NEW TEXTPAGES */



h2.textpage-title {
    font-weight: 900;
    font-size: 2rem;
    text-align: center;
    margin-bottom: 30px
}

.quote-al, .vision-mission {
    background-image: linear-gradient(135deg, rgba(24,55,83,1) 0%, rgba(37,85,128,1) 80%, rgba(49,113,171,1) 100%);
}

p.callout {
    font-weight: 900;
    font-size: 1.8rem;
    text-align: center;
    margin-bottom: 20px;
    margin-top: 10px;
    line-height: 3rem;
    color: white
}

.about-header {
    min-height: 640px;
    background-color: var(--primaryblue);
    background-image: url("../images/v2/dee-bg-1.png");
    background-repeat: no-repeat;
    background-size: cover; /*contain auto*/
    background-position: top center;
    width: 100%;
    position: relative;
    margin-top: 78px;
}

    .about-header:before {
        content: " ";
        width: 100%;
        height: 100%;
        position: absolute;
        z-index: 2;
        top: 0;
        left: 0;
        background-image: linear-gradient(135deg, rgba(24,55,83,0.85) 0%, rgba(37,85,128,0.85) 80%, rgba(49,113,171,0.85) 100%);
    }

    .about-header .row {
        min-height: 640px;
    }

    .about-header h1 {
        color: white;
        margin-bottom: 32px;
        font-size: 3.5rem;
    }

    .about-header p {
        color: white;
        font-size: 1.8rem;
        line-height: 2.2rem;
    }

        .about-header p.hsmall {
            font-size: 1.2rem;
            line-height: 1.4rem;
            color: white;
        }

.z3 {
    z-index: 3
}

/**other banners**/
.ah-deeset {
    background-image: url("../images/v2/dee-bg-1.png");
}

.ah-values {
    background-image: url("../images/v2/dee-bg-3.png");
}

.ah-rewards {
    background-image: url("../images/v2/dee-bg-7.png");
}

.ah-about {
    background-image: url("../images/v2/dee-bg-4.png");
}

.ah-tech {
    background-image: url("../images/v2/dee-bg-2.png");
}

.ah-culture {
    background-image: url("../images/v2/dee-bg-5.png");
}

.ah-employees {
    background-image: url("../images/v2/dee-bg-6.png");
}

.ah-oppo {
    background-image: url("../images/v2/dee-bg-8.png");
}

.ah-hire {
    background-image: url("../images/v2/dee-bg-9.png");
    /*should be 9*/
}

.search-header {
    min-height: 180px;
    background-image: linear-gradient(135deg, rgba(24,55,83,1) 0%, rgba(37,85,128,1) 80%, rgba(49,113,171,1) 100%);
    border-radius: 0 !important;
    margin-top: 78px;
}

    .search-header .row {
        min-height: 180px;
    }

    .search-header h1 {
        color: white;
        margin: 0;
        font-size: 3rem;
    }

.counter-cards {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 86px;
    justify-content: center;
}

.counter-card {
    flex: 0 0 190px;
    text-align: center;
    margin-top: 25px;
    margin-bottom: 25px;
}

.cc2 {
    flex: 0 0 240px;
}

.counter-card i {
    display: block;
    text-align: center;
    color: var(--primaryblue);
    font-size: 4rem;
    margin-bottom: 8px;
}

.counter-card span.counter,
.counter-card span.counter-icon {
    font-size: 2rem;
}

p.c-txt {
    margin-top: -8px;
    font-size: 1rem;
    line-height: 1.2rem;
}

.about-cards {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    column-gap: 156px;
    row-gap: 40px;
}

.about-card {
    flex: 0 0 570px;
    text-align: center;
}

.ac-title h2 {
    margin-bottom: 22px
}

.ac-text p {
    margin-top: 22px;
    margin-bottom: 22px
}

.aboutus-cards {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 60px;
    justify-content: center;
}

.aboutus-card {
    flex: 0 0 392px;
    text-align: center;
}

.auc-title h2 {
    margin-bottom: 22px
}

.auc-text p {
    margin-top: 22px;
    margin-bottom: 22px
}

.people-cards {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 60px;
    justify-content: center;
}

.people-card {
    flex: 0 0 392px;
    text-align: center;
}

.pp-title h2 {
    margin-bottom: 22px
}

.pp-txt p {
    margin-top: 22px;
    margin-bottom: 22px
}

.valueplus h2 {
    font-size: 2rem;
    color: white;
}

.valueplus p {
    font-size: 1.5rem;
    color: white;
}

.value-cards {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 122px;
    justify-content: center;
}

hr.valueblueline {
    background-color: var(--primaryblue);
    height: 3px;
    width: 50%;
    margin: 13px auto 18px auto;
    border: none;
}

.value-card {
    flex: 0 0 350px;
    text-align: center;
}

.vc-img i {
    font-size: 4rem;
    color: var(--primaryblue);
}

.benefit-cards {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 10px 20px;
    justify-content: center;
}

.benefit-card {
    flex: 0 0 540px;
    text-align: center;
}

.br-text p {
    margin-top: 20px;
    margin-bottom: 20px;
}

hr.genericgreenline {
    background-color: var(--primarygreen);
    height: 3px;
    width: 50%;
    margin: 13px auto 18px auto;
    border: none;
}

.jobalerts {
    background-image: linear-gradient(135deg, rgba(24,55,83,1) 0%, rgba(37,85,128,1) 80%, rgba(49,113,171,1) 100%);
    min-height: 85px;
    box-shadow: #3d3d3d 2px 2px 6px;
}

@media (min-width: 0) {
    .jobalerts {
        max-width: calc(100% - 24px);
    }
}

@media (min-width: 576px) {
    .jobalerts {
        max-width: 516px;
    }
}

@media (min-width: 768px) {
    .jobalerts {
        max-width: 696px;
    }
}

@media (min-width: 992px) {
    .jobalerts {
        max-width: 936px;
    }
}

@media (min-width: 1200px) {
    .jobalerts {
        max-width: 1116px;
    }
}

@media (min-width: 1400px) {
    .jobalerts {
        max-width: 1296px;
    }
}

.jobalerts .row {
    min-height: 85px;
}

.jobalerts h3 {
    color: white;
    font-size: 1.3rem;
    display: inline-block;
}

.jobalerts p {
    color: white;
    display: inline-block;
    margin-bottom: 0;
}

a.textpage-btn {
    font-size: 1.2rem;
    color: white !important;
    background-image: linear-gradient(135deg, rgba(4,126,122,1) 0%, rgba(6,162,157,1) 100%);
    border: none;
    padding: 5px 20px;
    display: inline-block;
    border-radius: 40px;
    box-shadow: #3d3d3d 0px 0px 6px;
}

    a.textpage-btn:hover {
        color: white !important;
    }

#Pos_Description_pageView div.pageBlockContent {
    padding: 0;
    overflow: auto;
}

#eaContainer #posdesc_pageBlock .jvhead .posdescriptionPropertyBox {
    border: none;
    margin: 0;
    box-shadow: none;
    padding: 0;
}

    #eaContainer #posdesc_pageBlock .jvhead .posdescriptionPropertyBox ul.jobSum li {
        color: white;
        margin: 0 0 -8px 0;
        padding: 0;
    }

#posdesc_pageBlock ul.jobSum {
    overflow: visible;
}

.hints {
    list-style-type: none;
    padding-left: 0;
}

    .hints > li {
        background-image: url(../images/v2/dee-tick.png);
        background-position: 8px 9px;
        background-repeat: no-repeat;
        padding-left: 33px;
        padding-top: 6px;
        padding-right: 14px;
        padding-bottom: 6px;
        font-weight: 700;
        background-size: 18px;
        color: var(--primaryblue);
        margin-bottom: 1px;
        border-radius: 30px;
    }

        .hints > li:hover {
            background-color: #dedede
        }

/*#endregion */
/* --------------------------------------
=========================================
   2. GLOBAL
=========================================
-----------------------------------------*/
/*---------------------------------------
   2.1 Colours              
-----------------------------------------*/
/* Primary colour */
.hero-bg,
.srt-menu li li:hover > a,
#topnav,
#nav-mobile,
a.buttonlink,
/*#eaContainer .pageBlockInner_FormBlock div.formRowFileUploadRow .uploadedFilesHeader,*/
#ui-datepicker-div .ui-state-active, #ui-datepicker-div .ui-widget-content .ui-state-active,
#ui-datepicker-div .ui-widget-header .ui-state-active,
/*#eaContainer .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulList div.ulListItemLabel,*/
/*#eaContainer #Application_Home_pageView .ulList div.ulListItemLabel,*/
#eaContainer #posBrowser_Filter_pageBlock .FiltersContainer .ButtonsRow,
div.FilterRowsContainer .AvailableContainer,
#eaContainer .posBrowserMapBlock .gridTop,
#eaContainer #Home_pageView #CodeListCounts_pageBlockContainer .availableListsContainer,
.listItemAnchorContainer,
.ui-dialog-titlebar-close,
body .dialog_noTitle div.ui-dialog-titlebar,
body button.buttonAnchor,
body input.buttonSubmit,
body a.buttonAnchor,
#eaContainer a.button,
#eaContainer .addressButton,
#eaContainer #Home_pageView #noPositions_pageBlockContainer .bottomContainer .buttonContainer a,
#eaContainer #Pos_Description_pageView #posdesc_pageBlock a.right,
#eaContainer .fileuploadbutton,
#eaContainer .buttonsLeft button.buttonAnchor,
#eaContainer .buttonsRight button.buttonAnchor,
#eaContainer .buttonsLeft input.buttonSubmit,
#eaContainer .buttonsRight input.buttonSubmit,
#eaContainer .buttonsLeft a.buttonAnchor,
#eaContainer .buttonsRight a.buttonAnchor,
#eaContainer .pageBlockInner_GridBlock .gridTop,
#eaContainer #Home_pageView .availableListsItemContainer_Selected,
#eaContainer #Home_pageView .availableListsContainer ul li:hover,
.tabs-style-shape nav li.tab-current a span,
body #eaContainer .buttonsRight a.buttonActionId_forgotten,
body #eaContainer .buttonsRight a.buttonActionId_ajaxCancel,
body #eaContainer .buttonsRight a.buttonActionId_cancel,
body #eaContainer .buttonsRight a.buttonActionId_doitlater,
.Application_Withdraw #eaContainer .withdrawapp a,
#Grid_PERSONALDETAILS_pageBlock .rowlink a,
.gridContainer .rowlink a,
#eaContainer .posBrowserMapBlock .markerStatsContainer,
#slider-latest-jobs ol li a.flex-active,
#FindJobHeroBlock,
#eaContainer .TilesGridSortingPopup,
body.mydetails #MyDetailsStauts_pageBlockContainer #eArcuProfile .eArcuLeft #eArcuLinks ul li a {
    background-image: linear-gradient(135deg, rgba(4,126,122,1) 0%, rgba(6,162,157,1) 100%);
    border: none;
    border-radius: 40px;
    /*box-shadow: #3d3d3d 0px 0px 6px;*/
}

.ui-dialog-titlebar-close,
body .dialog_noTitle div.ui-dialog-titlebar,
#ui-datepicker-div .ui-state-active, #ui-datepicker-div .ui-widget-content .ui-state-active,
#ui-datepicker-div .ui-widget-header .ui-state-active {
    border-radius: 0;
}

#eaContainer #posBrowser_ResultsGrid_pageBlock .rowContainer:hover {
    background-image: linear-gradient(135deg, rgba(4,126,122,1) 0%, rgba(6,162,157,1) 100%);
}

#eaContainer #posBrowser_Filter_pageBlock .HeaderContainer {
    background-color: white;
}

#eaContainer .buttonsRight a.buttonActionId_withdraw_application {
    background: #f2c71e;
    border: 1px solid #f2c71e;
    box-shadow: none;
    margin: 0
}

html body .pageBlockInner_GridBlock table.gridTable tr:hover {
    background: #f1f1f1;
}

.application_home #BackBlock_pageBlock .buttonsLeft {
    float: right;
}

.application_home #BackBlock_pageBlock .buttonsRight {
    float: left;
}

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

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

.charCounterValue {
    float: left;
}

/* Secondary colour */

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

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

#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 #posSummaryBlock_pageBlock .welcomePackStatus_NotSubmitted,
#eaContainer #posSummaryBlock_pageBlock .appStatusNotSubmitted {
    color: #163752;
}

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

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

/* Whites */

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

body.Staging.application_home .ui-dialog .ui-dialog-content,
body.Staging.earcu_mywelcomepacks_offerform_summary .ui-dialog .ui-dialog-content {
    background: #D0DCDB;
}

.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,
#eaContainer .buttonsLeft a.buttonAnchor,
#eaContainer .buttonsRight a.buttonAnchor,
.menu-control,
#eaContainer .pageBlockInner_GridBlock .gridTop a,
footer #footer .copy-right p a,
#eaContainer .availableListsContainer a,
#eaContainer .footer,
#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 .pageBlockInner_GridBlock .gridTop,
#eaContainer #Home_pageView .availableListsItemContainer_Selected,
#eaContainer #Home_pageView .availableListsContainer ul li:hover,
.tabs-style-shape nav li.tab-current a span,
body #eaContainer .buttonsRight a.buttonActionId_forgotten,
body #eaContainer .buttonsRight a.buttonActionId_ajaxCancel,
body #eaContainer .buttonsRight a.buttonActionId_cancel,
body #eaContainer .buttonsRight a.buttonActionId_doitlater,
.Application_Withdraw #eaContainer .withdrawapp a,
#Grid_PERSONALDETAILS_pageBlock .rowlink a,
.gridContainer .rowlink a,
#eaContainer a.buttonAnchor,
#eaContainer #posBrowser_Filter_pageBlock .HeaderContainer,
#eaContainer #posBrowser_ResultsGrid_pageBlock .rowContainer:hover,
#eaContainer #posBrowser_ResultsGrid_pageBlock .rowContainer:hover a,
#eaContainer #posBrowser_ResultsGrid_pageBlock .rowContainer a:hover,
#eaContainer .pageBlockContainer .rowHeader .rowlink a,
body #FindJobHeroBlock input.buttonSubmit:hover,
#pageTitleSignInHeaderContainer h2.active,
#pageTitleRegisterHeaderContainer h2.active,
html body .tooltip2_Oute, body.mydetails #MyDetailsStauts_pageBlockContainer #eArcuProfile .eArcuLeft #eArcuLinks ul li ar {
    color: #fff;
}

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

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

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

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

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

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

/* Greys */

#eaContainer #Grid_PERSONALDETAILS_pageBlock,
#eaContainer #MyDetails_ConnectedServices_pageView #ConnectedServicesForm_pageBlock .serviceContainer2,
#eaContainer .PosMyAppSummaryValues,
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,
body.mydetails #eaContainer .pageBlockContent_GridBlock,
body.mydetails #eaContainer .pageBlockContent_FormBlock {
    background: #fff;
}


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

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

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

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

.sectionContainer {
    padding: 3em 0;
    overflow: hidden !important;
}

    .sectionContainer.grey {
        background: #f1f1f1;
    }

    .sectionContainer.cyan {
        color: #fff;
        background: #01b0ad;
    }

        .sectionContainer.cyan * {
            color: inherit;
        }
/*---------------------------------------
   2.2 General            
-----------------------------------------*/
iframe {
    margin: 0 !important;
}

#UsernameForm_NoSso_formRow {
    margin-bottom: 1em;
}

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

.mobile-banner {
    display: none;
}

.eArcuInfoHeader {
    display: none;
}

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

.pos_find_results #content-main {
    min-height: 480px;
    margin-top: 8px;
}

#content-main.content-warp.no-banner {
    margin-top: 78px;
}

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

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

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

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

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

#eaContainer div.pageBlockContainer {
    margin: 0;
}

#eaContainer div.pageBlockContent {
    overflow: hidden;
}

#breadcrumb {
    margin: 1em 0;
    text-align: left;
    color: #9a9b9c;
}

    #breadcrumb a {
        color: #163752;
    }

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

.earcuintro,
h1.heading-section {
    text-align: center;
}

body.mydetails .pageBlockTitle {
    display: block;
}


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

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

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

#eaContainer {
    margin-bottom: 2em;
}

/*#region footer */
#footer {
    min-height: 360px;
    background-color: rgba(49,113,171,1);
    background-image: url(../images/v2/white-footer.png);
    background-repeat: no-repeat;
    background-size: 360px;
    background-position: 10% 1%;
    width: 100%;
    position: relative;
    color: #fff;
}

    #footer:before {
        content: " ";
        width: 100%;
        height: 100%;
        position: absolute;
        z-index: 2;
        top: 0;
        left: 0;
        background-image: linear-gradient(135deg, rgba(24,55,83,0.75) 0%, rgba(37,85,128,0.75) 80%, rgba(49,113,171,0.75) 100%);
    }

    #footer .socialcol {
        text-align: center;
    }

        #footer .socialcol a {
            margin-right: 5px;
            transition: all .2s ease;
            color: #01b0ad;
        }


            #footer .socialcol a:last-child {
                margin-right: 0;
            }

            #footer .socialcol a i {
                font-size: 35px;
            }

.frow1 {
    border-top: 1px solid #dadbdb;
    margin: 10px auto;
    padding: 20px 0 10px;
}

.frow2 {
    border-top: 1px solid #dadbdb;
    margin-top: 8px;
    padding: 12px 0 10px;
}

.fnavcol a {
    color: #fff;
    float: left;
    margin-right: 0;
    text-decoration: none;
    font-size: 0.9rem;
}

    .fnavcol a:after {
        content: '';
        width: 0;
        height: 1px;
        border-bottom: 1px solid #dadbdb;
        transition: all .2s ease;
        display: block;
    }

    .fnavcol a:hover:after {
        width: 100%;
    }

    .fnavcol a.parent {
        font-weight: bold;
        margin-bottom: 10px;
    }

.fnavcol ul {
    margin-bottom: 0;
    padding-left: 0;
    margin-left: 0;
}

    .fnavcol ul,
    .fnavcol ul li {
        width: 100%;
        overflow: auto;
    }

.fcopyright {
    text-align: left;
    font-size: 0.9rem;
}

.fimportant {
    text-align: right;
}

    .fimportant a {
        color: #fff;
        display: inline-block;
        font-size: 0.9rem;
        text-decoration: none;
    }

        .fimportant a:after {
            content: '';
            width: 0;
            height: 1px;
            border-bottom: 1px solid #dadbdb;
            transition: all .2s ease;
            display: block;
        }

        .fimportant a:hover:after {
            width: 100%;
        }


/*#endregion */

div.pageBlockInner_FormBlock div.formRow .controlError,
div.pageBlockInner_FormBlock div.formRow.formRowTextInputRow .controlContainer,
div.pageBlockInner_FormBlock div.formRow.formRowTextInputRow .labelContainer,
div.pageBlockInner_FormBlock div.formRow.formRowSelectInputRow_Common .controlContainer,
div.pageBlockInner_FormBlock div.formRow.formRowSelectInputRow_Common .labelContainer,
div.pageBlockInner_FormBlock div.formRow.formRowTextAreaRow .controlContainer,
div.pageBlockInner_FormBlock div.formRow.formRowTextAreaRow .labelContainer,
div.pageBlockInner_FormBlock div.formRow.formRowMoneyInputRow .controlContainer,
div.pageBlockInner_FormBlock div.formRow.formRowMoneyInputRow .labelContainer,
div.pageBlockInner_FormBlock div.formRow.formRowSelectMultiCodelistRow .controlContainer,
div.pageBlockInner_FormBlock div.formRow.formRowSelectMultiCodelistRow .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,
div.pageBlockInner_FormBlock div.formRow.formRowCheckBoxRow .labelContainer,
div.pageBlockInner_FormBlock div.formRow.formRowCheckBoxRow .controlContainer,
div.pageBlockInner_FormBlock div.formRow.formRowDateInputRow .labelContainer,
div.pageBlockInner_FormBlock div.formRow.formRowDateInputRow .controlContainer,
div.pageBlockInner_FormBlock div.formRow.formRowRadioInputRow .labelContainer,
div.pageBlockInner_FormBlock div.formRow.formRowRadioInputRow .controlContainer,
div.pageBlockInner_FormBlock div.formRow.formRowCheckboxMultiRow .labelContainer,
div.pageBlockInner_FormBlock div.formRow.formRowCheckboxMultiRow .controlContainer,
div.pageBlockInner_FormBlock div.formRow.formRowTimeInputRow .labelContainer,
div.pageBlockInner_FormBlock div.formRow.formRowTimeInputRow .controlContainer,
div.pageBlockInner_FormBlock div.formRow.formRowSelectAutoCompleteAdminPortalRow .labelContainer,
div.pageBlockInner_FormBlock div.formRow.formRowSelectAutoCompleteAdminPortalRow .controlContainer,
div.pageBlockInner_FormBlock div.formRow.formRowNumericInputRow .labelContainer,
div.pageBlockInner_FormBlock div.formRow.formRowNumericInputRow .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,
div.pageBlockInner_FormBlock div.formRow.formRowPhoneInputRow .labelContainer,
#Application_Section_Submit_pageView #SubmitForm_checkboxlegal_formRow .labelContainer,
#Application_Section_Submit_pageView #SubmitForm_contactconsent_formRow .labelContainer,
div.pageBlockInner_FormBlock div.formRow.formRowPhoneInputRow .controlContainer,
#Edit_WORKEXPERIENCE_pageBlock .formRowTextAreaRow .controlContainer,
#Add_WORKEXPERIENCE_pageBlock .formRowTextAreaRow .controlContainer,
#Edit_WORKEXPERIENCE_pageBlock .formRowTextAreaRow div.labelContainer,
#Add_WORKEXPERIENCE_pageBlock .formRowTextAreaRow div.labelContainer {
    max-width: 500px;
    margin: 0 auto;
    display: block;
    float: none;
    text-align: left;
    width: 100%;
    overflow: visible;
    height: auto;
    padding-bottom: 0;
}

    .pageBlockInner_FormBlock .formRowPhoneInputRow .controlContainer input.inputText,
    .pageBlockInner_FormBlock .formRowTextInputRow .controlContainer input.inputText,
    .pageBlockInner_TextTagReplacementBlock .formRowTextInputRow .controlContainer input.inputText,
    .pageBlockInner_FormBlock .formRowSelectInputRow_Common .controlContainer select,
    .pageBlockInner_FormBlock .formRowMoneyInputRow .controlContainer input,
    .pageBlockInner_FormBlock .formRowDateInputRow .controlContainer input,
    .pageBlockInner_FormBlock .formRowTextAreaRow .controlContainer textarea,
    div.pageBlockInner_FormBlock div.formRow.formRowNumericInputRow .controlContainer input,
    #Edit_WORKEXPERIENCE_pageBlock .formRowTextAreaRow .controlContainer .inputTextArea,
    #Add_WORKEXPERIENCE_pageBlock .formRowTextAreaRow .controlContainer .inputTextArea {
        -webkit-transition: background-color .2s ease-out;
        transition: background-color .2s ease-out;
        width: 100%;
        box-sizing: border-box;
        min-width: 1px;
    }

.earcu_application .pageBlockInner_FormBlock div.formRowTextLiteralRow {
    max-width: 500px;
    margin-left: auto;
    margin-right: auto;
    float: none;
    clear: both;
    display: block;
}

.application_section_submit .pageBlockInner_FormBlock div.formRowTextLiteralRow {
    max-width: 100%;
}

.pageBlockInner_FormBlock .formRowSelectInputRow_Common .controlContainer select {
    padding: 7px;
}

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

.pageBlockInner_FormBlock .formRowTextAreaRow .controlContainer textarea {
    min-height: 100px;
}

.pageBlockInner_FormBlock .inputContainer .popup img,
.pageBlockInner_FormBlock div.SelectMultiRow .selectmultiplerow .openpopup img {
    vertical-align: top;
}
/*telnum 3.62 fix*/
.iti--allow-dropdown {
    width: 100%;
}
/**/
video {
    max-width: 100%;
}

#bannerContainer.product {
    max-height: 500px;
    overflow: hidden;
}

    #bannerContainer.product img {
        width: 100%;
        max-height: inherit;
        object-fit: cover;
        object-position: 50% 0;
    }
/*---------------------------------------
   2.3 Buttons              
-----------------------------------------*/
#Grid_PERSONALDETAILS_pageBlock .rowlink a,
body button.buttonAnchor,
body input.buttonSubmit,
body a.buttonAnchor,
#eaContainer a.button,
#eaContainer .addressButton,
#eaContainer #Home_pageView #noPositions_pageBlockContainer .bottomContainer .buttonContainer a,
#eaContainer #Pos_Description_pageView #posdesc_pageBlock a.right,
#eaContainer .fileuploadbutton,
#eaContainer .buttonsLeft button.buttonAnchor,
#eaContainer .buttonsRight button.buttonAnchor,
#eaContainer .buttonsLeft input.buttonSubmit,
#eaContainer .buttonsRight input.buttonSubmit,
#eaContainer .buttonsLeft a.buttonAnchor,
#eaContainer .buttonsRight a.buttonAnchor,
.gridContainer .rowlink a,
body.mydetails #MyDetailsStauts_pageBlockContainer #eArcuProfile .eArcuLeft #eArcuLinks ul li a {
    padding: 7px 25px;
    text-align: center;
    font-size: inherit;
    font-family: inherit;
    font-weight: normal;
    /*    margin-top: 2px;
    margin-right: 3px;*/
}

a.textContainer.buttonAnchor.buttonRight.iconContainer.basicIcons {
    box-shadow: none;
    border: 1px solid var(--primarygreen);
}

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

#eaContainer .addressButton {
    padding: 0;
}

#eaContainer .buttonsLeft button.buttonAnchor,
#eaContainer .buttonsRight button.buttonAnchor,
#eaContainer .buttonsLeft input.buttonSubmit,
#eaContainer .buttonsRight input.buttonSubmit,
body.mydetails #MyDetailsStauts_pageBlockContainer #eArcuProfile .eArcuLeft #eArcuLinks ul li a {
    padding: 7px 25px;
}

    body button.buttonAnchor:hover,
    body input.buttonSubmit:hover,
    body a.buttonAnchor:hover,
    #eaContainer a.button:hover,
    #eaContainer .addressButton:hover,
    #eaContainer a.button:hover,
    #eaContainer #Home_pageView #noPositions_pageBlockContainer .bottomContainer .buttonContainer a:hover,
    #eaContainer #Pos_Description_pageView #posdesc_pageBlock a.right:hover,
    #eaContainer .fileuploadbutton:hover,
    #eaContainer .buttonsLeft button.buttonAnchor:hover,
    #eaContainer .buttonsRight button.buttonAnchor:hover,
    #eaContainer .buttonsLeft input.buttonSubmit:hover,
    #eaContainer .buttonsRight input.buttonSubmit:hover,
    #eaContainer .buttonsLeft a.buttonAnchor:hover,
    #eaContainer .buttonsRight a.buttonAnchor:hover,
    body.mydetails #MyDetailsStauts_pageBlockContainer #eArcuProfile .eArcuLeft #eArcuLinks ul li a:hover {
        /*        background: #fff;
        border: 1px solid #00b0ad;
        color: #00b0ad !important;
        text-decoration: none !important;*/
    }

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

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

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

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

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

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

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

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

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

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

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

    div.ui-dialog-titlebar .ui-dialog-titlebar-close:hover {
        background-image: url(../images/sprites/black-cross.png);
        background-repeat: no-repeat;
        background-position: center;
    }

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

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

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

.tooltip2_Surround, .tooltip2_SurroundClosing {
    display: none !important;
}


/*---------------------------------------
   2.7 Hidden            
-----------------------------------------*/

.hidden {
    display: none;
}

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

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

.modalContent .formRow.formRowButtonRow {
    margin: 1em auto 0;
    width: 76.5% !important;
    display: block;
    float: none;
}

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

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

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

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

/*---------------------------------------
   3.1 Home              
-----------------------------------------*/

/*#region new home */
.home-apply-now {
    margin-top: -12px;
    background-image: linear-gradient(135deg, rgba(24,55,83,1) 0%, rgba(37,85,128,1) 80%, rgba(49,113,171,1) 100%);
    min-height: 140px;
}

    .home-apply-now .row {
        min-height: 140px;
    }


.why-cards {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 58px;
    justify-content: center;
}

.why-card {
    flex: 0 0 280px;
    text-align: center;
}

.home-level {
    background-image: linear-gradient(135deg, rgba(24,55,83,0.9) 0%, rgba(37,85,128,0.9) 80%, rgba(49,113,171,0.9) 100%), url(../images/v2/home-not-blue.png);
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;
    background-color: var(--primaryblue);
    min-height: 300px;
}

    .home-level .row {
        min-height: 300px;
    }


    .home-level h2, .home-level p {
        color: white;
    }

.homecats {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: center;
}

.homecat {
    flex: 0 0 642px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 300px;
    border-radius: 10px;
    position: relative;
    overflow: hidden;
}

.hc-fullwidth {
    flex: 0 0 100%;
    min-height: 400px;
}

.hc-child {
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: cover;
    transition: all ease-in .25s;
}

.hc-1 {
    background-image: url(../images/v2/hc01.png);
}

.hc-2 {
    background-image: url(../images/v2/hc02.png);
}

.hc-3 {
    background-image: url(../images/v2/hc03.png);
}

.hc-4 {
    background-image: url(../images/v2/hc04.png);
}

.hc-5 {
    background-image: url(../images/v2/hc05.png);
}

.homecat:hover .hc-child,
.homecat:focus .hc-child {
    transform: scale(1.02);
    transition: all ease-in .25s;
}

.hc-overlay {
    background-image: linear-gradient(135deg, rgba(24,55,83,1) 0%, rgba(37,85,128,1) 80%, rgba(49,113,171,1) 100%);
    box-shadow: #3d3d3d 2px 1px 8px;
    text-align: left;
    padding: 10px 30px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    position: absolute;
    top: 230px;
    display: block;
    transition: all ease-in .25s;
    min-width: 100px;
}

.hc-fullwidth .hc-overlay {
    top: 320px;
}

.homecat:hover .hc-overlay {
    min-width: 101%;
    transition: all ease-in .25s;
}

.hc-overlay p {
    color: white;
    margin: 0;
    font-weight: 700;
}

    .hc-overlay p span {
        font-size: 0.9rem;
        font-weight: 400;
        padding-left: 10px
    }


@media screen and (max-width:1399px) {
    .homecat {
        flex: 0 1 553px;
    }

    .hc-fullwidth {
        flex: 0 0 100%;
    }
}

@media screen and (max-width:1199px) {
    .homecat {
        flex: 0 0 463px;
    }

    .hc-fullwidth {
        flex: 0 0 100%;
    }
}

@media screen and (max-width:992px) {
    .homecat {
        flex: 0 0 100%;
    }

    .hc-fullwidth {
        background-position: top right;
        min-height: 300px;
    }

        .hc-fullwidth .hc-overlay {
            top: 230px;
        }
}

/*#endregion */
#home-img {
    margin-top: 78px;
}

    #home-img .flexslider {
        position: relative;
        max-height: 603px;
        overflow: hidden;
    }

.home-buttons {
    margin-top: 1em;
    position: relative;
    display: inline-block;
}

a.home-btn, a.home-btn.btn2:hover {
    padding: 8px 40px;
    color: #fff;
    background: #00b0ad;
    border: 1px solid #00b0ad;
    border-radius: 30px;
    margin: 10px;
}

    a.home-btn:hover, a.home-btn.btn2 {
        color: #00b0ad;
        background: transparent;
    }

.muteIcon {
    position: absolute;
    top: 20vh;
    right: 0;
    padding: 10px;
    background: rgba(255,255,255,0.7);
    transition: all .2s ease;
    z-index: 2;
}

.mi-2 {
    top: 94vh
}

.Home #intro_pageBlock {
    display: none;
}

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


#home-img div#videoContainer {
    max-height: 878px;
    overflow: hidden;
}

section#about .page-box {
    height: 420px;
}

section#about {
    background: #00b0ad;
    color: #fff;
    padding: 1em 0;
    position: relative;
    overflow: hidden;
}

    section#about h3 {
        font-size: 42px;
        color: #fff;
        margin-bottom: 20px;
        margin-top: 0;
    }

    section#about p {
        font-size: 16px;
        color: #f1f1f1;
    }

    section#about img {
        transition: opacity .2s ease;
        border-radius: 15px;
    }

        section#about img:hover {
            opacity: .8;
        }




div#counters-container {
    padding: 4em 0;
    background: #f1f1f1;
}

    div#counters-container h3 {
        padding-bottom: 1em;
        font-size: 42px;
    }

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

.count-block .no-of:nth-child(3n+1) .fa {
    display: block;
    color: #f2c71e;
}

.count-block .no-of:nth-child(3n+2) .fa {
    display: block;
    color: #163752;
}

.count-block .no-of:nth-child(3n+3) .fa {
    display: block;
    color: #00b0ad;
}

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

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

.no-of p {
    color: #173853;
}

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

.count-block .no-of {
    margin-top: 25px;
    margin-bottom: 25px;
    width: calc(20% - 20px);
    display: block;
    float: left;
}


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

body.home .page-content {
    text-align: center;
    margin: auto;
    padding: 2em 0;
}

div#hero-text {
    position: relative;
    width: 100%;
    max-width: 100%;
    padding: 2em 15px 2em;
    margin: auto;
    text-align: center;
    background-image: linear-gradient(135deg, rgba(24,55,83,1) 0%, rgba(37,85,128,1) 80%, rgba(49,113,171,1) 100%);
    overflow: hidden;
}

    div#hero-text h1 {
        font-size: 3rem;
        color: #fff;
    }

    div#hero-text p {
        font-size: 20px;
        color: #fff;
        line-height: normal;
        margin: 20px auto;
    }


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


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


div#latest-jobs {
    padding: 2em 0;
    background-color: #F0F4F7;
}

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

    #slider-latest-jobs ol li a.flex-active {
        background: #f2c71e;
        border-color: #f2c71e;
    }

div#slider-latest-jobs.flexslider {
    border: none !important;
    box-shadow: none !important;
    background: no-repeat;
    margin: 2em auto;
}

.latestjobs-container {
    max-width: 100%;
    margin: auto;
}

div#latest-jobs h1 {
    font-size: 42px;
    color: #000;
    margin-bottom: 20px;
    text-align: center;
}

.flexslider .slides > li a.jobDetails {
    width: calc(33.3333% - 20px);
    float: left;
    margin: 30px 10px;
    text-align: center;
    position: relative;
    min-height: 250px;
    max-height: 250px;
    box-shadow: 0px 0px 20px 0px rgba(23,31,44,0.15);
    align-content: end;
    display: grid;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
}

    .flexslider .slides > li a.jobDetails:hover {
        box-shadow: 0px 0px 40px 0px rgba(23,31,44,0.15);
    }

    .flexslider .slides > li a.jobDetails .content {
        height: 67px;
        overflow: hidden;
        background: #f2c71e;
        transition: all .2s ease;
    }

    .flexslider .slides > li a.jobDetails:hover .content {
        background: #00b0ad;
        height: 92px;
    }

    .flexslider .slides > li a.jobDetails .content h3 {
        font-size: 24px;
        color: #163752;
        margin-top: 10px;
        margin-bottom: 0;
        font-family: 'Heebo Regular', arial, sans-serif;
    }

    .flexslider .slides > li a.jobDetails .content p {
        font-size: 18px;
        line-height: normal;
        color: #163752;
        margin: 0;
        padding-bottom: 10px;
    }

.flexslider .slides img {
    height: auto;
    -moz-user-select: none;
    min-height: 300px;
    object-fit: cover;
}

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

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

div#slider-home {
    position: relative;
}

    div#slider-home .flexslider {
        background: #fff;
        border: 1px solid #fff;
    }

    div#slider-home .flex-direction-nav .flex-prev {
        left: 0;
    }

    div#slider-home .flex-direction-nav .flex-next {
        right: 0;
    }

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

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

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

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

        #eaContainer #slider-latest-jobs .slides li {
            overflow: auto;
        }

            #eaContainer #slider-latest-jobs .slides li span.jobDetails {
                float: left;
                width: 25%;
            }

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

#eaContainer #latest-jobs h3 {
    font-family: 'Roboto', sans-serif;
    color: #000;
    font-size: 16px;
    font-weight: normal;
    margin: 10px 0 0;
}

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

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

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

/*---------------------------------------
   3.2 Job search              
-----------------------------------------*/
.Pos_Find_Results #posBrowser_Filter_pageBlockContainer .pageBlockContent {
    padding: 0;
}

.Pos_Find_Results #posBrowser_Filter_pageBlock .FilterContainer .ValueContainer ul.ValueList {
    padding-left: 0;
}

    .Pos_Find_Results #posBrowser_Filter_pageBlock .FilterContainer .ValueContainer ul.ValueList li {
        margin-left: 0;
        margin-right: 10px;
    }

.Pos_Find_Results #posBrowser_ResultsGrid_pageBlock {
    padding-left: 0;
    padding-right: 0;
}

#posBrowser_Filter_pageBlock .HeaderContainer .HeaderLabel {
    padding-left: 0;
}

#quicksearch_pageBlockContainer {
    margin: 0;
}

#quicksearch_filter_text_formRow div.controlContainer {
    margin-bottom: 5px;
}

#FindJobHeroBlock .pageBlockInner_FormBlock div.controlContainer {
}

#FindJobContainer {
    background: #163752;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    border-radius: 10px;
    width: 100%;
}

#FindJobHeroBlock {
    padding-bottom: 5px;
    position: relative;
    z-index: 50;
    width: 100%;
    max-width: 1220px;
    margin: auto;
    border-radius: 10px;
    padding: 3.3em 2em;
}

    #FindJobHeroBlock h1 {
        color: #fff;
        margin-bottom: 0;
        font-size: 30px;
    }

    #FindJobHeroBlock h5 {
        margin-bottom: 0;
        font-size: 16px;
        color: #eee;
    }

    #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;
    border: 1px solid #fff;
    padding: 2px 45px;
    margin: auto;
    font-size: 18px;
    color: #163752;
}

    body #FindJobHeroBlock input.buttonSubmit:hover {
        background: #163752;
        border: 1px solid #fff;
    }

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

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

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

#FindJobHeroBlock div.pageBlockContent {
}

#FindJobHeroBlock #quicksearch_SaveButtonRow_formRow {
    width: auto;
    margin: 10px 0;
}

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

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

a#JobsNearMe:before {
    font-family: "Font Awesome 5 Free";
    content: "\f124";
    padding-right: 1em;
    font-weight: 900;
}

#FindJobHeroBlock h1 {
    margin-top: 0;
    font-family: 'Heebo Regular',Arial,serif;
    text-transform: none;
}

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

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

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

/* Blocks */

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

.category-container {
    cursor: pointer;
}

    .category-container img {
        opacity: 0.8;
    }

    .category-container:hover {
        background: #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);
    }

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

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

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

.category-extras {
    display: none;
}

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

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

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

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

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

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

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

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

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

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

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

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

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


.cat-inner {
    display: none;
}

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

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

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

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

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

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


section#programmes {
    background: #fff;
    margin: 4em auto;
    overflow: hidden;
}

.prog-items {
    margin: 1em auto;
    position: relative;
    display: flex;
}

    .prog-items li {
        list-style: none;
    }

img.prog-img {
    width: 100px;
}

.cd-testimonials-wrapper, .cd-testimonials-wrapper * {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}

    .cd-testimonials-wrapper ul {
        list-style: none;
    }

*, *:after, *:before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

img {
    max-width: 100%;
}

h3.rss-title,
h4.rss-subtitle {
    color: #163752;
    text-align: center;
    max-width: 900px;
    margin: 2em auto 0;
}

h4.rss-subtitle {
    font-family: 'Heebo Regular', serif;
}

.cd-testimonials-wrapper {
    position: relative;
    width: 100%;
    margin: 2em auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    padding: 20px 40px 70px;
    z-index: 1;
}

@media only screen and (min-width: 768px) {
    .cd-testimonials-wrapper {
        margin: auto;
        padding-bottom: 3em;
    }
}

.cd-testimonials {
    color: white;
    text-align: center;
}

    .cd-testimonials:after {
        content: "";
        display: table;
        clear: both;
    }

    .cd-testimonials > li:first-child {
        position: relative;
        opacity: 1;
    }

    .cd-testimonials p {
        font-family: 'Heebo Regular', serif;
        font-style: italic;
        line-height: 1.4;
        margin-bottom: 0;
        padding: 10px 20px;
        color: #fff;
        min-height: 1px;
        display: block;
        align-items: center;
    }

        .cd-testimonials p::before,
        .cd-testimonials p::after {
            display: inline-block;
            content: '\201C';
            font-family: 'Heebo Regular', serif;
            line-height: 1;
            font-size: 20px;
        }

        .cd-testimonials p::before {
            margin-right: 10px;
        }

        .cd-testimonials p::after {
            transform: rotate(180deg);
            margin-left: 10px;
        }

        .cd-testimonials p.rssError {
            font-style: normal;
        }

            .cd-testimonials p.rssError:before,
            .cd-testimonials p.rssError:after {
                display: none;
            }

@media only screen and (min-width: 1170px) {
    .cd-testimonials p {
        font-size: 26px;
        font-size: 1.625rem;
        line-height: 1.6;
    }
}

.cd-author img, .cd-author .cd-author-info {
    /*display: inline-block;*/
    vertical-align: middle;
}

.cd-author img {
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.3);
}

.cd-author .cd-author-info {
    padding: 10px 0;
    text-align: center;
    line-height: 1.2;
}

    .cd-author .cd-author-info li:first-child {
        font-size: 18px;
        color: #fff;
    }

    .cd-author .cd-author-info li:last-child {
        font-size: 16px;
        color: #fff;
    }

@media only screen and (min-width: 768px) {
    .cd-author img {
        width: 200px;
        height: 200px;
        object-fit: cover;
    }

    .cd-author .cd-author-info {
        line-height: 1.4;
    }

        .cd-author .cd-author-info li:first-child {
            font-size: 18px;
            color: #fff;
        }

        .cd-author .cd-author-info li:last-child {
            font-size: 14px;
            color: #fff;
        }
}

.cd-see-all {
    position: absolute;
    z-index: 1;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 50px;
    line-height: 50px;
    background-color: #252527;
    text-align: center;
    text-transform: uppercase;
    color: #6b6b70;
    font-weight: 700;
    font-size: 12px;
    font-size: 0.75rem;
    -webkit-transition: color, 0.2s;
    -moz-transition: color, 0.2s;
    transition: color, 0.2s;
}

.no-touch .cd-see-all:hover {
    color: #79b6e4;
}

.cd-testimonials-all {
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: white;
    z-index: 2;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: opacity .3s 0s, visibility 0s .3s;
    -moz-transition: opacity .3s 0s, visibility 0s .3s;
    transition: opacity .3s 0s, visibility 0s .3s;
}

    .cd-testimonials-all .cd-testimonials-all-wrapper {
        position: absolute;
        left: 0;
        top: 0;
        height: 100%;
        width: 100%;
        overflow: auto;
        -webkit-overflow-scrolling: touch;
    }

        .cd-testimonials-all .cd-testimonials-all-wrapper > ul {
            width: 90%;
            max-width: 1170px;
            margin: 4em auto;
        }

            .cd-testimonials-all .cd-testimonials-all-wrapper > ul:after {
                content: "";
                display: table;
                clear: both;
            }

    .cd-testimonials-all .cd-testimonials-item {
        margin-bottom: 2em;
        opacity: 0;
        /* Force Hardware Acceleration in WebKit */
        -webkit-transform: translate3d(0, 0, 0) scale(0.4);
        -moz-transform: translate3d(0, 0, 0) scale(0.4);
        -ms-transform: translate3d(0, 0, 0) scale(0.4);
        -o-transform: translate3d(0, 0, 0) scale(0.4);
        transform: translate3d(0, 0, 0) scale(0.4);
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        -webkit-transition: -webkit-transform .3s, opacity .3s;
        -moz-transition: -moz-transform .3s, opacity .3s;
        transition: transform .3s, opacity .3s;
    }

    .cd-testimonials-all p {
        position: relative;
        background: #79b6e4;
        color: white;
        padding: 2em;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        line-height: 1.4;
        border-radius: 0.25em;
        margin-bottom: 1em;
    }

        .cd-testimonials-all p::after {
            /* creating the triangle in css */
            content: '';
            position: absolute;
            top: 100%;
            left: 2em;
            height: 0;
            width: 0;
            border: 8px solid transparent;
            border-top-color: #79b6e4;
        }

    .cd-testimonials-all .cd-author {
        text-align: left;
        margin-left: 1.5em;
    }

        .cd-testimonials-all .cd-author img {
            box-shadow: 0 0 0 transparent;
        }

    .cd-testimonials-all.is-visible {
        visibility: visible;
        opacity: 1;
        -webkit-transition: opacity .3s 0s, visibility 0s 0s;
        -moz-transition: opacity .3s 0s, visibility 0s 0s;
        transition: opacity .3s 0s, visibility 0s 0s;
    }

        .cd-testimonials-all.is-visible .cd-testimonials-item {
            opacity: 1;
            -webkit-transform: translate3d(0, 0, 0) scale(1);
            -moz-transform: translate3d(0, 0, 0) scale(1);
            -ms-transform: translate3d(0, 0, 0) scale(1);
            -o-transform: translate3d(0, 0, 0) scale(1);
            transform: translate3d(0, 0, 0) scale(1);
        }

@media only screen and (min-width: 768px) {
    .cd-testimonials-all .cd-testimonials-item {
        width: 46%;
        margin: 0 2% 3em;
    }

    .cd-testimonials-all .cd-author {
        margin-left: 1em;
    }
}

@media only screen and (min-width: 1170px) {
    .cd-testimonials-all .cd-testimonials-item {
        width: 30%;
        margin: 0 1.6666% 3em;
    }
}


.cd-testimonials-wrapper .flex-direction-nav a {
    text-decoration: none;
    display: block;
    overflow: hidden;
    opacity: 1;
    cursor: pointer;
}

.cd-testimonials-wrapper .flex-direction-nav .flex-prev {
    left: 0;
}

.cd-testimonials-wrapper .flex-direction-nav .flex-prev, .flex-direction-nav .flex-next {
    background: transparent;
}

.cd-testimonials-wrapper .flex-direction-nav .flex-next {
    right: 0;
    text-align: right;
}

.cd-light .flex-direction-nav li a::before, .cd-light .flex-direction-nav li a::after {
    background-color: transparent;
    color: #fff;
}


.close-btn {
    position: fixed;
    display: block;
    width: 40px;
    height: 40px;
    top: 10px;
    right: 5%;
    /* image replacement */
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
}

    .close-btn::before, .close-btn::after {
        /* close icon in css */
        content: '';
        position: absolute;
        display: inline-block;
        width: 2px;
        height: 24px;
        top: 8px;
        left: 19px;
        background-color: #39393c;
    }

    .close-btn::before {
        transform: rotate(45deg);
    }

    .close-btn::after {
        transform: rotate(-45deg);
    }

div#cd-main {
    background: #00b0ad;
}

.cd-light.cd-testimonials-wrapper::after,
.cd-light.cd-testimonials-wrapper::before {
    color: #fff;
    background: transparent;
}

.cd-light .cd-testimonials {
    color: #39393c;
}

.cd-light .flex-direction-nav li a::before, .cd-light .flex-direction-nav li a::after {
    background-color: transparent;
}

.cd-light .flex-direction-nav li:hover {
    background: #eee;
}

#culture {
    align-items: center;
    display: flex;
}

.culture-text {
    padding: 2em;
    position: relative;
}
/*Roles Page Styling*/

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

#eaContainer #Home_pageView #CodeListCounts_pageBlock .listContainer_Option2 {
    margin: 0 auto;
    text-align: center;
    overflow: hidden;
}

    #eaContainer #Home_pageView #CodeListCounts_pageBlock .listContainer_Option2 .listItemContainer {
        width: calc(33.3333% - 20px);
        position: relative;
        height: 250px;
        margin-bottom: 20px;
        border: 1px solid lightgrey;
        transition: all .2s ease;
        margin: 10px;
        box-shadow: inset 0 13px 20px -10px #9e9e9e, 0 13px 20px -10px #9e9e9e;
        float: none;
        display: inline-block;
    }

        #eaContainer #Home_pageView #CodeListCounts_pageBlock .listContainer_Option2 .listItemContainer.listItemContainer_Value18997,
        #eaContainer #Home_pageView #CodeListCounts_pageBlock .listContainer_Option2 .listItemContainer.listItemContainer_Value18998,
        #eaContainer #Home_pageView #CodeListCounts_pageBlock .listContainer_Option2 .listItemContainer.listItemContainer_Value19003,
        #eaContainer #Home_pageView #CodeListCounts_pageBlock .listContainer_Option2 .listItemContainer.listItemContainer_Value18994 {
            width: calc(66.6667% - 20px);
        }

            #eaContainer #Home_pageView #CodeListCounts_pageBlock .listContainer_Option2 .listItemContainer.listItemContainer_Value18997 .listItemContainerBorder .listItemImageContainer,
            #eaContainer #Home_pageView #CodeListCounts_pageBlock .listContainer_Option2 .listItemContainer.listItemContainer_Value19003 .listItemContainerBorder .listItemImageContainer,
            #eaContainer #Home_pageView #CodeListCounts_pageBlock .listContainer_Option2 .listItemContainer.listItemContainer_Value18994 .listItemContainerBorder .listItemImageContainer {
                background-position: 50% 0;
            }

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

            #eaContainer #Home_pageView #CodeListCounts_pageBlock .listContainer_Option2 .listItemContainer .listItemContainerBorder .listItemImageContainer {
                z-index: 1;
                background-size: cover;
                background-position: 50% 50%;
                background-repeat: no-repeat;
                transition: all .2s ease;
            }

            #eaContainer #Home_pageView #CodeListCounts_pageBlock .listContainer_Option2 .listItemContainer .listItemContainerBorder .codeListBlockLower {
                position: absolute;
                bottom: 0;
                left: 0;
                right: 0;
                z-index: 2;
                background: #00b0ad;
                height: 45px;
                text-align: center;
                transition: all .2s ease;
                padding-left: 10px;
            }

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

                    #eaContainer #Home_pageView #CodeListCounts_pageBlock .listContainer_Option2 .listItemContainer .listItemContainerBorder .codeListBlockLower .listItemTitle a {
                        font-size: 24px;
                        line-height: normal;
                    }

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

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


        #eaContainer #Home_pageView #CodeListCounts_pageBlock .listContainer_Option2 .listItemContainer:hover .listItemContainerBorder .codeListBlockLower {
            background: #163752;
            height: 75px;
        }

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

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

.buttonsCenter {
    position: relative;
}

    .buttonsCenter a {
        margin: 0 auto;
    }

#Home_pageView #CodeListCounts_pageBlock .listContainer_Option2 .listItemContainer .listItemContainerBorder .listItemImageContainer {
    background-position: 50% 10%;
}

/*Roles Page Styling End*/

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

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

#eaContainer {
    min-height: 400px;
}

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

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

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

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

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

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

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

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

#eaContainer .pageBlockInner_GridBlock .pagingControls_Tiles a img {
    display: none;
}

#eaContainer .TilesGridSortingPopup {
    border-radius: 5px;
}

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

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

    #eaContainer .posBrowserMapBlock .addressContainer .addressLabel {
        width: 130px;
        font-family: 'Heebo Regular',Arial,serif;
    }


.posBrowserMapBlock .addressContainer .addressInput {
    border: 1px solid #ccc !important;
    width: 150px;
}

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

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

/*#region search box */
input.searchbox {
    width: 99%;
    border-top: 1px solid #ABADB3;
    border-right: 1px solid #DBDFE6;
    border-bottom: 1px solid #E3E9EF;
    border-left: 1px solid #E2E3EA;
    border-radius: 0.25em;
    padding: 7px;
}

    input.searchbox:focus {
        border-color: #9b9c9e;
        outline: none;
    }

.btn-search {
    color: white;
    background-image: linear-gradient(135deg, rgba(4,126,122,1) 0%, rgba(6,162,157,1) 100%);
    box-shadow: #3d3d3d 0px 0px 6px;
    border: none;
    border-radius: 30px;
    padding: 7px 24px;
    min-width: 120px;
    display: inline-block;
}

@media screen and (max-width:992px) {
    .btn-search {
        margin-top: 3px;
    }
}

.xcont {
    position: relative;
    padding-top: 0px;
}

input.slider {
    appearance: none;
    width: calc(100% - 100px);
    height: 6px;
    background: var(--primarygreen);
    outline: none;
    transition: opacity .2s;
    display: inline-block;
}

span#distanceTracker {
    background: #fff;
    padding: 5px;
    font-size: 14px;
    text-align: center;
    width: 90px;
    display: inline-block;
    font-weight: 700;
}

accent-color {
    color: var(--primaryblue);
}

.jobsearch-form-top__search {
    margin-top: 10px;
}

#posBrowser_Filter_pageBlock .filtersSummary {
    margin-top: 20px;
}

input[type='range']::-webkit-slider-thumb {
    -webkit-appearance: none !important;
    background-color: var(--primaryblue);
    border: 1px solid var(--primaryblue);
    height: 15px;
    width: 15px;
    border-radius: 10px;
}


/*#endregion */
#eaContainer #posBrowser_Filter_pageBlock .HeaderContainer {
    margin-bottom: 5px;
}

#posBrowser_Filter_pageBlock .ButtonsContainer,
.filtersExpander {
    display: none;
}

#posBrowser_Filter_pageBlock .FiltersContainer_Hidden {
    display: block;
}

#posBrowser_Filter_pageBlock .FilterContainer .ValueList, #posBrowser_Filter_pageBlock .FiltersContainer .AvailableList {
    margin: 0;
    padding: 0 0 5px 5px;
    list-style: none;
    overflow: auto;
    max-height: 340px;
    overflow-x: hidden;
}

#eaContainer #posBrowser_Filter_pageBlock .FilterContainer .ValueList li {
    background: none;
    padding: 4px 10px;
    border-radius: 40px;
    border: 1px solid var(--primarygreen);
    display: inline-block;
}

    #eaContainer #posBrowser_Filter_pageBlock .FilterContainer .ValueList li.ValueItem_selected {
        background-image: linear-gradient(135deg, rgba(4,126,122,1) 0%, rgba(6,162,157,1) 100%);
        background-repeat: no-repeat;
        border-radius: 40px;
        box-shadow: #3d3d3d 0px 0px 6px;
    }

#posBrowser_Filter_pageBlock .FilterContainer .ValueList li.ValueItem_selected a,
#eaContainer #posBrowser_Filter_pageBlock .FilterContainer .ValueItem_selected a span {
    color: white
}

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

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

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

#eaContainer #posBrowser_ResultsGrid_pageBlock .gridContainer,
#eaContainer #posBrowser_ResultsGrid_pageBlock .gridContainer .gridContent {
    overflow: auto;
}

    #eaContainer #posBrowser_ResultsGrid_pageBlock .gridContainer .gridContent {
        padding-bottom: 50px;
    }

#posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .gridFooter {
    padding: 0 18%;
}

    #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .gridFooter .pagingControls_Tiles {
        padding: 2em 0;
        position: relative;
        text-align: center;
        width: 100%;
    }

        #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .gridFooter .pagingControls_Tiles .pagingText {
            float: none;
            margin: 0;
            padding: 0;
        }

        #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .gridFooter .pagingControls_Tiles .pagingButtons {
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            width: 100%;
        }

            #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .gridFooter .pagingControls_Tiles .pagingButtons a {
                margin: 0;
                text-decoration: none;
                position: relative;
                -webkit-transition: all .2s;
                transition: all .2s;
                width: auto;
                height: auto;
                background: none;
                border: none;
                line-height: 22px;
            }

            #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .gridFooter .pagingControls_Tiles .pagingButtons a {
                font-weight: bold;
            }

                #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .gridFooter .pagingControls_Tiles .pagingButtons a img {
                    display: none;
                }

                #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .gridFooter .pagingControls_Tiles .pagingButtons a.scroller_moveprev:before,
                #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .gridFooter .pagingControls_Tiles .pagingButtons a.scroller_movenext:after {
                    display: inline-block;
                    font-family: "Font Awesome 5 Free";
                    font-weight: 900;
                    font-size: .875em;
                    -webkit-transition: .2s transform ease-out;
                    transition: .2s transform ease-out;
                }

                #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .gridFooter .pagingControls_Tiles .pagingButtons a.scroller_moveprev:before {
                    content: '\f053';
                    margin-right: 5px;
                }

                #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .gridFooter .pagingControls_Tiles .pagingButtons a.scroller_moveprev:after {
                    content: 'Previous';
                }

                #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .gridFooter .pagingControls_Tiles .pagingButtons a.scroller_movenext {
                    float: right;
                }

                    #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .gridFooter .pagingControls_Tiles .pagingButtons a.scroller_movenext:before {
                        content: 'Next';
                    }

                    #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .gridFooter .pagingControls_Tiles .pagingButtons a.scroller_movenext:after {
                        content: '\f054';
                        margin-left: 5px;
                    }

                #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .gridFooter .pagingControls_Tiles .pagingButtons a.buttonDisabled {
                    cursor: initial;
                    pointer-events: none;
                    opacity: 0.7;
                    color: #a0a0a0;
                }


#eaContainer #posBrowser_ResultsGrid_pageBlock .rowContainer {
    margin: 5px;
    min-height: 154px;
    width: calc(33.3333% - 10px);
    padding: 10px;
    display: block;
    background: #fff;
    border: 1px solid #404040;
    border-radius: 9px;
    text-align: center;
}

.Pos_Find_Results .buttonContainer {
    margin-top: 18px;
}

.TilesGridAlternateViewsContainer,
#posBrowser_Filter_pageBlock .filtersSummary .alternateViews {
    display: none;
}

.pageBlockInner_GridBlock .ListGridContainer .rowLabel {
    font-weight: bold;
    float: none;
}

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

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

#eaContainer #posBrowser_Filter_pageBlock .FilterContainer .label,
#eaContainer #posBrowser_Filter_pageBlock .FilterContainer .count {
    font-size: inherit;
    font-family: 'Roboto', sans-serif;
}

#eaContainer #posBrowser_Filter_pageBlock .FilterContainer a:hover {
    text-decoration: none;
}


#posBrowser_Filter_pageBlock .HeaderContainer .HeaderLabel {
    float: none;
    color: var(--font);
}

#eaContainer .FilterContainer .HeaderLabel:hover {
    cursor: pointer;
}

/*.FilterContainer .HeaderLabel:after {
    font-family: 'Font Awesome 5 Free';
    content: '\f067';
    font-size: 16px;
    float: right;
    margin-right: 10px;
    margin-top: 0;
    color: #fff;
    font-weight: 900;
}

.FilterContainer .HeaderLabel.active:after {
    content: '\f068';
}*/

.FilterContainer .ValueContainer {
    display: block;
}

.FilterContainer.show .ValueContainer {
    display: block;
}

#eaContainer .filtersExpander a,
#posBrowser_Filter_pageBlock .filtersSummary .alternateViews a {
    padding: 8px 40px;
    color: #fff;
    background: #00b0ad;
    border: 1px solid #00b0ad;
    border-radius: 30px;
    margin: 10px 0;
    display: inline-block;
}

    #eaContainer .filtersExpander a:before,
    #posBrowser_Filter_pageBlock .filtersSummary .alternateViews a:before {
        content: "\f067";
        font-family: "Font Awesome 5 Free";
        margin-right: 5px;
    }

    #eaContainer .filtersExpander a.filtersExpanderButton_Expanded:before {
        content: "\f068";
    }

    #eaContainer .filtersExpander a:hover,
    #posBrowser_Filter_pageBlock .filtersSummary .alternateViews a:hover {
        background: #fff;
        color: #00b0ad;
    }

    #posBrowser_Filter_pageBlock .filtersSummary .alternateViews a.alternateViewsButton_List:before {
        content: "\f03a";
    }

    #posBrowser_Filter_pageBlock .filtersSummary .alternateViews a.alternateViewsButton_Map:before {
        content: "\f3c5";
    }

    #posBrowser_Filter_pageBlock .filtersSummary .alternateViews a.alternateViewsButton_Selected {
        display: none;
    }
/*---------------------------------------
   3.6 Job description             
-----------------------------------------*/
body.pos_description {
    background: #ffffff;
}

img#replaced {
    margin: auto;
    display: block;
    border-radius: 0.25em;
    border: .25rem solid #dedede;
    box-shadow: 10px 10px 25px 0 rgba(30,30,30,.2);
}

#Pos_Description_pageView .RightJobBox .ApplyNowContainer.ApplyViaFormContainer {
    position: fixed;
    top: 25vh;
    right: 0;
    width: 250px;
    z-index: 10;
}

div.posDescriptionContainer317 .LeftJobBox {
    display: block;
    float: left;
    overflow: hidden;
    position: relative;
    width: 69%;
    margin-top: 4px;
}

    div.posDescriptionContainer317 .LeftJobBox .VacancyMap {
        border: .25rem solid #dedede;
        margin-bottom: 10px;
    }

    div.posDescriptionContainer317 .LeftJobBox .descriptionContainer {
        border: .25rem solid #dedede;
        box-shadow: 10px 10px 25px 0 rgba(30,30,30,.2);
        background: #fff;
        padding: 40px;
        overflow: auto;
    }

        div.posDescriptionContainer317 .LeftJobBox .descriptionContainer .JobTitle h1 {
            margin: 0;
            margin-bottom: 15px;
            line-height: normal;
        }

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

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

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

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

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

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

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

#eaContainer .button.connect, #eaContainer .button.disconnect {
    display: block;
    text-align: center;
}

#eaContainer .buttonContainer {
    display: none;
}

#eaContainer #MyDetails_ConnectedServices_pageView #ConnectedServicesForm_pageBlock .serviceContainer2,
#eaContainer .ulListItemLabel,
#eaContainer .PosMyAppSummaryValues,
#eaContainer .PosMyWelcomePackSummaryValues,
#eaContainer .rowContainer,
body #eaContainer #MyDetailsStauts_pageBlockContainer .pageBlockContent.pageBlockContent_TextTagReplacementBlock,
body.mydetails #eaContainer .pageBlockContent_GridBlock,
body.mydetails #eaContainer .pageBlockContent_FormBlock {
    padding: 1em;
}

.PosMyAppSummaryValues dd,
.PosMyWelcomePackSummaryValues dd {
    margin: 0;
}

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

#eaContainer .PosDescriptionText .ApplyNowContainer {
    float: none;
    display: table;
    margin: auto;
}

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

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

#eaContainer #posdesc_pageBlock .posdescriptionPropertyBox,
#eaContainer #posdesc_pageBlock .posrating,
#eaContainer #posdesc_pageBlock .possharing,
#eaContainer #posdesc_pageBlock .posAlerts {
    border: .25rem solid #dedede;
    background: #fff;
    border-radius: 0.25em;
    padding: 2em;
}

    #eaContainer #posdesc_pageBlock .posdescriptionPropertyBox ul.jobSum li {
        list-style: none;
        display: block;
        margin: 0 10px;
        padding: 2px 8px;
        border-radius: 5px;
    }

        #eaContainer #posdesc_pageBlock .posdescriptionPropertyBox ul.jobSum li:hover {
            transition: all ease-in .2s;
            color: #f1f1f1;
        }

#eaContainer #posdesc_pageBlock .posdescriptionPropertyBox {
    padding: 1em;
    background-image: linear-gradient(135deg, rgba(24,55,83,1) 0%, rgba(37,85,128,1) 80%, rgba(49,113,171,1) 100%);
    color: #fff;
}


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

#Pos_Description_pageView #posdesc_pageBlockContainer .ApplyNowContainer .buttonsLeft li {
    width: 100%;
}

.RightJobBox .ApplyNowContainer.ApplyViaFormContainer,
.RightJobBox .ApplyNowContainer .buttonsLeft,
.RightJobBox .ApplyNowContainer .buttonsLeft a.right {
    width: 100%;
}

.topbutton {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 161px;
    float: none;
    margin-top: 12px;
}

#JobDescriptionMap_vacancyMap_pageBlock {
    padding: 0;
}

#eaContainer #PosDescSharingItems {
    text-align: center;
    margin: 0 auto;
    width: auto;
    display: table;
}

    #eaContainer #PosDescSharingItems a.PosDescSharingItem {
        width: 30px;
        height: 30px;
        background-size: contain;
        background-repeat: no-repeat;
        background-position: 50% 50%;
        transition: all .2s ease;
        position: relative;
        border-radius: 0.25em;
        color: #01b0ad;
    }

        /*#eaContainer #PosDescSharingItems a.PosDescSharingItem#linkedin_PosDescSharingItem:hover {
            color: #2867B2;
        }

        #eaContainer #PosDescSharingItems a.PosDescSharingItem#facebook_PosDescSharingItem:hover {
            color: #4267B2;
        }

        #eaContainer #PosDescSharingItems a.PosDescSharingItem#twitter_PosDescSharingItem:hover {
            color: #1DA1F2;
        }

        #eaContainer #PosDescSharingItems a.PosDescSharingItem#email_PosDescSharingItem:hover {
            color: #01b0ad;
        }*/

        #eaContainer #PosDescSharingItems a.PosDescSharingItem#linkedin_PosDescSharingItem img,
        #eaContainer #PosDescSharingItems a.PosDescSharingItem#google_plusone_share_PosDescSharingItem img,
        #eaContainer #PosDescSharingItems a.PosDescSharingItem#email_PosDescSharingItem img,
        #eaContainer #PosDescSharingItems a.PosDescSharingItem#twitter_PosDescSharingItem img,
        #eaContainer #PosDescSharingItems a.PosDescSharingItem#facebook_PosDescSharingItem img {
            display: none;
        }

        #eaContainer #PosDescSharingItems a.PosDescSharingItem img {
            display: none;
        }

        #eaContainer #PosDescSharingItems a.PosDescSharingItem:before {
            content: "\f08c";
            font-family: "Font Awesome 5 Brands";
            color: inherit;
            font-size: 30px;
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            line-height: normal;
            font-weight: 900;
        }

        #eaContainer #PosDescSharingItems a.PosDescSharingItem#linkedin_PosDescSharingItem:before {
            content: "\f08c";
        }

        #eaContainer #PosDescSharingItems a.PosDescSharingItem#facebook_PosDescSharingItem:before {
            content: "\f082";
        }

        #eaContainer #PosDescSharingItems a.PosDescSharingItem#twitter_PosDescSharingItem:before {
            content: "\f081";
        }

        #eaContainer #PosDescSharingItems a.PosDescSharingItem#email_PosDescSharingItem:before {
            font-family: "Font Awesome 5 Free";
            content: "\f199";
        }

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

.benefitsContainer {
    border: .25rem solid #dedede;
    background: #fff;
    border-radius: 0.25em;
    padding: 2em;
    display: flex;
    margin: 10px 0;
    text-align: center;
}

h2.benefits-title {
    text-align: center;
    font-weight: bold;
    margin-top: 3px;
    font-family: 'Roboto', arial, sans-serif;
    font-size: 27px;
    color: #39393c;
    padding: 0 0 14px 0;
}

.benefitBlock {
    width: calc(50% - 2.5px);
    text-align: center;
    display: inline-block;
    vertical-align: top;
    min-height: 130px;
    line-height: normal;
}

    .benefitBlock:before {
        content: "";
        width: 100px;
        height: 70px;
        margin: 5px auto 5px;
        display: block;
        background-position: center;
        background-size: 100%;
        background-repeat: no-repeat;
        transition: all ease .2s;
    }

    .benefitBlock:hover:before {
        filter: grayscale(1);
        transform: scale(1.1);
    }

    .benefitBlock.pension:before {
        background-image: url("../images/benefits/pension.png");
    }

    .benefitBlock.medical:before {
        background-image: url("../images/benefits/medical.png");
    }

    .benefitBlock.love2shop:before {
        background-image: url("../images/benefits/love2shop.png");
    }

    .benefitBlock.annualleave:before {
        background-image: url("../images/benefits/holiday.png");
    }

    .benefitBlock.lifeassurance:before {
        background-image: url("../images/benefits/life.png");
    }

    .benefitBlock.servicerec:before {
        background-image: url("../images/benefits/service.png");
    }

    .benefitBlock.cineworld:before {
        background-image: url("../images/benefits/cinema.png");
    }

    .benefitBlock.perks:before {
        background-image: url("../images/benefits/perks.png");
    }

    .benefitBlock.voluntary:before {
        background-image: url("../images/benefits/volunteer-benefits.png");
    }

    .benefitBlock.modern:before {
        background-image: url("../images/benefits/modern-workplace.png");
    }

    .benefitBlock.training:before {
        background-image: url("../images/benefits/training.png");
    }

    .benefitBlock.fun:before {
        background-image: url("../images/benefits/fun.png");
    }


.recruiterContainer {
    border: .25rem solid #dedede;
    background: #fff;
    border-radius: 0.25em;
    padding: 2em 1em;
    word-break: break-all;
    margin-bottom: 10px;
    text-align: center;
}


h2.recruiter-title {
    text-align: center;
    font-weight: bold;
    margin-top: 3px;
    font-family: 'Heebo Regular', arial, sans-serif;
    line-height: 1.8;
    font-size: 16px;
    color: #39393c;
}

.rec-img img {
    border-radius: 100%;
    max-width: 120px;
}

/*---------------------------------------
   3.7 Job alerts             
-----------------------------------------*/
html body #lookupResults_gridTable {
    margin-bottom: 0;
    width: 100% !important;
}

.pageBlockInner_FormBlock div.SelectMultiRow .selectmultiplerow {
    overflow: inherit;
}

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

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

/*#eaContainer #posdesc_pageBlock .posDescriptionContainer,*/
#eaContainer #posBrowser_ResultsGrid_pageBlock div.ListGridContainer {
    overflow: visible;
    margin: 1em;
}

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

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

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

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

body.pos_alertcriteria div#Form_row0_formRow {
    margin: 1em auto;
}

body.pos_alertcriteria .controlContainer {
    padding: 3px;
    width: 30%;
    background-color: #f0f0f0;
    color: black;
    display: grid;
}

div#Pos_AlertCriteria_pageView .controlContainer {
    background: transparent;
}
/*---------------------------------------
   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#TestDetail_testbuttonrow_formRow .buttonsRight,
    #eaContainer div.pageBlockInner_FormBlock div.formRow#TestDetail_testbuttonrow_formRow .buttonsRight ul,
    #eaContainer div.pageBlockInner_FormBlock div.formRow#TestDetail_testbuttonrow_formRow .buttonsRight ul li,
    #eaContainer div.pageBlockInner_FormBlock div.formRow#TestDetail_testbuttonrow_formRow .buttonsRight ul li a.buttonAnchor {
        float: none;
        text-align: center;
    }

        #eaContainer div.pageBlockInner_FormBlock div.formRow#TestDetail_testbuttonrow_formRow .buttonsRight ul li a.buttonAnchor {
            display: inline-block;
        }

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

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

/*---------------------------------------
   3.9 Login            
-----------------------------------------*/

#UsernameForm_pageBlock .ssoIcon {
    display: inline-block;
    float: none;
    padding: 5px;
    width: 70px;
}

#UsernameForm_pageBlock .ssoIconsInnerContainer {
    margin: 0 auto;
    max-width: 360px;
    overflow: auto;
    text-align: center;
}
/*---------------------------------------
   3.10 Register            
-----------------------------------------*/

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

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

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

/* Tabs */

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

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

/*---------------------------------------
   3.12 Talent Pool Register            
-----------------------------------------*/

#talentpooldesc_pageBlock .talentImg {
    position: relative;
}

    #talentpooldesc_pageBlock .talentImg .buttonsContainer {
        overflow: auto;
    }

#talentpooldesc_pageBlock .talentBtn {
}

#eaContainer #talentpooldesc_pageBlock .talentBtn .buttonsContainer {
    overflow: auto;
    margin-top: 9em;
}

#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: #163752;
                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: #163752;
                        transition: all .2s ease;
                        padding: 15px;
                        width: 100%;
                        overflow: auto;
                        font-size: 20px;
                        box-sizing: border-box;
                        line-height: normal;
                        color: #fff;
                    }

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

#talentpoolgrid_pageBlockContainer #talentpoolgrid_pageBlock .gridFooter {
    overflow: visible;
}

    #talentpoolgrid_pageBlockContainer #talentpoolgrid_pageBlock .gridFooter .pagingControls_Tiles {
        position: relative;
        width: 100%;
        overflow: visible;
        text-align: center;
    }

        #talentpoolgrid_pageBlockContainer #talentpoolgrid_pageBlock .gridFooter .pagingControls_Tiles .pagingText {
            float: none;
            margin: 0;
            padding: 0;
        }

        #talentpoolgrid_pageBlockContainer #talentpoolgrid_pageBlock .gridFooter .pagingControls_Tiles .pagingButtons {
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            left: 0;
            width: 100%;
        }

            #talentpoolgrid_pageBlockContainer #talentpoolgrid_pageBlock .gridFooter .pagingControls_Tiles .pagingButtons a {
                padding: 20px;
                border-radius: 100%;
                display: block;
                background-color: #163752;
                background-repeat: no-repeat;
                background-position: 50% 50%;
            }

                #talentpoolgrid_pageBlockContainer #talentpoolgrid_pageBlock .gridFooter .pagingControls_Tiles .pagingButtons a:hover {
                    opacity: 0.7;
                }

                #talentpoolgrid_pageBlockContainer #talentpoolgrid_pageBlock .gridFooter .pagingControls_Tiles .pagingButtons a.scroller_moveprev {
                    float: left;
                }

                #talentpoolgrid_pageBlockContainer #talentpoolgrid_pageBlock .gridFooter .pagingControls_Tiles .pagingButtons a.scroller_movenext {
                    float: right;
                }

                #talentpoolgrid_pageBlockContainer #talentpoolgrid_pageBlock .gridFooter .pagingControls_Tiles .pagingButtons a.buttonDisabled {
                    background-color: grey;
                    opacity: 1;
                    pointer-events: none;
                    cursor: initial;
                }



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

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

/*---------------------------------------
   3.13 Campaign Details     
-----------------------------------------*/

.campaign_detail #bannerContainer img {
    object-position: 50% 16%;
}

.campaign_detail .videoContainer {
    display: none;
}

.campaign_detail.isTacticalSolutions .videoContainer {
    display: block;
}

.campaign_detail #pageContent #intro_pageBlockContainer {
    display: none;
}

.campaign_detail #pageContent #campaign_pageBlockContainer {
    margin-bottom: 0;
}

    .campaign_detail #pageContent #campaign_pageBlockContainer #campaign_pageBlock {
        padding: 0;
    }

        .campaign_detail #pageContent #campaign_pageBlockContainer #campaign_pageBlock .infoContainer,
        .campaign_detail #pageContent #campaign_pageBlockContainer #campaign_pageBlock .infoContainer .descContainer {
            width: 100%;
        }

            .campaign_detail #pageContent #campaign_pageBlockContainer #campaign_pageBlock .infoContainer .imageContainer {
                display: none;
            }

            .campaign_detail #pageContent #campaign_pageBlockContainer #campaign_pageBlock .infoContainer .descContainer {
                margin-bottom: 0;
            }

                .campaign_detail #pageContent #campaign_pageBlockContainer #campaign_pageBlock .infoContainer .descContainer .sectionContainer {
                    margin: 0;
                }

            .campaign_detail #pageContent #campaign_pageBlockContainer #campaign_pageBlock .infoContainer .filescontainer {
                overflow: hidden;
                margin: 0;
            }

                .campaign_detail #pageContent #campaign_pageBlockContainer #campaign_pageBlock .infoContainer .filescontainer hr {
                    margin: 0;
                }

                    .campaign_detail #pageContent #campaign_pageBlockContainer #campaign_pageBlock .infoContainer .filescontainer hr:first-of-type {
                        margin-bottom: 3em;
                    }

                    .campaign_detail #pageContent #campaign_pageBlockContainer #campaign_pageBlock .infoContainer .filescontainer hr:last-of-type {
                        margin-top: 3em;
                        margin-bottom: 3em;
                    }

                .campaign_detail #pageContent #campaign_pageBlockContainer #campaign_pageBlock .infoContainer .filescontainer #file {
                    max-width: 1170px;
                    margin: auto;
                }

        .campaign_detail #pageContent #campaign_pageBlockContainer #campaign_pageBlock .linkContainer {
            display: none;
        }

.campaign_detail .linksContainer {
    overflow: auto;
    text-align: center;
    padding: 3em 0;
    overflow: hidden;
}

    .campaign_detail .linksContainer .row-no-gutters {
        width: 100%;
        overflow: hidden;
        margin-bottom: 5px;
    }

        .campaign_detail .linksContainer .row-no-gutters a {
            float: none;
            display: inline-block;
            color: #fff;
            background: #00b0ad;
            border: 1px solid #00b0ad;
            border-radius: 30px;
            padding: 7px 25px;
            text-align: center;
            font-size: inherit;
            font-family: inherit;
            font-weight: normal;
            text-decoration: none !important;
            -webkit-transition: all ease 0.25s;
            transition: all ease 0.25s;
            outline: 0;
        }

            .campaign_detail .linksContainer .row-no-gutters a:hover {
                background: #fff;
                color: #00b0ad;
            }

.campaign_detail .imageGallery {
    width: 100%;
    overflow: hidden;
}

    .campaign_detail .imageGallery .imageBlock {
        width: calc(100%/6);
        float: left;
        border: 1px solid #333;
        border-right: none;
        height: 200px;
        background-size: cover;
        background-position: 50% 50%;
        background-repeat: no-repeat;
    }

        .campaign_detail .imageGallery .imageBlock:first-child {
            border-left: none;
        }


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

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

#eaContainer #WelcomeInfoBlock_pageBlock div.pageBlockInner_FormBlock div.formRow {
    float: none;
}

    #eaContainer #WelcomeInfoBlock_pageBlock div.pageBlockInner_FormBlock div.formRow:hover {
        background: #fdfdfd;
    }

#eaContainer .rowItemsInnerContainer2 {
    overflow: hidden;
}

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

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

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

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

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

#Welcome_pageView .iconLabel a {
    font-family: 'Roboto', sans-serif;
    font-weight: normal;
    font-size: 24px;
    text-transform: uppercase;
}

.banner-main-container .videoBanner {
    max-height: 400px;
    overflow: hidden;
}

    .banner-main-container .videoBanner video {
        max-height: inherit;
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: 50% 50%;
    }

/*---------------------------------------
   4.2 My profile
-----------------------------------------*/

body.mydetails {
    background: #dee3e6;
}

    body.mydetails #MyDetailsStauts_pageBlockContainer #eArcuProfile .eArcuLeft {
        width: 100%;
    }

        body.mydetails #MyDetailsStauts_pageBlockContainer #eArcuProfile .eArcuLeft #eArcuProfileSummary {
            display: none;
        }

        body.mydetails #MyDetailsStauts_pageBlockContainer #eArcuProfile .eArcuLeft #eArcuLinks {
            padding: 0;
            margin: 0;
        }

            body.mydetails #MyDetailsStauts_pageBlockContainer #eArcuProfile .eArcuLeft #eArcuLinks ul li {
                width: calc(50% - 5px);
                float: left;
                margin: 5px 0;
            }

                body.mydetails #MyDetailsStauts_pageBlockContainer #eArcuProfile .eArcuLeft #eArcuLinks ul li:nth-child(2n+1) {
                    margin-right: 5px;
                }

                body.mydetails #MyDetailsStauts_pageBlockContainer #eArcuProfile .eArcuLeft #eArcuLinks ul li:nth-child(2n+2) {
                    margin-left: 5px;
                    float: right;
                }

                body.mydetails #MyDetailsStauts_pageBlockContainer #eArcuProfile .eArcuLeft #eArcuLinks ul li a {
                    display: block;
                    width: 100%;
                    text-align: center;
                    color: #fff;
                }

    body.mydetails #MyDetailsStauts_pageBlockContainer #eArcuProfile .eArcuRight {
        display: none;
    }

    body.mydetails #eaContainer .mainearcublock .rowContainer {
        margin-bottom: 0;
        border-bottom: none;
    }

    body.mydetails #eaContainer .pageBlockContainer_GridBlock,
    body.mydetails #eaContainer .pageBlockContainer_FormBlock,
    body.mydetails #eaContainer #MyDetailsStauts_pageBlockContainer {
        margin-bottom: 30px;
    }

        body.mydetails #eaContainer .pageBlockContainer_FormBlock#SkillsForm_pageBlockContainer #SkillsForm_pageBlock .pageBlockInner_FormBlock div.textLiteral {
            text-align: center;
        }

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

body.mydetails div.pageBlockTitle {
    font-weight: bold;
    float: left;
}

body.mydetails .pageBlockHeaderButtonsContainer.buttonsRight {
    float: right;
    margin: auto;
    width: auto;
    margin-bottom: 20px;
}

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

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

body.login #eaContainer .pageBlockInner_FormBlock div.textLiteral,
body.profileregister #eaContainer .pageBlockInner_FormBlock div.textLiteral,
body.application_login #eaContainer .pageBlockInner_FormBlock div.textLiteral,
body.profileregisterwithalerts #eaContainer .pageBlockInner_FormBlock div.textLiteral,
body.pos_alertcriteria #eaContainer .pageBlockInner_FormBlock div.textLiteral {
    text-align: center;
}


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

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

/* Add Email */

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

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

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

/* Connected */

body.mydetails_connectedservices img.ssoIconImage {
    display: block;
}

#eaContainer #MyDetails_ConnectedServices_pageView #ConnectedServicesForm_pageBlock .serviceContainer2 {
    background: #f1f1f1;
}

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

#MyDetails_ConnectedServices_pageView #ConnectedServicesForm_pageBlock .statusContainer {
    margin-left: 0;
    min-height: auto;
}
/*---------------------------------------
   4.3 My applications
-----------------------------------------*/
#posSummaryBlockv2_pageBlock .MySummaryItem {
    display: block;
    width: 70%;
    height: auto;
    margin: 1em auto;
}

    #posSummaryBlockv2_pageBlock .MySummaryItem:first-child .MySummaryItemInner {
        margin-left: 0;
        margin-right: 0;
    }

#posSummaryBlockv2_pageBlock .appCompleteChartBlock.done .appCompleteChartBlockInner {
    background: #00b0ad;
    border-color: #00b0ad;
}

#posSummaryBlockv2_pageBlock .MySummaryItemInner {
    margin-left: 0;
    border: none;
    background: transparent;
    text-align: center;
    height: 100%;
}

#posSummaryBlockv2_pageBlock .MySummaryItemTitle {
    margin: 5px;
    font-weight: bold;
    display: none;
}

#posSummaryBlockv2_pageBlock .appCompleteChartBlockInner {
    background: #fff;
    height: 17px;
    margin: 0 1px 0 1px;
    border: 1px solid #d0d0d0;
    border-radius: 20px;
}

.MySummaryItemContent {
    font-size: 20px;
    font-weight: bold;
    color: #163752;
}

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

#posBrowser_ResultsGrid_pageBlock .ListGridContainer .rowItemsInnerContainer {
    margin-left: 0;
}

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

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

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

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

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

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

#eaContainer #ApplicationsGrid_pageBlock .pageBlockInner_GridBlock div.gridContent .rowContainer,
.testlistbyprofile #eaContainer .pageBlockContent_GridBlock .pageBlockInner_GridBlock div.gridContent .rowContainer,
#eaContainer #EMailSummaryGrid_pageBlock .pageBlockInner_GridBlock div.gridContent .rowContainer,
#eaContainer #EMailGrid_pageBlock .pageBlockInner_GridBlock div.gridContent .rowContainer {
    position: relative;
    padding-top: 93px;
}

    #eaContainer #ApplicationsGrid_pageBlock .pageBlockInner_GridBlock div.gridContent .rowContainer:hover,
    .testlistbyprofile #eaContainer .pageBlockContent_GridBlock .pageBlockInner_GridBlock div.gridContent .rowContainer:hover,
    #eaContainer #EMailSummaryGrid_pageBlock .pageBlockInner_GridBlock div.gridContent .rowContainer:hover,
    #eaContainer #EMailGrid_pageBlock .pageBlockInner_GridBlock div.gridContent .rowContainer:hover {
        background: #fdfdfd;
    }

    #eaContainer #ApplicationsGrid_pageBlock .pageBlockInner_GridBlock div.gridContent .rowContainer a.rcMenu,
    .testlistbyprofile #eaContainer .pageBlockContent_GridBlock .pageBlockInner_GridBlock div.gridContent .rowContainer a,
    #eaContainer #EMailSummaryGrid_pageBlock .pageBlockInner_GridBlock div.gridContent .rowContainer a,
    #eaContainer #EMailGrid_pageBlock .pageBlockInner_GridBlock div.gridContent .rowContainer a {
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        padding: 21px;
        font-size: 24px;
        position: absolute;
        text-decoration: none;
        font-family: 'Roboto', sans-serif;
    }
/* --------------------------------------
=========================================
   5. APPLICATION SECTIONS
=========================================
-----------------------------------------*/

.application_finished #bannerContainer {
    display: none;
}

.application_finished #hero-text {
    margin-top: 78px;
}

/*---------------------------------------
   5.1 Progress bar       
-----------------------------------------*/
#eaContainer #posSummaryBlock_pageBlock .appCompleteChartBar {
    height: inherit;
    position: relative;
    background: none;
    overflow: visible;
    min-width: 10% !important;
}

    #eaContainer #posSummaryBlock_pageBlock .appCompleteChartBar:before {
        content: '';
        position: absolute;
        height: 25px;
        bottom: 40px;
        right: 120px;
        width: 100%;
        background: linear-gradient(to right, #00204e 0%,#163752 80%,#f1f1f1 100%);
        z-index: 1;
    }

    #eaContainer #posSummaryBlock_pageBlock .appCompleteChartBar:after {
        content: '';
        position: absolute;
        bottom: 0;
        right: 0;
        height: inherit;
        width: 133px;
        background-image: url(../images/custom/zebra.gif);
        background-size: contain;
        background-repeat: no-repeat;
        -webkit-transform: scaleX(-1);
        transform: scaleX(-1);
        z-index: 2;
        display: block;
    }

    #eaContainer #posSummaryBlock_pageBlock .appCompleteChartBar.stopped:after {
        background-image: url(../images/custom/zebra.jpg);
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
        width: 110px;
    }

/*#posSummaryBlock_pageBlock .PosMyAppSummaryBlock dl.jobSum:nth-child(2n+2) dd:before {
    content: '';
    float: right;
    width: 156px;
    height: 100px;
    background-size: contain;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-image: url(../images/custom/ZebralZeal.png);
}*/

#eaContainer #posSummaryBlock_pageBlock .appCompleteChartBack {
    height: 100px;
    /*width: calc(100% - 70px);*/
    width: 100%;
    background: none;
}

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

#eaContainer #posSummaryBlock_pageBlock .appStatusNotSubmitted,
#eaContainer #posSummaryBlock_pageBlock .welcomePackStatus_NotSubmitted {
    display: none;
}

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

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

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


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

/*---------------------------------------
   5.2 Application summary          
-----------------------------------------*/
.formRow.formRowFileUploadRow {
    text-align: center;
    display: block;
}

    .formRow.formRowFileUploadRow .labelContainer {
        width: 100%;
        text-align: center;
    }

    .formRow.formRowFileUploadRow .controlContainer {
        width: 100%;
        margin: auto;
    }


    .formRow.formRowFileUploadRow .buttonsLeft,
    .formRow.formRowFileUploadRow li,
    .formRow.formRowFileUploadRow a.buttonAnchor.buttonLeft.fileuploadbutton.normal {
        margin: auto;
        float: none;
    }

.Welcome #pageMessages {
    display: none;
}

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

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

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

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

#eaContainer #Application_Home_pageView div#videoContainer {
    width: 60%;
    float: right;
    max-height: 800px;
    padding: 0 20px;
}

#eaContainer #Application_Home_pageView video#bigvideo {
    width: 60%;
    margin: auto;
    display: block;
}

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

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

.PosMyAppSummaryValues {
    padding: 1em;
}

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

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

#Application_Home_pageView #sectionslist_pageBlock .ulListItem,
#Application_Home_pageView .ulListItem,
#eaContainer .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulListItem,
#eaContainer .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulListItem.Section_OfferSubmit {
    background-color: #9b9c9e;
    background-image: url("../images/sprites/unselected-progress-hover.png");
    background-position: calc(100% - 20px) 50%;
    border-color: #e3e3e3;
    float: none;
    height: auto;
    margin: 0 0 15px;
    padding: 0;
    width: auto;
    font-weight: normal;
}

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

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

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

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


/***styling for offer literal***/

div.pageBlockInner_FormBlock div.formRow#questions_question_689_formRow::before {
    content: url(https://careers.deeset.co.uk/jobs/custom/DeeSet_02/resources/images/custom/rtw-1.jpg);
    justify-content: center;
    display: flex;
    margin-top: 1em;
    margin-bottom: 1em;
}

div.pageBlockInner_FormBlock div.formRow#questions_question_691_formRow .textLiteral_Info::after,
div.pageBlockInner_FormBlock div.formRow#questions_question_862_formRow .textLiteral_Info::after {
    content: url(https://careers.deeset.co.uk/jobs/custom/DeeSet_02/resources/images/custom/rtw-2.jpg);
    justify-content: center;
    display: flex;
    margin-top: 1em;
    margin-bottom: 1em;
}

div.pageBlockInner_FormBlock div.formRow#questions_question_696_formRow::after,
div.pageBlockInner_FormBlock div.formRow#questions_question_695_formRow::after,
div.pageBlockInner_FormBlock div.formRow#questions_question_866_formRow::after {
    content: url(https://careers.deeset.co.uk/jobs/custom/DeeSet_02/resources/images/custom/rtw-3.jpg);
    justify-content: center;
    display: flex;
    margin-top: 1em;
    margin-bottom: 1em;
}

/*div.pageBlockInner_FormBlock div.formRow#questions_question_697_formRow .textLiteral_Info::after {
    content: url(https://careers.deeset.co.uk/jobs/custom/DeeSet_02/resources/images/custom/rtw-4.jpg);
    justify-content: center;
    display: flex;
    margin-top: 1em;
    margin-bottom: 1em;
}
*/
div.pageBlockInner_FormBlock div.formRow#questions_question_698_formRow::before,
div.pageBlockInner_FormBlock div.formRow#questions_question_868_formRow::before {
    content: url(https://careers.deeset.co.uk/jobs/custom/DeeSet_02/resources/images/custom/rtw-5.jpg);
    justify-content: center;
    display: flex;
    margin-top: 1em;
    margin-bottom: 1em;
}

div.pageBlockInner_FormBlock div.formRow#questions_question_745_formRow .textLiteral_Info::after,
div.pageBlockInner_FormBlock div.formRow#questions_question_870_formRow .textLiteral_Info::after,
div.pageBlockInner_FormBlock div.formRow#questions_question_903_formRow .textLiteral_Info::after,
div.pageBlockInner_FormBlock div.formRow#questions_question_939_formRow .textLiteral_Info::after,
div.pageBlockInner_FormBlock div.formRow#questions_question_1046_formRow .textLiteral_Info::after {
    content: url(https://careers.deeset.co.uk/jobs/custom/DeeSet_02/resources/images/custom/rtw-6.jpg);
    justify-content: center;
    display: flex;
    margin-top: 1em;
    margin-bottom: 1em;
}

div.pageBlockInner_FormBlock div.formRow#questions_question_910_formRow .textLiteral_Info::after,
div.pageBlockInner_FormBlock div.formRow#questions_question_944_formRow .textLiteral_Info::after,
div.pageBlockInner_FormBlock div.formRow#questions_question_1051_formRow .textLiteral_Info::after {
    content: url(https://careers.deeset.co.uk/jobs/custom/DeeSet_02/resources/images/custom/rtw-7.jpg);
    justify-content: center;
    display: flex;
    margin-top: 1em;
    margin-bottom: 1em;
}

div.pageBlockInner_FormBlock div.formRow#questions_question_907_formRow .textLiteral_Info::after,
div.pageBlockInner_FormBlock div.formRow#questions_question_943_formRow .textLiteral_Info::after,
div.pageBlockInner_FormBlock div.formRow#questions_question_1050_formRow .textLiteral_Info::after {
    content: url(https://careers.deeset.co.uk/jobs/custom/DeeSet_02/resources/images/custom/rtw-8.png);
    justify-content: center;
    display: flex;
    margin-top: 1em;
    margin-bottom: 1em;
}

.pageBlockContent.onboardingHeading.heading1 {
    padding-left: 0px;
    padding-bottom: 0px;
}

#eaContainer #content_wrapper .offeracceptedltl #onboardingTopContainer .onboardingMenuContainer .menuItem {
    display: inline-block;
}

    #eaContainer #content_wrapper .offeracceptedltl #onboardingTopContainer .onboardingMenuContainer .menuItem .menuItemInner a.menuAnchor {
        display: block;
        background: #f1f1f1;
        padding: 10px;
        text-align: center;
        margin: 5px;
        border-radius: 0.25em;
    }

    #eaContainer #content_wrapper .offeracceptedltl #onboardingTopContainer .onboardingMenuContainer .menuItem.menuItem_active .menuItemInner a.menuAnchor {
        color: #3e5b7e;
        font-weight: bold;
    }

body.mywelcomepacks_offerform_summary input#buttonSubmit_next,
body.mywelcomepacks_offerform_summary input#buttonSubmit_ajaxSave {
    border-radius: 30px;
}

/***styling for offer literal***/
/*---------------------------------------
   5.3 Global sections       
-----------------------------------------*/
/* Login / Register block */
.banner-main-container {
    position: relative;
}

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

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

.block-right {
    float: right;
}

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

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

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

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

    #eaContainer .PosMyAppSummaryLinks a {
        padding-left: 20px;
    }

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

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

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

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

.phoneInputMessageInvalid {
    display: block;
}

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

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

#eaContainer .pageBlockInner_FormBlock .formRowSelectInputRow_Common select {
    border-color: #abadb3 #dbdfe6 #e3e9ef #e2e3ea;
    border-style: solid;
    border-width: 1px;
}

body #eaContainer .formRowTextAreaRow .controlContainer,
body #eaContainer #Edit_OFFERGENERICFORM1_pageBlock .formRowTextAreaRow .controlContainer {
    width: 100%;
}

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

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

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

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

#eaContainer .mainearcublock .rowContainer {
    background: #fff;
    padding: 1em;
    border-bottom: 1px solid #d0d0d0;
    margin-bottom: 1em;
}

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

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

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

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

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

.earcujobref {
    display: inline;
}

#eaContainer #posSummaryBlock_pageBlock .welcomePackStatus_NotSubmitted,
#eaContainer #posSummaryBlock_pageBlock .appStatusNotSubmitted {
    font-family: 'Roboto', sans-serif;
}

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

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

#eaContainer #posSummaryBlock_pageBlock .PosMyAppSummaryBlock dl.jobSum:nth-child(2n+2) dd,
#eaContainer #posSummaryBlock_pageBlock .PosMyWelcomePackSummaryBlock dl.jobSum:nth-child(2n+2) dd {
    width: 100%;
}

#eaContainer #posSummaryBlock_pageBlock .PosMyAppSummaryBlock dl.jobSum:nth-child(2n+2) dt,
#eaContainer #posSummaryBlock_pageBlock .PosMyWelcomePackSummaryBlock dl.jobSum:nth-child(2n+2) dt {
    display: none;
}

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

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

.fileContainer .deletefile img {
    opacity: 0;
}

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

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

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

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

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

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

#eaContainer .pageBlockInner_FormBlock #fileupload_Files_formRow label.formLabel {
    margin: 10px;
}

#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: right;
    margin-bottom: 10px;
}

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

#eaContainer .mainearcublock .bottomControlContainer .uploadedFilesHeader {
    background: #F1F1F1;
    border: 0;
    font-family: 'Roboto', sans-serif;
    color: #313131;
}

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

.application_section_cv #eaContainer #fileupload_Files_formRow .labelContainer {
    text-align: center;
}

.Application_Section_CV #eaContainer #fileupload_Files_formRow .labelContainer {
    text-align: center;
}

.Application_Section_CV #eaContainer #fileupload_Files_formRow .controlContainer {
    width: 100%;
}

#Application_Section_CV_pageView #fileupload_pageBlock .controlContainer .buttonsLeft {
    float: none;
    overflow: auto;
    margin: 0 auto;
}

#Application_Section_CV_pageView .pageBlockInner_FormBlock div.formRowFileUploadRow .fileupload li {
    float: none;
    margin: 0 auto;
}

.Application_Section_CV #eaContainer #fileupload_Files_formRow .labelContainer .formLabel {
    text-align: center;
}

/*---------------------------------------
   5.5 Equal opportunities        
-----------------------------------------*/

body #eaContainer #Edit_WORKEXPERIENCE_pageBlock .formRowTextAreaRow div.labelContainer,
body #eaContainer #Add_WORKEXPERIENCE_pageBlock .formRowTextAreaRow div.labelContainer,
body #eaContainer #Edit_WORKEXPERIENCE_pageBlock .formRowTextAreaRow label.formLabel,
body #eaContainer #Add_WORKEXPERIENCE_pageBlock .formRowTextAreaRow label.formLabel,
#Edit_EQUALOPS_form .textLiteral {
    margin-top: 1em;
    margin-bottom: 1em;
    text-align: left;
}

/*---------------------------------------
   5.6 Interviews    
-----------------------------------------*/

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

#eaContainer .interviewdetailform .pageBlockInner_FormBlock .mapRow .mapContainer_Small {
    width: 30%;
}

html body .pageBlockInner_GridBlock table.gridTable tr.oddRow td,
html body .pageBlockInner_GridBlock table.gridTable tr.evenRow td {
    transition: all .2s ease;
}

html body .pageBlockInner_GridBlock table.gridTable tr.oddRow:hover td a,
html body .pageBlockInner_GridBlock table.gridTable tr.evenRow:hover td a,
html body .pageBlockInner_GridBlock table.gridTable tr.oddRow:hover td,
html body .pageBlockInner_GridBlock table.gridTable tr.evenRow:hover td {
    color: #163752 !important;
}

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

#posSummaryBlock_pageBlock .PosMyWelcomePackSummaryBlock dl {
    margin: 0 0 3px 0;
    padding: 0;
    overflow: auto;
}

body.offer .pageBlockContent.onboardingHeading.heading1,
body.offer_accepted .pageBlockContent.onboardingHeading.heading1,
body.mywelcomepacks_offerform_summary .pageBlockContent.onboardingHeading.heading1,
body.mywelcomepacks_offerinformation_section .pageBlockContent.onboardingHeading.heading1 {
    display: none;
}

.mywelcomepacks_offerinformation_section #eaContainer {
    margin-bottom: 0;
}

#eaContainer .PosMyWelcomePackSummaryLinks,
.mywelcomepacks_offerinformation_summary .onboardingHeading,
.mywelcomepacks_offerinformation_section #TitleBlock_pageBlockContainer {
    display: none;
}

.mywelcomepacks_offerinformation_section #posSummaryBlockv2_pageBlockContainer {
    display: none;
}

.mywelcomepacks_offerinformation_section .offeracceptedltl {
    margin-bottom: 2em;
}

.mywelcomepacks_offerinformation_section .sectionContainer .col-md-8 *:first-child {
    margin-top: 0;
}

.mywelcomepacks_offerinformation_section .sectionContainer:nth-child(odd) .col-md-4 {
    float: right;
}

.mywelcomepacks_offerinformation_section .sectionContainer .icon {
    max-height: 128px;
}

.mywelcomepacks_offerinformation_section .sectionContainer video {
    max-width: 100%;
}

.mywelcomepacks_offerinformation_section .sectionContainer .wellbeingBlock,
.mywelcomepacks_offerinformation_section .sectionContainer .eCardBlock {
    background: #fff;
    margin-top: 30px;
    margin-left: 10px;
    margin-right: 10px;
    width: calc(25% - 20px);
    min-height: 300px;
    position: relative;
    float: left;
}

    .mywelcomepacks_offerinformation_section .sectionContainer .wellbeingBlock .wellbeingBlockContent,
    .mywelcomepacks_offerinformation_section .sectionContainer .eCardBlock .eCardBlockContent {
        position: absolute;
        top: 50%;
        left: 0;
        width: 100%;
        transform: translateY(-50%);
        padding: 30px;
        transition: all .2s ease;
    }

    .mywelcomepacks_offerinformation_section .sectionContainer .wellbeingBlock:hover .wellbeingBlockContent,
    .mywelcomepacks_offerinformation_section .sectionContainer .eCardBlock:hover .eCardBlockContent {
        transform: translateY(-50%) scale(1.1);
    }

    .mywelcomepacks_offerinformation_section .sectionContainer .wellbeingBlock h3,
    .mywelcomepacks_offerinformation_section .sectionContainer .eCardBlock h3 {
        margin-top: 0;
    }

.mywelcomepacks_offerinformation_section .sectionContainer .eCardBlock {
    width: calc(33.3333% - 20px);
    color: #01B0AD;
}

    .mywelcomepacks_offerinformation_section .sectionContainer .eCardBlock h1 {
        font-size: 60px;
        margin-bottom: 0;
    }

.mywelcomepacks_offerinformation_section .sectionContainer span.flip {
    transform: scale(-1, 1);
    display: inline-block;
}

.mywelcomepacks_offerinformation_section .sectionContainer .boardBlock {
    position: relative;
    overflow: hidden;
    padding: 0 2.5px;
}

    .mywelcomepacks_offerinformation_section .sectionContainer .boardBlock .imageContainer {
        text-align: center;
    }

        .mywelcomepacks_offerinformation_section .sectionContainer .boardBlock .imageContainer img {
            display: inline-block;
            width: calc(100% - 55px);
            max-width: 80%;
            padding: 20px;
            background: #fff;
            border: 1px solid #bbb;
            -webkit-box-shadow: 5px 5px 5px 2px rgb(0 0 0 / 60%);
            -moz-box-shadow: 5px 5px 5px 2px rgb(0 0 0 / 60%);
            box-shadow: 5px 5px 5px 2px rgb(0 0 0 / 60%);
            margin-top: 50px;
            transform: rotate(-10deg);
            position: relative;
            z-index: 2;
        }

    .mywelcomepacks_offerinformation_section .sectionContainer .boardBlock .textContainer {
        border: 5px solid #000;
        background: #f2c71e;
        min-height: 400px;
        position: relative;
        z-index: 1;
        overflow: hidden;
    }

        .mywelcomepacks_offerinformation_section .sectionContainer .boardBlock .textContainer .textContent {
            position: absolute;
            top: 50%;
            left: 0;
            width: 100%;
            padding: 10px;
            transform: translateY(-50%);
        }

            .mywelcomepacks_offerinformation_section .sectionContainer .boardBlock .textContainer .textContent h3 {
                margin-top: 0;
                font-size: 20px;
                color: inherit;
                font-weight: bold;
                text-decoration: underline;
                text-transform: uppercase;
                font-family: 'Heebo Regular', arial, sans-serif;
            }

    .mywelcomepacks_offerinformation_section .sectionContainer .boardBlock:nth-child(even) .imageContainer img {
        transform: rotate(10deg);
    }

    .mywelcomepacks_offerinformation_section .sectionContainer .boardBlock:nth-child(even) .textContainer {
        background: #01b0ad;
        color: #fff;
    }

        .mywelcomepacks_offerinformation_section .sectionContainer .boardBlock:nth-child(even) .textContainer .textContent h3 {
            color: inherit;
        }

.mywelcomepacks_offerinformation_section .sectionContainer .accordion a[data-toggle="collapse"]:after {
    content: "\f077";
    font-family: 'Font Awesome 5 Free';
    margin: 10px;
    font-weight: 900;
}

.mywelcomepacks_offerinformation_section .sectionContainer .accordion a[data-toggle="collapse"].collapsed:after {
    content: "\f078";
}

.mywelcomepacks_offerinformation_section .sectionContainer .videoContainer * {
    width: 100%;
}

.mywelcomepacks_offerinformation_section.earcu_offerinformationpage_10 .sectionContainer .lightgallery .galleryContainer {
    width: 20%;
    position: relative;
}

.mywelcomepacks_offerinformation_section.earcu_offerinformationpage_10 .sectionContainer .lightgallery .grid {
    display: block;
    padding: 0;
    background: none;
}

    .mywelcomepacks_offerinformation_section.earcu_offerinformationpage_10 .sectionContainer .lightgallery .grid .grid-item {
        width: 20%;
    }

.mywelcomepacks_offerinformation_section.earcu_offerinformationpage_10 .sectionContainer .lightgallery img {
    max-height: 800px;
}

.mywelcomepacks_offerinformation_section.earcu_offerinformationpage_18 .sectionContainer,
.mywelcomepacks_offerinformation_section.earcu_offerinformationpage_19 .sectionContainer,
.mywelcomepacks_offerinformation_section.earcu_offerinformationpage_20 .sectionContainer {
    text-align: center;
}

    .mywelcomepacks_offerinformation_section.earcu_offerinformationpage_18 .sectionContainer .ticker-container {
        width: 100%;
        margin: 0 auto;
    }

        .mywelcomepacks_offerinformation_section.earcu_offerinformationpage_18 .sectionContainer .ticker-container .caroufredsel_wrapper {
            width: 100% !important;
        }

            .mywelcomepacks_offerinformation_section.earcu_offerinformationpage_18 .sectionContainer .ticker-container .caroufredsel_wrapper .carousel div,
            .mywelcomepacks_offerinformation_section.earcu_offerinformationpage_18 .sectionContainer .ticker-container .caroufredsel_wrapper .carousel2 div {
                float: left;
                height: auto;
            }

                .mywelcomepacks_offerinformation_section.earcu_offerinformationpage_18 .sectionContainer .ticker-container .caroufredsel_wrapper .carousel div img,
                .mywelcomepacks_offerinformation_section.earcu_offerinformationpage_18 .sectionContainer .ticker-container .caroufredsel_wrapper .carousel2 div img {
                    max-height: 150px;
                    width: auto;
                    margin: 0 auto;
                    display: block;
                }

    .mywelcomepacks_offerinformation_section.earcu_offerinformationpage_19 .sectionContainer .col-md-3,
    .mywelcomepacks_offerinformation_section.earcu_offerinformationpage_20 .sectionContainer .col-md-3 {
        float: none;
        display: inline-block;
        padding: 15px;
    }

        .mywelcomepacks_offerinformation_section.earcu_offerinformationpage_19 .sectionContainer .col-md-3 img {
            width: 100%;
        }

        .mywelcomepacks_offerinformation_section.earcu_offerinformationpage_20 .sectionContainer .col-md-3.departmentBlock {
            text-align: center;
        }

            .mywelcomepacks_offerinformation_section.earcu_offerinformationpage_20 .sectionContainer .col-md-3.departmentBlock .content {
                min-height: 200px;
                background: #fff;
                position: relative;
            }

                .mywelcomepacks_offerinformation_section.earcu_offerinformationpage_20 .sectionContainer .col-md-3.departmentBlock .content .contentContainer {
                    position: absolute;
                    top: 50%;
                    left: 0;
                    transform: translateY(-50%);
                    width: 100%;
                    padding: 50px;
                }

                    .mywelcomepacks_offerinformation_section.earcu_offerinformationpage_20 .sectionContainer .col-md-3.departmentBlock .content .contentContainer i {
                        font-size: 40px;
                        transition: all .2s ease;
                    }

                    .mywelcomepacks_offerinformation_section.earcu_offerinformationpage_20 .sectionContainer .col-md-3.departmentBlock .content .contentContainer h3 {
                        margin-bottom: 0;
                    }

                .mywelcomepacks_offerinformation_section.earcu_offerinformationpage_20 .sectionContainer .col-md-3.departmentBlock .content:hover .contentContainer i {
                    transform: scale(1.2);
                }

.mywelcomepacks_offerinformation_section p img {
    max-width: 50px;
}

.mywelcomepacks_offerinformation_section.earcu_offerinformationpage_26 .sectionContainer#section3 .flexslider {
    background: none;
    padding: 0 40px;
    margin-top: 20px;
}

.iframeContainer {
    position: relative;
    width: 100%;
    padding-bottom: 56.25%;
}

    .iframeContainer iframe {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

.mywelcomepacks_offerinformation_summary #eaContainer .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulList {
    text-align: center;
}

.mywelcomepacks_offerinformation_summary #eaContainer .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulListItem {
    width: calc(50% - 25px);
    float: none;
    display: inline-block;
    background-image: none !important;
    margin: 10px;
    text-align: center;
    transition: all .2s ease;
}

    .mywelcomepacks_offerinformation_summary #eaContainer .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulListItem:before {
        content: '';
        height: 333px;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: 50% 50%;
        display: block;
        width: 100%;
    }

    .mywelcomepacks_offerinformation_summary #eaContainer .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulListItem .ulListItemLabel {
        text-align: inherit;
        padding: 20px 10px;
    }

    .mywelcomepacks_offerinformation_summary #eaContainer .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulListItem.Section_OfferInformation7:before {
        background-image: url(../images/offerInfo/Sections/deeSetWhereAreWe.jpg);
    }

    .mywelcomepacks_offerinformation_summary #eaContainer .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulListItem.Section_OfferInformation13:before {
        background-image: url(../images/offerInfo/Sections/accreditations.jpg);
    }

    .mywelcomepacks_offerinformation_summary #eaContainer .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulListItem.Section_OfferInformation4:before {
        background-image: url(../images/offerInfo/Sections/meetGreg.jpg);
    }

    .mywelcomepacks_offerinformation_summary #eaContainer .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulListItem.Section_OfferInformation9:before {
        background-image: url(../images/offerInfo/Sections/executiveTeam.jpg);
    }

    .mywelcomepacks_offerinformation_summary #eaContainer .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulListItem.Section_OfferInformation1:before {
        background-image: url(../images/offerInfo/Sections/whatHappensNext.jpg);
    }

    .mywelcomepacks_offerinformation_summary #eaContainer .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulListItem.Section_OfferInformation10:before {
        background-image: url(../images/offerInfo/Sections/mentalHealthFirstAid.jpg);
    }

    .mywelcomepacks_offerinformation_summary #eaContainer .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulListItem.Section_OfferInformation6:before {
        background-image: url(../images/offerInfo/Sections/ourTeams.jpg);
    }

    .mywelcomepacks_offerinformation_summary #eaContainer .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulListItem.Section_OfferInformation17:before,
    .mywelcomepacks_offerinformation_summary #eaContainer .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulListItem.Section_OfferInformation26:before {
        background-image: url(../images/offerInfo/Sections/missionVisionValues.jpg);
    }

    .mywelcomepacks_offerinformation_summary #eaContainer .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulListItem.Section_OfferInformation18:before {
        background-image: url(../images/offerInfo/Sections/customersBrands.jpg);
    }

    .mywelcomepacks_offerinformation_summary #eaContainer .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulListItem.Section_OfferInformation8:before,
    .mywelcomepacks_offerinformation_summary #eaContainer .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulListItem.Section_OfferInformation21:before {
        background-image: url(../images/offerInfo/Sections/ourSystems.jpg);
    }

    .mywelcomepacks_offerinformation_summary #eaContainer .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulListItem.Section_OfferInformation15:before {
        background-image: url(../images/offerInfo/Sections/byod.jpg);
    }

    .mywelcomepacks_offerinformation_summary #eaContainer .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulListItem.Section_OfferInformation16:before {
        background-image: url(../images/offerInfo/Sections/groceryAid.jpg);
    }

    .mywelcomepacks_offerinformation_summary #eaContainer .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulListItem.Section_OfferInformation11:before,
    .mywelcomepacks_offerinformation_summary #eaContainer .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulListItem.Section_OfferInformation14:before {
        background-image: url(../images/offerInfo/Sections/colleagueHub.jpg);
    }

    .mywelcomepacks_offerinformation_summary #eaContainer .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulListItem.Section_OfferInformation12:before {
        background-image: url(../images/offerInfo/Sections/yourPensions.jpg);
    }

    .mywelcomepacks_offerinformation_summary #eaContainer .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulListItem.Section_OfferInformation2:before,
    .mywelcomepacks_offerinformation_summary #eaContainer .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulListItem.Section_OfferInformation3:before {
        background-image: url(../images/offerInfo/Sections/colleagueHandbook.jpg);
    }

    .mywelcomepacks_offerinformation_summary #eaContainer .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulListItem.Section_OfferInformation22:before {
        background-image: url(../images/offerInfo/Sections/quiz.jpg);
    }

    .mywelcomepacks_offerinformation_summary #eaContainer .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulListItem.Section_OfferInformation24:before {
        background-image: url(../images/offerInfo/Sections/tsWhereWeAre.jpg);
    }

    .mywelcomepacks_offerinformation_summary #eaContainer .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulListItem.Section_OfferInformation5:before {
        background-image: url(../images/offerInfo/Sections/tsOurTeams.jpg);
    }

.mywelcomepacks_offerinformation_summary.isTacticalSolutions #eaContainer .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulListItem.Section_OfferInformation18:before {
    background-image: url(../images/offerInfo/Sections/tsCustomersBrands.jpg);
}

.mywelcomepacks_offerinformation_summary #eaContainer .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulListItem.Section_OfferInformation25:before {
    background-image: url(../images/offerInfo/Sections/tsHealthshield.jpg);
}

.isTacticalSolutions #posSummaryBlockv2_pageBlock .appCompleteChartBlock.done .appCompleteChartBlockInner,
.isTacticalSolutions #eaContainer .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulListItem:hover,
.isTacticalSolutions #eaContainer .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulListItem.Completed:hover,
.isTacticalSolutions div#hero-text {
    background-color: #00ADEE;
    border-color: #00ADEE;
}

.isTacticalSolutions #eaContainer .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulListItem.Completed,
.isTacticalSolutions #eaContainer .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulListItem.Section_OfferSubmit.Completed {
    background: #C9DA2A;
}

.isTacticalSolutions .sectionContainer.cyan {
    background: #D10F7C;
}

.isTacticalSolutions .sectionContainer.grey {
    background: #F6921E;
    color: #fff;
}

    .isTacticalSolutions .sectionContainer.grey h1,
    .isTacticalSolutions .sectionContainer.grey h2,
    .isTacticalSolutions .sectionContainer.grey h3,
    .isTacticalSolutions .sectionContainer.grey h4 {
        color: #fff !important;
    }

.isTacticalSolutions.mywelcomepacks_offerinformation_section .sectionContainer.grey .wellbeingBlockContent h3 {
    color: #10CFC9 !important;
}

.grayscale {
    filter: grayscale(100%);
}

.offerAnchorContainer a.offerAnchor {
    padding: 7px 25px;
    border-radius: 30px;
    color: #fff !important;
    background: #00b0ad;
    border: 1px solid #00b0ad !important;
    transition: all .2s ease;
}

    .offerAnchorContainer a.offerAnchor:hover {
        background: transparent;
        color: #00b0ad !important;
    }
/*---------------------------------------
   5.8 Animated Application/Onboarding Form    
-----------------------------------------*/
.Staging.earcu_application_home #bannerContainer,
.Staging.earcu_application_home #hero-text,
.Staging.earcu_application_home #breadcrumb,
.Staging.earcu_application_home #intro_pageBlockContainer,
.Staging.earcu_application_home #posSummaryBlockv2_pageBlockContainer,
.Staging.earcu_mywelcomepacks_offerform_summary #bannerContainer,
.Staging.earcu_mywelcomepacks_offerform_summary #hero-text,
.Staging.earcu_mywelcomepacks_offerform_summary #breadcrumb,
.Staging.earcu_mywelcomepacks_offerform_summary #intro_pageBlockContainer,
.Staging.earcu_mywelcomepacks_offerform_summary .onboardingMenuContainer,
.Staging.earcu_mywelcomepacks_offerform_summary #posSummaryBlockv2_pageBlockContainer {
    display: none;
}

.Staging.earcu_application_home #content-main,
.Staging.earcu_mywelcomepacks_offerform_summary #content-main {
    background: #E0F1F0;
    /*margin-top: 156px;*/
    padding-top: 2em;
}

    .Staging.earcu_application_home #content-main .stage-buttons,
    .Staging.earcu_mywelcomepacks_offerform_summary #content-main .stage-buttons {
        float: left;
        width: 300px;
    }

        .Staging.earcu_application_home #content-main .stage-buttons.mobile,
        .Staging.earcu_mywelcomepacks_offerform_summary #content-main .stage-buttons.mobile {
            display: none;
        }

        .Staging.earcu_application_home #content-main .stage-buttons a,
        .Staging.earcu_mywelcomepacks_offerform_summary #content-main .stage-buttons a {
            margin: 7px 0;
            position: relative;
            background-image: linear-gradient(135deg, rgba(4,126,122,1) 0%, rgba(6,162,157,1) 100%);
            color: #fff;
            border: none;
            text-decoration: none !important;
            max-width: 250px;
            display: block;
            border-radius: 23px;
            text-align: left;
            padding: 7px 20px;
        }

            .Staging.earcu_application_home #content-main .stage-buttons a.stage-complete,
            .Staging.earcu_mywelcomepacks_offerform_summary #content-main .stage-buttons a.stage-complete {
                background: #f2c71e;
            }

                .Staging.earcu_application_home #content-main .stage-buttons a:hover,
                .Staging.earcu_application_home #content-main .stage-buttons a.stage-complete:hover,
                .Staging.earcu_mywelcomepacks_offerform_summary #content-main .stage-buttons a:hover,
                .Staging.earcu_mywelcomepacks_offerform_summary #content-main .stage-buttons a.stage-complete:hover {
                    background-image: linear-gradient(135deg, rgba(4,126,122,1) 0%, rgba(6,162,157,1) 100%);
                }

    .Staging.earcu_application_home #content-main .ani-wrapper,
    .Staging.earcu_mywelcomepacks_offerform_summary #content-main .ani-wrapper {
        width: calc(100% - 300px);
        max-width: 1260px;
        max-height: 700px;
        position: relative;
        padding-top: 56.9%;
        float: right;
    }

        .Staging.earcu_application_home #content-main .ani-wrapper .replay,
        .Staging.earcu_mywelcomepacks_offerform_summary #content-main .ani-wrapper .replay {
            position: absolute;
            top: 0;
            right: 0;
            z-index: 1;
            width: 40px;
            height: 40px;
            background: grey;
            border: 1px solid darkgrey;
            border-radius: 50%;
            color: #fff;
            transition: all .2s ease;
            cursor: pointer;
        }

            .Staging.earcu_application_home #content-main .ani-wrapper .replay:hover,
            .Staging.earcu_mywelcomepacks_offerform_summary #content-main .ani-wrapper .replay:hover {
                background: #fff;
                color: grey;
            }

            .Staging.earcu_application_home #content-main .ani-wrapper .replay:before,
            .Staging.earcu_mywelcomepacks_offerform_summary #content-main .ani-wrapper .replay:before {
                content: '\f2f9';
                font-family: "Font Awesome 5 Free";
                position: absolute;
                top: 50%;
                left: 50%;
                transform: translate(-50%, -50%);
                text-align: center;
                font-size: 20px;
            }

        .Staging.earcu_application_home #content-main .ani-wrapper iframe,
        .Staging.earcu_mywelcomepacks_offerform_summary #content-main .ani-wrapper iframe {
            position: absolute;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
            width: 100%;
            height: 100%;
            display: block;
            border: none;
            overflow: hidden;
        }

.pageBlockInner_FormBlock .formRowCheckboxMultiRow div.checkboxMultiOption input,
.pageBlockInner_FormBlock .formRowCheckboxMultiRow div.checkboxMultiOption label {
    float: none;
    display: inline-block;
    vertical-align: middle;
}

.pageBlockInner_FormBlock .formRowCheckboxMultiRow div.checkboxMultiOption label {
    width: calc(100% - 25px);
    margin-left: 0;
}
/*---------------------------------------
   Added CSS for NavBar 
-----------------------------------------*/
/*.container {
    width: 1200px;
}*/


/*----------------------------------------------------------
   CSS for the pages branching off of Useful Information
----------------------------------------------------------*/
.sub-cont {
    background: #F1F1F1;
    color: #313131;
    padding: 25px;
}

.sub-cont-btn {
    background: #F1F1F1;
    color: #313131;
    display: block;
    float: left;
    transition: all .2s ease;
    width: 8%;
    text-align: center;
    margin-top: 10px;
    min-height: 62px;
    height: auto;
}

    .sub-cont-btn p {
        padding: 10px;
        padding-bottom: 0px;
        padding-top: 16px;
        font-weight: bold;
    }

    .sub-cont-btn:hover {
        background: #163752;
        color: #fff;
        cursor: pointer;
    }




/*------------------------------------------------------------------------------
   media tags for Useful Information and the pages that branch off of that page
------------------------------------------------------------------------------*/
@media(max-width: 1200px) {
    .category-boxes #cat1, .category-boxes #cat2, .category-boxes #cat3, .category-boxes #cat4, .category-boxes #cat5 {
        margin-left: 2% !important;
    }

    #eaContainer .posBrowserMapBlock .addressContainer {
        position: relative;
        left: 0 !important;
        margin: auto;
        border: 1px solid #ccc;
        width: 100%;
    }

    .addressContainer.addressContainer_Hidden {
        display: block;
    }
}


@media(max-width: 838px) {
    .category-boxes #cat1, .category-boxes #cat2, .category-boxes #cat3, .category-boxes #cat4, .category-boxes #cat5 {
        width: 100%;
        margin-left: 0% !important;
    }
}

@media(max-width: 500px) {
    #eaContainer #posdesc_pageBlock .posDescriptionContainer, #eaContainer #posBrowser_ResultsGrid_pageBlock div.ListGridContainer {
        margin: 0em;
    }

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

    .pageBlockInner_FormBlock .iconListStyle .iconImage {
        float: none;
        margin-left: auto;
    }

    .pageBlockInner_FormBlock .iconListStyle .iconContainer .iconLabel {
        text-align: center;
    }

    div#hero-text h1 {
        font-size: 26px;
        color: #fff;
    }
}

/*---------------------------------------
   Added CSS Fixes         
-----------------------------------------*/
.pos_description .ApplyNowContainer .buttonsRight, .pos_description .ApplyNowContainer .buttonsRight li, .pos_description .ApplyNowContainer .buttonsRight .buttonAnchor.right {
    width: 100%;
}

.application_login #UsernameForm_pageBlock #UsernameForm_sso_or_formRow .textLiteral, .login #UsernameForm_pageBlock #UsernameForm_sso_or_formRow .textLiteral,
.profileregister #UsernameForm_pageBlock #UsernameForm_sso_or_formRow .textLiteral, .profileregisterwithalerts #UsernameForm_pageBlock #UsernameForm_sso_or_formRow .textLiteral {
    text-align: center;
}

.application_section_personaldetails #Edit_PERSONALDETAILS_Int11_formRow .labelContainer .formLabel {
    width: 100%;
}


.tilter {
    position: relative;
    display: block;
    flex: none;
    width: 300px;
    height: 415px;
    margin: 1.5em 2.5em;
    color: #fff;
    perspective: 1000px;
}

    .tilter * {
        pointer-events: none;
    }

    .tilter:hover,
    .tilter:focus {
        color: #fff;
        outline: none;
    }

.tilter__figure,
.tilter__image {
    display: block;
    width: 100%;
    height: 100%;
    margin: 0;
}

    .tilter__figure > * {
        transform: translateZ(0px); /* Force correct stacking order */
    }

.tilter__figure {
    position: relative;
}

    .tilter__figure::before {
        content: '';
        position: absolute;
        top: 5%;
        left: 5%;
        width: 90%;
        height: 90%;
        box-shadow: 0 30px 20px rgba(35,32,39,0.5);
    }

.tilter__deco {
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    width: 100%;
    height: 100%;
}

.tilter__deco--overlay {
    background-image: linear-gradient(45deg, rgba(226, 60, 99, 0.4), rgba(145, 58, 252, 0.4), rgba(16, 11, 192, 0.4));
}

.tilter__deco--shine div {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background-image: linear-gradient(45deg, rgba(0, 0, 0, 0.5) 0%, rgba(255, 255, 255, 0.25) 50%, transparent 100%);
}

.tilter__deco--lines {
    fill: none;
    stroke: #fff;
    stroke-width: 1.5px;
}

.tilter__caption {
    position: absolute;
    bottom: 0;
    width: 100%;
    padding: 4em;
}

.tilter__title {
    font-family: 'Abril Fatface', serif;
    font-size: 2.5em;
    font-weight: normal;
    line-height: 1;
    margin: 0;
}

.tilter__description {
    font-size: 0.85em;
    margin: 1em 0 0 0;
    letter-spacing: 0.15em;
}

.application_finished #content-main {
    margin-top: 2em;
}

.application_finished #eaContainer div.pageBlockContainer#intro_pageBlockContainer {
    display: none;
}
/* --------------------------------------
=========================================
   6. MEDIA QUERIES
=========================================
-----------------------------------------*/
/*---------------------------------------
   6.1 Laptop             
-----------------------------------------*/
@media only screen and (max-width: 1224px) {
    #FindJobHeroBlock #quicksearch_SaveButtonRow_formRow {
        float: none;
        width: auto;
        margin: 1em auto;
        display: table;
    }

    #FindJobHeroBlock div.pageBlockContent {
        padding-right: 15px;
    }

    #FindJobHeroBlock .pageBlockInner_FormBlock div.controlContainer {
        margin-right: 0;
    }

    /* Summary box */
    .Pos_Description_Review #eaContainer div.pageBlockContainer.pageBlockContainer_FormBlock,
    .Pos_Description_Review #eaContainer div.pageBlockContainer.pageBlockContainer_GridBlock,
    #eaContainer .Application_earcuBody div.pageBlockContainer.pageBlockContainer_FormBlock,
    #eaContainer .Application_earcuBody div.pageBlockContainer.pageBlockContainer_GridBlock,
    .MyEmailsByApplication #eaContainer div.pageBlockContainer.pageBlockContainer_GridBlock,
    .Email_Detail #eaContainer #posSummaryBlock_pageBlockContainer {
        float: none;
        width: 100%;
        margin-right: 0;
    }

    .benefitBlock {
        width: 25%;
    }

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

    /* Search */
    #FindJobHeroBlock,
    #FindJobContainer {
        display: block;
        position: relative;
        top: 0;
        left: 0;
        padding-bottom: 5px;
        width: 100%;
        padding-bottom: 0;
        border-radius: 0.25em;
        transform: initial;
    }

    #FindJobContainer {
        background-color: #163752;
    }

    #FindJobHeroBlock {
        padding-bottom: 10px;
    }

    body #FindJobHeroBlock .formRowTextInputRow {
        display: block;
        width: 100%;
    }

    body #FindJobHeroBlock input {
        margin-left: 0 !important;
    }

    /* Job Description */

    #eaContainer #slider-latest-jobs .slides li span.jobDetails {
        width: 50%;
    }
}

@media screen and (max-width: 1200px) {
    #eaContainer #talentpooldesc_pageBlock .talentBtn .buttonsContainer {
        margin-top: 10.5em;
    }

    #eaContainer .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulListItem,
    #eaContainer .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulListItem.Section_OfferSubmit {
        width: calc(50% - 20px);
    }

        #eaContainer .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulListItem:nth-child(3n+1) {
            clear: none;
        }

        #eaContainer .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulListItem:nth-child(2n+1) {
            clear: left;
        }

    #eaContainer #Home_pageView #CodeListCounts_pageBlock .listContainer_Option2 .listItemContainer,
    #eaContainer #Home_pageView #CodeListCounts_pageBlock .listContainer_Option2 .listItemContainer:nth-child(n+6) {
        width: 31%;
    }

    .jobalerts .col {
        padding-top: 16px;
        padding-bottom: 16px;
    }


    .jobalerts h3 {
        display: block;
    }

    .jobalerts p {
        display: block;
        padding-top: 6px;
        padding-bottom: 6px;
    }
}


@media screen and (max-width: 992px) {
    #eaContainer #Home_pageView #CodeListCounts_pageBlock .listContainer_Option2 .listItemContainer, #eaContainer #Home_pageView #CodeListCounts_pageBlock .listContainer_Option2 .listItemContainer:nth-child(n+6) {
        width: 30%;
    }

    .count-block .no-of {
        width: 16%;
    }

    .flexslider .slides > li span {
        width: 30%;
    }

    body.home .page-content {
        max-width: 100%;
    }

    .cd-testimonials-wrapper {
        padding: 20px;
        width: 100%;
    }

    .count-block .no-of {
        width: 30%;
    }

    section#wehavefun .youtubeContainer.small {
        padding-bottom: 56.25%;
    }

    .textpage_rewards .rewardsContainer .rewardBlock .content-container .rewardDesc {
        min-height: 1px;
    }

        .textpage_rewards .rewardsContainer .rewardBlock .content-container .rewardDesc p {
            position: relative;
            transform: none;
        }

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

    #eaContainer .PosDescriptionText .ApplyNowContainer {
        float: none;
        display: table;
        margin: auto;
    }

    #Pos_Description_pageView .RightJobBox .ApplyNowContainer.ApplyViaFormContainer {
        position: relative;
        top: auto;
        right: auto;
        width: auto;
        z-index: 10;
    }

    .mywelcomepacks_offerinformation_section .sectionContainer .boardBlock .textContainer {
        min-height: 1px;
    }

        .mywelcomepacks_offerinformation_section .sectionContainer .boardBlock .textContainer .textContent {
            position: relative;
            top: initial;
            left: initial;
            transform: none;
        }

    .mywelcomepacks_offerinformation_section .sectionContainer .boardBlock .imageContainer img {
        max-width: 400px;
    }

    .mywelcomepacks_offerinformation_section.earcu_offerinformationpage_10 .sectionContainer .lightgallery .galleryContainer {
        width: 100%;
        float: left;
    }

        .mywelcomepacks_offerinformation_section.earcu_offerinformationpage_10 .sectionContainer .lightgallery .galleryContainer .lightbox {
            position: absolute;
        }

    .mywelcomepacks_offerinformation_section.earcu_offerinformationpage_10 .sectionContainer .lightgallery .grid .grid-item {
        width: 50%;
    }

    .mywelcomepacks_offerinformation_section.earcu_offerinformationpage_20 .sectionContainer .col-md-3.departmentBlock .content {
        min-height: 1px;
    }

        .mywelcomepacks_offerinformation_section.earcu_offerinformationpage_20 .sectionContainer .col-md-3.departmentBlock .content .contentContainer {
            position: relative;
            top: initial;
            left: initial;
            transform: none;
        }

    .mywelcomepacks_offerinformation_section.earcu_offerinformationpage_26 .sectionContainer#section3 .flexslider .col-md-4 {
        display: none;
    }

    .mywelcomepacks_offerinformation_summary #eaContainer .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulListItem {
        width: 100%;
        max-width: 500px;
        margin: 10px 0;
    }

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

    .fcopyright, .fimportant {
        text-align: center;
    }
}
/*---------------------------------------
   6.2 Tablet           
-----------------------------------------*/
@media screen and (max-width: 980px) {

    /* Set label and input widths to 100% */
    #eaContainer #MyDetails_pageView #MyDetailsStauts_pageBlock .eArcuLeft,
    #eaContainer #MyDetails_pageView #MyDetailsStauts_pageBlock .eArcuRight,
    body button.buttonAnchor,
    body input.buttonSubmit,
    body a.buttonAnchor,
    #eaContainer a.button,
    body #eaContainer #SearchForm_pageBlockContainer div.pageBlockInner_FormBlock div.formRow .controlContainer,
    body #modalcodelistlookup_pageBlock .labelContainer,
    body .ui-dialog #LookupFilterBlock_pageBlock .labelContainer,
    .pageBlockContent_FormBlock .pageBlockInner_FormBlock div.labelContainer,
    #EmailForm_pageBlock .pageBlockInner_FormBlock .formRowSelectInputRow_Common input,
    #EmailForm_pageBlock .pageBlockInner_FormBlock .formRowSelectInputRow_Common select,
    body .pageBlockInner_FormBlock label.formLabel,
    body .pageBlockInner_FormBlock input.inputText,
    #eaContainer html body #lookupResults_gridTable,
    #eaContainer .pageBlockInner_FormBlock div.divajaxcontainter,
    #eaContainer .interviewdetailform .pageBlockInner_FormBlock .mapRow .mapContainer_Small,
    #eaContainer .interviewdetailform .pageBlockInner_FormBlock .mapRow .mapInnerContainer_Small,
    #eaContainer .pageBlockInner_FormBlock div.formRowTextAreaRow div.controlContainer_ReadOnly,
    #eaContainer .pageBlockInner_FormBlock div.formRowTextAreaRow div.controlContainer_ReadOnlyWithControl,
    #eaContainer #MyDetails_Username_pageView #Summary_emailList_formRow .emailButtonsContainer,
    #eaContainer #MyDetails_Username_pageView #Summary_emailList_formRow .emailPrimaryAlreadyContainer,
    #eaContainer #SearchForm_pageBlock #SearchForm_filter_text_formRow,
    #eaContainer #SearchForm_pageBlock #SearchForm_filter_locationradius_formRow,
    #eaContainer #SearchForm_pageBlock #SearchForm_SaveButtonRow_formRow,
    #eaContainer #SearchForm_pageBlockContainer div.pageBlockInner_FormBlock div.formRow .labelContainer,
    #eaContainer #SearchForm_pageBlockContainer div.pageBlockInner_FormBlock div.formRow .controlContainer,
    #eaContainer #SearchForm_pageBlockContainer div.pageBlockInner_FormBlock div.formRow .controlContainer .inputText,
    #eaContainer .pageBlockInner_FormBlock input.inputText,
    #eaContainer .pageBlockInner_FormBlock label.formLabel,
    #eaContainer .pageBlockInner_FormBlock div.labelContainer,
    #eaContainer .pageBlockInner_FormBlock div.controlContainer,
    #eaContainer .pageBlockInner_FormBlock .formRowSelectInputRow_Common select,
    #eaContainer #MyDetails_Username_pageView #Summary_emailList_formRow .emailValuesContainer {
        width: 100%;
        text-align: left;
    }

    #eaContainer .pageBlockInner_FormBlock .formRow.formRowFileUploadRow div.controlContainer,
    body #eaContainer .pageBlockInner_FormBlock .formRow.formRowFileUploadRow label.formLabel {
        text-align: center;
    }

    /* Set button widths to 100% */
    #eaContainer a.button,
    html body .buttonsRight,
    #eaContainer #Pos_Description_pageView #posdesc_pageBlock a.right,
    #eaContainer .fileuploadbutton,
    #eaContainer .buttonsLeft button.buttonAnchor,
    #eaContainer .buttonsRight button.buttonAnchor,
    #eaContainer .buttonsLeft input.buttonSubmit,
    #eaContainer .buttonsRight input.buttonSubmit,
    #eaContainer .buttonsLeft a.buttonAnchor,
    #eaContainer .buttonsRight a.buttonAnchor,
    #Grid_PERSONALDETAILS_pageBlock .rowlink a {
        width: 100% !important;
        max-width: 100%;
        float: none;
        margin: 10px 0;
        margin-left: 0 !important;
        text-align: center;
    }

    body.mydetails .pageBlockHeaderButtonsContainer.buttonsRight,
    ul.pageBlockHeaderButtons,
    li.pageBlockHeader_AddNotClicked {
        width: 100%;
    }

    #eaContainer #MyDetails_pageView #MyDetailsStauts_pageBlock .eArcuLeft,
    #eaContainer #MyDetails_pageView #MyDetailsStauts_pageBlock .eArcuRight,
    .pageBlockContent_FormBlock .pageBlockInner_FormBlock div.controlContainer,
    #eaContainer .pageBlockInner .buttonsLeft,
    #eaContainer .pageBlockInner .buttonsRight,
    #eaContainer .pageBlockInner .buttonsLeft li,
    #eaContainer .pageBlockInner .buttonsRight li {
        float: left;
        width: 100%;
        margin: 0;
    }

    body div.ui-dialog .pageBlockInner_GridBlock input.scroller {
        margin: 10px 5px;
        width: auto;
        padding: 5px;
    }

    /* Align search labels left */
    body .pageBlockInner_FormBlock div.labelContainer,
    #eaContainer .pageBlockInner_FormBlock div.labelContainer,
    #eaContainer #SearchForm_pageBlock .pageBlockInner_FormBlock div.labelContainer {
        text-align: left;
    }

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

    div#posBrowser_Filter_pageBlockContainer {
        width: 100%;
        float: none;
    }
    /* No vacancies */
    #eaContainer #Home_pageView #noPositions_pageBlockContainer .leftContainer,
    #eaContainer #Home_pageView #noPositions_pageBlockContainer .rightContainer {
        width: 100%;
        float: none;
    }

    #eaContainer #Home_pageView #noPositions_pageBlockContainer .content_login {
        margin-left: 0;
    }

    #eaContainer #Home_pageView #noPositions_pageBlockContainer .content_register {
        margin-right: 0;
    }

    html body .tooltip2_Outer,
    html body .posListHover {
        display: none;
    }

    #eaContainer #why-good-stuff, #eaContainer #latest-jobs {
        margin-top: 2em;
        margin-bottom: 2em;
    }

    /* Category & AP section blocks */
    #eaContainer #MyDetails_ConnectedServices_pageView #ConnectedServicesForm_pageBlock .serviceContainer,
    #eaContainer #Home_pageView #CodeListCounts_pageBlock .listItemContainer {
        width: 50%;
        /* height: auto; */
    }

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


    /* Category pages */
    #eaContainer #Pos_Category_Description_pageView #categorydesc_pageBlock .imageContainer,
    #eaContainer #Campaign_Detail_pageView #campaign_pageBlock .imageContainer,
    #eaContainer #Pos_Category_Description_pageView #categorydesc_pageBlock .descContainer,
    #eaContainer #Campaign_Detail_pageView #campaign_pageBlock .descContainer {
        display: block;
        width: 100%;
    }

    /* Search results */

    #eaContainer .category-blocks .category-block,
    #eaContainer #posBrowser_ResultsGrid_pageBlock .rowContainer {
        margin-left: 0 !important;
    }

    #eaContainer .category-blocks .category-block {
        min-height: 210px;
    }

    /* Alerts */
    #eaContainer .pageBlockInner_FormBlock div.SelectAutoRow .inputContainer, #eaContainer .pageBlockInner_FormBlock div.SelectMultiRow .selectmultiplerow {
        overflow: visible;
    }

    #MyJobFeedForm_MultiCodeList4_formRow .labelContainer {
        display: none;
    }

    #eaContainer .pageBlockInner_FormBlock .inputContainer .inputText,
    #eaContainer .pageBlockInner_FormBlock div.SelectMultiRow .selectmultiplerow .divajaxcontainter {
        float: none !important;
    }

    .ui-widget.ui-widget-content {
        border: 1px solid #c5c5c5;
        top: 25% !important;
    }

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

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

    /* Questions and answers */
    #eaContainer .questionsAnswerBlock div.appSummaryGridHeader {
        width: 100%;
    }

    #eaContainer .questionsAnswerBlock div.appSummaryQuestionGridRow div.appSummaryGridValue {
        margin-left: 0;
        width: 100%;
    }

    /* File upload */
    #eaContainer .pageBlockInner_FormBlock div.formRowFileUploadRow button {
        background-position: 5% center;
        background-repeat: no-repeat;
    }

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

    /* Interview map */
    #eaContainer .interviewdetailform .pageBlockInner_FormBlock .mapRow .mapContainer_Small {
        margin-left: 0;
    }

    /* Search Results */
    #posBrowser_ResultsGrid_pageBlockContainer,
    #posBrowser_Filter_pageBlockContainer {
        width: 100%;
        display: block;
    }

    #FindJobBlock #quicksearch_filter_text_formRow,
    #FindJobBlock #quicksearch_filter_locationradius_formRow {
        width: 100%;
        display: block;
    }

    #FindJobBlock #quicksearch_form {
        width: 50%;
        margin-left: 25%;
        padding-left: 0;
    }

    /* Job Description */

    #eaContainer div.posDescriptionContainer317 .LeftJobBox,
    #eaContainer div.posDescriptionContainer317 .RightJobBox,
    .RightBackBox {
        width: 100%;
        display: block;
    }

    .RightBackBox,
    #eaContainer div.posDescriptionContainer317 .RightJobBox {
        margin-left: 0;
        margin-top: 1em;
    }

    /* Main Banner */
    #login-register-block {
        background: #9b9c9e;
        display: block;
        width: 100%;
        bottom: 0;
        margin-left: 0;
        position: relative;
        min-height: 75px;
    }

        #login-register-block .buttonAnchor {
            margin-bottom: 16px;
            width: auto;
        }

    .block-right {
        float: right;
    }

    #eaContainer .pageBlockInner_FormBlock div.formRowFileUploadRow .buttonsContainer {
        overflow: inherit;
    }

    #supportingfileupload_pageBlock .fileuploadcontainer .buttonsLeft li {
        width: 150px;
        margin-left: auto;
        margin-right: auto;
    }

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

    body #eaContainer div#ConfirmForm_ApplicationStatusComment_formRow .controlContainer,
    body #eaContainer div#ConfirmForm_ApplicationStatusComment_formRow textarea#ConfirmForm_ApplicationStatusComment_control {
        width: 100%;
        min-width: 100%;
    }

    .Staging.earcu_application_home #content-main .stage-buttons,
    .Staging.earcu_mywelcomepacks_offerform_summary #content-main .stage-buttons {
        width: 100%;
        text-align: center;
    }

        .Staging.earcu_application_home #content-main .stage-buttons.desktop,
        .Staging.earcu_mywelcomepacks_offerform_summary #content-main .stage-buttons.desktop {
            display: none;
        }

        .Staging.earcu_application_home #content-main .stage-buttons.mobile,
        .Staging.earcu_mywelcomepacks_offerform_summary #content-main .stage-buttons.mobile {
            display: block;
        }

        .Staging.earcu_application_home #content-main .stage-buttons a,
        .Staging.earcu_mywelcomepacks_offerform_summary #content-main .stage-buttons a {
            margin: 3.5px;
            display: inline-block;
        }

    .Staging.earcu_application_home #content-main .ani-wrapper,
    .Staging.earcu_mywelcomepacks_offerform_summary #content-main .ani-wrapper {
        width: 100%;
    }
}

@media screen and (max-width: 875px) {
    #eaContainer #Home_pageView #CodeListCounts_pageBlock .listContainer_Option2 .listItemContainer,
    #eaContainer #Home_pageView #CodeListCounts_pageBlock .listContainer_Option2 .listItemContainer:nth-child(n+6),
    #eaContainer #Home_pageView #CodeListCounts_pageBlock .listContainer_Option2 .listItemContainer.listItemContainer_Value18997,
    #eaContainer #Home_pageView #CodeListCounts_pageBlock .listContainer_Option2 .listItemContainer.listItemContainer_Value18998,
    #eaContainer #Home_pageView #CodeListCounts_pageBlock .listContainer_Option2 .listItemContainer.listItemContainer_Value19003,
    #eaContainer #Home_pageView #CodeListCounts_pageBlock .listContainer_Option2 .listItemContainer.listItemContainer_Value18994,
    .flexslider .slides > li a.jobDetails {
        width: calc(50% - 20px);
    }

        .flexslider .slides > li a.jobDetails:nth-child(3n+3) {
            float: none;
            margin: 30px auto;
        }
}


/*@media (max-width: 768px) {
    .container {
        width: 100%;
    }
}

@media (max-width: 992px) {
    .container {
        width: 100%;
    }
}

@media (max-width: 1200px) {
    .container {
        width: 100%;
    }
}*/


@media screen and (max-width: 768px) {
    html body {
        margin-top: 0 !important;
    }

    iframe {
        width: 100%;
    }

    .sticky-navigation .main-navigation li a {
        padding-left: 10px;
        padding-right: 10px;
        font-size: 16px;
    }

    #tactical-img,
    #whitehinge-img {
        height: 300px;
    }

    .main-navigation ul ul#talentToggle a {
        width: 320px;
        padding: 0px 0px 10px 15px;
    }

    .earcuContentContainer {
        margin-top: 0 !important;
    }

        .textpage_chatbot .earcuContentContainer .border.top,
        .earcuContentContainer.details .border.top {
            border-top-width: 10px;
            border-right-width: 10px;
            border-left-width: 10px;
        }

        .textpage_chatbot .earcuContentContainer .border.left,
        .earcuContentContainer.details .border.left {
            border-top-width: 10px;
            border-bottom-width: 10px;
            border-left-width: 10px;
        }

        .textpage_chatbot .earcuContentContainer .border.right,
        .earcuContentContainer.details .border.right {
            border-top-width: 10px;
            border-bottom-width: 10px;
            border-right-width: 10px;
        }

        .earcuContentContainer.details .earcuContent {
            padding-top: 20px;
            padding-left: 20px;
            padding-right: 20px;
        }

    #eaContainer #Home_pageView #CodeListCounts_pageBlock .listContainer_Option2 .listItemContainer,
    #eaContainer #Home_pageView #CodeListCounts_pageBlock .listContainer_Option2 .listItemContainer:nth-child(n+6),
    #eaContainer #Home_pageView #CodeListCounts_pageBlock .listContainer_Option2 .listItemContainer.listItemContainer_Value18997,
    #eaContainer #Home_pageView #CodeListCounts_pageBlock .listContainer_Option2 .listItemContainer.listItemContainer_Value18998,
    #eaContainer #Home_pageView #CodeListCounts_pageBlock .listContainer_Option2 .listItemContainer.listItemContainer_Value19003,
    .flexslider .slides > li a.jobDetails {
        width: calc(100% - 20px);
    }

    body.Home div#hero-text {
        display: block;
    }

    .flexslider .slides > li span {
        width: 97%;
        margin: 10px;
        padding: 20px;
        min-height: 1px;
    }

    a.home-btn {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
        display: block;
    }

        a.home-btn:first-of-type {
            margin-top: 0;
        }

    #posBrowser_ResultsGrid_pageBlockContainer .pageBlockContainerMiddle #posBrowser_ResultsGrid_pageBlock .gridFooter {
        padding: 0 1em;
    }


    body.mydetails #MyDetailsStauts_pageBlockContainer #eArcuProfile .eArcuLeft #eArcuLinks ul li {
        width: 100%;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    #eaContainer #ApplicationsGrid_pageBlock .pageBlockInner_GridBlock div.gridContent .rowContainer,
    .testlistbyprofile #eaContainer .pageBlockContent_GridBlock .pageBlockInner_GridBlock div.gridContent .rowContainer,
    #eaContainer #EMailSummaryGrid_pageBlock .pageBlockInner_GridBlock div.gridContent .rowContainer,
    #eaContainer #EMailGrid_pageBlock .pageBlockInner_GridBlock div.gridContent .rowContainer {
        padding-top: 1em;
    }

        #eaContainer #ApplicationsGrid_pageBlock .pageBlockInner_GridBlock div.gridContent .rowContainer a.rcMenu,
        .testlistbyprofile #eaContainer .pageBlockContent_GridBlock .pageBlockInner_GridBlock div.gridContent .rowContainer a,
        #eaContainer #EMailSummaryGrid_pageBlock .pageBlockInner_GridBlock div.gridContent .rowContainer a,
        #eaContainer #EMailGrid_pageBlock .pageBlockInner_GridBlock div.gridContent .rowContainer a {
            position: relative;
            padding: 0;
            display: block;
        }

    html body.myjobfeed #dialogDialogContainer {
        width: 100% !important;
    }

    .mywelcomepacks_offerinformation_section .sectionContainer .wellbeingBlock, .mywelcomepacks_offerinformation_section .sectionContainer .eCardBlock {
        width: calc(50% - 20px);
    }

    .campaign_detail .imageGallery .imageBlock {
        width: 50%;
    }

        .campaign_detail .imageGallery .imageBlock:nth-last-child(-n+4) {
            display: none;
        }

    .about-header {
        /*top: 70px;
        position: relative;
        margin-bottom: 90px;*/
    }

    #eaContainer #posBrowser_ResultsGrid_pageBlock .rowContainer {
        width: 100%;
    }

    #footer {
        background-image: none;
    }
}
/*---------------------------------------
   6.3 Phablet            
-----------------------------------------*/
@media all and (max-width:711px) {
    .count-block .no-of {
        width: 45%;
    }
}


@media all and (max-width:610px) {
    #eaContainer #posSummaryBlock_pageBlock div.greenbox dd {
        width: 100%;
    }

    #eaContainer #posSummaryBlock_pageBlock .welcomePackStatus_NotSubmitted,
    #eaContainer #posSummaryBlock_pageBlock .appStatusNotSubmitted {
        text-align: left;
    }

    #posSummaryBlock_pageBlock .PosMyAppSummaryBlock dl.jobSum:nth-child(2n+2) dd:before {
        display: none;
    }

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

@media screen and (max-width: 600px) {
    /* Align buttons */
    #eaContainer a.button,
    #eaContainer #Pos_Description_pageView #posdesc_pageBlock a.right,
    #eaContainer .fileuploadbutton,
    #eaContainer .buttonsLeft button.buttonAnchor,
    #eaContainer .buttonsRight button.buttonAnchor,
    #eaContainer .buttonsLeft input.buttonSubmit,
    #eaContainer .buttonsRight input.buttonSubmit,
    #eaContainer .buttonsLeft a.buttonAnchor,
    #eaContainer .buttonsRight a.buttonAnchor {
        float: none;
    }

    /* Align labels left */
    #eaContainer .pageBlockInner_FormBlock div.labelContainer {
        text-align: left;
    }

    #eaContainer #posSummaryBlock_pageBlock div.greenbox dt {
        float: none;
    }

    /* Job search */
    #quicksearch_pageBlockContainer .buttonsRight li,
    #quicksearch_pageBlockContainer .buttonsRight input,
    #quicksearch_pageBlockContainer .buttonsRight {
        float: none;
        width: 98%;
    }

    #Home_pageView #CodeListCounts_pageBlockContainer .availableListsContainer li {
        width: 100%;
    }

    #Home_quicksearch_filter_locationradius, #Home_quicksearch_filter_text {
        font-size: 1em;
    }

    .hero-text .section-content .blockquote {
        font-size: 28px;
    }

    /* Category & AP section blocks */
    #eaContainer #MyDetails_ConnectedServices_pageView #ConnectedServicesForm_pageBlock .serviceContainer, #eaContainer #Home_pageView #CodeListCounts_pageBlock .listItemContainer {
        width: 100%;
    }

    #Home_pageView #CodeListCounts_pageBlock .listContainer_Option2 .listItemContainer .listItemContainerBorder .listItemImageContainer {
        background-size: 250px;
    }

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

    .col-third,
    .cat-container {
        display: block;
        width: 100%;
    }

    #eaContainer .category-blocks .category-block {
        min-height: 0;
    }

    section#programmes {
        padding: 2em 0 0em;
        margin: 1em auto;
    }

    .cd-testimonials-wrapper {
        padding: 20px;
        width: 100%;
    }

    #culture {
        display: block;
    }

    .culture-container {
        background-size: 100%;
        padding: 1em;
    }


    /* Search result blocks */
    #eaContainer .category-blocks .category-block, #eaContainer #posBrowser_ResultsGrid_pageBlock .rowContainer {
        margin-left: 1% !important;
        width: 98%;
    }

    /* Job alerts */
    .modalContent {
        min-height: 1px !important;
    }

    div#lookupResults_pageBlock {
        overflow: hidden;
    }

    .ui-widget.ui-widget-content {
        width: 100% !important;
        margin: auto;
    }

    th#col_lookupResults_name {
        max-width: 100% !important;
        width: 100% !important;
    }

    /* Candidate portal */
    #eaContainer #posSummaryBlock_pageBlock div.greenbox dt {
        display: block;
        width: 100%;
    }

    #eaContainer #posSummaryBlock_pageBlock dd {
        margin-left: 0;
    }

    /* Job Description */
    #posdesc_pageBlock ul.jobSum {
        display: grid;
    }

    #eaContainer #posdesc_pageBlock ul.jobSum li {
        display: block;
    }

        #eaContainer #posdesc_pageBlock ul.jobSum li:after {
            content: none;
        }

    .benefitBlock {
        width: 50%;
    }

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

    #eaContainer #slider-latest-jobs .slides li span.jobDetails {
        width: 100%;
    }
}

@media all and (max-width:500px) {
    #eaContainer .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulListItem,
    #eaContainer .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulListItem.Section_OfferSubmit {
        min-height: 1px;
        background-image: none !important;
    }

        #eaContainer .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulListItem .ulListItemLabel {
            position: relative;
            padding: 20px;
        }

    #eaContainer #content_wrapper .offeracceptedltl #onboardingTopContainer .onboardingMenuContainer .menuItem {
        display: block;
        width: 100% !important;
    }

    #posSummaryBlockv2_pageBlock .MySummaryItem {
        display: block;
        width: 100%;
    }

    #posSummaryBlockv2_pageBlock .MySummaryItemContent {
        margin: 5px;
        font-size: 16px;
    }

    .mywelcomepacks_offerinformation_summary #eaContainer .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulListItem .ulListItemLabel {
        padding: 7px 25px;
    }

    .mywelcomepacks_offerinformation_summary #eaContainer .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulListItem:before {
        height: 200px;
    }

    .mywelcomepacks_offerinformation_section .sectionContainer .wellbeingBlock,
    .mywelcomepacks_offerinformation_section .sectionContainer .eCardBlock {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
    }
}
/*---------------------------------------
   6.4 Phone          
-----------------------------------------*/
@media screen and (max-width: 480px) {
    #eaContainer #Home_pageView #CodeListCounts_pageBlock .listContainer_Option2 .listItemContainer,
    #eaContainer #Home_pageView #CodeListCounts_pageBlock .listContainer_Option2 .listItemContainer:nth-child(n+6) {
        width: 96%;
    }

    /* Job alerts */

    /* Search */
    #FindJobBlock #quicksearch_form {
        width: 100%;
        margin-left: 0;
        padding-left: 0;
    }

    div.alternateViews a.alternateViewsButton_Map:before {
        content: none;
    }

    #Grid_PERSONALDETAILS_pageBlock .rowlink a {
        display: block;
    }

    .mywelcomepacks_offerinformation_section.earcu_offerinformationpage_10 .sectionContainer .lightgallery .grid .grid-item {
        width: 100%;
    }
}

div #VisiblePosVideo {
    max-width: 100% !important;
    border: 0.25rem solid #dedede;
    /* background: #fff; */
    border-radius: 0.25em;
    margin-top: 4px;
    margin-bottom: 10px;
}

.moviePlayerContainer {
    max-width: 100% !important;
}

#player {
    width: 100% !important;
    height: 100% !important;
}

@media all and (max-width:471px) {
    .count-block .no-of {
        width: 100%;
        display: block;
    }
}

@media screen and (max-width: 460px) {
    .home-buttons {
        display: grid;
    }
}

@media screen and (max-width: 414px) {
    #eaContainer .posBrowserMapBlock .addressContainer {
        width: 100%;
    }
}

@media screen and (max-width: 350px) {
    .main-navigation ul ul#talentToggle a {
        font-size: 14px;
        width: 280px;
    }
}



/**fix this*/
#RegisterForm_pageBlock .pageBlockInner_FormBlock #RegisterForm_username_view_formRow {
    margin-left: auto;
    margin-right: auto;
}

#login {
    color: #183753 !important;
    position: relative;
    top: 18px;
    left: -40px;
}

.nav-link.signin {
    padding-top: 0 !important;
}

    .nav-link.signin:hover #login {
        color: #06a29d !important;
    }

@media screen and (max-width: 1020px) {
    .navbar-light .navbar-nav .nav-link {
        padding: 6px 10px 6px 10px;
    }
}

@media screen and (max-width: 991px) {
    .nav-link.signin {
        padding-top: 10px !important;
    }
}