/*

Skin: PFP_04
Version: 20170630

Contents

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

3. PRE APPLICATION
	3.1 Home
	3.2 Job search
    3.3 No vacancies
    3.4 Categories
    3.5 Search results
    3.6 Job description
	3.7 Job alerts
	3.8 Questions
    3.9 Login
    3.10 Register
    3.11 Tabs
    3.12 Chatbot (TASHA)
    3.13 TUPE

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

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

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

*/

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

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

html body {
    font-family: 'Dinn', arial, sans-serif;
    line-height: 1.8;
    font-size: 16px;
    font-weight: normal;
}

h1 {
    font-size: 37px;
}

    h1.strapline {
        font-size: 42px;
        color: #6f58a2;
        padding-bottom: 0;
        margin-top: 30px;
        margin-bottom: 30px;
        /*font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;*/
        font-family: 'Sailec', arial, sans-serif;
    }

.heading-section {
    background: #fff;
}

    .heading-section h1 {
        text-align: left;
        font-family: Sailec-Bold,Arial;
        font-size: 60px;
        padding: 30px 0 10px; /*50*/
    }

    .m-0 {
        margin: 0;
    }

.m-1 {
    margin: 1em;
}
.m-2 {
    margin: 2em;
}
.m-3 {
    margin: 2em;
}
.mt-1 {
    margin-top: 1em;
}

.mt-2 {
    margin-top: 2em;
}

.mt-2 {
    margin-top: 2em;
}

.mb-1 {
    margin-bottom: 1em;
}

.mb-2 {
    margin-bottom: 2em;
}

.mb-2 {
    margin-bottom: 2em;
}
.my-1 {
    margin: 1em 0;
}
/*---------------------------------------
   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;
    color: #6f58a2;
}

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

#Pos_Description_pageView #posdesc_pageBlockContainer .ApplyNowContainer .buttonsRight {
    background: #fff;
    width: 100%;
}
/******************************/
/***
/*** TOP NAV
/***
/******************************/
div#navigation {
    background: #f1f1f1;
}

.header .row {
    display: flex;
    align-items: center;
}

    .header .row .logoContainer a.logo {
        display: flex;
    }

        .header .row .logoContainer a.logo img {
            width: 100%;
        }

#login {
    display: flex;
    flex-wrap: wrap;
    gap: .5rem;
    justify-content: end;
    margin-left: auto;
}

    #login a {
        -webkit-transition: background-color .5s;
        transition: background-color .5s;
        border: none;
        border-radius: 50000px 0 0 50000px;
        position: relative;
        background-color: #6f58a2;
        color: #fff;
        padding: 11px 20px 10px 19px;
        margin-right: 0; /*40px;*/
        font-size: 1rem;
        text-decoration: none;
        white-space: nowrap;
        /*-webkit-transition: background-color .5s;
        transition: background-color .5s;
        border: none;
        border-radius: 50000px 0 0 50000px;
        position: relative;
        background-color: #6f58a2;
        color: #fff;
        max-height: 2.5rem;
        padding: .4375rem 0 .5rem 1.25rem;
        padding-left: 1.25rem;
        padding-right: .3125rem;
        font-size: 1rem;
        line-height: 1.5625rem;
        z-index: 2;
        display: inline-block;
        width: 100%;*/
    }

        #login a:after {
            -webkit-transition: background-color .5s;
            transition: border-color .5s;
            content: "";
            width: 10px;
            height: 0px;
            border-style: solid;
            border-width: 20px 0 20px 20px;
            border-color: transparent transparent transparent #6f58a2;
            position: absolute;
            right: -20px;
            top: 0px;
            z-index: 2;
        }

        #login a:hover {
            background: #423460;
        }

            #login a:hover:after {
                border-color: transparent transparent transparent #423460;
            }

.header a.logo img {
    max-height: 76px;
    margin: 30px 0 25px;
}

a#latestbtn {
    font-weight: bold;
    border: none;
}

    a#latestbtn:after {
        content: '\f078';
        font-family: fontAwesome;
        padding: 7px 7px;
        background: #00b1ff;
        color: #fff;
        border-radius: 100%;
        margin: 5px;
    }

.topnav {
    padding: 0 calc(2vw + 0);
    background-color: #f1f1f1;
    display: inline-flex;
    position: relative;
    max-width: 1280px;
    margin: auto;
    z-index: 10;
    padding: 30px 0;
    font-family: 'Dinn', arial, sans-serif;
}

    .topnav h3 {
        margin: 0;
    }

        .topnav h3 a {
            display: inline-block;
            vertical-align: middle;
            font-size: 1.125rem;
            color: #36404a;
            border-bottom: 3px solid #6f58a2;
            font-family: Sailec-Bold;
        }

    .topnav > p {
        flex: 0 0 auto;
        margin-bottom: 0;
        color: #fff;
        font-size: 14px;
        padding-right: calc(2vw + 2rem);
        font-weight: 300;
        letter-spacing: 2px;
    }

        .topnav > p a {
            color: #fff;
            text-decoration: none;
            padding: 20px;
            font-family: 'heebothin', Helvetica, sans-serif;
        }

            .topnav > p a:after {
                content: '';
                display: inline-block;
                width: 1.0em;
                height: 1.0em;
                background-image: url(http://lucite.careers/wp-content/themes/geonet-dream/images/home-icon.png);
                background-repeat: no-repeat;
                background-position: center center;
                background-size: auto 70%;
                vertical-align: -0.15em;
            }

            .topnav > p a:hover {
                color: #ed145b;
            }

    .topnav > ul {
        flex: 1 1 auto;
        margin: 0;
        padding: 0;
        display: flex;
        justify-content: flex-end;
        align-items: stretch;
    }

        .topnav > ul > li {
            list-style: none;
            margin: 0;
            padding: 0;
            font-size: 20px;
            font-weight: 700;
            margin: 10px;
            position: relative;
            justify-content: center;
            align-items: center;
        }

            .topnav > ul > li > a {
                color: #36404a;
                text-decoration: none;
                white-space: nowrap;
                font-weight: normal;
                font-size: 1.125rem;
                border-bottom: 3px solid #f1f1f1;
            }

            .topnav > ul > li.active > a,
            .topnav > ul > li:hover > a {
                border-bottom: 3px solid #6f58a2;
                text-decoration: none;
            }

            .topnav > ul > li.menu-item-has-children > a::after {
                display: inline-block;
                color: #36404a;
                content: '\f078';
                font-family: 'FontAwesome';
                font-size: .70em;
                width: 1.75em;
                height: 1.75em;
                line-height: 1.75em;
                background-color: #ffffff;
                -webkit-border-radius: 50%;
                -moz-border-radius: 50%;
                border-radius: 50%;
                vertical-align: 0.1em;
                text-align: center;
                margin-left: 0.6em;
                text-decoration: none;
            }

            .topnav > ul > li > span {
                color: #fff;
                text-transform: uppercase;
                font-weight: 900;
                cursor: pointer;
                font-size: 20px;
                font-size: 2.0rem;
                white-space: nowrap;
                letter-spacing: 2px;
            }

                .topnav > ul > li > span a {
                    color: white;
                    text-decoration: none;
                    font-size: 1.6rem;
                }

                .topnav > ul > li > span::after {
                    display: inline-block;
                    color: #fff;
                    content: '\f002';
                    font-family: 'FontAwesome';
                    font-size: 1em;
                    width: 1.5em;
                    height: 1.5em;
                    line-height: 1.5em;
                    background-color: #ed145b;
                    -webkit-border-radius: 50%;
                    -moz-border-radius: 50%;
                    border-radius: 50%;
                    vertical-align: 0em;
                    text-align: center;
                    margin-left: 0.6em;
                    font-weight: normal;
                }

            .topnav > ul > li > ul {
                display: none;
                position: absolute;
                top: 100%;
                left: -1em;
                width: 12em;
                margin: 0;
                padding: 0 20px;
                background-color: #fff;
                border: 1px solid #999fa4;
                z-index: 1;
            }

                .topnav > ul > li > ul > li {
                    list-style: none;
                    font-weight: 700;
                    margin: 0;
                    padding: 0;
                    font-size: 0.9em;
                    font-weight: normal;
                    border-bottom: 3px solid #f1f1f1;
                }

                    .topnav > ul > li > ul > li:hover {
                        border-bottom: 3px solid #6f58a2;
                    }

                    .topnav > ul > li > ul > li a {
                        color: #333e49;
                        text-decoration: none;
                        font-size: 18px;
                    }

                        .topnav > ul > li > ul > li a:active {
                            text-decoration: underline;
                        }

                    .topnav > ul > li > ul > li > ul > li {
                        list-style-type: none;
                    }


.nav_search {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    margin: 0;
    padding: calc(2vw + 2rem) 0;
    background-color: rgba(0,0,0,0.7);
}

    .nav_search p {
        display: flex;
        justify-content: space-between;
        margin: 0;
        line-height: 1.0em;
    }

        .nav_search p:first-child {
            margin-bottom: 2.0em;
        }

    .nav_search label {
        flex: 0 0 0;
        display: inline-block;
        font-size: 20px;
        font-size: 2.0rem;
        line-height: 3.0em;
        padding: 0 0.75em;
        border: 0;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
        background-color: #ed145b;
        color: #fff;
        vertical-align: top;
    }

    .nav_search input {
        flex: 1 1 auto;
        display: inline-block;
        font-size: 20px;
        font-size: 2.0rem;
        font-weight: 700;
        line-height: 6.0rem;
        height: 6.0rem;
        padding: 0 16px;
        border: 0;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
        background-color: #fff;
        color: #333;
        vertical-align: top;
    }

        .nav_search input::placeholder {
            color: #ed145b;
        }

    .nav_search select {
        flex: 0 1 25%;
        margin-right: 10px;
        display: inline-block;
        font-size: 1.8px;
        font-size: 1.8rem;
        font-weight: 700;
        line-height: 6.0rem;
        padding: 0 16px;
        border: 0;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
        background-color: #fff;
        color: #333;
        vertical-align: top;
        -webkit-appearance: none;
    }

        .nav_search select option[disabled] {
            color: #ed145b;
        }

    .nav_search .prettydropdown {
        flex: 0 0 24%;
        height: 6.0rem;
    }

        .nav_search .prettydropdown ul {
            border: 0;
            max-height: 6.0rem !important;
            line-height: 6.0rem;
            min-width: 100% !important;
            -webkit-box-shadow: 1px 1px 5px 0px rgba(50, 50, 50, 0.5);
            -moz-box-shadow: 1px 1px 5px 0px rgba(50, 50, 50, 0.5);
            box-shadow: 1px 1px 5px 0px rgba(50, 50, 50, 0.5);
        }

            .nav_search .prettydropdown ul li {
                font-size: 18px;
                font-size: 1.8rem;
                font-family: Arial, Helvetica, sans-serif;
                font-weight: 700;
                height: 6.0rem;
                line-height: 6.2rem;
                border: 0;
                padding: 0 16px 0 16px;
                width: 100% !important;
                white-space: nowrap;
                overflow: hidden;
                text-overflow: ellipsis;
            }

                .nav_search .prettydropdown ul li.selected {
                    padding-right: 48px;
                }

.prettydropdown > ul > li:first-child {
    color: #ed145b;
}

.prettydropdown > ul > li.nohover:first-child {
    color: #ed145b !important;
}

.nav_search .prettydropdown select {
    width: 100%;
}

.nav_search button {
    flex: 0 1 25%;
    display: inline-block;
    font-size: 20px;
    font-size: 2.0rem;
    font-weight: 700;
    line-height: 3.0em;
    padding: 0 0.75em;
    border: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    background-color: #ed145b;
    color: #fff;
    vertical-align: top;
}

@media only screen and (max-width: 1440px) {
    .topnav > p {
        font-size: 16px;
        padding-right: calc(1.5vw + 1.5rem);
    }

    .topnav > ul > li {
        font-size: 18px;
    }

        .topnav > ul > li > span {
            font-size:;
        }

    .nav_search input {
        font-size: 18px;
        font-size: 1.8rem;
    }

    .nav_search .prettydropdown ul li {
        font-size: 16px;
        font-size: 1.6rem;
    }
}

@media only screen and (max-width: 1100px) {
    a#latestbtn {
        display: none;
    }
}

@media only screen and (min-width: 993px) {
    .topnav > ul {
        display: flex !important;
    }
}

@media only screen and (max-width: 992px) {
    .topnav {
        display: -webkit-box;
        left: -15px;
        width: 106%;
    }

        .topnav.active {
            background-color: #fff;
        }

            .topnav.active li {
            }

        .topnav > ul {
            display: none;
            position: absolute;
            width: 100%;
            left: 0;
            background-color: #fff;
            top: 80%;
        }

            .topnav > ul > li {
                padding: 10px;
                display: block;
                border-bottom: 1px solid #999fa4;
                margin: 0;
            }

                .topnav > ul > li > a {
                    border: none;
                }

                .topnav > ul > li.menu-item-has-children > a::after {
                    display: none;
                }

                .topnav > ul > li > ul {
                    position: relative;
                    left: 0 !important;
                    width: 100%;
                    padding-bottom: 0;
                }

                    .topnav > ul > li > ul > li {
                        text-transform: none;
                    }

                        .topnav > ul > li > ul > li > a {
                        }

                .topnav > ul > li:last-child {
                    border-top: 1px solid #fff;
                }

                    .topnav > ul > li:last-child > span {
                        font-size: 22px;
                        font-size: 2.2rem;
                        font-weight: 300;
                        padding: 0.5em 0;
                    }

                        .topnav > ul > li:last-child > span::after {
                            display: none;
                        }

    .nav_search {
        background-color: #000;
        padding-top: 0;
    }

        .nav_search p {
            flex-wrap: wrap;
        }

        .nav_search input {
            height: 5.4rem;
        }

        .nav_search .prettydropdown {
            flex: 0 0 32%;
            height: 5.4rem;
        }

            .nav_search .prettydropdown ul {
                max-height: 5.4rem !important;
                line-height: 5.4rem;
            }

                .nav_search .prettydropdown ul li {
                    text-transform: none;
                    height: 5.4rem;
                    line-height: 5.8rem;
                }

        .nav_search button {
            flex: 0 1 25%;
            margin: 2.0em auto 0 auto;
        }
}

@media only screen and (max-width: 620px) {
    .nav_search input {
        font-size: 16px;
    }

    .nav_search .prettydropdown ul li {
        font-size: 16px;
    }

    .nav_search .prettydropdown {
        flex: 0 0 100%;
        margin: 0 0 2.0em 0;
    }

    .nav_search button {
        margin-top: 0;
        flex: 0 0 100%;
    }
}

.flex-direction-nav {
}

    .flex-direction-nav a:before {
        background-image: url(../images/sprites/left.png);
        background-size: 87%;
        width: 37px;
        height: 40px;
        margin: 0;
        padding: 0;
        content: '';
    }

    .flex-direction-nav a.flex-next:before {
        background-image: url(../images/sprites/right.png);
        content: '';
    }

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

#logo {
    padding-top: 1em;
}

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

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

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

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

/*
#WelcomeInfoBlock_MyDetails_formRow .iconImage img,
#ProfileIcon img {
    border-radius: 50%;
}
*/
#ProfileIcon strong {
    position: relative;
    bottom: 20px;
    right: 10px;
}

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

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

/* Div radius */

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

/* Inputs, buttons, images radius */

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

/* No 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 {
        /*border-radius: 0;*/
    }

.actionMessage.actionMessageInfo {
    color: #fff !important;
}
/*---------------------------------------
   1.6 Text Pages              
-----------------------------------------*/

/* Accordion */

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

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

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

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

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

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

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

/* --------------------------------------
=========================================
   2. GLOBAL
=========================================
-----------------------------------------*/
/* 354 Release */
#UsernameForm_NoSso_formRow .textLiteral {
    text-align: left;
    margin-bottom: 1em;
}

div#UsernameForm_ssoicons_formRow {
    margin-bottom: 20px;
}

.intl-tel-input.allow-dropdown input, .intl-tel-input.allow-dropdown input[type="tel"], .intl-tel-input.allow-dropdown input[type="text"], .intl-tel-input.separate-dial-code input, .intl-tel-input.separate-dial-code input[type="tel"], .intl-tel-input.separate-dial-code input[type="text"] {
    padding-right: 6px;
    padding-left: 52px !important;
    margin-left: 0;
}

html body .intl-tel-input {
    width: 100%;
}
/*---------------------------------------
   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 #Home_pageView #CodeListCounts_pageBlockContainer .availableListsContainer,
.listItemAnchorContainer,
.ui-dialog-titlebar-close,
body .dialog_noTitle div.ui-dialog-titlebar,
body button.buttonAnchor,
body input.buttonSubmit,
body a.buttonAnchor,
#eaContainer a.button,
#eaContainer .addressButton,
#eaContainer #Home_pageView #noPositions_pageBlockContainer .bottomContainer .buttonContainer a,
#eaContainer #Pos_Description_pageView #posdesc_pageBlock a.right,
#eaContainer .fileuploadbutton,
#eaContainer .buttonsLeft button.buttonAnchor,
#eaContainer .buttonsRight button.buttonAnchor,
#eaContainer .buttonsLeft input.buttonSubmit,
#eaContainer .buttonsRight input.buttonSubmit,
#eaContainer .buttonsLeft a.buttonAnchor,
#eaContainer .buttonsRight a.buttonAnchor,
#eaContainer .pageBlockInner_GridBlock .gridTop,
#eaContainer #Home_pageView .availableListsItemContainer_Selected,
#eaContainer #Home_pageView .availableListsContainer ul li:hover,
.tabs-style-shape nav li.tab-current a span,
body #eaContainer .buttonsRight a.buttonActionId_forgotten,
body #eaContainer .buttonsRight a.buttonActionId_ajaxCancel,
body #eaContainer .buttonsRight a.buttonActionId_cancel,
body #eaContainer .buttonsRight a.buttonActionId_doitlater,
.Application_Withdraw #eaContainer .withdrawapp a,
#Grid_PERSONALDETAILS_pageBlock .rowlink a,
.gridContainer .rowlink a,
#eaContainer .posBrowserMapBlock .markerStatsContainer,
#eaContainer #posBrowser_Filter_pageBlock .HeaderContainer,
#eaContainer #posBrowser_ResultsGrid_pageBlock .rowContainer:hover,
#slider-latest-jobs ol li a.flex-active,
#FindJobHeroBlock,
#login-register-block .buttonAnchor:hover,
#eaContainer #posSummaryBlock_pageBlock .appCompleteChartBar {
    background: #6f58a2;
}

#eaContainer .TilesGridSortingPopup {
    background: #fff;
    box-shadow: 0px 1px 2px #353f49;
}

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

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

/* 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: #6f58a2;
}

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

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

#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,
#eaContainer #posBrowser_Filter_pageBlock .FilterContainer a:hover,
#eaContainer #posBrowser_Filter_pageBlock .FilterContainer a:hover .label,
#eaContainer #posBrowser_Filter_pageBlock .FilterContainer a:hover .count,
#eaContainer #posBrowser_Filter_pageBlock .FilterContainer .ValueItem_selected a span,
#eaContainer #posSummaryBlock_pageBlock .welcomePackStatus_NotSubmitted,
#eaContainer #posSummaryBlock_pageBlock .appStatusNotSubmitted,
button.accordion-button.active:after,
a#JobsNearMe:hover {
    color: #6f58a2;
}

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

#content-main a {
    color: #0066cc;
}

    #content-main a:hover {
        color: #014D7E;
    }

#eaContainer .pageBlockInner_GridBlock .gridTop a:hover {
    color: #fff;
}
/* Buttons */
body button.buttonAnchor:hover,
body input.buttonSubmit:hover,
body a.buttonAnchor:hover,
#eaContainer a.button:hover,
#eaContainer .addressButton:hover,
#eaContainer a.button:hover,
#eaContainer #Home_pageView #noPositions_pageBlockContainer .bottomContainer .buttonContainer a:hover,
#eaContainer #Pos_Description_pageView #posdesc_pageBlock a.right:hover,
#eaContainer .fileuploadbutton:hover,
#eaContainer .buttonsLeft button.buttonAnchor:hover,
#eaContainer .buttonsRight button.buttonAnchor:hover,
#eaContainer .buttonsLeft input.buttonSubmit:hover,
#eaContainer .buttonsRight input.buttonSubmit:hover,
#eaContainer .buttonsLeft a.buttonAnchor:hover,
#eaContainer .buttonsRight a.buttonAnchor:hover,
body .ui-widget-content input.buttonSubmit:hover,
body .ui-widget-content button.buttonAnchor:hover,
#eaContainer .pageBlockInner_FormBlock div.formRowFileUploadRow button.hover,
span.fake-button:hover,
body .ui-widget-content input.buttonSubmit:hover,
body .ui-widget-content button.buttonAnchor:hover,
#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: #6f58a2;
    border-color: #6f58a2;
    color: #ffffff;
}



/* Whites */

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

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

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

