* {padding: 0px;margin: 0px;font-size: 100%;box-sizing: border-box;}
body {margin: 0px;padding: 0px;width: 100%;height: auto;background-color: #ffffff;color: #000000;font-family: "MyriadPro", Arial, Helvetica, Verdana, sans-serif;font-size: 100%;line-height: 1.2;text-rendering: optimizeLegibility;-webkit-font-smoothing: antialiased;}
ul, ol { padding: 0px; margin: 0px; }
li { list-style-type: none; padding: 0px; margin: 0px; vertical-align: top; }
td, th { text-align: left; vertical-align: top; }
b, strong { font-weight: bold; font-family: "MyriadPro", Arial, Helvetica, Verdana, sans-serif; }
p {margin: 0px 0px 10px 0px;line-height: 1.5;}
a { color: var(--purple); text-decoration: none; }
input[type=text], input[type=number], input[type=password], input[type=email], textarea, select { font-family: "MyriadPro", Arial, Helvetica, Verdana, sans-serif; padding: 10px; border-radius: 5px; width: 100%; border: solid #aaaaaa 1px; font-size: 100%; background-color: #eeeeee; --webkit-appearance: none; box-sizing: border-box; }
form, fieldset {border: none;padding: 0px;margin: 0px;}
.hidden { display: none; }
iframe { max-width: 100%; }
img {border: none;max-width: 100%;height: auto;}
img.left { margin: 5px 5px 5px 0px; }
img.right { margin: 5px 0px 5px 5px; }
h1, h2, h3, h4, h5, h6 { font-weight: normal; font-size: 100%; margin-bottom: 10px; font-family: "MyriadPro", Arial, Helvetica, Verdana, sans-serif;font-weight: normal;font-style: normal;letter-spacing: 0.015em; line-height: normal; }
table { border-spacing: 0px; }
td, th { padding: 0px; }

/* FontAwesome is currently disabled */
i.fab { display: none; }

h1 { font-size: 1.625em; /* 26px / 16px */ color: #10888b;}
h2 {font-size: 1.25em;/* 20px / 16px */ color: var(--purple)}
h3 {font-size: 1em;/* 16px / 16px */}
h4 {font-size: 1em;/* 16px / 16px */}

/*Colours*/

:root {
    --purple: #643493;
    --light-green: #A0B0B6;
    --green: #426270;
    --grey: #EEEBEA;
}


/* Fonts */

@font-face { font-family: "MyriadPro"; src: url(/library/fonts/MyriadPro/Regular.otf) format("opentype"); font-display: swap; }


.layoutmiddle{min-height: 70vh;}

.std_contentpage .pagetitle, .std_contentpage .pagecontent, .std_contentpage .std_content, .std_contentpage .feat_vacancysearch, .memb_empportal, .memb_candportal, .feat_profile, .fixedwidth, .list_article, .std_newsarticlea, .shop_product, .memb_account, .privacy-policy .pagecomponents, .cookie-policy .pagecomponents
{max-width: 1240px;margin: 20px auto 10px auto;width: 90%;}

.layoutcontent {/* clear: both; */padding: 16px 0px 34px 0px;min-height: 400px;}
.layoutcontent li { list-style-type: disc; list-style-image: url(/images/KTCpM13XAYpNIIcN4TT9009009.png); list-style-position: outside; padding: 5px 10px 5px 10px; }
.layoutcontent ol { padding: 10px 20px 10px 20px; }
.layoutcontent ol li { list-style-type: decimal; padding: 5px 10px 5px 10px; }
.layoutcontent p, .layoutcontent li { color: #666666; }
.layoutcontent a { text-decoration: underline; color:#5E398F;; font-weight: bold; font-family: Arial; }
.layoutcontent a:hover { text-decoration: none; color: #10888b; }

.std_contentpage .pagetitle {margin: 16px auto 10px auto;}
.std_contentpage .pagebanner img { display:block; width: 100%; }
.std_contentpage.fixedwidth .pagetitle { width: 100%;}

a.button, a.smallbutton, button, input[type=button], input[type=submit] {background: var(--purple);padding: 10px 20px 10px 20px;color: #ffffff !important;font-family: "MyriadPro", Arial, Helvetica, Verdana, sans-serif;font-weight: normal;border: none;border-radius: 5px;cursor: pointer;text-decoration: none !important;display: inline-block;font-size: 100%;line-height: 1.2;}
table a.button, table button, table input[type=button], table input[type=submit], a.smallbutton { padding: 5px 10px 5px 10px; font-size: 90%; margin-bottom: 5px; font-weight: normal; }

button:disabled, input[type=button]:disabled, input[type=submit]:disabled { background: #ebf5f5; }

input[type=submit] {background: #5E398F;}
.whist {display: none;}

@media(min-width:501px){
    .layoutcontent ul {padding: 10px 20px 10px 20px;}
}
@media(max-width:500px){
    .layoutcontent ul {padding: 10px 0px 10px 20px;}
}


/*********************************************************************************/
/*Header*/
/*********************************************************************************/

.layoutheader {max-width: 1240px;padding: 30px 40px 0px 40px;margin: 0px auto;color: var(--purple);}

.layoutheader .feat_googlerating {margin: 5px 20px 5px 0px;padding-top: 5px;}
.layoutheader .feat_googlerating .stars {display: inline-block;padding: 0px 5px 0px 0px;}
.layoutheader .feat_googlerating .stars i{width: 20px; height: 20px;}
.layoutheader .feat_googlerating .stars a {color: #FFD300;}
.layoutheader .feat_googlerating h2, .average {display: inline-block;}
.layoutheader .feat_googlerating .titletxt, .average { font-size: 120%; margin: 0 5px 0 0;}

.util_textbox.phone {width: auto;height: 26px;}
.util_textbox.phone .util_textbox_inner  { display: flex; }
.util_textbox.phone .imageleft { margin: 10px 3px 0px 0px; }
.util_textbox.phone .imageleft svg{height: 20px;width: 20px; color:var(--purple)}
.util_textbox.phone .content p {font-size: 160%;} 

.layoutheader .headersocial {margin: 0 0 0 20px;}
.layoutheader .headersocial i { font-size: 35px; line-height: 1; margin: 0 5px;}

.layouttopmenu_inner {max-width: 1240px;margin: 0px auto;display: flex;justify-content: end;}

.layoutheader .headertop .spacer { display: none; }

.layoutheader .headerlogo {max-width: 340px;padding: 5px;background-color: white;}
.layoutheader .headerlogo img { display: block; }

.layouttopmenu .nav_simple .menu168 { display: none; }

/* Desktop */
@media(min-width: 1040px){
    .layouttopmenu .nav_simple .toggle {display: none;}

    .layouttopmenu_inner{padding: 30px 40px 40px 40px;}

    .headertop .items { display: flex; justify-content: end; }

    .layoutheader .headerlogo { margin-top: -45px; position: absolute;}

    .layouttopmenu .nav_simple ul { max-width:860px; display: flex; justify-content: space-between; }
    .layouttopmenu .nav_simple li { margin: 0px 5px; }
    .layouttopmenu .nav_simple li a{ padding: 2px 5px; font-size: 18px;}  

    .section158 .layouttopmenu .nav_simple li.selected { color: #5E398F; border-bottom: solid 2px #5E398F; }
    .section158 .layouttopmenu .nav_simple li a:hover { color: white; background-color: var(--purple); border-radius: 3px;}

}

/* Tablet and Mobile */
@media(max-width: 1039px){

    .layouttopmenu .nav_simple .toggle {display: block;cursor: pointer;position: absolute;top:25px;right: 40px;left: auto;z-index: 9999;}
    .layouttopmenu .nav_simple i{font-size: 60px; color: var(--purple);}
    .layouttopmenu .nav_simple svg { display: none;}

    .layouttopmenu .nav_simple.toggleoff ul { display: none !important; }

    .headertop .items { display: flex; flex-wrap: wrap; margin-top: 65px; justify-content: space-between; }

    .layouttopmenu .toggleon ul{display:block;position: absolute;top: 90px;right: 0px;width: 100%;height: 100%;padding-top: 60px;background-color: var(--purple);opacity: 0.95;z-index: 50;}
    .layouttopmenu .toggleon li{margin: 20px 30px; font-size: 120%;}
    .layouttopmenu .toggleon li a{color: white; padding: 2px 5px;}
    .layouttopmenu .toggleon li.selected a{color:var(--purple);background-color: white; border-radius: 3px;}

    .layoutheader .headerlogo {position: absolute; top: 10px;}
	.layoutheader .headerlogo img { width: auto; height: 80px; }


    .layoutheader .phone{margin: 5px 0px 10px 5px;}
    .layoutheader .phone .content p  {font-size: 130%;}
    .layoutheader .phone .imageleft { max-width: 15px; margin: 8px 3px 0 0;}

}

@media(max-width: 760px){
    .layoutheader .headersocial{ display: none;}
    .layouttopmenu .nav_simple .toggle {top:30px;}
   
}

/* Mobile */

@media(max-width: 609px){
    .layoutheader{ padding: 30px 30px 0 30px; min-height: 100px;} 
    .layouttopmenu .nav_simple .toggle {right: 25px;}
    .layouttopmenu .nav_simple i{font-size: 50px;}

    .headertop .phone{ margin-left: 0px; }

    .headertop {display: none;}
}

@media(max-width: 425px) {
    .layoutheader .headerlogo { top: 20px}
    .layoutheader .headerlogo img { height: 60px; }
}



/* Footer */

.layoutfooter {background-color: var(--purple);color: #ffffff;overflow: auto; padding: 40px; }
.layoutfooter_inner{max-width: 1160px; margin: 0 auto;}
.layoutfooter a{color: white;}

.layoutfooter .footertop .items, .layoutfooter .footerbottom .items, .layoutfooter .footertopleft .items { display: flex; justify-content: space-between; }

.layoutfooter .footer-links .links{
    display: flex;
    gap: 15px;
}
.layoutfooter .footer-links ul li {
    text-decoration: underline;
}

.layoutfooter .footerlinks{margin-right: 100px;}
.layoutfooter .footerlinks .link1{ padding-bottom: 10px;}

.layoutfooter .footercontact p{margin-bottom: 4px;}
.layoutfooter .footercontact img {width: 11px;margin-right: 5px;filter: grayscale(1) invert(1) brightness(2);}

.layoutfooter .footersocial .links{display: flex;}
.layoutfooter .footersocial .link{margin-left: 10px;}
.layoutfooter .footersocial i{ font-size: 35px; }
.layoutfooter .spacer{display: none;}

.layoutfooter .footerbottom{margin-top: 30px;}
.layoutfooter .footerbottom p{margin: 0;}
.layoutfooter .footerbottom a{text-decoration:underline}

.layoutcredits { display: none; }  

@media(max-width:949px){
    .layoutfooter .footertop>.items, .layoutfooter .footerbottom .items{ flex-direction: column;}

    .layoutfooter .footertopleft .items{max-width: 400px;}

    .layoutfooter .footersocial .link{margin: 0 10px 0 0;}
    .layoutfooter .footersocial{margin-top: 30px;}
    .layoutfooter .footerbottom p{margin: 0 0 10px 0;}
}

@media(max-width:549px){
    .layoutfooter .footertopleft .items{ flex-direction: column;}
    .layoutfooter .footertopleft .footerlinks{margin: 0 0 30px 0;}
}

/* Back to top button */

#button {display: inline-block;;width: 40px;height: 30px;text-align: center;border-radius: 0;position: fixed;bottom: 10px;right: 10px;transition: background-color .3s,   opacity .5s, visibility .5s;opacity: 0;visibility: hidden;z-index: 1000;}
.section158 #button { background-color: #5E398F; }
#button::before { font-family: FontAwesome; content: "\f077"; font-weight: normal;font-style: normal;font-size: 2em;line-height: 35px;color: #fff;}
#button:hover {cursor: pointer;background-color: var(--green);}
#button.show {opacity: 1;visibility: visible;}



/*********************************************************************************/
/*Home page*/
/*********************************************************************************/

.section168 .layoutcontent{padding: 0;}
.home li{ list-style: none; padding: 0;}
.home ul{padding: 0;}
.home a{text-decoration: none;}

/* Home banner */
.home .banner{max-width: 1240px;background-color: var(--grey);max-height: 400px;margin: 0px auto;}
.home .banner .titletxt {font-size: 210%; background-color: var(--purple); color:white; padding: 6px 0; text-align: center;}
.home .banner .content {height: 340px; display: flex;align-items: center;}
.home .banner .content p {width: 100%;margin: 30px;display: flex;justify-content: space-around;align-items: center;gap:20px}
.home .banner .content p img{width: auto; max-height: 180px;} 
.home .banner .content p img:nth-child(4){max-height: 140px} 
.home .banner .spacer{display: none;}

@media(max-width: 1080px){
    .home .banner .content p img{width: auto; max-height: 150px;} 
    .home .banner .content p img:nth-child(4){max-height: 120px} 
}

@media(max-width: 949px) and (min-width: 799px){
    .home .banner {height: auto;}
    .home .banner .content {height: 240px;} 
    .home .banner .content p img{width: auto; max-height: 120px;} 
    .home .banner .content p img:nth-child(4){max-height: 100px} 
}

@media(max-width: 800px){
    .home .banner .content {height: auto;}
    .home .banner .content p{display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; align-items: center; justify-items: center;}
    .home .banner .content p img{width: auto; max-height: 130px;} 
    .home .banner .content p img:nth-child(4){max-height: 100px;margin-top:20px;} 
}

@media(max-width: 500px){
    .home .banner .content {display: none;}

}

/* Pagination*/
.feat_vacancysearch .pagination {display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap;color: var(--purple);margin: 0 0 20px 0;}

.feat_vacancysearch .pagination .updates { display: flex;justify-content: center;align-items: center;}
.feat_vacancysearch .pagination .updates a {width: 210px; height: 35px; background-color: var(--purple);color: white;padding: 8px 15px;border-radius: 5px;}
.feat_vacancysearch .pagination .updates i {padding-right: 5px; }
.feat_vacancysearch .pagination .pages { display: flex; }
.feat_vacancysearch .pagination .pages a { color: var(--purple); padding: 7px; }

.feat_vacancysearch .pagination-bottom { margin: 40px 0px 10px 0px; }


/* Vacancy search */
.feat_vacancysearch {padding: 0px 40px 40px 40px;}

.feat_vacancysearch .yoursearch{display: flex; align-items: center; gap:10px; padding-bottom: 15px;}
.feat_vacancysearch .yoursearch img{height: 30px; width: auto; display: flex; align-items: center;}
.feat_vacancysearch h2{font-size: 210%; color: var(--purple); margin-bottom: 0;}
.feat_vacancysearch #searchform {position: static !important;min-height: 200px;}
.feat_vacancysearch .form {border: solid var(--purple) 2px;border-radius: 10px;padding: 15px;}

.feat_vacancysearch .form .label label { display: none; }
.feat_vacancysearch .form select { background-color: var(--green); color:white;}
.feat_vacancysearch .form select, .feat_vacancysearch .form input[type=submit], .feat_vacancysearch .form input[type=text]{padding: 3px 3px 3px 15px;}

input[type="radio"] { appearance: none; -webkit-appearance: none; -moz-appearance: none; width: 15px;  height: 15px; border: 2px solid grey; display: inline-block; position: relative; cursor: pointer; margin: 0 5px 0 0; }
input[type="radio"]:checked::before { content: ''; width: 13px;  height: 13px; background-color: var(--purple); position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
 
/* #fb-VacPostcode-div, #fb-VacDistance-div {display: none;} */

/* Results*/
.feat_vacancysearch div.results {margin-top: 40px;}
.feat_vacancysearch div.results ul {display: flex;flex-wrap: wrap;justify-content: center;gap:20px;width: 100%;}
.feat_vacancysearch div.results li { padding: 15px; border-radius: 10px;box-shadow: rgba(14, 30, 37, 0.12) 0px 2px 4px 0px, rgba(14, 30, 37, 0.32) 0px 2px 16px 0px; display: flex; flex-direction: column;}
.feat_vacancysearch div.results li:hover { background-color: #eeeeee; }
.feat_vacancysearch div.results .id { display: none; }
.feat_vacancysearch div.results .logo { height: 100px; /* display: flex; */ justify-content: center; align-items: center; margin-top: auto; }
.feat_vacancysearch div.results .title {font-size: 120%;padding: 0px 0px 8px 0px;margin: 0px;}
.feat_vacancysearch div.results .title a { color: var(--purple); font-weight: bold;}
.feat_vacancysearch div.results .company {font-size: 105%;color: var(--purple); padding: 0px 0px 5px 0px; margin: 0px; }
.feat_vacancysearch div.results .location, .feat_vacancysearch div.results .salary {color: var(--green); font-size: 105%; }
.feat_vacancysearch div.results .salary { padding: 0px 0px 5px 0px; margin: 0px; font-weight: bold; }
.feat_vacancysearch div.results .description { font-size: 95%; padding: 0px 0px 10px 0px; max-height: 120px; }
.feat_vacancysearch .field_hidden {display: none;}

.feat_vacancysearch .notification {display: none !important;}

/* Carousel */

.feat_carousel {max-width: 1240px;height: 200px;background-color: var(--grey);padding: 20px 0;margin: 0 auto;}
.feat_carousel .titletxt{text-align: center;color: var(--green);font-size: 150%;font-weight: bold;margin-bottom: 20px;}
.feat_carousel .carousel {overflow: hidden;height: 100px;position: relative; margin: 0 125px 0 140px; }
.feat_carousel .carousel ul { width: 20000em; position: relative;}
.feat_carousel .carousel li {float: left;height: 100px;width: 100px !important;margin: 0 20px;}
.feat_carousel .carousel li span{display: flex; align-items: center;height: 100px;}

.home .nextprevious {margin: -100px 90px 0 105px;}
.home .nextprevious a{color: var(--light-green);font-size: 100px;color:var(--light-green);display: flex;align-items: center;justify-content: center;}
.home .carousel-next, .carousel-prev {height: 100px;width: 40px;background-repeat: no-repeat; background-size: contain; background-position: center;}
.home .carousel-next{ float: right;background-image: url(/images/mr2XPEL8Mb7hzGKhKhk700v03m.png);}
.home .carousel-prev{ float: left;background-image: url(/images/R83i8yRh30MY3Vbrkzl400w03s.png); }




@media(min-width: 1023px){

    .feat_vacancysearch .field_radio, .feat_vacancysearch .field_text { float: left; width: 25%; }
    .feat_vacancysearch .form .field_select, .feat_vacancysearch .form .field_text, .feat_vacancysearch .form input[type=submit] {margin: 0px 0px 10px 15px;}
    .feat_vacancysearch .field_select, .feat_vacancysearch #fb-VacPostcode-div  {float: left;width: 270px;height: 30px;}
    .feat_vacancysearch .form input[type=submit] {clear: left;width: 270px;}
    
    .feat_vacancysearch #fb-SearchType-div { width: 240px; margin-right: 20px;}
    .feat_vacancysearch #fb-SearchType-div .radio {margin-bottom: 15px; font-size: 130%;}

    .feat_vacancysearch div.results li {width: 23%;height: auto; max-height: 375px; }
     
    .feat_vacancysearch .notification {clear: both;text-align: center;margin-top: 0px;}

   

    }
    
    @media (min-width: 1279px) and (max-width: 1366px){
        .feat_vacancysearch .field_select, .feat_vacancysearch .field_text, .feat_vacancysearch #fb-VacPostcode-div, .feat_vacancysearch .form input[type=submit] {width: 23%;} 
    }

    @media (min-width: 1201px) and (max-width: 1278px){
        .feat_vacancysearch .field_select, .feat_vacancysearch .field_text, .feat_vacancysearch #fb-VacPostcode-div, .feat_vacancysearch .form input[type=submit] {width: 22%;}
    }

    @media (min-width: 1134px) and (max-width: 1200px){
        .feat_vacancysearch .field_select, .feat_vacancysearch .field_text, .feat_vacancysearch #fb-VacPostcode-div, .feat_vacancysearch .form input[type=submit] {width: 34%;}
    }

    @media (min-width: 1075px) and (max-width: 1133px){
        .feat_vacancysearch .field_select, .feat_vacancysearch .field_text, .feat_vacancysearch #fb-VacPostcode-div, .feat_vacancysearch .form input[type=submit] {width: 33%;}
    }

    @media (min-width: 1023px) and (max-width: 1074px){
        .feat_vacancysearch .field_select, .feat_vacancysearch .field_text, .feat_vacancysearch #fb-VacPostcode-div, .feat_vacancysearch .form input[type=submit] {width: 32%;}
    }

    @media (min-width: 1022px) and (max-width: 1201px){
        .feat_vacancysearch div.results li {width: 30%;height: auto;}
    }

    
    @media(max-width:1022px){
        .feat_vacancysearch { padding: 0px; }

        .feat_vacancysearch .pagination { gap:20px}

        .feat_vacancysearch .form{font-size: 115%;}
        .feat_vacancysearch .form input[type=submit]{width: 100%;  }
        .feat_vacancysearch .form select, .feat_vacancysearch .form input[type=submit], .feat_vacancysearch .form input[type=text] {padding: 5px 5px 5px 15px; margin-bottom: 15px;}
        .feat_vacancysearch .form input[type="radio"]{ scale: 1.60; margin-right: 10px;}
    
        .feat_vacancysearch .field_radio .input #fb-SearchType-input {width: 270px; margin: 10px;}
        .feat_vacancysearch #fb-SearchType-div .radio {margin-bottom: 25px; }
        .feat_vacancysearch #fb-SearchType-div .radio label{font-size: 120%;}

        .feat_vacancysearch div.results li {width: 46%;height: auto;}

    }

    @media(max-width:700px){

        .feat_vacancysearch{display: flex; flex-direction: column; margin-top: 0 !important;}
        .feat_vacancysearch .pagination-top {order: 2;margin: 30px 0 0 0;}
        .feat_vacancysearch #searchform{order:1;}
        .feat_vacancysearch #searchresults{order:3;}
        .feat_vacancysearch .pagination-bottom{order:4;}

        .feat_vacancysearch .pagination{justify-content: center;}

        .feat_vacancysearch .pagination .updates{order:3;}
        .feat_vacancysearch .pagination .total{order:1;}
        .feat_vacancysearch .pagination .pages{order:2;}

        .feat_vacancysearch div.results li { width: 100%;height: auto;}

        .feat_carousel .carousel {margin: 0 55px;}
        .nextprevious {margin: -100px 5px 0 5px;}
    }
        
    @media(max-width: 500px){
        .feat_vacancysearch .yoursearch{padding-bottom: 5px;}

        .feat_vacancysearch #fb-SearchType-div{margin-bottom: 20px;}
        .feat_vacancysearch #fb-SearchType-div .radio {margin-bottom: 10px; }
        .feat_vacancysearch .form select{margin-bottom: 10px;}
    }

    @media(max-width:320px){
        .feat_carousel .carousel li { margin:0 10px; }
    }



/*********************************************************************************/
/*Vacancy page */
/*********************************************************************************/

.feat_profile{display: flex;}
.feat_profile .rightcolumn { width: 50%; padding: 0px 0px 50px 20px; box-sizing: border-box; }
.feat_profile .leftcolumn { width: 50%; padding: 0px 20px 50px 0px; box-sizing: border-box; }
.feat_profile a.sector { box-sizing: border-box; margin-bottom: 20px; color: #ffffff; text-decoration: none; height: 60px; line-height: 40px; display: block; text-align: center; border: solid #000000 5px; background-color: #000000; padding: 5px 10px 5px 10px; border-radius: 30px; }
.feat_profile .leftcolumn .footer { border-top: solid #169dac 1px; padding: 10px 0px 0px 0px; }
.feat_profile .leftcolumn .organisation { font-weight: bold; padding: 0px 0px 10px 0px; }
.feat_profile .leftcolumn .logo { float: right; }
.feat_profile .rightcolumn .share { text-align: center;}
.feat_profile .leftcolumn .apply { clear: both; padding: 10px 0px 20px 0px; }
.feat_profile .leftcolumn .apply a { display: block; text-align: center; }
.feat_profile h2 { padding-top: 20px; }
.feat_profile .buttons { padding: 10px 0px 10px 0px; }
.feat_profile .map { padding: 10px 0px 0px 0px; }
.feat_profile .map img { width: 100%; height: auto; }
.feat_profile .interested { padding-top: 20px; padding-bottom: 20px; }
.feat_profile a.button {background-color: #16864D;}

@media(max-width:730px){

    .feat_profile{display: block;}
    .feat_profile .leftcolumn { width: 100%; float: none; padding-right: 0; padding-bottom: 30px; }
    .feat_profile .rightcolumn { width: 100%; float: none; padding-left: 0; }

    .feat_profile .feat_socialshare, .feat_profile .map{display: none;}
}


/*********************************************************************************/
/*News*/
/*********************************************************************************/

/* News main page */

.list_article .article {width: 100%;max-width: 1024px;padding: 25px 0px 25px 0px;border-bottom: 1px solid #10888b;overflow: auto;}
.list_article .article .image {float: left;margin: 0px 20px 0px 0px;display: block;width: 200px;height: 200px;}
.list_article .article .image a {display: inline-block;width: 200px;height: 200px;line-height: 200px;text-align: center;}
.list_article .article .image img {max-height: 100%;width: auto;vertical-align: middle;}
.list_article .article .headline {width: calc(100% - 220px);font-size: 1.25em;float: left;}
.list_article .article .headline a { text-decoration: none; }
.list_article .article .abstract {float: left;width: calc(100% - 220px);color: #666666;}
.list_article .article .link {float: left;width: calc(100% - 220px);} 

@media(max-width:1024px){
    .list_article .article .image { height: 250px;}
}

@media(max-width:700px){
    .list_article .article .image { height: 300px;}
}

@media(max-width:600px){
    .list_article .article .image { width: 100%; text-align: center; height: 200px; margin: 0px 0px 20px 0px;}
    .list_article .article .headline { width: 100%;}
    .list_article .article .abstract { width: 100%;}
    .list_article .article .link { width: 100%; }
} 

/* News article */

.std_newsarticlea .created { margin: 0px 0px 15px 0px;}
.std_newsarticlea .image { margin: 0px 0px 15px 0px;}
.std_newsarticlea h2.abstract { font-size: 100%; color: #666666; margin-bottom: 20px;display:none;}
.std_newsarticlea span{font-size: 100% !important;}

.sectorbuttons li { float: left; width: 14.285%; box-sizing: border-box; list-style-type: none; list-style-image: none; padding: 0px 5px 8px 5px; }
.sectorbuttons li a { box-sizing: border-box; color: #ffffff; text-decoration: none; height: 60px; line-height: 20px; display: block; text-align: center; border: solid #000000 5px; background-color: #000000; padding: 5px 10px 5px 10px; border-radius: 30px; }
.sectorbuttons li a:hover { background: #ffffff !important; color: #169dac; }
.sectorbuttons li a span { display: block; font-weight: bold;}


.section17 .pagebanner { display: none; }

@media( max-width: 1280px )
{
    .sectorbuttons li a { font-size: 66.6%; height: 45px; line-height: 15px; border-radius: 22.5px; padding: 2px 5px 3px 5px; }
}

@media( max-width: 950px )
{
    .sectorbuttons li { width: 20%; }
}

@media( max-width: 650px )
{
    .sectorbuttons li { width: 33.3%; }
} 


/*********************************************************************************/
/*Google reviews*/
/*********************************************************************************/

.feat_googlereviews {max-width: 1040px; padding:20px; margin: 0px auto 0px auto; }
.feat_googlereviews .datetime {padding-top: 40px; padding-bottom: 5px;}
.feat_googlereviews .stars {color:#FFD300; padding: 5px 0px 5px 0px;}
.feat_googlereviews .name { font-weight: bold; font-size: 110%; padding: 5px 0px 5px 0px;}
.feat_googlereviews .comment {padding-bottom: 25px; }
.feat_googlereviews .reply { margin: 0px 20px;}
.feat_googlereviews a.button {display: block; width: 150px; margin-left: auto; margin-right: auto;text-align: center;}


button#gdpr-cookie-advanced {color: white !important; background: #e6f7ff;}
#gdpr-cookie-message a {color: #169dac;}
#gdpr-cookie-message button, button#ihavecookiesBtn { background: #169dac;}



/*********************************************************************************/
/*About page*/
/*********************************************************************************/

.about .pagecomponents_inner{max-width: 1240px;width: 90%; margin:20px auto 0px auto;}
.about .surv_standard, .about .util_textbox {margin-top: 40px;}

.contactusform .field_text .label, .contactusform .field_area .label{display:none;}
.about .form .radio{margin-bottom: 10px;}

.about #fb-6-div .input{text-align:center;border: 6px dashed lightgrey;border-radius: 15px;height:200px;margin: 10px 0px}

@media(min-width:800px){
    .about .pagecomponents_inner{display:flex; gap:40px;}
    .about .surv_standard, .about .util_textbox {width: 50%;}
    .about .pagecontent { column-count: 2; column-gap: 40px; }
    .about .pagecontent p { -webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid; }
}





/* Post a new job button */

.postjobbutton { margin: 15px auto 0px auto; max-width: 1024px; width: 90%;}
.postjobbutton ul {padding:0px;}
.postjobbutton li {list-style-type:none;list-style-image: none; padding:0px;}
.postjobbutton a { display:block; background-color:#169dac;text-align:center; color:white; text-decoration:none; padding:15px; border-radius: 30px; box-sizing: border-box;}
.postjobbutton a:hover {color:white;}

.pagecontent .postajob { color:#ffffff; background-color:#169dac ; text-decoration: none; padding: 12px 50px; border-radius: 50px;}
.pagecontent .postajob:hover {color:#ffffff; text-decoration: underline;}


/* Candidate Portal*/

.feat_vacancy .feat_socialshare ul {max-width: 495px;display: flex;flex-wrap: wrap;padding: 0px;flex-direction: row-reverse;justify-content: center; gap:10px}
.feat_vacancy .feat_socialshare .fab { padding-right: 5px;}
.feat_vacancy .feat_socialshare .facebook a { background: #425892;   }
.feat_vacancy .feat_socialshare .twitter a { background: #4c9feb; }
.feat_vacancy .feat_socialshare .linkedin a  { background: #3276b1; }

.feat_vacancy .feat_socialshare li { list-style: none;  margin-right: 5px; padding: 0px; }
.feat_vacancy .feat_socialshare li a { display: inline-block; padding: 10px; font-size: 90%; color: white; text-decoration: none; font-family: arial;}
.feat_vacancy .feat_socialshare li::before { display: none; }

.feat_vacancy .leftcolumn h1 {color: #5E398F;}
.feat_vacancy .interested h2 {color: #5E398F;}
.feat_vacancy .smallbutton {background: #5E398F;}
.feat_vacancy .sector {color: white;}

@media ( max-width: 500px )
{
    .feat_vacancy .feat_socialshare ul {width: 100%;}
} 


.double-column .pagecontent { column-count: 2; column-gap: 40px; }
.double-column .pagecontent p { -webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid; }
.double-column .pagecontent iframe { width: 100%; height: 276px; border: 1px solid #000000; }
.double-column .pagecomponents {clear: both;width: 100%;max-width: 1024px;margin: 10px auto 0px auto;column-count: 2;column-gap: 40px;}

@media(max-width:799px){
    .double-column .pagecontent { column-count: 1; margin: 0px 10px;}
    .double-column .pagecomponents {column-count: 1;}
}

.contact-link p { margin-bottom: 0; }

.video-container { text-align: center;width: 48%;margin: 0 auto 20px auto;position: relative;padding-bottom: 27%;height: 0;border-collapse: collapse; }


.businesslinks .pagecomponents { width: 90%; max-width: 1024px; margin: 0px auto 0px auto;  }
.businesslinks .pagecomponents_inner {clear: both;width: 100%;display: flex;flex-wrap: wrap;justify-content: space-between;}
.businesslinks .pagecomponents .util_textbox {width: calc(33.3333333333% - 20px);display: list-item;list-style-type:none;text-align: center;margin: 0px 0px 40px 0px;}
.businesslinks .pagecomponents .util_textbox img {height: 200px; width: auto; margin: 0px 0px 8px 0px; }
.businesslinks .pagecomponents .contact-link {width: 100%;}

@media( max-width: 710px )
{
    .businesslinks .pagecomponents .util_textbox {width: calc(50% - 20px);}
}

@media( max-width: 480px )
{
    .businesslinks .pagecomponents .util_textbox {width: calc(100% - 20px);}
}
.contact .pagecomponents { clear: both; width: 100%; max-width: 1024px; margin: 10px auto 0px auto; column-count: 2; column-gap: 40px; }
.contact .surv_standard .field_text .label,
.contact .surv_standard .field_area .label
 { display: none; } 


/* Preserve two column layout when survey submitted */

.surv_standard {min-height: 900px;} 
.surv_standard .message { color: #ff0000; padding: 0px 0px 20px 0px; }
.surv_standard .confirm { background: #10888b; padding: 10px; }
.surv_standard .confirm h2, .surv_standard .confirm p { color: #ffffff; }
.surv_standard .confirm h2 { font-family: 'Open_sansregular', sans-serif;} 



/*********************************************************************************/
/*Login*/
/*********************************************************************************/

.memb_loginbox .errors, .shop_basket .errors { color: #ff0000; padding: 0px 0px 20px 0px; }

.memb_loginbox .introduction ul { padding: 20px 0px 20px 0px; }
.memb_loginbox .label { display: block; padding: 0px 0px 5px 0px; }
.memb_loginbox .input { display: block; padding: 0px 0px 20px 0px; max-width: 300px; }
.memb_loginbox .stayloggedin { padding: 0px 0px 20px 0px; }
.memb_loginbox .forgotpw { display: block; padding: 20px 0px 0px 0px; }

.memb_loginbox .loggedout .introduction ul li { background: rgb(196, 167, 224); border-radius: 10px; box-sizing: border-box; padding: 0px; }
.memb_loginbox .loggedout .introduction ul li a { display: block; text-align: center; text-decoration: none; margin: 0px; padding: 10px; }
.memb_loginbox .loggedout .introduction ul li h3 { font-size: 170%; font-weight: bold; padding: 0px; margin: 0px; }
.memb_loginbox .loggedout .introduction ul li h4 { font-size: 130%; padding: 0px; margin: 0px; }
.memb_loginbox .loggedout .introduction ul li:hover { background: rgb(169, 145, 193); }
.memb_loginbox .loggedout .introduction ul li:hover a { color: #ffffff; }

@media( min-width: 1000px )
{
	.memb_loginbox .loggedout .introduction ul li { display: inline-block; margin: 0px 20px 20px 0px; width: 30%; }
}
@media ( max-width: 1000px )
{
	.memb_loginbox .loggedout .introduction ul li { display: inline-block; margin: 0px 20px 20px 0px; width: 100%; }
}


/*********************************************************************************/
/*Register*/
/*********************************************************************************/


.memb_account .formbuilder{max-width: 650px; }
.memb_account .formbuilder input, .memb_account .formbuilder textarea{width: 100% !important;}
.memb_account .buttons { clear: both; padding: 20px 0px 0px 0px; }
.memb_account .errors { color: #ff0000; padding: 0px 0px 20px 0px; }
.memb_account .field { clear: both; }


/*********************************************************************************/
/*Employee portal*/
/*********************************************************************************/

.memb_empportal .filterform { padding: 0px 0px 20px 0px; }
.memb_empportal .filterform select { display: inline-block; width: 300px; }
.memb_empportal .buttons, .memb_candportal .buttons { padding: 0px 0px 20px 0px; }
.memb_empportal .filterform .buttons .button, .memb_empportal .filterform .buttons select{margin: 15px 15px 0 0;}

.memb_empportal table, .memb_candportal table, .shop_basket table
	{ width: 100%; }
.memb_empportal table th, .memb_empportal table td, .memb_candportal table th, .memb_candportal table td, .shop_basket table th, .shop_basket table td
	{ padding: 10px 20px 10px 20px; border-bottom: solid #aaaaaa 1px; }
.memb_empportal table th, .memb_candportal table th, .shop_basket table th
	{ background-color: #eeeeee; font-weight: bold; border-bottom: solid #aaaaaa 2px; }

.memb_empportal tr.active { background-color: #ddffdd; }
.memb_empportal tr.scheduled { background-color: #ffffdd; }
.memb_empportal tr.expired { background-color: #ffdddd; }

.memb_empportal .filterform select[name=filter-orgid] { display: none; }

.memb_empportal .vacancyform .label { font-size: 90%; }
.memb_empportal .vacancyform .description { font-size: 70%; }
.memb_empportal .vacancyform .formbuilder .field_group>.label { display: block; font-size: 1.25em; font-family: Arial, Helvetica, Verdana, sans-serif; letter-spacing: 0.015em; color: #10888b; padding: 20px 0px 0px 0px; }
.memb_empportal .vacancyform .text { border: solid #5E398F 3px; box-sizing: border-box; padding: 20px; margin-top: 30px; }
.memb_empportal .vacancyform .text h4{font-size: 90%; color: black;}
.memb_empportal .vacancyform .buttons { clear: both; padding: 20px 0px 0px 0px; }

.memb_empportal .vacancyform .formbuilder .field_group>.label { display: none; }
.memb_empportal .vacancyform .formbuilder .field_group>.input>.description { display: none; }

@media( min-width: 1024px )
{
	.memb_empportal .vacancyform .formbuilder .field { clear: both; padding: 20px 0px 0px 0px; }
	.memb_empportal .vacancyform .formbuilder .field_group { width: 48%; box-sizing: border-box; }
	.memb_empportal .vacancyform .formbuilder .field_group:nth-of-type(2n+1) { float: left; clear: left; }
	.memb_empportal .vacancyform .formbuilder .field_group:nth-of-type(2n) { float: right; clear: right; }
	.memb_empportal .vacancyform .text { float: right; width: 48%; }
	.memb_empportal .vacancyform #fb-VacLocationType-div, .memb_empportal .vacancyform #fb-VacOrgMembId-div, .memb_empportal .vacancyform #fb-VacTitle-div, .memb_empportal .vacancyform #fb-VacSalaryMin-div { float: left; width: 48%; clear: left; }
	.memb_empportal .vacancyform #fb-VacTownCity-div, .memb_empportal .vacancyform #fb-VacContactMembId-div, .memb_empportal .vacancyform #fb-VacReference-div, .memb_empportal .vacancyform #fb-VacSalaryMax-div { float: right; width: 48%; clear: right; }
	.field_multiselect li { float: left; width: 50%; }
	.memb_empportal .vacancyform #fb-VacCntrId-div li, .memb_empportal .vacancyform #fb-VacTypeId-div li, .memb_empportal .vacancyform #fb-VacSalId-div li { width: 33.33%; }

	.memb_empportal .vacancyform #fb-17-div>.input>.description { min-height: 150px; font-size: 200%; display: block; }
	.memb_empportal .vacancyform #fb-17-div>.input>.description img { max-width: 150px; width: auto; height: auto; margin: 0px 0px 20px 20px; }
}

@media(  max-width: 900px ){
    .memb_empportal {overflow-x: scroll;}
}

/*********************************************************************************/
/*Candidate portal*/
/*********************************************************************************/

.memb_candportal .errors { color: #ff0000; }

.memb_candportal .favourites { padding: 20px 0px 0px 0px; margin: 0px; }
.memb_candportal .favourites li { list-style-type: none; list-style-image: none; padding: 5px; margin: 0px; border-top: solid #aaaaaa 1px; }
.memb_candportal .favourites li * { display: inline-block; }
.memb_candportal .favourites li:hover { background: #eeeeee; }
.memb_candportal .favourites li .title { width: 40%; }
.memb_candportal .favourites li .location { width: 25%; }
.memb_candportal .favourites li .salary { width: 20%; }
.memb_candportal .favourites li .added { width: 15%; }

.memb_candportal .notifications .frequencyform

.memb_candportal .notifications ul { display: flex; gap: 20px; padding: 10px 0px; flex-wrap: wrap; justify-content: space-evenly;}
.memb_candportal .notifications ul li { list-style: none; box-shadow: 0 0 5px grey; border-radius: 5px; padding: 10px; width: 30%; line-height: 1.5; }
.memb_candportal .notifications ul li .button { padding: 5px 12px; font-size: 90%; margin-top: 10px;  }

@media ( max-width: 1111px )
{
    .memb_candportal .notifications ul li { width: 29%; }
}
@media ( min-width: 855px ) and ( max-width: 939px )
{
    .memb_candportal .notifications ul li .button { width: 88%; }
}
@media ( max-width: 855px )
{
    .memb_candportal .notifications ul li { width: 45%; gap: 1%; }
}
@media ( min-width: 450px ) and ( max-width: 670px )
{
    .memb_candportal .notifications ul li .button { width: 88%; }
}
@media ( max-width: 670px )
{
    .memb_candportal .notifications ul li { width: 40%; gap: 1%; }
	.memb_empportal .vacancyform .text ul{padding:10px;}
}
@media ( max-width: 450px )
{
    .memb_candportal .notifications ul li { width: 100%; }
}

.memb_candportal .editalert .formbuilder{width: 100%;}
.memb_candportal .editalert .label { display: none; }
.memb_candportal .editalert .field_group { padding-bottom: 0px; }
.memb_candportal .editalert input[type="radio"]{margin-top:10px;}
.memb_candportal .editalert #fb-NotPostcode, .memb_candportal .editalert #fb-NotDistance-div{margin-top: 20px;}


@media( min-width: 600px )
{
	.memb_candportal .editalert .field_group > .input { display: flex; justify-content: space-between; flex-wrap: wrap; }
	.memb_candportal .editalert .field_group > .input .field { width: 32%; }
}



/*********************************************************************************/
/*Contact upload CV*/
/*********************************************************************************/

.fbdropzone { cursor: pointer;  display: block; height: 150px;  width: 100%; background-image: url(/images/QjpPipZi2S11LdIwUvD6.svg); background-position: center; background-repeat: no-repeat;} 
#fb-34-dzobject {cursor: pointer;}
.dz-started {cursor: default !important;}

.form_profile .field_file .input, .form_register .field_file .input, .field_image .input {text-align:center;border: 6px dashed lightgrey;border-radius: 15px;height:200px;margin: 10px 0px}
.memb_account .form_profile #fb-13, .memb_account .form_profile #fb-18 {width:50%} 

.memb_candportal .formbuilder, .memb_account .form_register #fb-12, .memb_account .form_register #fb-13, .memb_account .form_register #fb-18, .memb_account .form_register #fb-19  { max-width: 800px;  }
.memb_candportal .field_file .input {width :100%;text-align:center;border: 6px dashed lightgrey;border-radius: 15px;height:200px;margin: 10px 0px;}
.memb_candportal .help-block.description {padding-top: 20px;padding-left: 30px;}
.memb_candportal #fb-AppUkEligibleDoc-div .description {padding: 10px 0px;}


.memb_candportal .apply .formbuilder { display: flex; flex-wrap: wrap; justify-content: space-between; }
.memb_candportal .apply .formbuilder #fb-AppFirstName-div { width: 49%; }
.memb_candportal .apply .formbuilder #fb-AppSurname-div { width: 49%; }
.memb_candportal .apply .formbuilder #fb-App-UkEligible {padding-bottom: 10px;}
.memb_candportal .apply .formbuilder input[type=checkbox] {transform: scale(2);position: relative;top: -30px;}
.memb_candportal .apply h2 {color: #5E398F;}
.memb_candportal input[type=submit]{background: #5E398F;}
.memb_candportal .formbuilder .field_hidden {display: none;}
.memb_candportal #fb-AppUkEligibleDoc-div .label {display: none;}



#fb-AppUkEligible-div {color:#5E398F;padding: 5px;border-radius: 5px;font-size: 120%;} 
#fb-AppCvMedId-div .description{padding-left: 0;}

.section162 .formbuilder {padding: 0px 0px 20px 0px;}
.section90 .formbuilder .field,.section91 .formbuilder .field, .section162 .formbuilder .field { padding: 0px 0px 20px 0px; width:100%}
.section90 .formbuilder .label label,.section91 .formbuilder .label label, .section162 .formbuilder .label label{padding: 0px 0px 15px 0px;font-family: arial;font-weight: bold;display: block;}
.section91 .formbuilder .description, .section162 .formbuilder .description {font-size: 90%;padding: 10px 0px 5px 0px;}
.section90 .formbuilder .field_multiselect ul,.section91 .formbuilder .field_multiselect ul,.section162 .formbuilder .field_multiselect ul { padding: 0px !important; }
.section90 .formbuilder .field_multiselect li,.section91 .formbuilder .field_multiselect li, .section162 .formbuilder .field_multiselect li { padding: 0px !important; list-style-type: none !important; list-style-image: none !important; }
.section90 .formbuilder #fb-AppCvMedId-div .input{margin: 0;}
.section90 .formbuilder #fb-AppUkEligible-div .label{display: none;}
.section90 .formbuilder #fb-AppUkEligible-div .description{font-family: arial;font-weight: bold;/* color: black; *//* font-size: 16px; */padding: 0px 0 8px 30px;}
.section90 .buttons{display: flex; gap:10px }
.section90 .buttons input, .section90 .buttons a{width: 140px;}


.section91 .formbuilder .dz-image,.section162 .formbuilder .dz-image { display: block; float: left; padding: 0px 20px 0px 0px; }
.section91 .formbuilder .dz-image img, .section162 .formbuilder .dz-image img { max-height: 80px; width: auto; }
.section91 .formbuilder .dz-preview, .section162 .formbuilder .dz-preview { display: inline-block; width: 100%; margin: 0px 10px 10px 0px; background-color: #dddddd; padding: 10px; box-sizing: border-box; min-height: 100px; }
.section91 .formbuilder .dz-preview .dz-details, .section162 .formbuilder .dz-preview .dz-details { float: left; padding: 0px 20px 0px 0px; }
.section91 .formbuilder .dz-preview .dz-filename, .section162 .formbuilder .dz-preview .dz-filename { font-size: 80%; }
.section91 .formbuilder .dz-preview .dz-success-mark,.section162 .formbuilder .dz-preview .dz-error-mark,.section162 .formbuilder .dz-preview .dz-success-mark,.section91 .formbuilder .dz-preview .dz-error-mark, .section90 .formbuilder .dz-preview .dz-error-mark { display: none; }
.section91 .formbuilder .dz-success .dz-success-mark, .section162 .formbuilder .dz-success .dz-success-mark { display: block; float: right; }
.section91 .formbuilder .dz-error .dz-error-mark,.section162 .formbuilder .dz-error .dz-error-mark { display: block; float: right; }
.section91 .formbuilder a.dz-remove, .section162 .formbuilder a.dz-remove { color: #aa637f; } 


@media ( max-width: 500px )
{
    .section90 .formbuilder .field_text{padding-bottom: 5px;}
    .section90 .formbuilder #fb-AppUkEligible-div .description{padding: 0 0 0 30px; font-size: 18px;}


    .section90 .buttons{ justify-content: center; }
}

@media ( max-width: 400px )
{
    .memb_candportal .apply .formbuilder #fb-AppFirstName-div, .memb_candportal .apply .formbuilder #fb-AppSurname-div { width: 100%; }
}