#MyDetails_pageView a.buttonAnchor:hover,
#Application_Section_PersonalDetails_pageView a.buttonAnchor:hover {
    color: #fff !important;
}


#Home_quicksearch_filter_locationradius,
#Home_quicksearch_filter_text {
    border-color: #6f58a2;
    background: #8471B0;
    color: #fff;
}

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

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

#eaContainer .pageBlockInner_GridBlock .pagingControls_Tiles a.scroller_movenext {
    background-image: url("../images/sprites/right.png");
    background-size: 100%;
    width: 30px;
    height: 30px;
    margin: 0;
    padding: 0;
}

#eaContainer .pageBlockInner_GridBlock .pagingControls_Tiles a.scroller_moveprev {
    background-image: url("../images/sprites/left.png");
    background-size: 100%;
    width: 30px;
    height: 30px;
    margin: 0;
    padding: 0;
}

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

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


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

.tabs-style-shape nav li a,
#eaContainer #posBrowser_Filter_pageBlock .FilterContainer .ValueList a,
#eaContainer .posBrowserMapBlock .addressContainer .addressLabel,
body #modalcodelistlookup_pageBlock .labelContainer,
body .ui-dialog #LookupFilterBlock_pageBlock .labelContainer {
    color: #014D7E;
    font-family: Dinn,Arial;
    padding: .2em .6em .3em;
}

#eaContainer .label {
    color: #014D7E;
    font-family: Dinn,Arial;
    padding: 0;
}

#posBrowser_Filter_pageBlock .filtersSummary .alternateViews {
    float: right;
    display: none;
}

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

.ui-widget.ui-widget-content {
    border: 1px solid #c5c5c5;
    z-index: 1033 !important;
}
/*---------------------------------------
   2.2 General            
-----------------------------------------*/

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

.mobile-banner {
    display: none;
}

.eArcuInfoHeader {
    display: none;
}

#content-main {
    min-height: 742px;
    margin-bottom: 30px;
}

.Offer_Accepted #content-main {
    min-height: 1em;
}

    .Offer_Accepted #content-main #eaContainer {
        min-height: 1em;
    }

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

#eaContainer .pageBlockInner_GridBlock .gridTop, .gridTop {
    background: #fff;
    color: #333e49;
    font-family: Dinn;
    font-size: 18px;
    padding: 0 0 10px;
    margin-left: 10px;
    border-bottom: 2px solid #f1f1f1;
}

.alternateViewsText {
    color: #333e49;
}

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

    #eaContainer .pageBlockInner_GridBlock .gridTop a, #eaContainer .pageBlockInner_GridBlock .gridTop a:hover {
        color: #333e49;
        font-weight: normal;
        display: block;
    }

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

.pageBlockInner_GridBlock .sortingText {
    font-weight: bold;
}

.TilesGridSortingPopup a:hover {
    color: #fff !important;
}

p.footer-item a {
    padding: 10px;
}

#eaContainer .TilesGridSortingPopup a {
    font-weight: normal !important;
    font-size: 16px;
}

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

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

.LatestJobs {
    padding-bottom: 20px;
}

    .LatestJobs .pageBlockHeader {
        overflow: hidden;
    }

div#latestjobs_pageBlockContainer .pageBlockTitle {
    display: block;
    padding: 0;
}

#latestjobs_pageBlock .carouselBlock {
    width: 100% !important;
    height: auto !important;
}

.LatestJobs h2 {
    padding-bottom: 20px;
    font-size: 40px;
}

#slider-latest-jobs .box {
    background: #fff;
    padding: 20px;
    max-width: 30%;
    margin: 15px;
    border-top: 3px solid #6f58a2;
    min-height: 250px;
    max-height: 250px;
}

    #slider-latest-jobs .box h3 {
        font-family: Sailec-Bold,Arial;
        font-size: 27px;
        color: #014D7E;
        padding-bottom: 10px;
    }

        #slider-latest-jobs .box h3:hover {
            text-decoration: underline;
        }

#slider-latest-jobs ol li a.flex-active {
    background: #80868c;
}

.CarouselItems {
    display: none !important;
}

.gridContent.carouselFrame {
    width: 600px !important;
    max-width: 100%;
}

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

.carouselWindow {
    margin-left: 10px !important;
    width: 100% !important;
}

.carousel.vertical {
    height: 250px !important;
}

#latestjobs_pageBlockContainer .pageBlockInner_GridBlock div.gridContent {
    border: none;
    padding: 0;
}

.carouselFrame {
    background: rgba(243, 243, 243, 0) !important;
}

#latestjobs_pageBlockContainer h2 {
    padding-left: 20px;
    font-size: 2em;
    color: #9A9B9C;
    margin: 0;
}

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

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

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

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

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

#eaContainer #latest-jobs h2 {
    font-family: 'opensansbold', Helvetica Neue, 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;
}

.TilesGridSortingContainer {
    margin-right: 30px;
}

.sortingCurrent a:after {
    content: "\f107";
    font-family: fontAwesome;
    background: #fff;
    border-radius: 100%;
    padding: 0px 8px;
    font-weight: bold;
    font-size: 19px;
    z-index: 0;
    height: 30px;
    position: absolute;
    width: 30px;
}

.pageBlockInner_GridBlock .TilesGridSortingPopup li:hover {
    background: #00b1ff;
}

#eaContainer .pageBlockInner_GridBlock .gridTop li.sorter:hover a.normalanchor {
    color: #fff;
}

.pageBlockInner_GridBlock .TilesGridSortingContainer {
    float: right;
}

.pageBlockInner_GridBlock .pagingControls_Tiles {
    float: left;
    margin-left: 30px;
}

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

body.Pos_Find_Results.geoLocationSupported_Body #eaContainer div.pageBlockContainer {
}

#eaContainer div.pageBlockContainer {
    margin: 0;
}

#posBrowser_ResultsGrid_pageBlockContainer {
    width: 70%;
}

#posBrowser_Filter_pageBlockContainer {
    width: 29%;
    float: left;
}

#eaContainer div.pageBlockContent {
    overflow: hidden;
    padding: 0 5px;
}

    #eaContainer div.pageBlockContent#talentpoolgrid_pageBlock {
        padding: 0;
    }

#posBrowser_ResultsGrid_pageBlock {
    padding: 0 5px;
}

#eaContainer .posBrowserMapBlock .markerStatsContainer {
    background: #f1f1f1;
    color: #333;
    padding: 20px 0;
}

#breadcrumb {
    margin: 2em 0;
    text-align: left;
    font-family: Dinn,sans-serif;
    color: #333e49;
    font-size: 18px;
}

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

.earcuintro {
    font-family: Dinn,sans-serif;
    color: #333e49;
    font-size: 18px;
}

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

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

.content-warp.no-banner {
}

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

#eaContainer {
    margin-bottom: 0;
}

#Application_Login_pageView #PageTitleBlock_pageBlock .pageBlockInner {
    overflow: hidden;
}

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

.chatbotButton {
    position: fixed;
    top: 50%;
    right: -34px;
    transform: translateY(-50%) rotate(90deg);
    z-index: 5;
}

    .chatbotButton a {
        padding: 17px 22px;
        display: inline-block;
        line-height: 1;
        background: rgb(94, 46, 186);
        color: #fff;
        text-align: center;
        transition: background-color .5s;
        font-size: 1rem;
        border-radius: 56px;
    }

        .chatbotButton a:hover {
            background: rgb(52, 9, 149);
        }

.textpage_chatbot .chatbotButton {
    display: none;
}

.chatbotModal {
    position: fixed;
    top: 20px;
    bottom: 20px;
    left: 20px;
    right: 20px;
    z-index: 1044;
    display: none;
}

    .chatbotModal .close {
        position: absolute;
        top: 0;
        right: 0;
        width: 40px;
        height: 40px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        font-size: 30px;
    }

    .chatbotModal .chatBotBody {
        background: #fff;
        height: 100%;
        padding: 30px;
    }

        .chatbotModal .chatBotBody .escb-conv-form-wrapper {
            height: inherit;
        }

            .chatbotModal .chatBotBody .escb-conv-form-wrapper .escb-wrapper-messages {
                overflow: hidden;
                clear: both;
                height: calc(100% - 150px);
                min-height: 1px;
            }

                .chatbotModal .chatBotBody .escb-conv-form-wrapper .escb-wrapper-messages .escb-hidden {
                    display: none;
                }

                .chatbotModal .chatBotBody .escb-conv-form-wrapper .escb-wrapper-messages #escb-messages {
                    overflow-x: hidden;
                    top: 0px;
                    bottom: 0;
                    overflow-y: auto;
                    padding-bottom: 0 !important;
                }

                    .chatbotModal .chatBotBody .escb-conv-form-wrapper .escb-wrapper-messages #escb-messages .escb-message {
                        font-size: 14px;
                    }

                        .chatbotModal .chatBotBody .escb-conv-form-wrapper .escb-wrapper-messages #escb-messages .escb-message.escb-from {
                            background: #17a0b2;
                        }

        .chatbotModal .chatBotBody #convForm .escb-dragscroll {
            height: 110px;
            overflow: auto;
        }

html body:before {
    content: '';
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: transparent;
    transition: all .4s ease;
    z-index: -1;
}

html.chatbotActive,
html.chatbotActive body {
    padding-right: 0 !important;
    overflow: hidden;
}

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

input#buttonSubmit_remove_confirmed {
    padding-top: 11px;
    padding-bottom: 12px;
}

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 {
    -webkit-transition: background-color .5s;
    transition: background-color .5s;
    border: none;
    /*border-radius: 50000px 0 0 50000px;*/
    position: relative;
    background-color: #6f58a2;
    color: #fff;
    margin-right: 40px;
    font-size: 1rem;
    /*width: 100%;*/
    text-decoration: none;
}

#eaContainer .buttonsRight input,
#eaContainer .buttonsRight a,
#eaContainer .buttonsRight button,
#eaContainer .buttonsLeft input,
#eaContainer .buttonsLeft a,
#eaContainer .buttonsLeft button {
    margin-right: 0px !important;
    color: #fff;
}

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

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

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

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

#eaContainer .actionMessageContainer {
    padding: 1em 0;
    margin-bottom: 1em;
    background-color: #f1f1f1;
    border: 3px solid #6f58a2;
}

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


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

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

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

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

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

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

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

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

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

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

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

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

.hidden {
    display: none;
}

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

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

body .ui-dialog {
    margin: 170px 30px;
}

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

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

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

.modalContent {
    min-height: 450px !important;
}

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

.ui-widget-overlay {
    z-index: 1032 !important;
    opacity: 0.7;
}
/*---------------------------------------
   Banners        
-----------------------------------------*/
div#home-img img {
    width: 100%;
}

#home-img .results-img-banner {
    background: url(../images/headers/4a-home-banner.jpg) no-repeat fixed;
    background-size: cover;
    height: 660px;
    min-height: 100%;
    width: 100%;
}

.home-images {
    background-color: #6f58a2;
}

    .home-images .col-md-6 {
        padding: 20px 0 0 1px;
    }

.flexslider .slides {
    zoom: 1;
    display: -webkit-inline-box;
}

    .flexslider .slides img {
        height: auto;
        min-height: 370px;
        -moz-user-select: none;
    }

.flex-direction-nav {
    position: relative;
    margin: auto;
    width: 140px;
    top: -20px;
}

body.textpage_working.geoLocationSupported_Body #home-img img, body.textpage_apply.geoLocationSupported_Body #home-img img, body.textpage_faq.geoLocationSupported_Body #home-img img {
    width: 70%;
    float: right;
}
/* --------------------------------------
=========================================
   3. PRE APPLICATION
=========================================
-----------------------------------------*/

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

.Home #intro_pageBlock {
    display: none;
}

#home-img .home_heading {
    margin: -400px 0 0 330px;
    width: 600px;
}

    #home-img .home_heading img {
        width: 51px;
        margin: auto;
    }

    #home-img .home_heading h1.home_title {
        font-size: 35px;
    }

.home_heading p {
    font-size: 17px;
    line-height: 22px;
    font-weight: 600;
    color: rgb(14, 43, 141);
    margin: 0 87px;
}

#home-img i.fa.fa-chevron-down {
    color: rgb(210, 38, 48);
    font-size: 30px;
}

#content {
    margin: 40px 0;
}

    #content h2 {
        padding: 30px 0;
    }

    #content p {
        font-family: Dinn,sans-serif;
        color: #333e49;
        font-size: 18px;
    }

    #content .list {
        padding-left: 20px;
    }

    #content.faqs a {
        text-decoration: underline;
    }

.faqs h2 {
    font-size: 30px;
}

#home-img h2 {
    font-size: 50px;
    font-family: Sailec-Bold,arial;
    padding: 30px 0;
}

#home-img h3 {
    color: #333e49;
    padding: 20px 0;
    font-family: Sailec-Bold;
    font-size: 32px;
}

#home-img .carousel__home-content-holder {
    padding: 0;
    max-width: 530px;
    width: 100%;
    background: transparent;
}

#home-img .carousel__home-title {
    padding-bottom: 1.25rem;
    margin: 0;
    background: #f1f1f1;
}

#desc .carousel__home-title {
    margin-bottom: 1.25rem;
    background: none;
}

#home-img p {
    font-family: Dinn,sans-serif;
    color: #333e49;
    font-size: 22px;
    max-width: 300px;
    background: #f1f1f1;
    padding: 0;
    line-height: normal;
}

body.textpage_working.geoLocationSupported_Body #home-img p {
    padding: 0px 30px 30px 0px;
}

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

.fh5co-social-icons .fa {
    font-size: 25px;
    color: #dadada;
    padding: 5px;
}

.header p.fh5co-social-icons {
    text-align: right;
    padding: 3rem 1rem 0 0;
}

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

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

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

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

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

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

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

.bottom-parallax {
    margin: 0;
}


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

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

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

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

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

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

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

/* Full width */

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

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

.Home #eaContainer .container,
.Home .template-home .container {
    width: 100%;
    padding: 0;
}

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

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

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

#eaContainer .col-right {
    width: 34%;
    background: #F1F1F1;
    border-top-right-radius: 15px;
    padding: 2em;
}

    /*
.Home #eaContainer {
    margin-top: 60px;
    margin-bottom: 60px;
}
*/

    /*
#eaContainer #latestjobs_pageBlock {
    padding-left: 0;
}

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

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

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

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

#slider-latest-jobs ol.flex-control-nav {
    display: table;
    width: 70px;
    position: relative;
    top: 5px;
    margin: auto;
}

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

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

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

#eaContainer #latest-jobs h3 {
    font-family: 'Dinn', arial, 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;
}

div#home-img h1 {
    color: #333e49;
    font-family: Sailec-Bold;
    font-size: 60px;
}

body.Home div#home-img h1 {
    color: #6f58a2;
}
/*---------------------------------------
   3.2 Job search              
-----------------------------------------*/

#FindJobContainer {
    left: 0;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    right: 0;
}

#FindJobHeroBlock {
    width: 400px;
    background: none;
    position: relative;
    z-index: 1000;
    max-width: 100%;
}

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

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

#home-img #FindJobHeroBlock .pageBlockInner_FormBlock label.formLabel {
    display: none;
}

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


#quicksearch_SaveButtonRow_formRow .buttonsRight li:after {
    -webkit-transition: border-color .5s;
    transition: border-color .5s;
    content: "";
    width: 10px;
    height: 0;
    border-style: solid;
    border-width: 20px 0 19px 20px;
    border-color: transparent transparent transparent #fff;
    position: absolute;
    right: 302px;
    top: 82.4%;
    z-index: 2;
}

#home-img #quicksearch_SaveButtonRow_formRow:after {
    -webkit-transition: border-color .5s;
    transition: border-color .5s;
    content: "";
    width: 10px;
    height: 0;
    border-style: solid;
    border-width: 20px 0 19px 20px;
    border-color: transparent transparent transparent #343e48;
    position: absolute;
    right: 256px;
    top: 76.2%;
    z-index: 2;
}

#latestresults #quicksearch_SaveButtonRow_formRow:hover:after, #quicksearch_SaveButtonRow_formRow:hover:after {
    border-color: transparent transparent transparent #423460;
}

body #FindJobHeroBlock input.buttonSubmit {
    -webkit-transition: background-color .5s;
    transition: background-color .5s;
    border: none;
    border-radius: 50000px 0 0 50000px;
    position: relative;
    /*background-color:#343E48;*/
    background-color: #6f58a2;
    color: #ffffff;
    /* max-height: 2.5rem; */
    padding: 15px 15px 16px 15px;
    font-size: 1rem;
    line-height: 1.5625rem;
    z-index: 2;
    display: inline-block;
    width: 100%;
    min-width: 120px;
}

    body #FindJobHeroBlock input.buttonSubmit:hover {
        background: #423460;
    }

#home-img #quicksearch_SaveButtonRow_formRow:hover:after {
    border-color: transparent transparent transparent #423460;
}

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

body #FindJobHeroBlock .formRowTextInputRow {
    width: 90%;
    display: block;
    float: none;
    padding-top: 10px;
}

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

#FindJobHeroBlock div.pageBlockContent {
    padding: 0;
}

#FindJobHeroBlock #quicksearch_SaveButtonRow_formRow {
    float: none;
    display: inline-block;
    width: auto;
    margin-top: 20px;
}

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

#FindJobHeroBlock .pageBlockInner_FormBlock label.formLabel {
    /*color: #fff;*/
}

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


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

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

#FindJobHeroBlock h1 {
    margin-top: 0;
    font-family: 'Dinn', arial, sans-serif;
    text-transform: none;
}

#latestresults {
    background: #fff;
}

    #latestresults #FindJobContainer {
        background: #f1f1f1;
        margin-bottom: 30px;
        border-top: 8px solid #6f58a2;
    }

    #latestresults #FindJobHeroBlock {
        width: 100%;
        background: #f1f1f1;
        padding: 30px;
        z-index: 1;
        max-width: 1170px;
        margin: auto;
    }

        #latestresults #FindJobHeroBlock .formRowTextInputRow { /*change this at mobile*/
            width: 40%;
            display: inline-block;
            float: none;
            max-width: 369px;
            padding-right: 24px;
        }

        #latestresults #FindJobHeroBlock input.inputText {
            width: 100%;
            padding-top: 4px;
            background: #fff;
            border: 1px solid #ABADB3;
            /*color: #fff;*/
            font-family: Sailec;
            font-size: 22px;
            height: 50px;
        }

        #latestresults #FindJobHeroBlock .pageBlockInner_FormBlock label.formLabel {
            /*color: #fff;*/
            font-family: Sailec-Bold;
            font-size: 15px;
            font-weight: 100;
        }

    #latestresults #quicksearch_SaveButtonRow_formRow .buttonsRight li:after {
        -webkit-transition: border-color .5s;
        transition: border-color .5s;
        content: "";
        width: 10px;
        height: 0;
        border-style: solid;
        border-width: 28px 0 28px 28px;
        border-color: transparent transparent transparent #6f58a2;
        position: absolute;
        right: 243px;
        top: 121px;
        z-index: 2;
    }
/*---------------------------------------
   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            
-----------------------------------------*/
.margin-top {
    margin-top: 90px;
}

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

    /* Common style */
    .grid figure {
        position: relative;
        display: -webkit-inline-box;
        overflow: hidden;
        margin: 10px 1%;
        min-width: 320px;
        max-width: 366px;
        height: 350px;
        background: #fff;
        text-align: center;
        cursor: pointer;
    }

        .grid figure:hover {
        }

        .grid figure img {
            position: relative;
            display: block;
            max-width: 100%;
            opacity: 0.95;
            background: #f9f9f9;
        }

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

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

            .grid figure figcaption,
            .grid figure figcaption > a {
                position: relative;
                top: 0;
                left: 0;
                width: fit-content;
                height: 100%;
                margin-top: -50px;
                background: #fff;
                text-align: left;
                padding: 10px;
            }

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

        .grid figure h2 {
            word-spacing: -0.15em;
            font-weight: 300;
        }

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

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

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

/*---------------*/
/***** Chico *****/
/*---------------*/

figure.effect-chico img {
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    -webkit-transform: scale(1.12);
    transform: scale(1.12);
}

figure.effect-chico:hover img {
    opacity: 0.5;
    -webkit-transform: scale(1);
    transform: scale(1);
}

figure.effect-chico figcaption {
}

    figure.effect-chico figcaption::before {
        position: absolute;
        top: -220px;
        right: 0px;
        bottom: 10px;
        left: 0px;
        content: '';
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }

    figure.effect-chico figcaption::before,
    figure.effect-chico p {
        opacity: 0;
        -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
        transition: opacity 0.35s, transform 0.35s;
    }

figure.effect-chico h2 {
    padding: 5px;
    font-size: 24px;
    color: #007937;
    font-weight: bold;
    text-transform: capitalize;
}

figure.effect-chico h3 {
    padding: 5px;
    font-size: 16px;
    line-height: 0;
    margin-top: 22px;
    color: #333e49;
    text-transform: capitalize;
}

figure.effect-chico p {
    margin: 0 auto;
    max-width: 200px;
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
    color: transparent;
}

figure.effect-chico:hover figcaption::before,
figure.effect-chico:hover p {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}

@media screen and (max-width: 50em) {
    .content {
        padding: 0 10px;
        text-align: center;
    }

    .grid figure {
        display: inline-block;
        float: none;
        margin: 10px auto;
        width: 100%;
    }
}
/* 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: 101%;
    height: 300px;
    overflow: hidden;
    position: relative;
    display: inline-block;
    cursor: pointer;
    margin-top: -10px;
}

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

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

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

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

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

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

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


.cat-inner {
    display: none;
}

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

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

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

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

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

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


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

/*html body .posListHover {
    display: none !important;
}*/
.posListHover .contentContainer {
    margin: 0 !important;
    height: 300px;
    overflow: hidden;
    box-shadow: -5px 5px 14px #333;
}

#eaContainer {
    min-height: 400px;
}

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

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

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

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

.hero__content h1 {
    position: relative;
    font-size: 56px;
    color: #F2F2F2;
    width: 1280px;
    max-width: 100%;
    margin: -300px auto 0;
    line-height: 80px;
}

.hero__content p {
    color: #F2F2F2;
    font-size: 16px;
    text-transform: uppercase;
    text-shadow: 1px 1px 1px #595b60;
}

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

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

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

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

/*#eaContainer .TilesGridSortingPopup {
    margin-left: 0 !important;
}*/

.pageBlockInner_GridBlock .TilesGridSortingPopup ul {
    background: #fff;
}

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

    #eaContainer .posBrowserMapBlock .addressContainer .addressLabel {
        width: 150px;
        font-family: 'Dinn', arial, sans-serif;
    }

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

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

#eaContainer #posBrowser_Filter_pageBlock .HeaderContainer {
    margin-bottom: 5px;
    background: none;
}

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

li.possibleDistancesLabel {
    display: none;
}

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

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

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

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

#posBrowser_Filter_pageBlock .HeaderContainer .HeaderLabel {
    color: #333e49;
}

div#posBrowser_Filter_pageBlock {
    padding: 0;
}

.FilterRow {
    background: #f1f1f1;
    border-top: 8px solid #6f58a2;
    margin-bottom: 1em;
}

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

#eaContainer #posBrowser_ResultsGrid_pageBlock {
    padding: 0 1px;
}

    #eaContainer #posBrowser_ResultsGrid_pageBlock .rowContainer {
        margin-left: 1% !important;
        margin-top: 10px;
        min-height: initial;
        min-height: 150px;
        height: auto;
        width: 100%;
        padding: 10px;
        border-bottom: 2px solid #f1f1f1;
    }

        #eaContainer #posBrowser_ResultsGrid_pageBlock .rowContainer:hover a {
        }

        #eaContainer #posBrowser_ResultsGrid_pageBlock .rowContainer a {
            font-family: Sailec,Arial;
            font-size: 26px;
            color: #014D7E;
            text-decoration: underline;
        }

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

#eaContainer #posBrowser_Filter_pageBlock .FilterContainer .count {
    font-size: 16px;
    /***this**/
}

#eaContainer #posBrowser_Filter_pageBlock .FilterContainer .label {
    font-size: 16px;
    font-weight: normal;
}

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

.FilterContainer .ValueContainer {
    display: block;
}

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

.noEntries {
    display: none;
}

.HeaderLabel:hover {
    cursor: pointer;
}

#Pos_Find_Results_pageView {
    background: #fff;
}

#posBrowser_Filter_pageBlock .HeaderContainer .HeaderLabel {
    padding: 3px 0px 0px 10px;
    font-weight: lighter !important;
    float: left;
    font-family: Sailec-Bold,Arial;
    font-size: 26px;
}

span.filtersExpanderButtonLabel {
    color: #333e49;
    padding: 30px 10px;
    font-family: Sailec,Arial;
    font-size: 30px;
}

    span.filtersExpanderButtonLabel p {
        padding: 0 20px;
        margin: 0;
    }

        span.filtersExpanderButtonLabel p:after {
            content: '\f0b0';
            font-family: fontAwesome;
            padding: 10px;
        }

span.filtersSummaryTextInnerContainer {
    color: #333e49;
    padding: 0px;
}

span.filtersSummaryTextInnerContainer2 {
    color: #f1f1f1;
}

#posBrowser_Filter_pageBlock .FilterContainer .ValueContainer {
    background: #f1f1f1;
}

#eaContainer #posBrowser_ResultsGrid_pageBlock .rowContainer:hover {
    box-shadow: -3px 0px 9px #fff;
    background: none;
    text-transform: none;
}

.noRecordsContainer {
    color: #333e49;
}

#eaContainer #posBrowser_Filter_pageBlock .ButtonsContainer a {
    color: #333e49;
}
/*---------------------------------------
   3.6 Job description             
-----------------------------------------*/

#QuickApplyForm_pageBlock .pageBlockInner_FormBlock .formRowSelectInputRow_Common select {
    width: 250px;
}

#QuickApplyForm_pageBlock .pageBlockInner_FormBlock label.formLabel {
    margin-right: 5px;
}

#QuickApplyForm_pageBlock .pageBlockInner_FormBlock div.labelContainer {
    float: left;
    width: 50%;
}

.modalContent #QuickApplyForm_pageBlock .formRow.formRowButtonRow {
    width: 100%;
}

.codeListDescContainer {
    display: none;
}

div.pageView {
    overflow: inherit;
}

.codeListDescContainer.codeListDescContainer_9 {
    display: none;
}

body.Pos_Description div#posdesc_pageBlockContainer {
    /*display: -webkit-inline-box;*/
}

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

body.Pos_Description #breadcrumb {
    display: none;
}

body.Pos_Description div#posdesc_pageBlock {
    padding: 0;
}


#posdesc_pageBlock ul.jobSum li {
    font-size: 25px;
    line-height: 50px;
    font-family: Sailec-Bold;
}

#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 {
    border-radius: 50000px 0 0 50000px;
}

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

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

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

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

#eaContainer .buttonContainer {
    display: none;
}

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

.PosMyAppSummaryValues dd {
    margin: 0;
}

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

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

#eaContainer .posDescriptionContainer317 .LeftJobBox .ApplyNowContainer.ApplyViaFormContainer {
    float: left;
}

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

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

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

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

#eaContainer #posdesc_pageBlock .posdescriptionPropertyBox,
#eaContainer #posdesc_pageBlock .posrating {
    border: 0 none;
    border-radius: 0;
    padding: 10px 40px;
    margin-right: 5px;
}

#eaContainer #posdesc_pageBlock .posAlerts {
    background: #333e49 none repeat scroll 0 0;
    border: 0 none;
    border-radius: 0;
    padding: 1px 16px;
    margin-right: 10px;
    float: left;
    margin-bottom: 26px;
}

#eaContainer #posdesc_pageBlock .possharing {
    background: none;
    border: 0 none;
    border-radius: 0;
    padding: 0;
    margin: 40px 0 60px;
    float: left;
}

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

#PosDescSharingItems .PosDescSharingItem img {
    display: block;
    border-radius: 0;
}

#JobDescriptionMap_vacancyMap_pageBlock {
    padding: 0;
}

#eaContainer #PosDescSharingItems {
    margin: 0 20px;
    width: 100%;
}

    #eaContainer #PosDescSharingItems a#twitter_PosDescSharingItem {
        display: none;
    }

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

.pfp_04_intranet #eaContainer #posdesc_pageBlock .possharing {
    display: none;
}

.pfp_04_intranet #eaContainer #posdesc_pageBlock .logos {
    margin-top: 20px;
    float: left;
}

.TopJobBox {
    display: flex;
    width: 100%;
}

    .TopJobBox .ApplyNowContainer.ApplyViaFormContainer {
        display: none;
    }

.img-brand {
    width: 30%;
}

.jobValues {
    width: 70%;
}

.VacancyMap {
    width: 100%;
    background-size: 100%;
    background-repeat: no-repeat;
    margin-top: 20px;
    float: left;
}

.mapContainer .ButtonHolder .miniMapButton {
    background: #EAEAEA;
    display: block;
    padding: 5px 10px;
}

#eaContainer div.pageBlockContent #JobDescriptionMap_vacancyMap_pageBlock {
    padding: 0;
}

#JobDescriptionMap_vacancyMap_pageBlock #vacancyMap {
    width: 100%;
    height: 200px;
}

div.posDescriptionContainer317 .LeftJobBox {
    display: block;
    float: left;
    overflow: hidden;
    position: relative;
    width: 70%;
    padding: 40px;
    margin-bottom: 10px;
}

.LeftJobBox div b {
    font-weight: normal;
    font-size: 30px;
    color: #333e49;
}

.posDescriptionContainer317 .RightJobBox {
    float: none;
}

.posAlerts {
    width: 100%;
}

.possharing {
    width: 100%;
}

.JobTitle h1 {
    margin: 0;
    text-align: left;
    font-family: Sailec-Bold,Arial;
    font-size: 60px;
    padding: 10px 40px;
}

.LeftJobBox, .LeftJobBox p {
    font-size: 18px;
    color: #333e49;
    line-height: 1.5em;
}

.posAlerts_header.posrightbox_header {
    display: none;
}

#posdesc_pageBlock .posrightbox_header {
    text-align: left;
    font-weight: normal;
    margin: 0;
    font-family: Sailec,Arial;
    font-size: 26px;
    color: #333e49;
    padding: 20px;
}

li.pageBlockHeader_AddNotClicked .iconContainer {
    float: left;
    cursor: pointer;
    background-position: 0px -395px !important;
    background-repeat: no-repeat;
    width: 20px !important;
    height: 20px !important;
    margin-top: 3px;
}

li.pageBlockHeader_AddNotClicked .textContainer {
    margin-left: 24px !important;
    color: #6f58a2;
    font-weight: bold;
}

#eaContainer #Pos_Description_pageView #posdesc_pageBlock .ApplyNowContainer.ApplyViaFormContainer a.buttonAnchor {
    background: #6E58A1;
    min-width: 324px;
    border-radius: 50000px 0 0 50000px;
    font-size: 20px;
    padding: 20px 0 19px 0;
    float: left;
}

#eaContainer #Pos_Description_pageView #posdesc_pageBlock .ApplyNowContainer.ApplyViaFormContainer li {
    margin: 40px 0;
}

#eaContainer #Pos_Description_pageView #posdesc_pageBlock .LeftJobBox .ApplyNowContainer.ApplyViaFormContainer li:after {
    transition: border-color .5s;
    content: "";
    border-style: solid;
    border-width: 34px 0 33px 45px;
    border-color: transparent transparent transparent #6E58A1;
    position: absolute;
    margin-left: 0;
    margin-top: 0;
    z-index: 2;
}

#eaContainer #Pos_Description_pageView #posdesc_pageBlock .RightJobBox .ApplyNowContainer.ApplyViaFormContainer li:after {
    transition: all .2s;
    content: "";
    width: 26px;
    border-style: solid;
    border-width: 24px 0 24px 30px;
    border-color: transparent transparent transparent #6E58A1;
    position: relative;
    z-index: 2;
    float: left;
    margin-left: 0;
    margin-top: 0;
}

#eaContainer #Pos_Description_pageView #posdesc_pageBlock .ApplyNowContainer.ApplyViaFormContainer li:hover:after {
    opacity: .8;
    border-color: transparent transparent transparent #6E58A1 !important;
}

#eaContainer #Pos_Description_pageView #posdesc_pageBlock .ApplyNowContainer.ApplyViaFormContainer a.buttonAnchor.right {
    width: 276px;
    min-width: 250px;
    padding: 10px 0;
    float: left;
}

#eaContainer #Pos_Description_pageView #posdesc_pageBlock .ApplyNowContainer.ApplyViaFormContainer a.buttonAnchor:hover {
    opacity: .8;
}

#Pos_Description_pageView #posdesc_pageBlockContainer .ApplyNowContainer {
    overflow: visible;
    float: left;
    width: 100%;
}

#Pos_Description_pageView #posdesc_pageBlock .arrowList ul {
    padding-left: 0;
}

#posdesc_pageBlock .earcu_posdescriptionContainer {
    text-align: left;
    padding-right: 1px;
}

.posAlerts_info.posrightbox_info {
    color: #fff;
    text-align: left;
    padding: 0 10px;
    text-transform: uppercase;
    font-family: AltGothic;
    font-size: 2em;
    line-height: 1.1;
}

.arrowList {
    background: #333;
    padding: 20px;
    color: #fff;
    float: left;
}

.arrowListTitle {
    text-align: left;
    font-weight: normal;
    margin: 0;
    font-family: Sailec,Arial;
    font-size: 23px;
    color: #ffffff;
    padding: 10px 10px 10px 0;
}

.arrowList li {
    list-style: none;
    padding: 10px;
    overflow: auto;
}

#eaContainer a.filename {
    color: #fff;
    padding-left: 38px;
    max-width: 100%;
    float: left;
}

a.filename:before,
#eaContainer #Offer_pageView a.offerAnchor:before {
    content: '';
    font-family: fontAwesome;
    background: url(../images/icons/arrow-download.png);
    padding: 0px;
    margin: 0px;
    color: transparent;
    position: absolute;
    width: 40px;
    height: 40px;
    margin: -5px 0px 3px -47px;
}

a.filename:hover:before,
#eaContainer #Offer_pageView a.offerAnchor:hover:before {
    background: url(../images/icons/arrow-download-purple.png);
}

.logos {
    padding-top: 20px;
}

.img-fluid {
    max-width: 100%;
    height: auto;
}

.company23 div.posDescriptionContainer317 .LeftJobBox .bottomText,
.company23 div.posDescriptionContainer317 .RightJobBox .logos {
    display: none;
}
/*---------------------------------------
   3.7 Job alerts             
-----------------------------------------*/
#ProfileRegisterWithAlerts_pageView {
    width: 900px;
    max-width: 100%;
    margin: auto;
    text-align: center;
}

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

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


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

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

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

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

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

div.ui-dialog-titlebar .ui-dialog-titlebar-close, div.ui-dialog-titlebar .ui-dialog-titlebar-close:hover {
    height: 39px;
    width: 80px;
    border: none !important;
    border-radius: 6px;
    border-top-left-radius: 0;
    border-bottom-right-radius: 0;
    color: #fff;
    padding: 0px;
    margin: 0 -5px 0 0;
    right: 0;
}

/*---------------------------------------
   3.8 Questions            
-----------------------------------------*/

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

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

.Offer #eaContainer div.pageBlockInner_FormBlock div.formRow {
    padding: 0;
}

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

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

/*---------------------------------------
   3.9 Login            
-----------------------------------------*/
body.Login h1 {
}

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

/* Center apply social icons */

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

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


#Login_pageView #LoginInfoBlock_pageBlock {
}

#Login_pageView .buttonsRight {
    float: right;
}

#login_SaveButtonRow_formRow {
    margin-top: 40px;
}

#login_pageBlock .ssoIconImage, #newregister_pageBlock .ssoIconImage {
    border: 0px;
    text-align: center;
    margin: 0;
    visibility: hidden;
}

#login_pageBlock .ssoIcon, #newregister_pageBlock .ssoIcon {
    display: block;
    float: left;
    margin: 5px;
    width: 50px;
    height: 50px;
    padding: 0;
}
/**sso removed**/
/*.ssoIcon.linkedin_ssoIcon a:before {
    content: '\f0e1';
    font-family: fontAwesome;
    padding: -10px 0;
    color: #333;
    font-size: 28px;
}

.ssoIcon.google_ssoIcon a:before {
    content: '\f1a0';
    font-family: fontAwesome;
    padding: -10px 0;
    color: #333;
    font-size: 28px;
}

.ssoIcon.microsoft_ssoIcon a:before {
    content: '\f17a';
    font-family: fontAwesome;
    padding: -10px 0;
    color: #333;
    font-size: 28px;
}

.ssoIcon.facebook_ssoIcon a:before {
    content: '\f09a';
    font-family: fontAwesome;
    padding: -10px 0;
    color: #333;
    font-size: 28px;
}*/

.ssoIcon.linkedin_ssoIcon, .ssoIcon.google_ssoIcon, .ssoIcon.facebook_ssoIcon, .ssoIcon.microsoft_ssoIcon {
    background: #ffffff; /*was f1f1f1*/
    border-radius: 100%;
}

#login_pageBlock .ssoIconLink:hover, #newregister_pageBlock .ssoIconLink:hover {
    background: none;
}

#Application_Login_pageView #login_SaveButtonRow_formRow input.buttonSubmit.buttonRight.buttonActionId_save {
    margin-right: 0;
}
/*---------------------------------------
   3.10 Register            
-----------------------------------------*/

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

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

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

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

/*---------------------------------------
   3.11 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 Chatbot (TASHA)            
-----------------------------------------*/

div.escb-conv-form-wrapper div.escb-wrapper-messages {
    position: relative;
    min-height: 500px;
    max-height: 100%;
    height: 100%;
    overflow-y: hidden;
}

div.escb-conv-form-wrapper:before {
    content: '';
    background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 10px;
    z-index: 10;
}

div.escb-conv-form-wrapper div#escb-messages {
    max-height: 100% !important;
    overflow-y: scroll;
    padding-bottom: 10px !important;
}

    div.escb-conv-form-wrapper div#escb-messages:before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 10px;
        background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
        z-index: 50;
    }

    div.escb-conv-form-wrapper div#escb-messages div.escb-message {
        border-radius: 20px;
        padding: 12px 22px;
        font-size: 16px;
        color: #333;
        display: inline-block;
        padding: 10px 15px 8px;
        border-radius: 20px;
        margin-bottom: 15px;
        float: right;
        clear: both;
        max-width: 95%;
        word-wrap: break-word;
    }

        div.escb-conv-form-wrapper div#escb-messages div.escb-message.escb-to {
            display: flex;
            align-items: center;
            gap: 10px;
            background: none;
            padding: 0;
            border-radius: 0;
        }

            div.escb-conv-form-wrapper div#escb-messages div.escb-message.escb-to img {
                margin-bottom: 0;
                max-width: 60px;
            }

            div.escb-conv-form-wrapper div#escb-messages div.escb-message.escb-to span,
            div.escb-conv-form-wrapper div#escb-messages div.escb-message.escb-to.escb-typing {
                background: #f1f1f1;
                color: #6f6f6f;
                float: left;
                border-radius: 20px;
                padding: 10px 15px 8px;
                border-top-left-radius: 0;
                flex-wrap: wrap;
                margin-top: 10px;
            }

                div.escb-conv-form-wrapper div#escb-messages div.escb-message.escb-to span br {
                    flex: 100%;
                }

                div.escb-conv-form-wrapper div#escb-messages div.escb-message.escb-to.escb-typing:before {
                    content: 'Typing';
                    margin-right: 0;
                }

        div.escb-conv-form-wrapper div#escb-messages div.escb-message.escb-from {
            background: rgb(94, 46, 186);
            background-repeat: no-repeat;
        }

            div.escb-conv-form-wrapper div#escb-messages div.escb-message.escb-from.escb-rating {
                background-color: transparent;
            }

div.escb-conv-form-wrapper div.escb-options div.escb-option {
    font-size: 15px;
    background: rgb(94, 46, 186);
    color: #fff;
    transition: all .2s ease;
}

    div.escb-conv-form-wrapper div.escb-options div.escb-option:hover {
        background: rgb(52, 9, 149);
    }

.escb-spinLoader {
    visibility: hidden;
    display: none;
}

div.escb-conv-form-wrapper div.escb-options {
    display: block;
    position: relative;
    overflow: hidden;
    white-space: inherit;
    flex: 100%;
    cursor: initial;
}

form.escb-convFormDynamic {
    width: 100%;
    box-shadow: none;
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

    form.escb-convFormDynamic textarea.escb-userInputDynamic {
        font-size: 16px;
        height: auto !important;
        box-shadow: 0 0 5px 5px rgba(222, 222, 222, 0.4);
        max-width: calc(100% - 66px);
        width: 100%;
        margin-right: 10px;
    }

    form.escb-convFormDynamic button.escb-submit {
        background: rgb(94, 46, 186);
        color: #fff;
    }

        form.escb-convFormDynamic button.escb-submit:hover {
            background: rgb(52, 9, 149);
            color: #fff;
        }

/*---------------------------------------
   3.13 TUPE             
-----------------------------------------*/
.masonry-layout-2 {
    width: 100%;
    margin: 0 auto;
    padding: 0 10px;
}

    .masonry-layout-2 .three-one-col,
    .masonry-layout-2 .two-one-col,
    .masonry-layout-2 .one-col,
    .masonry-layout-2 .two-col,
    .masonry-layout-2 .three-col {
        display: inline-block;
        vertical-align: top;
        padding: 0;
    }

    .masonry-layout-2 .shape {
        background: grey;
        margin-right: 5px;
        margin-bottom: 5px;
        display: inline-block;
        vertical-align: top;
        width: 100%;
        background-size: cover;
    }

        .masonry-layout-2 .shape:hover {
            opacity: 2;
            cursor: pointer;
        }

    .masonry-layout-2 .shape-1,
    .masonry-layout-2 .shape-2 {
        height: 300px;
    }

    .masonry-layout-2 .shape-3 {
        height: 610px;
    }

    .masonry-layout-2 .one-col {
        width: 34%;
    }

.textpage_tupe .masonry-layout-2 .one-col,
.textpage_roles .masonry-layout-2 .one-col {
    width: 33%;
}

.masonry-layout-2 .two-col {
    width: 66%;
}

.masonry-layout-2 .three-col {
    width: 100%;
}

.masonry-layout-2 .two-one-col {
    width: 49.3%;
}

.textpage_tupe .masonry-layout-2 .two-one-col,
.textpage_roles .masonry-layout-2 .two-one-col {
    width: 49.7%;
}

.masonry-layout-2 .three-one-col {
    width: 32.85%;
}

.two-one-col .shape-3 {
    height: 610px;
}

.one-col .shape-1 {
    height: 300px;
}

.two-one-col .shape-1 {
    height: 302.5px;
}

.one-col .last-shape {
    height: 607.5px;
}

.textpage_tupe .shape {
    position: relative;
    overflow: hidden;
}
.textpage_tupe .shape {
    position: relative;
    overflow: hidden;
}
.textpage_tupe .tint {
    background: rgba(0, 0, 0, 0.3);
}

    .textpage_tupe .shape:after {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        content: '';
        background-size: cover;
        background-position: 50% 50%;
        background-repeat: no-repeat;
        transition: all .5s ease-in-out;
    }

    .textpage_tupe .shape:hover:after {
        transform: scale(1.4) rotate(10deg) translate(-5px);
    }

.textpage_tupe #cat-1:after,
.textpage_tupe #test-cat-1:after {
    background-image: url("../Images/custom/1194.jpg");
}

.textpage_tupe #cat-2:after,
.textpage_tupe #test-cat-2:after {
    background-image: url("../Images/Roles/Operations.jpg");
}

.textpage_tupe #cat-3:after,
.textpage_tupe #test-cat-3:after {
    background-image: url("../Images/Roles/Sales.jpg");
}

.textpage_tupe #cat-4:after,
.textpage_tupe #test-cat-4:after {
    background-image: url("../Images/Roles/IT.jpg");
}

.textpage_tupe #cat-5:after,
.textpage_tupe #test-cat-5:after {
    background-image: url("../Images/Roles/Finance.jpg");
}

.textpage_tupe #cat-6:after,
.textpage_tupe #test-cat-6:after {
    background-image: url("../Images/Roles/Marketing.jpg");
}

.textpage_tupe #cat-7:after,
.textpage_tupe #test-cat-7:after {
    background-image: url("../Images/Roles/Manufacturing.jpg");
}

.textpage_tupe #cat-8:after,
.textpage_tupe #test-cat-8:after {
    background-image: url("../Images/Roles/Distribution.jpg");
}

.textpage_tupe #cat-9:after,
.textpage_tupe #test-cat-9:after {
    background-image: url("../Images/Roles/HumanResources.jpg");
    height: 302.5px;
}

body.pfp_04_tupe button.accordion-button {
    color: #5e2eba;
    font-weight: bold;
}
h3.heading-three {
    font-size: 24px;
}
.promise-item {
    border: 1px solid grey;
    padding: 2em;
    border-radius: 15px;
    height: 90%;
    margin: 2em auto;
    display: block;
}

.our-promises {
    display: flex;
    flex-wrap: wrap;
}

.promise-item i {
    font-size: 40px;
    color: #531a9c;
    padding: 20px 14px;
    border: 1px solid grey;
    border-radius: 100%;
    height: 80px;
    width: 80px;
    margin-bottom: 10px;
}


.cat-container,
.tint h1,
.tint p,
.tint a.buttonAnchor {
    color: #fff;
    float: none;
}

.tint h1 {
    font-size: 32px;
    margin-top: 0;
}

.cat-container {
    vertical-align: middle;
    margin: 0 auto;
    text-align: center;
}

.shape,
.cat-container {
    min-height: 100%;
    min-width: 100%;
    position: relative;
}

.tint {
    z-index: 1;
    height: 100%;
    width: 100%;
    position: absolute;
}

.cat-align {
    z-index: 1;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 75%;
}

    .cat-align h1 {
        color: #fff;
        text-shadow: 1px 1px 3px #000;
    }

.tint:hover {
    background: rgba(0, 0, 0, 0.5);
}

.tint p {
    margin: 0 0 20px;
}

.tint p,
.tint a,
.tint span {
    display: none;
}

.tint:hover p {
    display: block;
}

.tint:hover a,
.tint:hover span {
    display: inline;
    margin-top: 10px;
}

.tint a.buttonAnchor:hover {
    color: #fff !important;
}

.one-two-col,
.two-one-col {
    margin-right: 5px;
}

.textpage_tupe .one-two-col,
.textpage_tupe .two-one-col,
.textpage_roles .one-two-col,
.textpage_roles .two-one-col {
    margin-right: 0px;
}

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: #531a9c;
    font-family: 'walsheim_fflight', Helvetica Neue, Sans-serif;
}

.cat-container p {
    font-family: 'walsheim_fflight', Helvetica Neue, Sans-serif;
}

@keyframes modal-video {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes modal-video-inner {
    from {
        transform: translate(0, 100px)
    }

    to {
        transform: translate(0, 0)
    }
}

.modal-video {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.5);
    z-index: 1000000;
    cursor: pointer;
    opacity: 1;
    animation-timing-function: ease-out;
    animation-duration: .3s;
    animation-name: modal-video;
    -webkit-transition: opacity .3s ease-out;
    -moz-transition: opacity .3s ease-out;
    -ms-transition: opacity .3s ease-out;
    -o-transition: opacity .3s ease-out;
    transition: opacity .3s ease-out
}

.modal-video-close {
    opacity: 0
}

    .modal-video-close .modal-video-movie-wrap {
        -webkit-transform: translate(0, 100px);
        -moz-transform: translate(0, 100px);
        -ms-transform: translate(0, 100px);
        -o-transform: translate(0, 100px);
        transform: translate(0, 100px)
    }

.modal-video-body {
    max-width: 940px;
    width: 100%;
    height: 100%;
    margin: 0 auto;
    display: table
}

.modal-video-inner {
    display: table-cell;
    vertical-align: middle;
    width: 100%;
    height: 100%
}

.modal-video-movie-wrap {
    width: 100%;
    height: 0;
    position: relative;
    padding-bottom: 56.25%;
    background-color: #333;
    animation-timing-function: ease-out;
    animation-duration: .3s;
    animation-name: modal-video-inner;
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
    -webkit-transition: -webkit-transform .3s ease-out;
    -moz-transition: -moz-transform .3s ease-out;
    -ms-transition: -ms-transform .3s ease-out;
    -o-transition: -o-transform .3s ease-out;
    transition: transform .3s ease-out
}

    .modal-video-movie-wrap iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%
    }

.modal-video-close-btn {
    position: absolute;
    z-index: 2;
    top: -35px;
    right: -35px;
    display: inline-block;
    width: 35px;
    height: 35px;
    overflow: hidden;
    border: none;
    background: transparent
}

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

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

    .modal-video-close-btn:before, .modal-video-close-btn:after {
        content: '';
        position: absolute;
        height: 2px;
        width: 100%;
        top: 50%;
        left: 0;
        margin-top: -1px;
        background: #fff;
        border-radius: 5px;
        margin-top: -6px
    }

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

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

.jigsawContainer {
    overflow: hidden;
    margin-bottom: 10px;
}

.jigsaw {
    width: calc(25% - 5px);
    height: 150px;
    position: relative;
    float: left;
    margin-right: 5px;
    margin-top: 5px;
}

    .jigsaw,
    .jigsaw span {
        background-color: #531a9c;
    }

        .jigsaw .text {
            display: block;
            color: #fff;
            font-size: 12px;
            text-align: left;
            padding: 20px 30px;
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            left: 0;
            width: 100%;
            background: transparent !important;
            z-index: 3;
        }

        .jigsaw .t {
            width: 2em;
            height: 2em;
            position: absolute;
            top: -1.5em;
            left: 2em;
            -webkit-border-radius: 4em;
            -moz-border-radius: 4em;
            border-radius: 4em;
        }

        .jigsaw .r {
            width: 25px;
            height: 25px;
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            right: -15px;
            -webkit-border-radius: 4em;
            -moz-border-radius: 4em;
            border-radius: 4em;
            z-index: 2;
        }

        .jigsaw .b {
            width: 25px;
            height: 25px;
            position: absolute;
            bottom: -15px;
            left: 50%;
            transform: translateX(-50%);
            -webkit-border-radius: 4em;
            -moz-border-radius: 4em;
            border-radius: 4em;
            z-index: 2;
        }

        .jigsaw .l {
            width: 28px;
            height: 28px;
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            left: -13px;
            -webkit-border-radius: 4em;
            -moz-border-radius: 4em;
            border-radius: 4em;
            background-color: #fff;
            z-index: 1;
        }

        .jigsaw.reverse .r {
            width: 28px;
            height: 28px;
            right: -13px;
            background-color: #fff;
            z-index: 1;
        }

        .jigsaw.reverse .l {
            width: 25px;
            height: 25px;
            left: -15px;
            z-index: 2;
            background-color: #531a9c;
        }

        .jigsaw.reverse .t {
            width: 28px;
            height: 28px;
            top: -13px;
            left: 50%;
            transform: translateX(-50%);
            background-color: #fff;
            z-index: 1;
        }

.textpage_networking p.center {
    text-align: center;
}

.back-to-home {
    margin-bottom: 30px;
}

    .back-to-home a span i {
        margin-right: 5px;
    }

@media all and (max-width:1200px) {
    .masonry-layout-2 .two-col, .textpage_tupe .masonry-layout-2 .one-col, .textpage_tupe .masonry-layout-2 .two-one-col {
        width: 100%;
    }

    .masonry-layout-2 .shape {
        height: 200px !important;
    }
}

@media screen and (max-width: 767px) {
    .jigsaw {
        width: 100%;
        height: auto;
        margin-right: 0;
    }

        .jigsaw .b,
        .jigsaw .t,
        .jigsaw .r,
        .jigsaw .l {
            display: none;
        }

        .jigsaw .text {
            position: relative;
            top: initial;
            transform: none;
            font-size: 12px;
        }
}

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

/*---------------------------------------
   4.1 My home           
-----------------------------------------*/
#Welcome_pageView #ToDoList_pageBlock .ulListItemLabel .actionTextMessage {
    margin-bottom: 10px;
}

#ToDoList_pageBlock .buttonsRight {
    float: left;
}

#Welcome_pageView #intro_pageBlock {
}

#Welcome_pageView #ToDoList_pageBlock .ulListItemLabel .actionTextGreeting {
    margin-bottom: 10px;
    font-weight: bold;
}

#Welcome_pageView #WelcomeInfoBlock_Logout_formRow .iconContainer {
    /*min-height: 70px;*/
}
/* Summary icons */
#eaContainer #WelcomeInfoBlock_pageBlock div.pageBlockInner_FormBlock div.formRow {
    /* width: 49%;
    display: inline-block; */
    /*
    display: inline-block; 
    margin-left: 5%;
    width: 44%;
    */
}

/*
#WelcomeInfoBlock_pageBlock {
    margin: 0 auto;
    position: relative;
    max-width: 500px;
}
*/
#Welcome_pageView #ToDoList_pageBlock .ulListItemLabel .actionTextButtonContainer {
    overflow: hidden;
}

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

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

#eArcuProfileImage {
    text-align: center;
}

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

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

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

#eaContainer #WelcomeInfoBlock_pageBlock div.pageBlockInner_FormBlock div.formRow {
    display: inline-block;
    width: 48%;
    float: none;
    margin: 5px !important;
    padding: 0;
}

body.Pos_Find_Results.geoLocationSupported_Body #eaContainer div.pageBlockContainer .rowItemsInnerContainer2 {
    overflow: hidden;
    color: #888886;
    display: grid;
    font-size: 20px;
    line-height: 40px;
}

    body.Pos_Find_Results.geoLocationSupported_Body #eaContainer div.pageBlockContainer .rowItemsInnerContainer2 .comma {
        display: none;
    }

.rowItemsInnerContainer2_desc {
    padding: 20px 0;
    font-family: Dinn;
    font-size: 18px;
}

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

#eaContainer #Welcome_pageView #ToDoList_pageBlock .ulListItemLabel {
    padding: 0;
    background: none;
}

#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: Sailec,Arial;
    font-size: 26px;
    color: #014D7E;
}

#WelcomeInfoBlock_Emails_formRow .iconRowValue.iconRowValue_older_messages {
    display: none;
}
/*---------------------------------------
   4.2 My profile
-----------------------------------------*/
body #eaContainer #MyDetailsStauts_pageBlockContainer .pageBlockContent.pageBlockContent_TextTagReplacementBlock {
    background: #6f58a2;
    color: #fff;
}

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

#MyDetails_pageView #MyDetailsStauts_pageBlock #eArcuLinks a {
    padding: 10px;
    border: none;
    margin-right: 5px;
    color: #fff;
}

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

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

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

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

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

/* Add Email */

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

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

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

/* Connected */

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

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

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

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

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

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

    #eaContainer #Welcome_pageView .pageBlockContent_FormBlock .iconListStyle,
    #eaContainer #ApplicationsGrid_pageBlock .pageBlockInner_GridBlock div.gridContent .rowContainer {
        border-top: 5px solid #6f58a2;
    }

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

    #eaContainer #ApplicationsGrid_pageBlock .pageBlockInner_GridBlock div.gridContent .rowContainer a.rcMenu {
        font-family: Sailec,Arial;
        font-size: 26px;
        color: #014D7E;
    }

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

.rowItemContainer.rowItemContainer_int11.withoutLabel {
    display: none;
}

.charCounter {
    text-align: left;
}

    .charCounter .charCounterValue {
        float: left;
    }

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

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

#eaContainer #posSummaryBlock_pageBlock .appCompleteChartBar {
    height: 20px;
    background: #ac9ad6;
}

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

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

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

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

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

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


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

.iconDescription, .iconRowValueLabel, .iconRowValueData {
    font-family: Dinn,sans-serif;
    color: #333e49;
    font-size: 20px;
}

.pageBlockInner_FormBlock .iconListStyle .iconValue {
    margin: 0 !important;
}

.pageBlockInner_FormBlock .iconListStyle .iconContainer .iconLabel {
    font-family: Sailec,Arial;
    font-size: 26px;
    color: #014D7E;
    padding: 5px 0 15px;
}

.pageBlockInner_FormBlock .formRowIconRow .iconRowValues {
    overflow: hidden;
    display: -webkit-inline-box;
}

    .pageBlockInner_FormBlock .formRowIconRow .iconRowValues .iconRowValue {
        display: -webkit-inline-box;
        float: none !important;
        margin-right: 15px;
    }

    .pageBlockInner_FormBlock .formRowIconRow .iconRowValues .iconRowValueLabel {
        float: none !important;
        margin-right: 5px;
    }

    .pageBlockInner_FormBlock .formRowIconRow .iconRowValues .iconRowValueData {
        float: none !important;
        font-weight: bold;
        font-family: Dinn-Bold, sans-serif;
    }

#Welcome_pageView .pageBlockContent_FormBlock .iconContainer {
    border: 0px;
    background-color: #f0f0f0;
    min-height: 250px;
}

#Welcome_pageView .pageBlockContent_FormBlock .iconContainer {
    border: 0px;
    background-color: #F7F7F7 !important;
}

#Welcome_pageView .pageBlockContent_FormBlock .iconContainer {
    padding: 20px;
    margin: 0 !important;
}
/*#eaContainer #WelcomeInfoBlock_pageBlock div.pageBlockInner_FormBlock div.formRow:after {
    content: '\f061';
    font-family: fontAwesome;
    color: #fff;
    font-weight: 100;
    float: right;
    background: #6f58a2;
    padding: 5px 15px;
    border-radius: 100%;
    font-size: 20px;
    margin: 30px;
    margin-top: -60px;
}*/
/*---------------------------------------
   5.2 Application summary          
-----------------------------------------*/

.Welcome #pageMessages {
    display: none;
}

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

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

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

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

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

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

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

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

.PosMyAppSummaryValues {
    padding: 1em;
}

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

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

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

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

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

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

#Application_Home_pageView #sectionslist_pageBlock .ulListItem {
    background-color: #f1f1f1;
    background-image: url(../images/sprites/unselected-progress-hover.png);
    background-position: 99% 50%;
    border: 1px solid #ffffff;
    height: auto;
    padding: 0;
    font-weight: normal;
    width: 31%;
    float: left;
    margin: 10px;
    clear: none;
}

#eaContainer .OfferSectionsSummaryBlockContainer .ulListItem {
    background-color: #f1f1f1;
    background-image: url(../images/sprites/unselected-progress-hover.png);
    border: 1px solid #ffffff;
    float: none;
    height: auto;
    margin: 10px 0;
    padding: 0;
    width: auto;
    font-weight: normal;
    border-top: 3px solid #6f58a2;
    background-position: 99% 3%;
}

#eaContainer #Application_Home_pageView .ulList div.ulListItemLabel {
    padding: 150px 0 0 0;
}

    #eaContainer #Application_Home_pageView .ulList div.ulListItemLabel a {
        color: #6f58a2;
        font-family: Sailec-Bold;
        font-size: 17px;
        background-image: url(../images/sprites/unselected-progress-hover.png);
        background-position: 95% 50%;
        background-repeat: no-repeat;
        max-width: 260px;
        display: block;
        background-color: #FFF;
        padding: 5px;
    }

#eaContainer #Application_Home_pageView .ulList .Completed div.ulListItemLabel a {
    background-image: url(../images/sprites/selected-progress-hover.png);
}

#eaContainer #Application_Home_pageView .ulList div.ulListItemLabel a:hover {
    color: #BBB;
}

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

#eaContainer #Application_Home_pageView #sectionslist_pageBlock .ulList li.ulListItem div.ulListItemLabel:hover {
    background-size: 105%;
    transition: all ease-in .3s;
}

#eaContainer #Application_Home_pageView .ulList .Section_PersonalDetails div.ulListItemLabel {
    background: url("../images/custom/Personal_Details_-_PFP.jpg");
    background-position: center;
    background-size: 100%;
    background-repeat: no-repeat;
}

#eaContainer #Application_Home_pageView .ulList .Section_CV div.ulListItemLabel {
    background: url("../images/custom/CV_-_PFP.jpg");
    background-position: center;
    background-size: 100%;
    background-repeat: no-repeat;
}

#eaContainer #Application_Home_pageView .ulList .Section_EqualOps div.ulListItemLabel {
    background: url("../images/custom/Equality_x_Diversity_-_PFP.jpg");
    background-position: center;
    background-size: 100%;
    background-repeat: no-repeat;
}

#eaContainer #Application_Home_pageView .ulList .Section_Questions1 div.ulListItemLabel {
    background: url("../images/custom/Supporting_Information_-_PFP.jpg");
    background-position: center;
    background-size: 100%;
    background-repeat: no-repeat;
}

#eaContainer #Application_Home_pageView .ulList .Section_SubmitAndDeclarations div.ulListItemLabel {
    background: url("../images/custom/Declarations_x_Submission_-_PFP.jpg");
    background-position: center;
    background-size: 100%;
    background-repeat: no-repeat;
}

#eaContainer #Application_Home_pageView .ulList .Section_PersonalDetails.Leisure div.ulListItemLabel {
    background: url("../images/custom/Personal_Details_-_Leisure.jpg");
    background-position: center;
    background-size: 100%;
    background-repeat: no-repeat;
}

#eaContainer #Application_Home_pageView .ulList .Section_CV.Leisure div.ulListItemLabel {
    background: url("../images/custom/CV_-_Leisure.jpg");
    background-position: center;
    background-size: 100%;
    background-repeat: no-repeat;
}

#eaContainer #Application_Home_pageView .ulList .Section_EqualOps.Leisure div.ulListItemLabel {
    background: url("../images/custom/Equality_x_Diversity_-_Leisure.jpg");
    background-position: center;
    background-size: 100%;
    background-repeat: no-repeat;
}

#eaContainer #Application_Home_pageView .ulList .Section_Questions1.Leisure div.ulListItemLabel {
    background: url("../images/custom/Supporting_Information_-_Leisure.jpg");
    background-position: center;
    background-size: 100%;
    background-repeat: no-repeat;
}

#eaContainer #Application_Home_pageView .ulList .Section_Referral.Leisure div.ulListItemLabel,
#eaContainer #Application_Home_pageView .ulList .Section_Referral div.ulListItemLabel {
    background: url("../images/custom/3125.jpg");
    background-position: center;
    background-size: 100%;
    background-repeat: no-repeat;
}

#eaContainer #Application_Home_pageView .ulList .Section_SubmitAndDeclarations.Leisure div.ulListItemLabel {
    background: url("../images/custom/Declarations_x_Submission_-_Leisure.jpg");
    background-position: center;
    background-size: 100%;
    background-repeat: no-repeat;
}

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

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

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


body.MyWelcomePacks_OfferForm_Summary .heading-section h1 {
    display: none;
}

body.MyWelcomePacks_OfferForm_Summary .earcuintro {
    display: none;
}

#posSummaryBlockv2_pageBlock .MySummaryItemsContainer {
    display: block;
    width: 100%;
    height: auto;
}

#posSummaryBlockv2_pageBlock .MySummaryItem {
    display: block;
    width: 98%;
    height: 100%;
}

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

#posSummaryBlockv2_pageBlock .MySummaryItemInner {
    padding: 1em;
    background: #eee;
    text-align: center;
    height: 100%;
    border: none;
    margin: 0 5px;
}

#posSummaryBlockv2_pageBlock .appCompleteChartBack {
    overflow: visible;
}

.appCompleteChartBlock .appCompleteChartBlockInner:after {
    content: '';
    display: block;
    position: relative;
    width: 14px;
    height: 14px;
    margin-right: -18px;
    margin-top: -7px;
    transform: rotate(45deg);
    background: #fff;
    float: right;
}

.appCompleteChartBlock.done .appCompleteChartBlockInner:after {
    content: '';
    display: block;
    position: relative;
    width: 14px;
    height: 14px;
    margin-right: -18px;
    margin-top: -7px;
    transform: rotate(45deg);
    background: #6f58a2;
    float: right;
}

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

    #posSummaryBlockv2_pageBlock .MySummaryItemInner .MySummaryItemContent {
        font-family: Sailec-Bold,Arial;
        color: #666;
        font-size: 20px;
        width: 70%;
        margin: auto;
    }

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

#posSummaryBlockv2_pageBlock .appCompleteChartBlock.done .appCompleteChartBlockInner {
    background: #6f58a2;
    border-color: #6f58a2;
}

#posSummaryBlockv2_pageBlock .appCompleteChartBlockInner {
    padding: 10px;
    margin: 0 7px;
    border: none;
    border-radius: 50000px 0 0 50000px;
}

div#onboardingTopContainer {
    background: #f1f1f1;
    position: relative;
    display: flex;
    padding: 2em;
}

.onboardingMenuContainer {
    position: relative;
    display: block;
    width: 1130px;
    margin: auto;
}

div#onboardingTopContainer .pageBlockContent.onboardingHeading.heading1 {
    display: none;
}

.menuItem {
    display: inline-block;
}

.menuItemInner {
    border-top: 5px solid #6f58a2;
    display: inline-block;
    background: #fff;
    width: 94%;
}


div#onboardingTopContainer a.menuAnchor {
    font-family: Sailec-Bold,Arial;
    color: #555;
    font-size: 28px;
    display: block;
    padding: 1em;
}

    div#onboardingTopContainer a.menuAnchor:after {
        content: "View Details";
        display: table;
        font-size: 14px;
        background: #6f58a2;
        color: #fff;
        padding: 5px 20px;
        clear: both;
        width: auto;
        margin: 1em 0;
        border-radius: 50000px /*0 0 50000px*/;
        font-family: Dinn,CenturyGothic,AppleGothic,sans-serif;
    }


.PosMyWelcomePackSummaryLinks a {
    -webkit-transition: background-color .5s;
    transition: background-color .5s;
    border: none;
    border-radius: 50000px 0 0 50000px;
    position: relative;
    background-color: #6f58a2;
    color: #fff !important;
    padding: 5px 20px;
    margin-right: 40px;
    font-size: 1rem;
    text-decoration: none;
    margin: 15px 25px 15px 0px;
    display: block;
}

    .PosMyWelcomePackSummaryLinks a:after {
        -webkit-transition: background-color .5s;
        transition: border-color .5s;
        content: "";
        width: 10px;
        height: 0px;
        border-style: solid;
        border-width: 19px 0 19px 20px;
        border-color: transparent transparent transparent #6f58a2;
        position: absolute;
        right: -20px;
        top: 0px;
        z-index: 2;
    }


#eaContainer .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulListItem {
    width: 31%;
    float: left;
    margin: 10px;
}


#eaContainer .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulList div.ulListItemLabel {
    background: url("../images/custom/3011.jpg");
    padding-top: 150px;
    padding-left: 0;
    padding-bottom: 0;
    padding-right: 0;
    background-position: top left;
    background-size: cover;
    background-repeat: no-repeat;
    overflow: hidden;
}

#eaContainer .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulList li.ulListItem div.ulListItemLabel {
    background-position: center;
    background-size: 100%;
    background-repeat: no-repeat;
}

#eaContainer .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulList li.ulListItem.ulListItem1 div.ulListItemLabel {
    background-image: url("../images/custom/1081.jpg");
}

#eaContainer .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulList li.ulListItem.ulListItem2 div.ulListItemLabel {
    background-image: url("../images/custom/3125.jpg");
}

#eaContainer .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulList li.ulListItem.ulListItem3 div.ulListItemLabel {
    background-image: url("../images/custom/3207.jpg");
}

#eaContainer .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulList li.ulListItem.ulListItem4 div.ulListItemLabel {
    background-image: url("../images/custom/3011.jpg");
}

#eaContainer .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulList li.ulListItem.ulListItem5 div.ulListItemLabel {
    background-image: url("../images/custom/4249.jpg");
}

#eaContainer .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulList li.ulListItem.ulListItem6 div.ulListItemLabel {
    background-image: url("../images/custom/1194.jpg");
}

#eaContainer .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulList li.ulListItem.ulListItem7 div.ulListItemLabel {
    background-image: url("../images/custom/4152.jpg");
}

#eaContainer .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulList li.ulListItem.ulListItem8 div.ulListItemLabel {
    background-image: url("../images/custom/3022.jpg");
}

#eaContainer .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulList li.ulListItem.ulListItem9 div.ulListItemLabel {
    background-image: url("../images/custom/3061.jpg");
}

#eaContainer .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulList li.ulListItem.ulListItem10 div.ulListItemLabel {
    background-image: url("../images/custom/3062.jpg");
}

#eaContainer .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulList li.ulListItem.ulListItem11 div.ulListItemLabel {
    background-image: url("../images/custom/3011a.jpg");
}

#eaContainer .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulList li.ulListItem.ulListItem12 div.ulListItemLabel {
    background-image: url("../images/custom/3011b.jpg");
}

.Leisure #eaContainer .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulList li.ulListItem.ulListItem2 div.ulListItemLabel {
    background-image: url("../images/custom/1156.jpg");
}

.Leisure #eaContainer .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulList li.ulListItem.ulListItem3 div.ulListItemLabel {
    background-image: url("../images/custom/1367.jpg");
}

.Leisure #eaContainer .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulList li.ulListItem.ulListItem4 div.ulListItemLabel {
    background-image: url("../images/custom/1096.jpg");
}

.Leisure #eaContainer .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulList li.ulListItem.ulListItem5 div.ulListItemLabel {
    background-image: url("../images/custom/1162.jpg");
}

.Leisure #eaContainer .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulList li.ulListItem.ulListItem6 div.ulListItemLabel {
    background-image: url("../images/custom/1404.jpg");
}

.Leisure #eaContainer .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulList li.ulListItem.ulListItem8 div.ulListItemLabel {
    background-image: url("../images/custom/1294.jpg");
}

#eaContainer .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulList li.ulListItem div.ulListItemLabel:hover {
    background-size: 105%;
    transition: all ease-in .3s;
}

#eaContainer .OfferSectionsSummaryBlockContainer .ulList div.ulListItemLabel a {
    background-color: #fff;
    color: #6f58a2 !important;
    font-weight: bold;
    font-size: 20px;
    padding: 5px;
    display: block;
}

#eaContainer #MyWelcomePacks_OfferForm_Summary_pageView .ulList li div.ulListItemLabel a:hover {
    color: #bbb !important;
}


body #eaContainer .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock li.Section_OfferSubmit {
    width: 31%;
    float: left;
    clear: none;
    margin: 10px;
}

.buttonsLeft li:nth-child(n+2),
.buttonsRight li:nth-child(n+2) {
    margin-left: 22px !important;
}

.buttonsLeft li a,
.buttonsLeft li input,
.buttonsLeft li button,
.buttonsRight li a,
.buttonsRight li input,
.buttonsRight li button,
.gridBlockCollapseColumns .gridContainer a.expandRow {
    border-radius: 50000px 0 0 50000px;
    background: #6f58a2;
    line-height: 28px;
    padding: 6px 15px;
}

.buttonsLeft li:after,
.buttonsRight li:after {
    -webkit-transition: background-color .5s;
    transition: border-color .5s;
    content: "";
    width: 10px;
    height: 0px;
    border-style: solid;
    border-width: 20px 0px 20px 21px;
    border-color: transparent transparent transparent #6f58a2;
    position: absolute;
    z-index: 2;
    margin-top: 0;
    margin-left: 0;
}

.buttonsLeft li:hover:after,
.buttonsRight li:hover:after {
    border-color: transparent transparent transparent #423460 !important;
}
/*---------------------------------------
   5.3 Global sections       
-----------------------------------------*/
/* Login / Register block */
.banner-main-container {
    position: relative;
}

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

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

.block-right {
    float: right;
}

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

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

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

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

    #eaContainer .PosMyAppSummaryLinks a {
        /*background: transparent url("../images/sprites/arrow-right.png") no-repeat scroll 0 0;*/
        /*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 .pageBlockInner_FormBlock .fakecheck {
    background: rgba(0, 0, 0, 0) url("../images/sprites/unticked.png") no-repeat scroll left center;
}

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

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

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

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

textarea {
    min-height: 150px;
}

/*body #eaContainer .formRowTextAreaRow .controlContainer,
body #eaContainer .formRowTextAreaRow .controlContainer .inputTextArea,
body #eaContainer .pageBlockInner_FormBlock textarea.inputTextArea,
#eaContainer textarea {
    width: 100%;
}*/
#eaContainer .pageBlockInner_FormBlock label.formLabel {
    padding-right: 5px;
    font-weight: bold;
    margin-bottom: 10px;
}

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

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

/*.pageBlockInner_FormBlock div.controlContainer {
	clear: both;
}*/

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

#eaContainer .pageBlockContainerMiddle .buttonsContainer {
    margin: 1em;
    font-family: Dinn-Bold;
    font-size: 16px;
}

#posdesc_pageBlock .posAlerts .buttonsContainer .buttonsRight li a {
    float: left;
}

#posdesc_pageBlock .posAlerts .buttonsContainer .buttonsRight li:after {
    transition: border-color .5s;
    content: "";
    width: 15px;
    border-style: solid;
    border-width: 20px 0px 20px 22px;
    border-color: transparent transparent transparent #6f58a2;
    position: relative;
    z-index: 2;
    float: left;
}

.posAlerts a.buttonAnchor.right {
    max-width: 230px;
}

.pageBlockInner_FormBlock span.mandatoryContainer {
    color: #36404a;
    margin-left: 3px;
    margin-right: 10px;
}

#eaContainer .PosMyWelcomePackSummaryLinks {
    display: flex;
    margin-top: 0;
    padding: 5px;
    background: none;
    border: none;
}

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

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

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

#eaContainer .PosMyAppSummaryValues, #eaContainer .PosMyWelcomePackSummaryValues {
    background: #6f58a2;
    margin-top: 13px;
    color: #fff;
}

#eaContainer .PosMyWelcomePackSummaryValues {
    padding: 1em 1em 0em 1em;
}

.PosMyWelcomePackSummaryValues dd {
    margin: 10px;
}

#eaContainer #MyWelcomePacks_OfferForm_Summary_pageView .ulList div.ulListItemLabel a {
    color: #333e49;
    font-family: Sailec-Bold;
    font-size: 17px;
    background-image: url(../images/sprites/unselected-progress-hover.png);
    background-position: 95% 50%;
    background-repeat: no-repeat;
    max-width: 250px;
}

#eaContainer #MyWelcomePacks_OfferForm_Summary_pageView .ulList .ulListItem.Completed div.ulListItemLabel a {
    color: #333e49;
    font-family: Sailec-Bold;
    font-size: 17px;
    background-image: url(../images/sprites/selected-progress-hover.png);
    background-position: 95% 50%;
    background-repeat: no-repeat;
}


#eaContainer .PosMyAppSummaryLinks {
    margin: 2em 0;
    display: -webkit-inline-box;
}

.PosMyAppSummaryLink.myapplink, .PosMyAppSummaryLink.reviewposlink, .PosMyAppSummaryLink.withdrawapp {
    padding: 0 20px;
    font-size: 18px;
}

#Application_Withdraw_pageView {
    text-align: center;
    padding: 60px;
}

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

#Pos_Description_Review_pageView #posdesc_pageBlock {
    background: #f1f1f1;
}

#Pos_Description_Review_pageView .JobTitle {
    padding: 30px;
}


#eaContainer .PosMyAppSummaryLinks a {
    transition: background-color .5s;
    border: none;
    border-radius: 50000px 0 0 50000px;
    position: relative;
    background-color: #6f58a2;
    color: #fff;
    padding: 7px 20px;
    padding-left: 1.25rem;
    margin-right: 20px;
    font-size: 1rem;
    width: 100%;
    font-family: Sailec-Bold;
    color: #fff;
}

    #eaContainer .PosMyAppSummaryLinks a:after {
        transition: border-color .5s;
        content: "";
        width: 10px;
        height: 0px;
        border-style: solid;
        border-width: 17px 0 20px 20px;
        border-color: transparent transparent transparent #6f58a2;
        position: absolute;
        right: -20px;
        top: 0px;
        z-index: 2;
    }

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

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

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

.earcujobref {
    display: inline;
}

#eaContainer #posSummaryBlock_pageBlock .welcomePackStatus_NotSubmitted,
#eaContainer #posSummaryBlock_pageBlock .appStatusNotSubmitted {
    font-family: 'Dinn', arial, sans-serif;
    background: none;
    color: #fff;
}

#posSummaryBlock_pageBlock .earcujobref a {
    padding-right: 5px;
    color: #fff;
}

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

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

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

.questionsAnswerBlock #questionsSummary_pageBlock {
    border: none !important;
    padding: 5px;
}
/*---------------------------------------
   5.4 CV upload          
-----------------------------------------*/

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

.fileContainer .deletefile img {
    opacity: 0;
}

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

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



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

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

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

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

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

#eaContainer .pageBlockInner_FormBlock div.formRowFileUploadRow .uploadedFilesHeader {
    padding: 5px 5px 5px 20px;
    text-align: center;
}

#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: none;
    padding-bottom: 10px;
    margin: auto;
    display: table;
}

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

.pageBlockInner_FormBlock div.formRowFileUploadRow .bottomControlContainer .filename {
    display: block;
    background: #f0f0f0;
    bottom: 0px;
    position: absolute;
    width: 100%;
    overflow: hidden;
    font-size: 14px;
    line-height: 20px;
}

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

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

.pageBlockInner_FormBlock div.formRowFileUploadRow .bottomControlContainer li {
    float: none !important;
    width: 205px;
    padding: 0px;
    display: table !important;
    margin: auto !important;
}
/*---------------------------------------
   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%;
}

#InterviewBookingConfirm_pageView .interviewdetailform .pageBlockInner_FormBlock .mapRow .mapContainer_Small {
    margin-left: 40% !important;
}

#InterviewDetail_pageView .controlContainer.controlContainer_ReadOnly,
#InterviewDetail_pageView .mapContainer.mapContainer_Small {
    width: 59% !important;
}

#InterviewDetail_pageView .mapBlock {
    background-size: 100% !important;
}

/*.interviewdetailform .pageBlockInner_FormBlock .mapRow .mapContainer_Small {
    margin-left: 30% !important;
}*/

.interviewdetailform .pageBlockInner_FormBlock .mapRow .mapContainer_Small .mapBlock {
    background-size: cover !important;
}

.interviewdetailform .pageBlockInner_FormBlock .interviewlocationSummary .labelContainer {
    height: auto !important;
}

#InterviewDetail_pageView .labelContainer {
    width: 30%;
}

#eaContainer #SubmitForm_pageBlock .buttonsRight input.buttonSubmit {
    margin: 0;
}

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

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

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

#eaContainer #Offer_pageView,
#eaContainer #Offer_Accepted_pageView {
    padding: 30px;
    background: #f1f1f1;
}

    #eaContainer #Offer_pageView h1#EarcuHeadingTextBlockTitle {
        display: block;
    }

    #eaContainer #Offer_pageView a.offerAnchor {
        padding-left: 38px;
    }

body.Offer div.filescontainer {
    display: block;
    height: 58px;
}

body.Offer #eaContainer div.filescontainer a.filename {
    color: #0066cc;
    padding-right: 10px;
}

body.Offer div.filescontainer hr:last-child {
    display: none;
}

body.Offer #OfferDetails_pageBlock .offerDecisionContainer .buttonsRight ul li {
    margin-left: 20px;
}

body.Offer #onboardingTopContainer,
body.OfferAccept #onboardingTopContainer,
body.OfferSign #onboardingTopContainer,
body.Offer_Signed #onboardingTopContainer {
    display: none;
}

body.OfferSign #signaturesign_pageBlock .buttons .buttonsRight ul li,
body.OfferSign #signatureoptions_pageBlock .buttons .buttonsRight ul li,
body.OfferSign #signatureentertext_pageBlock .buttons .buttonsRight ul li,
body.OfferSign #signaturesign_pageBlock .buttons .buttonsLeft ul li,
body.OfferSign #signatureoptions_pageBlock .buttons .buttonsLeft ul li,
body.OfferSign #signatureentertext_pageBlock .buttons .buttonsLeft ul li {
    margin: 5px 0;
    float: left;
    clear: left;
}

/*TALENT POOL STUFF*/

h1#EarcuIntroTextBlockTitle {
    display: block;
}

#talentpoolgrid_pageBlockContainer .pageBlockHeader {
    display: none;
}

#talentpoolgrid_pageBlock .rowContainer {
    min-height: 100px;
}

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


    #talentpoolgrid_pageBlockContainer #talentpoolgrid_pageBlock .gridContent .ListGridContainer {
        margin: 0;
        display: flex;
        flex-wrap: wrap;
        --cols: 3;
        --gap: .75rem;
        gap: var(--gap);
        --item-width: calc((100% / var(--cols, 1)) - (((var(--cols, 1) - 1) * var(--gap)) / var(--cols, 1)));
    }

        #talentpoolgrid_pageBlockContainer #talentpoolgrid_pageBlock .gridContent .ListGridContainer .rowContainerHolder {
            width: var(--item-width);
            /*height: 300px;*/
            position: relative;
            margin: 0;
            overflow: hidden;
            background-size: cover;
            background-repeat: no-repeat;
            background-position: var(--background-position-x, 0) var(--background-position-y, 0);
        }

            #talentpoolgrid_pageBlockContainer #talentpoolgrid_pageBlock .gridContent .ListGridContainer .rowContainerHolder.rowContainerHolder_36_rowId { /* Trade & Construction */
                background-image: url("../images/headers/categories/category-banner-2073.jpg");
            }

            #talentpoolgrid_pageBlockContainer #talentpoolgrid_pageBlock .gridContent .ListGridContainer .rowContainerHolder.rowContainerHolder_37_rowId { /* IT & Telecoms */
                background-image: url("../images/headers/categories/category-banner-2069.jpg");
            }

            #talentpoolgrid_pageBlockContainer #talentpoolgrid_pageBlock .gridContent .ListGridContainer .rowContainerHolder.rowContainerHolder_38_rowId { /* Finance */
                background-image: url("../images/headers/categories/category-banner-2062.jpg");
            }

            #talentpoolgrid_pageBlockContainer #talentpoolgrid_pageBlock .gridContent .ListGridContainer .rowContainerHolder.rowContainerHolder_39_rowId { /* Human Resources */
                background-image: url("../images/headers/categories/category-banner-2076.jpg");
            }

            #talentpoolgrid_pageBlockContainer #talentpoolgrid_pageBlock .gridContent .ListGridContainer .rowContainerHolder.rowContainerHolder_40_rowId { /* Marketing */
                background-image: url("../images/headers/categories/category-banner-2078.jpg");
            }

            #talentpoolgrid_pageBlockContainer #talentpoolgrid_pageBlock .gridContent .ListGridContainer .rowContainerHolder.rowContainerHolder_41_rowId { /* Sales, Admin & Customer Service */
                background-image: url("../images/headers/categories/category-banner-2074.jpg");
            }

            #talentpoolgrid_pageBlockContainer #talentpoolgrid_pageBlock .gridContent .ListGridContainer .rowContainerHolder.rowContainerHolder_42_rowId { /* Leisure */
                background-image: url("../images/headers/categories/category-banner-2070.jpg");
            }

            #talentpoolgrid_pageBlockContainer #talentpoolgrid_pageBlock .gridContent .ListGridContainer .rowContainerHolder.rowContainerHolder_43_rowId { /* Care & Support */
                background-image: url("../images/headers/categories/category-banner-2065.jpg");
            }

            #talentpoolgrid_pageBlockContainer #talentpoolgrid_pageBlock .gridContent .ListGridContainer .rowContainerHolder.rowContainerHolder_44_rowId { /* General */
                background-image: url("../images/headers/categories/category-banner-4191.jpg");
            }

            #talentpoolgrid_pageBlockContainer #talentpoolgrid_pageBlock .gridContent .ListGridContainer .rowContainerHolder.rowContainerHolder_56_rowId { /* Apprenticeships */
                background-image: url("../images/custom/apprenticeshipsTP.jpg");
                background-position: 50% 50%;
            }

            #talentpoolgrid_pageBlockContainer #talentpoolgrid_pageBlock .gridContent .ListGridContainer .rowContainerHolder.rowContainerHolder_36_rowId { /* Trade & Construction */
                --background-position-x: -74px;
            }

            #talentpoolgrid_pageBlockContainer #talentpoolgrid_pageBlock .gridContent .ListGridContainer .rowContainerHolder.rowContainerHolder_37_rowId { /* IT & Telecoms */
                --background-position-x: -30px;
            }

            #talentpoolgrid_pageBlockContainer #talentpoolgrid_pageBlock .gridContent .ListGridContainer .rowContainerHolder.rowContainerHolder_38_rowId { /* Finance */
                --background-position-x: -168px;
            }

            #talentpoolgrid_pageBlockContainer #talentpoolgrid_pageBlock .gridContent .ListGridContainer .rowContainerHolder.rowContainerHolder_39_rowId { /* Human Resources */
                --background-position-x: -48px;
            }

            #talentpoolgrid_pageBlockContainer #talentpoolgrid_pageBlock .gridContent .ListGridContainer .rowContainerHolder.rowContainerHolder_40_rowId { /* Marketing */
                --background-position-x: -145px;
            }

            #talentpoolgrid_pageBlockContainer #talentpoolgrid_pageBlock .gridContent .ListGridContainer .rowContainerHolder.rowContainerHolder_41_rowId { /* Sales, Admin & Customer Service */
                --background-position-x: -150px;
            }

            #talentpoolgrid_pageBlockContainer #talentpoolgrid_pageBlock .gridContent .ListGridContainer .rowContainerHolder.rowContainerHolder_42_rowId { /* Leisure */
                --background-position-x: -141px;
            }

            #talentpoolgrid_pageBlockContainer #talentpoolgrid_pageBlock .gridContent .ListGridContainer .rowContainerHolder.rowContainerHolder_43_rowId { /* Care & Support */
                --background-position-x: -46px;
            }

            #talentpoolgrid_pageBlockContainer #talentpoolgrid_pageBlock .gridContent .ListGridContainer .rowContainerHolder.rowContainerHolder_44_rowId { /* General */
                --background-position-x: -168px;
            }

            #talentpoolgrid_pageBlockContainer #talentpoolgrid_pageBlock .gridContent .ListGridContainer .rowContainerHolder.rowContainerHolder_73_rowId {
                display: none;
            }

@media all and (min-width: 768px) {
    #talentpoolgrid_pageBlockContainer #talentpoolgrid_pageBlock .gridContent .ListGridContainer .rowContainerHolder.rowContainerHolder_36_rowId { /* Trade & Construction */
        --background-position-x: -371px;
    }

    #talentpoolgrid_pageBlockContainer #talentpoolgrid_pageBlock .gridContent .ListGridContainer .rowContainerHolder.rowContainerHolder_37_rowId { /* IT & Telecoms */
        --background-position-x: -390px;
    }

    #talentpoolgrid_pageBlockContainer #talentpoolgrid_pageBlock .gridContent .ListGridContainer .rowContainerHolder.rowContainerHolder_38_rowId { /* Finance */
        --background-position-x: -508px;
    }

    #talentpoolgrid_pageBlockContainer #talentpoolgrid_pageBlock .gridContent .ListGridContainer .rowContainerHolder.rowContainerHolder_39_rowId { /* Human Resources */
        --background-position-x: -468px;
    }

    #talentpoolgrid_pageBlockContainer #talentpoolgrid_pageBlock .gridContent .ListGridContainer .rowContainerHolder.rowContainerHolder_40_rowId { /* Marketing */
        --background-position-x: -355px;
    }

    #talentpoolgrid_pageBlockContainer #talentpoolgrid_pageBlock .gridContent .ListGridContainer .rowContainerHolder.rowContainerHolder_41_rowId { /* Sales, Admin & Customer Service */
        --background-position-x: -466px;
    }

    #talentpoolgrid_pageBlockContainer #talentpoolgrid_pageBlock .gridContent .ListGridContainer .rowContainerHolder.rowContainerHolder_42_rowId { /* Leisure */
        --background-position-x: -341px;
    }

    #talentpoolgrid_pageBlockContainer #talentpoolgrid_pageBlock .gridContent .ListGridContainer .rowContainerHolder.rowContainerHolder_43_rowId { /* Care & Support */
        --background-position-x: -116px;
    }

    #talentpoolgrid_pageBlockContainer #talentpoolgrid_pageBlock .gridContent .ListGridContainer .rowContainerHolder.rowContainerHolder_44_rowId { /* General */
        --background-position-x: -358px;
    }
}

@media all and (min-width: 992px) {
    #talentpoolgrid_pageBlockContainer #talentpoolgrid_pageBlock .gridContent .ListGridContainer .rowContainerHolder.rowContainerHolder_36_rowId { /* Trade & Construction */
        --background-position-x: -511px;
    }

    #talentpoolgrid_pageBlockContainer #talentpoolgrid_pageBlock .gridContent .ListGridContainer .rowContainerHolder.rowContainerHolder_37_rowId { /* IT & Telecoms */
        --background-position-x: -510px;
    }

    #talentpoolgrid_pageBlockContainer #talentpoolgrid_pageBlock .gridContent .ListGridContainer .rowContainerHolder.rowContainerHolder_38_rowId { /* Finance */
        --background-position-x: -778px;
    }

    #talentpoolgrid_pageBlockContainer #talentpoolgrid_pageBlock .gridContent .ListGridContainer .rowContainerHolder.rowContainerHolder_39_rowId { /* Human Resources */
        --background-position-x: -608px;
    }

    #talentpoolgrid_pageBlockContainer #talentpoolgrid_pageBlock .gridContent .ListGridContainer .rowContainerHolder.rowContainerHolder_40_rowId { /* Marketing */
        --background-position-x: -465px;
    }

    #talentpoolgrid_pageBlockContainer #talentpoolgrid_pageBlock .gridContent .ListGridContainer .rowContainerHolder.rowContainerHolder_41_rowId { /* Sales, Admin & Customer Service */
        --background-position-x: -612px;
    }

    #talentpoolgrid_pageBlockContainer #talentpoolgrid_pageBlock .gridContent .ListGridContainer .rowContainerHolder.rowContainerHolder_42_rowId { /* Leisure */
        --background-position-x: -451px;
    }

    #talentpoolgrid_pageBlockContainer #talentpoolgrid_pageBlock .gridContent .ListGridContainer .rowContainerHolder.rowContainerHolder_43_rowId { /* Care & Support */
        --background-position-x: -166px;
    }

    #talentpoolgrid_pageBlockContainer #talentpoolgrid_pageBlock .gridContent .ListGridContainer .rowContainerHolder.rowContainerHolder_44_rowId { /* General */
        --background-position-x: -458px;
    }
}

@media all and (min-width: 1200px) {
    #talentpoolgrid_pageBlockContainer #talentpoolgrid_pageBlock .gridContent .ListGridContainer .rowContainerHolder.rowContainerHolder_36_rowId { /* Trade & Construction */
        --background-position-x: -511px;
    }

    #talentpoolgrid_pageBlockContainer #talentpoolgrid_pageBlock .gridContent .ListGridContainer .rowContainerHolder.rowContainerHolder_37_rowId { /* IT & Telecoms */
        --background-position-x: -410px;
    }

    #talentpoolgrid_pageBlockContainer #talentpoolgrid_pageBlock .gridContent .ListGridContainer .rowContainerHolder.rowContainerHolder_38_rowId { /* Finance */
        --background-position-x: -648px;
    }

    #talentpoolgrid_pageBlockContainer #talentpoolgrid_pageBlock .gridContent .ListGridContainer .rowContainerHolder.rowContainerHolder_39_rowId { /* Human Resources */
        --background-position-x: -488px;
    }

    #talentpoolgrid_pageBlockContainer #talentpoolgrid_pageBlock .gridContent .ListGridContainer .rowContainerHolder.rowContainerHolder_40_rowId { /* Marketing */
        --background-position-x: -345px;
    }

    #talentpoolgrid_pageBlockContainer #talentpoolgrid_pageBlock .gridContent .ListGridContainer .rowContainerHolder.rowContainerHolder_41_rowId { /* Sales, Admin & Customer Service */
        --background-position-x: -492px;
    }

    #talentpoolgrid_pageBlockContainer #talentpoolgrid_pageBlock .gridContent .ListGridContainer .rowContainerHolder.rowContainerHolder_42_rowId { /* Leisure */
        --background-position-x: -361px;
    }

    #talentpoolgrid_pageBlockContainer #talentpoolgrid_pageBlock .gridContent .ListGridContainer .rowContainerHolder.rowContainerHolder_43_rowId { /* Care & Support */
        --background-position-x: -76px;
    }

    #talentpoolgrid_pageBlockContainer #talentpoolgrid_pageBlock .gridContent .ListGridContainer .rowContainerHolder.rowContainerHolder_44_rowId { /* General */
        --background-position-x: -358px;
    }
}

#talentpoolgrid_pageBlockContainer #talentpoolgrid_pageBlock .gridContent .ListGridContainer .rowContainerHolder:before {
    /*background: #6F58A2;
                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: 100%;
    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: 0;
        /*margin-top: 15px;*/
        padding: 0;
    }

        #talentpoolgrid_pageBlockContainer #talentpoolgrid_pageBlock .gridContent .ListGridContainer .rowContainerHolder .rowContainer .rowHeader a {
            text-decoration: none;
            transition: all .2s ease;
            padding: 15px;
            width: 100%;
            overflow: auto;
            font-size: 20px;
            aspect-ratio: 1 / 1;
            display: flex;
            flex-wrap: wrap;
            justify-content: center;
            align-items: center;
            align-content: space-evenly;
            position: relative;
            z-index: 1;
        }

            #talentpoolgrid_pageBlockContainer #talentpoolgrid_pageBlock .gridContent .ListGridContainer .rowContainerHolder .rowContainer .rowHeader a:before {
                content: "";
                position: absolute;
                top: 0;
                left: 0;
                right: 0;
                bottom: 0;
                background: linear-gradient(228.78deg,rgba(94,46,186,.8) 35.19%,rgba(22,154,241,.8) 97.85%);
                transition: opacity .2s;
                opacity: 1;
                z-index: -1;
            }

            #talentpoolgrid_pageBlockContainer #talentpoolgrid_pageBlock .gridContent .ListGridContainer .rowContainerHolder .rowContainer .rowHeader a:hover:before {
                background: linear-gradient(228.78deg,rgba(110,62,202,.8) 35.19%,rgba(38,170,257,.8) 97.85%);
                opacity: .5;
            }

            #talentpoolgrid_pageBlockContainer #talentpoolgrid_pageBlock .gridContent .ListGridContainer .rowContainerHolder .rowContainer .rowHeader a:after {
                content: "Register your interest";
                width: 100%;
                position: absolute;
                bottom: 20px;
                left: 50%;
                transform: translateX(-50%);
                /*clear: left;
                            float: left;*/
                /*text-align: center;
                            font-weight: normal;
                            font-size: 16px;
                            position: absolute;
                            top: 50%;
                            transform: translateY(60px);*/
            }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@media all and (max-width:1199px) {
    #talentpoolgrid_pageBlockContainer #talentpoolgrid_pageBlock .gridContent .ListGridContainer {
        --cols: 2;
    }

        #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 {
        --cols: 1;
    }

        #talentpoolgrid_pageBlockContainer #talentpoolgrid_pageBlock .gridContent .ListGridContainer .rowContainerHolder {
            /*width: 100%;*/
            aspect-ratio: 2 / 1;
        }

            #talentpoolgrid_pageBlockContainer #talentpoolgrid_pageBlock .gridContent .ListGridContainer .rowContainerHolder .rowContainer .rowHeader a {
                aspect-ratio: 2 / 1;
            }

    #alerts-box {
        background: none;
    }

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

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

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

@media only screen and (width: 1280px) {
    input.buttonSubmit.buttonRight.buttonActionId_register {
        -webkit-transition: background-color .5s;
        transition: background-color .5s;
        border: none;
        border-radius: 50000px 0 0 50000px;
        position: relative;
        background-color: #6f58a2;
        color: #fff;
        padding: 9px 15px;
        margin-right: 40px;
        font-size: 1rem;
        width: 100%;
        text-decoration: none;
    }

    div#newregister_buttons_formRow:after {
        transition: border-color .5s;
        content: "";
        width: 10px;
        height: 0px;
        border-style: solid;
        border-width: 17px 0 20px 20px;
        border-color: transparent transparent transparent #6f58a2;
        position: absolute;
        right: 44px;
        z-index: 2;
    }
}

@media only screen and (max-width: 1440px) {
    #home-img .home_heading {
        margin: -330px 0 0 330px;
    }

    #home-img .home-img-banner {
        margin-top: 0;
    }
}

@media only screen and (max-width: 1366px) {
    #home-img .home_heading {
        margin: -310px 0 0 330px;
    }
}
/*---------------------------------------
   6.1 Laptop             
-----------------------------------------*/
@media only screen and (max-width: 1280px) {
    .hero__content h1 {
        position: relative;
        font-size: 36px;
        color: #F2F2F2;
        width: 700px;
        max-width: 100%;
        margin: -200px auto 0;
        line-height: 50px;
    }

    .whoweare, .whatwedo, .ourpeople, .trainees {
        height: 400px;
    }

    #home-img .home_heading {
        margin: -300px 0 0 330px;
    }

    #home-img .home-img-banner {
        margin-top: 0;
        min-height: 400px;
    }
}

@media only screen and (max-width: 1224px) {

    /* Summary box */

    .Pos_Description_Review #eaContainer div.pageBlockContainer.pageBlockContainer_FormBlock,
    .Pos_Description_Review #eaContainer div.pageBlockContainer.pageBlockContainer_GridBlock,
    #eaContainer .Application_earcuBody div.pageBlockContainer.pageBlockContainer_FormBlock,
    #eaContainer .Application_earcuBody div.pageBlockContainer.pageBlockContainer_GridBlock,
    .MyEmailsByApplication #eaContainer div.pageBlockContainer.pageBlockContainer_GridBlock,
    .Email_Detail #eaContainer #posSummaryBlock_pageBlockContainer {
        float: none;
        width: 100%;
        margin-right: 0;
    }


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

    /* Search */
    #FindJobHeroBlock,
    #FindJobContainer {
        display: block;
        position: relative;
        top: 0;
        left: 0;
        padding: 0;
        padding-bottom: 10px;
        border-radius: 0;
    }

    body #FindJobHeroBlock .formRowTextInputRow {
        display: block;
        width: 100%;
    }

    body #FindJobHeroBlock input {
        margin-left: 0 !important;
    }

    #latestresults #quicksearch_SaveButtonRow_formRow:after {
        right: 247px;
    }
}

@media only screen and (max-width: 1200px) {
    #posBrowser_ResultsGrid_pageBlockContainer {
        width: 64%;
    }

    #posBrowser_Filter_pageBlockContainer {
        width: 35%;
        float: left;
    }

    .mapContainer .ButtonHolder .miniMapButton {
        margin: 0;
    }

    #eaContainer #posBrowser_Filter_pageBlock .FilterContainer .ValueList li {
        width: 300px;
    }

    .margin-top {
        margin-top: 120px;
    }

    #eaContainer #Pos_Description_pageView #posdesc_pageBlock a.right {
        padding: 7px 0;
    }

    #posdesc_pageBlock .posAlerts .buttonsContainer .buttonsRight:after {
        display: none;
    }

    #home-img .carousel__home-content-holder {
        position: relative;
        max-width: 100%;
    }

        #home-img .carousel__home-content-holder .slick-track {
            max-width: 100% !important;
            width: 100% !important;
        }

            #home-img .carousel__home-content-holder .slick-track .slick-slide {
                width: 100%;
            }

                #home-img .carousel__home-content-holder .slick-track .slick-slide p {
                    max-width: 100%;
                }

    #home-img .home-img-banner {
        min-height: 100%;
    }

    #home-img #desc .carousel__home-content-holder {
        position: relative;
        right: initial;
        top: initial;
        width: 100%;
    }

        #home-img #desc .carousel__home-content-holder #FindJobHeroBlock,
        #home-img #desc .carousel__home-content-holder #FindJobContainer {
            width: 100%;
        }

            #home-img #desc .carousel__home-content-holder #FindJobContainer #quicksearch_SaveButtonRow_formRow:after {
                /*right: initial;*/
                left: 120px;
            }

    #posdesc_pageBlock .posAlerts .buttonsContainer .buttonsRight a.right:after {
        margin-left: 15px;
    }

    #eaContainer #Pos_Description_pageView #posdesc_pageBlock .ApplyNowContainer.ApplyViaFormContainer a.buttonAnchor {
        padding: 21px 0 21px 0;
    }

        #eaContainer #Pos_Description_pageView #posdesc_pageBlock .ApplyNowContainer.ApplyViaFormContainer a.buttonAnchor.right {
            width: 212px;
            min-width: 212px;
        }

    #posdesc_pageBlock .ApplyNowContainer.ApplyViaFormContainer a.right:after {
        border-width: 28px 0 28px 30px;
        margin-left: 17px;
        margin-top: -10px;
    }

    #eaContainer #Pos_Description_pageView #posdesc_pageBlock .ApplyNowContainer.ApplyViaFormContainer a.right:after {
        margin-left: 18px;
    }
}

@media only screen and (max-width: 1199px) {
    #latestresults #quicksearch_SaveButtonRow_formRow:after {
        right: 181px;
        top: 121px;
    }

    #latestresults #FindJobHeroBlock .formRowTextInputRow {
        max-width: 302px;
    }
}

@media only screen and (max-width: 1100px) {
    #eaContainer #Pos_Description_pageView #posdesc_pageBlock .ApplyNowContainer.ApplyViaFormContainer a.buttonAnchor.right {
        margin: 50px 20px;
    }
}

@media only screen and (max-width: 992px) {

    #posBrowser_ResultsGrid_pageBlockContainer {
        width: 100%;
    }

    #posBrowser_Filter_pageBlockContainer {
        width: 100%;
        float: left;
    }

    #eaContainer #posBrowser_Filter_pageBlock .FilterContainer .ValueList li {
        width: 230px;
    }

    .header p.fh5co-social-icons {
        text-align: right;
        padding: 1rem 0rem 0 0;
    }

    #home-img .home_heading {
        margin: -300px 0 0 220px;
    }

    .margin-top {
        margin-top: 140px;
    }

    .card.card__2-col {
        padding: 20px;
    }
    /* 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%;
    }

    #slider-latest-jobs .box {
        max-width: 30%;
    }

    .content-box {
        padding-bottom: 20px;
    }

    #eaContainer .PosMyAppSummaryLinks {
        display: block;
    }

    .PosMyAppSummaryLink.myapplink, .PosMyAppSummaryLink.reviewposlink, .PosMyAppSummaryLink.withdrawapp {
        margin: 1em 0;
    }

    #latestresults #FindJobHeroBlock .formRowTextInputRow {
        width: 90%;
        display: inline-block;
        float: none;
        max-width: 230px;
    }

    #latestresults #quicksearch_SaveButtonRow_formRow:after {
        right: 105px;
        top: 118px;
    }

    h1, .heading-section h1, div#home-img h1, body.Home div#home-img h1, .JobTitle h1 {
        font-size: 46px;
    }

    h2 {
        font-size: 36px;
    }

    h3, #home-img h3 {
        font-size: 30px;
    }

    h4 {
        font-size: 25px;
    }


    .menuItem {
        display: inline-block;
        width: 50% !important;
        margin: 10px 0px;
    }

    #Application_Home_pageView #sectionslist_pageBlock .ulListItem,
    #Application_Home_pageView #sectionslist_pageBlock .ulListItem li.Section_SubmitAndDeclarations,
    #eaContainer .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulListItem,
    body #eaContainer .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock li.Section_OfferSubmit {
        width: 100%;
        float: none;
        margin: 10px 0;
    }

    #eaContainer #Application_Home_pageView #sectionslist_pageBlock .ulList li.ulListItem div.ulListItemLabel,
    #eaContainer .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulList li.ulListItem div.ulListItemLabel {
        padding-top: 300px;
    }

    body.MyWelcomePacks_OfferForm_Summary #eaContainer .pageBlockInner .buttonsLeft,
    body.MyWelcomePacks_OfferForm_Summary #eaContainer .pageBlockInner .buttonsRight {
        float: none;
        width: auto;
        display: flex;
    }

    body.MyWelcomePacks_OfferForm_Summary a.buttonAnchor.buttonLeft.buttonActionId_back:after {
        -webkit-transition: background-color .5s;
        transition: border-color .5s;
        content: "";
        width: 10px;
        height: 0px;
        border-style: solid;
        border-width: 21px 0px 20px 21px;
        border-color: transparent transparent transparent #6f58a2;
        position: absolute;
        z-index: 2;
        margin-top: -7px;
        margin-left: 17px;
    }
}

@media only screen and (max-width: 991px) {
    #slider-latest-jobs .box {
        max-width: 100%;
        min-height: auto;
    }

    #eaContainer .pageBlockInner_GridBlock .gridTop, .gridTop {
        margin-top: 20px;
        margin-left: 0;
    }
}
/*---------------------------------------
   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;
    }

    /* Set button widths to 100% */
    #eaContainer a.button,
    html body .buttonsRight, /*KMA REMOVE*/
    #eaContainer #Pos_Description_pageView #posdesc_pageBlock a.right,
    #eaContainer .fileuploadbutton,
    #eaContainer .buttonsLeft button.buttonAnchor,
    #eaContainer .buttonsRight button.buttonAnchor,
    #eaContainer .buttonsLeft input.buttonSubmit,
    #eaContainer .buttonsRight input.buttonSubmit,
    #eaContainer .buttonsLeft a.buttonAnchor,
    #eaContainer .buttonsRight a.buttonAnchor,
    #Grid_PERSONALDETAILS_pageBlock .rowlink a {
        width: 100%;
        float: none;
        /*margin: 1em 0em 1em 0em !important;*/
    }

    #eaContainer #MyDetails_pageView #MyDetailsStauts_pageBlock .eArcuLeft,
    #eaContainer #MyDetails_pageView #MyDetailsStauts_pageBlock .eArcuRight,
    .pageBlockContent_FormBlock .pageBlockInner_FormBlock div.controlContainer,
    #eaContainer .pageBlockInner .buttonsLeft, /*KMA REMOVE*/
    #eaContainer .pageBlockInner .buttonsRight, /*KMA REMOVE*/
    #eaContainer .pageBlockInner .buttonsLeft li,
    #eaContainer .pageBlockInner .buttonsRight li {
        float: none;
    }

    body.OfferSign #signatureselecttext_pageBlock .buttons .buttonsRight,
    body.OfferSign #signaturesetselectedimage_pageBlock .buttons .buttonsRight ul li,
    body.Offer #OfferDetails_pageBlock .offerDecisionContainer .buttonsRight ul li,
    body.OfferSign #signaturesign_pageBlock .buttons .buttonsRight ul li,
    body.OfferSign #signatureoptions_pageBlock .buttons .buttonsRight ul li,
    body.OfferAccept #AcceptForm_pageBlock .buttonsRight ul li,
    body.OfferSign #signaturesetselectedimage_pageBlock .buttons .buttonsLeft ul li,
    body.OfferSign #signatureselecttext_pageBlock .buttons .buttonsLeft,
    body.OfferAccept #AcceptForm_pageBlock .buttonsLeft ul li,
    body.Offer #BackBlock_pageBlock .buttonsLeft ul li,
    body.OfferSign #signaturesign_pageBlock .buttons .buttonsLeft ul li,
    body.OfferSign #signatureoptions_pageBlock .buttons .buttonsLeft ul li {
        margin: 5px 0;
        float: left;
        clear: left;
    }

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

    /* Align search labels left */
    body .pageBlockInner_FormBlock div.labelContainer,
    #eaContainer .pageBlockInner_FormBlock div.labelContainer,
    #eaContainer #SearchForm_pageBlock .pageBlockInner_FormBlock div.labelContainer {
        text-align: left;
    }

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

    /* No vacancies */
    #eaContainer #Home_pageView #noPositions_pageBlockContainer .leftContainer,
    #eaContainer #Home_pageView #noPositions_pageBlockContainer .rightContainer {
        width: 100%;
        float: none;
    }

    #eaContainer #Home_pageView #noPositions_pageBlockContainer .content_login {
        margin-left: 0;
    }

    #eaContainer #Home_pageView #noPositions_pageBlockContainer .content_register {
        margin-right: 0;
    }

    html body .tooltip2_Outer,
    html body .posListHover {
        display: none;
    }

    #eaContainer #why-good-stuff, #eaContainer #latest-jobs {
        margin-top: 2em;
        margin-bottom: 2em;
    }

    /* Category & AP section blocks */
    #eaContainer #MyDetails_ConnectedServices_pageView #ConnectedServicesForm_pageBlock .serviceContainer,
    #eaContainer #Home_pageView #CodeListCounts_pageBlock .listItemContainer {
        width: 45%;
        height: auto;
    }

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

    .cat-container,
    .count-block .no-of {
        display: inline-block;
        width: 49.5%;
    }

    .count-block .no-of {
        display: block;
        width: 100%;
    }

    #posdesc_pageBlock .posAlerts .buttonsContainer .buttonsRight a.right:after {
        margin-left: 26px;
    }

    /* Search results */
    #eaContainer #posBrowser_Filter_pageBlock .FilterContainer .ValueList li {
        display: block;
        margin: 0;
        padding-left: 0;
        width: 50%;
    }

    li.possibleDistancesLabel {
        display: none;
    }

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

    #eaContainer .category-blocks .category-block,
    #eaContainer #posBrowser_ResultsGrid_pageBlock .rowContainer {
        margin-left: 1% !important;
        width: 100%;
    }

    #eaContainer .category-blocks .category-block {
        min-height: 210px;
    }

    #eaContainer div.pageBlockContainer {
        margin: 0;
        overflow: initial;
    }
    /* Alerts */
    #eaContainer .pageBlockInner_FormBlock div.SelectAutoRow .inputContainer, #eaContainer .pageBlockInner_FormBlock div.SelectMultiRow .selectmultiplerow {
        overflow: visible;
    }

    #MyJobFeedForm_MultiCodeList4_formRow .labelContainer {
        display: none;
    }

    #eaContainer .pageBlockInner_FormBlock .inputContainer .inputText,
    #eaContainer .pageBlockInner_FormBlock div.SelectMultiRow .selectmultiplerow .divajaxcontainter {
        float: none !important;
    }

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

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

    /* Questions and answers */
    #eaContainer .questionsAnswerBlock div.appSummaryGridHeader {
        width: 100%;
    }

    #eaContainer .questionsAnswerBlock div.appSummaryQuestionGridRow div.appSummaryGridValue {
        margin-left: 0;
        width: 100%;
    }

    /* File upload */
    #eaContainer .pageBlockInner_FormBlock div.formRowFileUploadRow button {
        background-position: 5% center;
        background-repeat: no-repeat;
    }

    /* Interview map */
    #eaContainer .interviewdetailform .pageBlockInner_FormBlock .mapRow .mapContainer_Small {
        margin-left: 0;
    }

    /* Search Results */
    #posBrowser_ResultsGrid_pageBlockContainer,
    #posBrowser_Filter_pageBlockContainer {
        width: 100%;
        display: block;
    }

    #FindJobBlock #quicksearch_filter_text_formRow,
    #FindJobBlock #quicksearch_filter_locationradius_formRow {
        width: 100%;
        display: block;
    }

    #FindJobBlock #quicksearch_form {
        width: 50%;
        margin-left: 25%;
        padding-left: 0;
    }
    /* Job Description */

    #eaContainer div.posDescriptionContainer317 .LeftJobBox,
    #eaContainer div.posDescriptionContainer317 .RightJobBox,
    .RightBackBox {
        width: 100%;
        display: block;
    }

    .RightBackBox,
    #eaContainer div.posDescriptionContainer317 .RightJobBox {
        margin-left: 0;
        margin-top: 1em;
    }

    /* Main Banner */
    #login-register-block {
        background: #9b9c9e;
        display: block;
        width: 100%;
        bottom: 0;
        margin-left: 0;
        position: relative;
        min-height: 75px;
    }

        #login-register-block .buttonAnchor {
            margin-bottom: 16px;
            width: auto;
        }

    .block-right {
        float: right;
    }

    #WelcomeInfoBlock_MyDetails_formRow:after {
        background-size: 20%;
        background-position: 50% 50%;
    }

    #WelcomeInfoBlock_Applications_formRow:after {
        background-size: 20%;
        background-position: 50% 50%;
    }

    #WelcomeInfoBlock_Emails_formRow:after {
        background-size: 20%;
        background-position: 50% 50%;
    }

    #WelcomeInfoBlock_Feeds_formRow:after {
        background-size: 20%;
        background-position: 50% 50%;
    }

    #Login_pageView .buttonsRight {
        width: 100%;
    }

    div.posDescriptionContainer317 .LeftJobBox {
        padding: 20px;
        margin-bottom: 0;
    }

    .RightJobBox .ApplyNowContainer.ApplyViaFormContainer a.buttonAnchor {
        display: none;
    }

    #posdesc_pageBlock .posAlerts .buttonsContainer .buttonsRight:after {
        display: none;
    }

    #posdesc_pageBlock .earcu_posdescriptionContainer strong {
        font-family: Sailec-bold,sans-serif;
        font-weight: normal;
        font-size: 17px;
    }

    #eaContainer #Pos_Description_pageView #posdesc_pageBlock .ApplyNowContainer.ApplyViaFormContainer a.left:after {
        left: 297px;
    }

    a.buttonActionId_back {
        margin-top: 3px;
        margin-left: 2px;
    }

    .buttonsLeft li,
    .buttonsRight li {
        margin-top: 10px;
    }

        .buttonsLeft li:nth-child(n+2),
        .buttonsRight li:nth-child(n+2) {
            margin-left: 0 !important;
        }

        .buttonsLeft li:after,
        .buttonsRight li:after {
            display: none;
        }

        .buttonsLeft li a,
        .buttonsLeft li input,
        .buttonsLeft li button,
        .buttonsRight li a,
        .buttonsRight li input,
        .buttonsRight li button,
        .buttonsRight button.buttonAnchor,
        .buttonsRight input.buttonSubmit,
        .buttonsRight a.buttonAnchor {
            border-radius: 0;
            margin-left: 0 !important;
            margin-right: 0 !important;
        }
}

@media screen and (max-width: 960px) {
    .grid figure {
        position: relative;
        float: none;
        display: -webkit-inline-box;
    }
}

@media screen and (max-width: 860px) {
    .hero__content h1 {
        position: relative;
        font-size: 30px;
        color: #F2F2F2;
        width: 700px;
        max-width: 100%;
        margin: -140px auto 0;
        line-height: 50px;
    }
}

@media screen and (max-width: 800px) {
}
/*---------------------------------------
   6.3 Phablet            
-----------------------------------------*/
@media screen and (max-width: 767px) {

    #QuickApplyForm_pageBlock .pageBlockInner_FormBlock .formRowSelectInputRow_Common select {
        width: 100%;
    }

    #eaContainer .JobTitle > h1 {
        padding-top: 10px;
        padding-bottom: 6px;
    }

    h4 {
        font-size: 26px;
    }

    #login a {
        padding: 11px 10px;
        border-radius: 0;
        display: inline-block;
        width: auto;
        text-align: center;
        margin: 0;
        /*margin-left: auto;*/
    }

        #login a:after {
            display: none;
        }

    header .navbar-brand {
        padding: 7px;
        /* padding: 0 15px 15px 0; */
        height: 100%;
        line-height: 60px;
    }

    #home-img .home_heading {
        margin: -750px auto 0;
    }

    #home-img .container {
        width: 100%;
    }

    .TopJobBox {
        display: block;
        width: 100%;
    }

    .jobValues {
        width: 100%;
    }

    .VacancyMap {
        width: 100%;
    }

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

    .img-brand {
        width: 50%;
        /* margin: auto; */
        padding: 20px;
    }

    #home-img .home-img-banner {
        min-height: 100%;
    }

    #home-img .carousel__home-content-holder, .carousel__home-content-holder {
        position: relative;
        max-width: 100%;
    }

    #home-img p {
        max-width: 100%;
    }

    body.textpage_working.geoLocationSupported_Body #home-img img, body.textpage_apply.geoLocationSupported_Body #home-img img, body.textpage_faq.geoLocationSupported_Body #home-img img {
        width: 100%;
        float: right;
    }

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

    #latestresults #quicksearch_SaveButtonRow_formRow:after {
        left: 150px;
        top: 282px;
    }

    #eaContainer #Pos_Description_pageView #posdesc_pageBlock .ApplyNowContainer.ApplyViaFormContainer a.buttonAnchor {
        min-width: 242px;
        padding: 21px 0 21px 0;
    }

    #eaContainer #Pos_Description_pageView #posdesc_pageBlock .ApplyNowContainer.ApplyViaFormContainer a.left:after {
        left: 215px;
    }
}

@media screen and (max-width: 730px) {
    #desc {
        margin-top: 20px;
    }
}

@media screen and (max-width: 700px) {
    #home-img .home_heading {
        margin: -650px auto 0;
    }
}

@media screen and (max-width: 640px) {
    #home-img .home_heading {
        margin: -600px auto 0;
    }
}

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

    /* Align labels left */
    #eaContainer .pageBlockInner_FormBlock div.labelContainer {
        text-align: left;
    }

    #eaContainer #posSummaryBlock_pageBlock div.greenbox dt {
        float: none;
    }

    /* Job search */
    #quicksearch_pageBlockContainer .buttonsRight li,
    #quicksearch_pageBlockContainer .buttonsRight input,
    #quicksearch_pageBlockContainer .buttonsRight {
        float: none;
        width: 98%;
    }

    #Home_pageView #CodeListCounts_pageBlockContainer .availableListsContainer li {
        width: 100%;
    }

    #Home_quicksearch_filter_locationradius, #Home_quicksearch_filter_text {
        font-size: 14px;
    }

    .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: 95%;
        height: auto;
    }

    .col-third,
    .cat-container {
        display: block;
        width: 100%;
    }

    #eaContainer .category-blocks .category-block {
        min-height: 0;
    }

    /* Search result blocks */
    #eaContainer .category-blocks .category-block,
    #eaContainer #posBrowser_ResultsGrid_pageBlock .rowContainer {
        margin-left: 1% !important;
        width: 98%;
    }

    /* Job alerts */
    body .pageBlockInner_GridBlock div.gridContentWithHeader {
        width: 350px !important;
    }

    body .ui-dialog {
        width: 380px !important;
    }

    /* Candidate portal */
    #eaContainer #posSummaryBlock_pageBlock div.greenbox dt {
        display: block;
        width: 100%;
    }

    #eaContainer #posSummaryBlock_pageBlock dd {
        margin-left: 0;
    }

    /* Search results */
    #eaContainer #posBrowser_Filter_pageBlock .FilterContainer .ValueList li {
        display: block;
        margin: 0;
        padding-left: 0;
        width: 100%;
    }

    /* Job Description */

    #eaContainer #posdesc_pageBlock ul.jobSum li {
        display: block;
    }

        #eaContainer #posdesc_pageBlock ul.jobSum li:after {
            content: none;
        }


    #eaContainer .OfferSectionsSummaryBlockContainer .ulListItem,
    #Application_Home_pageView #sectionslist_pageBlock .ulListItem {
        background-position: 97% 50%;
    }

    .TopJobBox {
        display: block;
        width: 100%;
    }

    .jobValues {
        width: 100%;
    }

    .VacancyMap {
        width: 100%;
    }

    .posdescriptionPropertyBox {
        margin: 0 !important;
    }

    #eaContainer div.posDescriptionContainer317 .RightJobBox {
        display: block !important;
    }

    .posAlerts {
        width: 100%;
    }

    .possharing {
        width: 100%;
    }

    #eaContainer .PosMyAppSummaryLinks {
        margin: 2em 0;
        display: block;
    }

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

    #home-img .home_heading {
        margin: -550px auto 0;
        width: 100%;
    }

    a#latestbtn {
        display: none;
    }

    #eaContainer .buttonsLeft a.buttonActionId_back {
        margin-top: 2px;
        margin-left: 2px;
    }

    #posSummaryBlockv2_pageBlock .MySummaryItemInner .MySummaryItemContent {
        width: 100%;
    }

    body .MyWelcomePacks_OfferForm_Summary #eaContainer .pageBlockInner .buttonsLeft a.buttonAnchor.buttonLeft.buttonActionId_back {
        margin: 1em 2px 1em 2px;
    }

    #eaContainer #MyWelcomePacks_OfferForm_Summary_pageView .ulList div.ulListItemLabel a {
        max-width: 90%;
    }
}

@media screen and (max-width: 566px) {
    /*#login a {
        -webkit-transition: background-color .5s;
        transition: background-color .5s;
        border: none;
        border-radius: 50000px 0 0 50000px;
        position: relative;
        background-color: #6f58a2;
        color: #fff;
        padding: 10px;
        margin-right: 25px !important;
        font-size: 14px;
    }*/
}

@media screen and (max-width: 560px) {
    .hero__content h1 {
        position: relative;
        font-size: 22px;
        color: #F2F2F2;
        width: 100%;
        margin: -100px auto 0;
        line-height: 30px;
    }

    .hero__content p {
        color: #F2F2F2;
        font-size: 12px;
        text-transform: uppercase;
        text-shadow: 1px 1px 1px #595b60;
    }

    #home-img .home_heading {
        margin: -600px auto 0;
        width: 100%;
    }
}

@media screen and (max-width: 520px) {
    .menuItem {
        width: 100% !important;
        margin: 10px 0px;
    }

    .menuItemInner {
        width: 100%;
    }
}


@media screen and (max-width: 500px) {
    #WelcomeInfoBlock_MyDetails_formRow:after,
    #WelcomeInfoBlock_Applications_formRow:after,
    #WelcomeInfoBlock_Emails_formRow:after,
    #WelcomeInfoBlock_Feeds_formRow:after {
        background-size: 40%;
        background-position: 50% 50%;
    }

    .home_heading p {
        margin: 0;
    }

    #home-img .home_heading {
        margin: -530px auto 0;
    }

    .header a.logo img {
        height: 50px;
        margin: 5px;
    }

    .pageBlockInner_GridBlock .TilesGridSortingContainer {
        float: left;
    }

    #login {
        margin-top: 18px;
    }
}

@media screen and (max-width: 470px) {
}

@media screen and (max-width: 414px) {
    .topnav {
        padding: 0;
    }
}
/*---------------------------------------
   6.4 Phone          
-----------------------------------------*/

@media screen and (max-width: 480px) {

    /* Job alerts */
    body .pageBlockInner_GridBlock div.gridContentWithHeader {
        width: 250px !important;
    }

    body .ui-dialog {
        width: 300px !important;
    }

    /* Search */
    #FindJobBlock #quicksearch_form {
        width: 100%;
        margin-left: 0;
        padding-left: 0;
    }

    div.alternateViews a.alternateViewsButton_Map:before {
        content: none;
    }

    #Grid_PERSONALDETAILS_pageBlock .rowlink a {
        display: block;
    }

    #home-img .home_heading {
        margin: -500px auto 0;
    }

    h1, .heading-section h1, div#home-img h1, body.Home div#home-img h1, .JobTitle h1 {
        font-size: 36px;
    }

    h2 {
        font-size: 32px;
    }

    h3, #home-img h3 {
        font-size: 28px;
    }

    h4 {
        font-size: 25px;
    }

    div#WelcomeInfoBlock_pageBlock .pageBlockInner_FormBlock .formRowIconRow .iconRowValues .iconRowValue {
        display: inline-block;
    }

    #latestresults #quicksearch_SaveButtonRow_formRow:after {
        top: 279px;
    }
}

@media screen and (max-width: 450px) {
    #eaContainer div.posDescriptionContainer317 .LeftJobBox {
        width: 94%;
        display: block;
    }
}

@media screen and (max-width: 414px) {
    #place-to-apply {
        padding: 25px;
        background: #F2F2F2;
    }

    #eaContainer h1 {
        font-size: 28px;
        word-wrap: break-word;
        padding: 20px;
    }

    .home_heading p {
        font-size: 18px;
        color: #6f58a2;
        margin: 0 20px;
    }

    #home-img .home-img-banner {
        margin-top: 0px;
    }

    #home-img .home_heading {
        margin: -520px auto 0;
        width: 100%;
    }

        #home-img .home_heading h1.home_title {
            font-size: 25px;
        }

    .home_heading p {
        font-size: 14px;
    }

    #posdesc_pageBlock ul.jobSum li {
        list-style: none;
        font-size: 20px;
        line-height: normal;
    }

    #eaContainer #Pos_Description_pageView #posdesc_pageBlock .ApplyNowContainer.ApplyViaFormContainer a.left:after {
    }
}

@media screen and (max-width: 384px) {
    #home-img .home_heading {
        margin: -480px auto 0;
        width: 100%;
    }

    .PosMyAppSummaryLink.myapplink a:before, .PosMyAppSummaryLink.reviewposlink a:before, .PosMyAppSummaryLink.withdrawapp a:before {
        display: none;
    }
}

@media screen and (max-width: 375px) {
    #home-img .home_heading {
        margin: -480px auto 0;
        width: 100%;
    }

        #home-img .home_heading h1.home_title {
            font-size: 25px;
            margin-top: 0;
        }
}

@media screen and (max-width: 368px) {
    #login a {
        padding: 12px;
        font-size: 12px;
    }
}

/*swal popup*/
.swal2-popup.ayvpopup {
    background-color: #6f58a2 !important;
}

.swal2-popup.swal2-toast .swal2-close {
    position: absolute !important;
}

.swal2-popup.swal2-toast .swal2-title {
    justify-content: center !important;
}

.swal2-popup.swal2-toast .swal2-header.ayvtitle h2 {
    font-size: 20px;
    color: white;
    padding: 0px;
    text-align: center;
}

.swal2-popup.swal2-toast .swal2-content.ayvcontent {
    font-size: 16px;
    font-weight: 400;
    color: white;
    padding: 20px 20px 20px 20px;
    text-align: left;
}

.swal2-popup.swal2-toast .swal2-styled.swal2-confirm.ayvbutton {
    background-color: #ffcc00 !important;
    font-size: 16px;
    margin-top: -26px;
    color: #6f58a2;
    border: 1px solid #6f58a2;
}

    .swal2-popup.swal2-toast .swal2-styled.swal2-confirm.ayvbutton:hover {
        background-color: #6f58a2 !important;
        color: #ffffff;
        border: 1px solid #ffffff;
    }

.TalentPool_Description #content-main {
    margin-top: 0
}

#talentpooldesc_pageBlock {
    margin-bottom: 46px;
}

.d-none {
    display: none;
}

body.swal2-toast-shown .swal2-container {
    max-width: 1140px;
    top: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
    margin: 0 auto;
}

#reciteme-button {
    /* Button Styling and Placement */
    background: #6f58a2;
    width: 70px;
    height: 70px;
    bottom: 14px;
    right: 14px;
    position: fixed;
    border-radius: 50%;
    z-index: 100;
    cursor: pointer;
    transition: all .2s ease;
}

    #reciteme-button:hover {
        /* Hover Color */
        background: #423460;
    }

    #reciteme-button img {
        /** Button Image Size */
        width: 50px;
        height: 50px;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

@media all and (max-width:768px) {
    .swal2-popup.swal2-toast .swal2-header.ayvtitle h2 {
        font-size: 25px;
        padding: 0px 22px 0px 22px;
    }

    .swal2-popup.swal2-toast .swal2-content.ayvcontent {
        font-size: 16px;
        padding: 10px 10px 20px 10px;
    }
}

@media all and (max-width:451px) {
    .swal2-popup.swal2-toast .swal2-header.ayvtitle h2 {
        font-size: 12px;
        padding: 0px;
    }

    .swal2-popup.swal2-toast .swal2-content.ayvcontent {
        font-size: 12px;
        padding: 0px 0px 10px 0px;
    }

    .swal2-popup.swal2-toast .swal2-styled.swal2-confirm.ayvbutton {
        font-size: 12px;
    }
}

@media all and (max-width: 767px) {
    .header .row {
        flex-direction: column;
    }

    #login {
        margin-left: initial;
        margin-bottom: 7px;
        justify-content: center;
    }

    .Pos_Description .bannerContainer {
        margin-bottom: 20px !important;
    }

    #reciteme-button {
        width: 50px;
        height: 50px;
    }

        #reciteme-button img {
            width: 35px;
            height: 35px;
        }
}

body #FindJobHeroBlock input.buttonSubmit,
#login a,
#eaContainer .buttonsLeft button.buttonAnchor,
#eaContainer .buttonsRight button.buttonAnchor,
#eaContainer .buttonsLeft input.buttonSubmit,
#eaContainer .buttonsRight input.buttonSubmit,
#eaContainer #Pos_Description_pageView #posdesc_pageBlock .ApplyNowContainer.ApplyViaFormContainer a.buttonAnchor.right,
#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 #Pos_Description_pageView #posdesc_pageBlock .ApplyNowContainer.ApplyViaFormContainer a.buttonAnchor {
    padding: 17px 22px;
    background: rgb(94, 46, 186);
    border-radius: 56px;
    line-height: 1;
}

    body #FindJobHeroBlock input.buttonSubmit:hover,
    #login a:hover,
    #eaContainer .buttonsLeft button.buttonAnchor:hover,
    #eaContainer .buttonsRight button.buttonAnchor:hover,
    #eaContainer .buttonsLeft input.buttonSubmit:hover,
    #eaContainer .buttonsRight input.buttonSubmit:hover,
    #eaContainer #Pos_Description_pageView #posdesc_pageBlock .ApplyNowContainer.ApplyViaFormContainer a.buttonAnchor.right:hover,
    #Grid_PERSONALDETAILS_pageBlock .rowlink a:hover,
    body button.buttonAnchor:hover,
    body input.buttonSubmit:hover,
    body a.buttonAnchor:hover,
    #eaContainer a.button:hover,
    #eaContainer .addressButton: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,
    .gridContainer .rowlink a:hover,
    #eaContainer #Pos_Description_pageView #posdesc_pageBlock .ApplyNowContainer.ApplyViaFormContainer a.buttonAnchor:hover {
        background: rgb(52, 9, 149);
        opacity: 1;
    }

    body #FindJobHeroBlock input.buttonSubmit:after,
    #login a:after,
    #eaContainer .buttonsLeft button.buttonAnchor:after,
    #eaContainer .buttonsRight button.buttonAnchor:after,
    #eaContainer .buttonsLeft input.buttonSubmit:after,
    #eaContainer .buttonsRight input.buttonSubmit:after,
    .buttonsLeft li:after,
    .buttonsRight li:after {
        display: none;
    }

.bannerContainer {
    position: relative;
    margin-bottom: 96px;
}

    .bannerContainer .bannerContent {
        width: 50%;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
    }

        .bannerContainer .bannerContent:before {
            position: absolute;
            left: 0;
            bottom: 0;
            top: 0;
            content: '';
            z-index: 1;
            background: linear-gradient(228.78deg,rgba(94,46,186,0.9) 35.19%,rgba(22,154,241,0.9) 97.85%);
            width: 100%;
        }

        .bannerContainer .bannerContent .container {
            padding: 0 64px;
            position: absolute;
            top: 50%;
            left: 0;
            width: 100%;
            transform: translateY(-50%);
            z-index: 2;
        }

            .bannerContainer .bannerContent .container h1 {
                font-size: clamp(2.25rem,1.66176rem + 1.96078vw,3.5rem);
                color: #fff;
                line-height: 1.25;
            }

            .bannerContainer .bannerContent .container .jobValues {
                color: #fff;
                font-size: 25px;
                line-height: 50px;
                font-family: Sailec-Bold;
                width: 100%;
            }

                .bannerContainer .bannerContent .container .jobValues ul {
                    list-style: none;
                    padding: 0;
                    margin-bottom: 0;
                }

                    .bannerContainer .bannerContent .container .jobValues ul li {
                        display: none;
                    }

                        .bannerContainer .bannerContent .container .jobValues ul li.SumItem_codelist5value,
                        .bannerContainer .bannerContent .container .jobValues ul li.SumItem_text17 {
                            display: block;
                        }

                        .bannerContainer .bannerContent .container .jobValues ul li .jobSumLabel {
                            display: inline;
                            margin-right: 5px;
                        }

                        .bannerContainer .bannerContent .container .jobValues ul li .jobSumValue {
                            display: inline;
                        }

    .bannerContainer img {
        margin-bottom: 0;
        min-height: 500px;
        object-fit: cover;
        object-position: 50% 50%;
    }

        .bannerContainer img.banner-1,
        .bannerContainer img.banner-2062 {
            object-position: 90% 50%;
        }

        .bannerContainer img.banner-2,
        .bannerContainer img.banner-2063 {
            object-position: 65% 50%;
        }

        .bannerContainer img.banner-3,
        .bannerContainer img.banner-2064 {
            object-position: 65% 50%;
        }

        .bannerContainer img.banner-4,
        .bannerContainer img.banner-2065 {
            object-position: 10% 50%;
        }

        .bannerContainer img.banner-5,
        .bannerContainer img.banner-2066 {
            object-position: 56% 50%;
        }

        .bannerContainer img.banner-6,
        .bannerContainer img.banner-2067 {
            object-position: 94% 50%;
        }

        .bannerContainer img.banner-7,
        .bannerContainer img.banner-2069 {
            object-position: 70% 50%;
        }

        .bannerContainer img.banner-8,
        .bannerContainer img.banner-2070 {
            object-position: 27% 50%;
        }

        .bannerContainer img.banner-9,
        .bannerContainer img.banner-2071 {
            object-position: 74% 50%;
        }

        .bannerContainer img.banner-2072 {
            object-position: 80% 50%;
        }

        .bannerContainer img.banner-2073 {
            object-position: 86% 50%;
        }

        .bannerContainer img.banner-2074 {
            object-position: 17% 50%;
        }

        .bannerContainer img.banner-2075 {
            object-position: 25% 50%;
        }

        .bannerContainer img.banner-2076 {
            object-position: 74% 50%;
        }

        .bannerContainer img.banner-2077 {
            object-position: 25% 50%;
        }

        .bannerContainer img.banner-2078 {
            object-position: 45% 50%;
        }

        .bannerContainer img.banner-2087 {
            object-position: 40% 50%;
        }

.JobTitle h1 {
    display: none;
}

.Pos_Description #eaContainer #posdesc_pageBlock .TopJobBox .jobValues ul li.SumItem_codelist5value,
.Pos_Description #eaContainer #posdesc_pageBlock .TopJobBox .jobValues ul li.SumItem_text17 {
    display: none;
}

.Pos_Description #slider-latest-jobs .box {
    text-decoration: none;
    transition: all .2s ease;
    display: block;
}

    .Pos_Description #slider-latest-jobs .box:hover {
        background: rgb(52, 9, 149);
        color: #fff;
    }

    .Pos_Description #slider-latest-jobs .box h3,
    .Pos_Description #slider-latest-jobs .box p {
        text-decoration: none;
        transition: all .2s ease;
    }

    .Pos_Description #slider-latest-jobs .box:hover h3,
    .Pos_Description #slider-latest-jobs .box:hover p {
        color: inherit;
    }

@media all and (max-width:991px) {
    .bannerContainer .bannerContent {
        width: 100%;
        height: 50%;
        top: initial;
    }

        .bannerContainer .bannerContent:before {
            background: linear-gradient(0,rgba(58,115,218,.9) -4.6%,rgba(104,66,189,.9) 46.72%,rgba(5,18,38,0) 92.9%);
        }

        .bannerContainer .bannerContent .container {
            padding: 0 32px 64px;
            top: initial;
            left: 0;
            bottom: 0;
            transform: none;
        }
}




.TalentPool_Description_EarcuBody .talentPoolDisplayName {
    display: none;
}

.talent-pool,
.secondary .pageBlockContainer,
#Alerts {
    box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.2);
    background: #F2F2F2;
}


.talent-pool-text {
    margin: 5px 10px 10px 1px;
    padding: 12px 12px 12px 12px;
    text-align: center;
}

    .talent-pool-text p {
        margin: 0;
    }

.talentbtn {
    padding-bottom: 22px;
    display: block;
    text-align: center;
    width: auto;
    margin: 0 auto;
}

    .talentbtn a {
        text-align: center;
        border-radius: 15px;
        color: #FFFFFF;
        font-size: 16px;
        padding: 17px 22px;
        background: rgb(94, 46, 186);
        text-decoration: none;
    }

.talent-pool {
    padding: 0;
    width: 88% !important;
    margin: 0 auto;
    display: none;
}

.col-md-4.hidden-xs.hidden-sm {
    width: 100% !important;
}

.talent-pool-text {
    width: 100% !important;
}

.text-center {
    text-align: center;
    width: 100% !important;
}

.talent-pool, .secondary .pageBlockContainer, #Alerts {
    box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.2);
    background: #f1f1f1;
}

.col-md-4.hidden-xs.hidden-sm {
    padding: 0;
}

.talentbtn {
    padding-bottom: 40px;
}

.TalentPool_Description .bannerContainer {
    display: none;
}

.talentPool-bannerContainer {
    position: relative;
    display: flex;
}

/* Uncomment below for testing purposes */
/*body:not(.is-local) */ .talentPool-bannerContainer-hide {
    display: none;
}

.talentPool-bannerContainer .talentPool-bannerContent {
    width: 50%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
}

    .talentPool-bannerContainer .talentPool-bannerContent:before {
        position: absolute;
        left: 0;
        bottom: 0;
        top: 0;
        content: '';
        z-index: 1;
        background: linear-gradient(228.78deg,rgba(94,46,186,0.9) 35.19%,rgba(22,154,241,0.9) 97.85%);
        width: 100%;
    }

    .talentPool-bannerContainer .talentPool-bannerContent .container {
        padding: 0 64px;
        position: relative;
        /*position: absolute;
            top: 50%;
            left: 0;*/
        width: 100%;
        /*transform: translateY(-50%);*/
        z-index: 2;
        text-align: center;
    }

        .talentPool-bannerContainer .talentPool-bannerContent .container h1 {
            font-size: clamp(2.25rem,1.66176rem + 1.96078vw,3.5rem);
            color: #fff;
            line-height: 1.25;
        }

        .talentPool-bannerContainer .talentPool-bannerContent .container a {
            text-align: center;
            border-radius: 15px;
            color: rgb(94, 46, 186);
            background: #FFF;
            font-size: 16px;
            padding: .625rem 1.25rem;
            text-decoration: none;
            margin-top: 2rem;
            display: inline-block;
            font-weight: bold;
            border: 3px solid #FFF;
            transition: background-color .3s, color .3s;
        }

            .talentPool-bannerContainer .talentPool-bannerContent .container a:hover {
                color: #FFF;
                background: transparent;
            }

.talentPool-bannerContainer img {
    margin-bottom: 0;
    min-height: 400px;
    object-fit: cover;
    object-position: 50% 50%;
}

    .talentPool-bannerContainer img.banner-1,
    .talentPool-bannerContainer img.banner-2062 { /* Finance */
        object-position: -500px 0;
    }

    .talentPool-bannerContainer img.banner-4,
    .talentPool-bannerContainer img.banner-2065 { /* Care & Support */
        object-position: -150px 0;
    }

    .talentPool-bannerContainer img.banner-7,
    .talentPool-bannerContainer img.banner-2069 { /* IT & Telecoms */
        object-position: 70% 0;
    }

    .talentPool-bannerContainer img.banner-8,
    .talentPool-bannerContainer img.banner-2070 { /* Leisure */
        object-position: -500px 0;
    }

    .talentPool-bannerContainer img.banner-2073 { /* Trade & Construction */
        object-position: 70% 0;
    }

    .talentPool-bannerContainer img.banner-2074 { /* Sales, Admin & Customer Service */
        object-position: -400px 0;
    }

    .talentPool-bannerContainer img.banner-2076 { /* Human Resources */
        object-position: -450px 0;
    }

    .talentPool-bannerContainer img.banner-2078 { /* Marketing */
        object-position: -250px 0;
    }

    .talentPool-bannerContainer img.banner-4191 { /* General */
        object-position: -350px 0;
    }

@media all and (min-width: 576px) {
    .talentPool-bannerContainer img.banner-1,
    .talentPool-bannerContainer img.banner-2062 { /* Finance */
        object-position: -300px 0;
    }

    .talentPool-bannerContainer img.banner-4,
    .talentPool-bannerContainer img.banner-2065 { /* Care & Support */
        object-position: -150px 0;
    }

    .talentPool-bannerContainer img.banner-7,
    .talentPool-bannerContainer img.banner-2069 { /* IT & Telecoms */
        object-position: 70% 0;
    }

    .talentPool-bannerContainer img.banner-8,
    .talentPool-bannerContainer img.banner-2070 { /* Leisure */
        object-position: -300px 0;
    }

    .talentPool-bannerContainer img.banner-2073 { /* Trade & Construction */
        object-position: 70% 0;
    }

    .talentPool-bannerContainer img.banner-2074 { /* Sales, Admin & Customer Service */
        object-position: -300px 0;
    }

    .talentPool-bannerContainer img.banner-2076 { /* Human Resources */
        object-position: -200px 0;
    }

    .talentPool-bannerContainer img.banner-2078 { /* Marketing */
        object-position: -150px 0;
    }

    .talentPool-bannerContainer img.banner-4191 { /* General */
        object-position: -350px 0;
    }
}

@media all and (min-width: 768px) {
    .talentPool-bannerContainer img.banner-1,
    .talentPool-bannerContainer img.banner-2062 { /* Finance */
        object-position: 90% 50%;
    }

    .talentPool-bannerContainer img.banner-4,
    .talentPool-bannerContainer img.banner-2065 { /* Care & Support */
        object-position: 35% 50%;
    }

    .talentPool-bannerContainer img.banner-7,
    .talentPool-bannerContainer img.banner-2069 { /* IT & Telecoms */
        object-position: 70% 50%;
    }

    .talentPool-bannerContainer img.banner-8,
    .talentPool-bannerContainer img.banner-2070 { /* Leisure */
        object-position: 50% 50%;
    }

    .talentPool-bannerContainer img.banner-2073 { /* Trade & Construction */
        object-position: 86% 50%;
    }

    .talentPool-bannerContainer img.banner-2074 { /* Sales, Admin & Customer Service */
        object-position: 40% 50%;
    }

    .talentPool-bannerContainer img.banner-2076 { /* Human Resources */
        object-position: 74% 50%;
    }

    .talentPool-bannerContainer img.banner-2078 { /* Marketing */
        object-position: 45% 50%;
    }

    .talentPool-bannerContainer img.banner-4191 { /* General */
        object-position: 80% 50%;
    }
}

@media all and (min-width: 992px) {
    .talentPool-bannerContainer {
        position: relative;
        max-height: 400px;
        overflow: hidden;
        flex-wrap: wrap;
    }

        .talentPool-bannerContainer .talentPool-bannerContent {
            position: relative;
            top: auto;
            left: auto;
            right: auto;
            bottom: auto;
            height: 400px;
            display: flex;
            align-items: center;
        }

            .talentPool-bannerContainer .talentPool-bannerContent:before {
                position: absolute;
                left: 0;
                bottom: 0;
                top: 0;
                content: '';
                z-index: 1;
                background: linear-gradient(228.78deg,rgba(94,46,186,1) 35.19%,rgba(22,154,241,1) 97.85%);
                width: 100%;
            }

        .talentPool-bannerContainer img {
            margin-bottom: 0;
            height: 400px;
            min-height: 0;
            object-fit: cover;
            object-position: 50% 50%;
            height: 400px;
            width: 50%;
        }

            .talentPool-bannerContainer img.banner-1,
            .talentPool-bannerContainer img.banner-2062 { /* Finance */
                object-position: 90% 50%;
            }

            .talentPool-bannerContainer img.banner-4,
            .talentPool-bannerContainer img.banner-2065 { /* Care & Support */
                object-position: 35% 50%;
            }

            .talentPool-bannerContainer img.banner-7,
            .talentPool-bannerContainer img.banner-2069 { /* IT & Telecoms */
                object-position: 70% 50%;
            }

            .talentPool-bannerContainer img.banner-8,
            .talentPool-bannerContainer img.banner-2070 { /* Leisure */
                object-position: 50% 50%;
            }

            .talentPool-bannerContainer img.banner-2073 { /* Trade & Construction */
                object-position: 86% 50%;
            }

            .talentPool-bannerContainer img.banner-2074 { /* Sales, Admin & Customer Service */
                object-position: 40% 50%;
            }

            .talentPool-bannerContainer img.banner-2076 { /* Human Resources */
                object-position: 74% 50%;
            }

            .talentPool-bannerContainer img.banner-2078 { /* Marketing */
                object-position: 45% 50%;
            }

            .talentPool-bannerContainer img.banner-4191 { /* General */
                object-position: 80% 50%;
            }
}

@media all and (max-width:991px) {
    .talentPool-bannerContainer .talentPool-bannerContent {
        width: 100%;
        min-height: 50%;
        top: initial;
        bottom: 0;
        display: flex;
        align-items: end;
    }

        .talentPool-bannerContainer .talentPool-bannerContent:before {
            /*background: linear-gradient(0,rgba(58,115,218,.9) -4.6%,rgba(104,66,189,.9) 46.72%,rgba(5,18,38,0) 92.9%);*/
            /*background: linear-gradient(
                rgba(5,18,38,.9) 7.1%,
                rgba(104,66,189,.9) 53.28%,
                rgba(58,115,218,0) 104.6%,
                100%
            );*/
            background: linear-gradient( 0, rgba(58,115,218,.9) -4.6%,rgba(104,66,189,.9) 46.72%,rgba(5,18,38,0) 92.9% );
        }

        .talentPool-bannerContainer .talentPool-bannerContent .container {
            padding: 0 32px 2rem;
            top: 0;
            left: 0;
            bottom: initial;
            transform: none;
        }
}