@font-face {
    font-family: FontAwesome;
    src: url(/library/fontawesome/5.15.4/webfonts/fa-solid-900.ttf);
}

* {padding: 0px;margin: 0px;font-size: 100%;}
body { font-family: Arial, Helvetica, Verdana, sans-serif; font-weight: normal; font-style: normal; font-size: 100%;  }
ul, ol { padding: 0px; margin: 0px; }
li { list-style-type: none; padding: 0px; margin: 0px; }
td, th { text-align: left; vertical-align: top; }
b, strong { font-weight: bold; font-family: Arial; }
p { margin: 0px 0px 10px 0px; line-height: 1.5; }
a { color: #10888b; text-decoration: none; }
input[type=text], input[type=number], input[type=password], input[type=email], textarea, select { font-family: Arial; 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: Arial, Helvetica, Verdana, sans-serif;font-weight: normal;font-style: normal;letter-spacing: 0.015em; color:#10888b; line-height: normal; }
table { border-spacing: 0px; }
td, th { padding: 0px; }
.section158 h2,.section158 h3,.section158 h4,.section158 h5,.section158 h6 {color: #5E398F;}

a.button, a.smallbutton, button, input[type=button], input[type=submit] {background: #169dac;padding: 10px 20px 10px 20px;color: #ffffff !important;font-family: Arial;font-weight: bold;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; }
.section158 a.button {background: #5E398F;}

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

h1 { font-size: 1.625em; /* 26px / 16px */ }
h2 {font-size: 1.25em;/* 20px / 16px */}
h3 {font-size: 1em;/* 16px / 16px */}
h4 {font-size: 1em;/* 16px / 16px */}

.fa { margin: 0px 0px 0px 8px; position: relative; bottom: 5px; }
.facebook:before { content: "\f082"; color: #3b5998;  }
.twitter:before { content: "\f081"; color: #0084b4; }
.linkedin:before { content: "\f08c"; color: #0077B5; }

.toggle i{display: none;}

.layoutheader .headertop {min-height: 101px;}
.layoutheader {display: none;width: 100%;height: 51px;background: #ebf5f5;border-bottom: #169dac 2px solid;padding: 15px 0px 0px 0px;box-sizing: border-box;filter: brightness(105%);}
.layoutheader .util_container { width: 90%; max-width: 1024px; margin: 0px auto 0px auto; }
.util_textbox.phone { width: 145px; float: left; height: 26px; line-height: 26px;}
.util_textbox.phone .imageleft, .util_textbox.phone .content  { float: left; line-height: 26px; }
.util_textbox.phone .imageleft { margin: 0px 5px 0px 0px; }
.util_textbox.phone a { margin: 0; line-height: 26px; display: block;}
.util_textbox.phone .content p {margin: 0; font-family: Arial; font-weight: bold; color: #999999;line-height: 19px;}

.layoutheader .feat_googlerating {float: none;/* margin: 5px 0px 5px 0px; */line-height: 19px;}
.layoutheader .feat_googlerating a {color: #999999;}
.layoutheader .feat_googlerating .stars {display: inline-block; padding: 0px 5px 0px 0px;}
.layoutheader .feat_googlerating .stars a {color: #fab02c;}
.layoutheader .feat_googlerating h2 {padding: 0px 5px 0px 0px;}
.layoutheader .feat_googlerating h2, .average {display: inline-block;}
.layoutheader .feat_googlerating .titletxt, .average {color: #999999;font-family: Arial; font-weight: bold; font-size: 100%;line-height: 19px;}

.layoutheader .headersocial {float: right;width: 145px; margin: -5px 5px 0 0}
.layoutheader .headersocial i{font-size: 32px; margin-right: 10px;}

@media( max-width: 849px )
{
    .layoutheader { height: auto; }
    .layoutheader .util_container .util_textbox.phone {float: none;clear: left;}
    .layoutheader .util_container .headersocial {float: none;clear: both;display: block;text-align: left;}
}

@media( max-width:710px )
{
   .layoutheader { height: auto; }
   .layoutheader .util_container .util_textbox.phone {float: none;clear: left;}
   .layoutheader .util_container .feat_googlerating {float: none;}
}
@media(max-width: 500px){
    .layoutheader .util_container .feat_googlerating { float: none;}


}

.layouttopmenu { clear: both; width: 90%; max-width: 1064px; margin: 24px auto 0px auto; overflow: hidden; }
.layouttopmenu .layouttopmenu_inner {display: flex; justify-content: space-between;}
.layouttopmenu .headerlogo {max-width: 300px;}
.layouttopmenu .headerlogo img { display: block; }
.layouttopmenu .nav_simple {float: right;padding: 53px 0px 0px 0px;max-width:860px;}
.layouttopmenu .nav_simple .menu129 {display: none;}
.layouttopmenu .nav_simple li { font-size: 88%; float: left; margin: 0px 8px 0px 8px; }
.layouttopmenu .nav_simple li a:hover { color: #10888b; text-decoration: none; border-bottom: #10888b 2px solid; padding-bottom: 3px; }
.layouttopmenu .nav_simple li.selected { font-family: Arial, Helvetica, Verdana, sans-serif; font-weight: bold; color: #10888b; text-decoration: none; border-bottom: #10888b 2px solid; padding-bottom: 3px; }
.section158 .layouttopmenu .nav_simple li.selected {color: #5E398F; border-bottom: solid 2px #5E398F;}
.section158 .layouttopmenu .nav_simple li a:hover { color: #5E398F; border-bottom: solid 2px #5E398F;}

.layouttopmenu .nav_simple svg {height: 50px; width: 50px; color: #10888b;}
.layouttopmenu .nav_simple svg path {fill: #10888b;}

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

@media(min-width:1053px){
    .layouttopmenu .nav_simple .toggle {display: none;}
}
@media(max-width:1052px){
    .layouttopmenu .nav_simple {position:absolute;/*height: 100vh;*/left: 0px;top: 0px;margin: 0px;padding: 0px;width: 100%;overflow: visible;}
    .layouttopmenu .nav_simple .toggle {display: block;width: 40px;height: 40px;cursor: pointer;position: absolute;right: 35px;top: 109px;left: auto;z-index: 1;}
    .layouttopmenu .nav_simple .toggle {top: -30px;}
    .layouttopmenu .nav_simple li {background-color: #10888b;clear: both;padding: 0px 0px 0px 0px;width: 100%;margin: 0px 70px 0px 0px;border-bottom: 5px solid #ffffff;float: right;right: 0px;text-align: right;}
    .layouttopmenu .nav_simple li:last-of-type{ border-bottom: none;}
    .layouttopmenu .nav_simple li a { background-color: #10888b; line-height: 31px; height: 31px; display: block; padding: 0px 0px 0px 0px;color: #ffffff;text-align: center;}
    
    
    .section17 .layouttopmenu .nav_simple li a {background: rgb(196,167,224);}
    .layouttopmenu .nav_simple li {width: 100%; float: none; margin: 0px; }
    .layouttopmenu .nav_simple {max-width: 100%; top: 30px;}

	.layouttopmenu .nav_simple li a:hover { border-bottom: none; color: #ffffff; padding-bottom: 0; }
    .layouttopmenu .nav_simple.toggleoff ul { display: none !important; }

    .layouttopmenu .nav_simple.toggleon ul {background-color: rgba(40,40,40,0.9);margin: -10px 0px 0px 0px;position: relative;z-index: 999;top: 30px;}

    .layouttopmenu .nav_simple li.selected {background-color:#169dac;border-bottom: 5px solid #ffffff;}
    .layouttopmenu .nav_simple li.selected a {background-color:#169dac;}

    .section17 .layouttopmenu .nav_simple li.selected {background-color: rgb(196,167,224);}
    .section17 .layouttopmenu .nav_simple li.selected a {background-color:rgb(174, 130, 215);;}
}

@media(max-width:955px){
    .layouttopmenu .headerlogo { float: none; text-align: center; }
    .layouttopmenu .headerlogo img {display: inline-block;text-align: center;}
    .layouttopmenu .nav_simple.toggleon ul {margin-top: 70px;width: 90%;}
    .layouttopmenu .nav_simple li {width: 100%;margin: 0px auto 0px auto;}
    .layouttopmenu .nav_simple.toggleon ul {margin-top: -10px;width: 100%;}

}
@media(max-width: 850px){

    .layouttopmenu .nav_simple .toggle {display: block;width: 40px;height: 40px;cursor: pointer;position: absolute;top:20px;right: 20px;left: auto;z-index: 1;}
    .layouttopmenu .nav_simple.toggleon ul { margin-top: 55px; }
}
@media(max-width: 849px){

    .section17 .layouttopmenu .nav_simple.toggleon ul {margin-top: 200px; width: 100%;}
    .feat_googlerating {margin: 10px 0px;}
    .section15 .layouttopmenu .nav_simple.toggleon ul {top:125px;}

}

@media(max-width: 398px){

    .layouttopmenu .nav_simple .toggle { top: 0;}


}
@media(max-width: 349px){

    .layouttopmenu .nav_simple.toggleon ul { margin-top: 77px;}
    .section17 .layouttopmenu .nav_simple.toggleon ul {margin-top: 210px; width: 100%;}

}

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

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


}

.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: #169dac; font-weight: bold; font-family: Arial; }
.layoutcontent a:hover { text-decoration: none; color: #10888b; }

.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
{ clear: both; width: 90%; max-width: 1024px; margin: 20px auto 0px auto; }
.feat_vacancysearch #searchform h2 {color: #5E398F;}
.feat_vacancysearch h4 {color: #5E398F;}
.std_contentpage .pagetitle {margin: 16px auto 10px auto;}
.std_contentpage .pagebanner img { display:block; width: 100%; }

.std_contentpage.fixedwidth .pagetitle { width: 100%;}

.home { position: relative; }

.home .homebanner {background: rgba(22, 157, 172, 1);position: relative;}
.home .homebanner img {opacity: 0.5;width: 100%;display: block;}
.home .homebanner h2 {position: absolute;color: #ffffff;margin: 0px 0px 0px 0px; top: 50%;transform: translateY(-50%);text-align: center;width: 100%; font-size: 250%;opacity: 1;}

@media( max-width: 480px )
{
    .home .homebanner h2 {background: #10888b;}
}

.home .std_content { margin: 16px auto 65px auto; }
.home h1 { text-align: center; padding: 0 15%; color: #169dac; }

@media( max-width: 480px )
{
    .home .homebanner h2 { position: static; top: 0; transform: translateY(0%); font-size: 1.875em; /* 30px / 16px */ min-height: 152px;padding: 16px 20px 10px 20px;box-sizing: border-box;}
}


/* Back to top button */

#button {display: inline-block;background-color: #10878a;width: 50px;height: 50px;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: 50px;color: #fff;}
#button:hover {cursor: pointer;background-color: #7abbd5;}
#button.show {opacity: 1;visibility: visible;}

.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; }
/*
.employers iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;border: #333333 solid 1px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
*/

.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: 1100px;} */
.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;}


.layoutfooter { font-size: 0.8125em; padding: 16px 0px 30px 0px; width: 100%; background-color: #169dac; color: #ffffff; overflow: auto; }
.layoutfooter .util_container {width: 90%;max-width: 1024px;margin: 0px auto 0px auto;}
.layoutfooter .util_container a { color: #ffffff; text-decoration: underline; font-weight: normal; font-family: 'open_sansregular'; }

.layoutfooter .footerleft {float: left;/* max-width: 704px; */width: 68.75%;}

.layoutfooter .footerleft .nav_linklist.footerlinks li { display: inline-block; padding: 0px 11px 0px 0px; }

.layoutfooter .footerleft .nav_linklist.footersocial .titletxt {color: #ffffff;font-size: 100%;margin-bottom: 5px;}
.layoutfooter .footersocial .links{display: flex; margin-top: 15px;}
.layoutfooter .footersocial .link{margin-right: 10px;}
.layoutfooter .footersocial i{ font-size: 35px; }
.layoutfooter .footerleft .nav_linklist.footersocial img { height: 34px; width: auto; }

.layoutfooter .footerleft .copyright_cookies { clear: both; padding: 10px 0px 0px 0px; }

/* Twitter feed v2 */
.layoutfooter .twitterfeed {float: right;width: 100%;/* max-width:300px; */width: 29.296875%;}
.layoutfooter .twitterfeed h2 { color: #ffffff; font-size: 100%; margin: 0px 0px 5px 0px; }

@media(max-width: 710px) {
    .layoutfooter .footerleft {
        width: 58.984375%;
        /* 604px / 1024px */
    }
    .layoutfooter .twitterfeed {
        width: 39.0625%;
        /* 400px / 1024px */
        margin-left: 1.953125%;
        /* 20px / 1024px */
    }
}

@media(max-width: 480px) {
    .layoutfooter .footerleft {
        width: 100%;
    }

    .layoutfooter .twitterfeed {
        width: 100%;
        margin-left: 0;
    }
}

.layoutcredits { display: none; }


/* 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  { width:50%; 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  {width:50%;}*/
.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, .memb_account .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 {padding: 0px;}
.memb_candportal #fb-AppUkEligibleDoc-div .label {display: none;}

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


.formbuilder {padding: 0px 0px 20px 0px;}
.formbuilder .field { padding: 0px 0px 20px 0px; width:100%}
.formbuilder .label label { padding: 0px 0px 15px 0px; font-family: arial; font-weight: bold; display: block; }
.formbuilder .description { font-size: 90%; padding: 0px 0px 5px 0px; }
.formbuilder .field_multiselect ul { padding: 0px !important; }
.formbuilder .field_multiselect li { padding: 0px !important; list-style-type: none !important; list-style-image: none !important; }

.formbuilder .dz-image { display: block; float: left; padding: 0px 20px 0px 0px; }
.formbuilder .dz-image img { max-height: 80px; width: auto; }
.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; }
.formbuilder .dz-preview .dz-details { float: left; padding: 0px 20px 0px 0px; }
.formbuilder .dz-preview .dz-filename { font-size: 80%; }
.formbuilder .dz-preview .dz-success-mark, .formbuilder .dz-preview .dz-error-mark { display: none; }
.formbuilder .dz-success .dz-success-mark { display: block; float: right; }
.formbuilder .dz-error .dz-error-mark { display: block; float: right; }
.formbuilder a.dz-remove { color: #aa637f; }




/* Vacancy search */

.feat_vacancysearch {min-height: 800px; }
.feat_vacancysearch .form {/* border: solid #ebf5f5 1px; */border-radius: 10px;box-sizing: border-box;padding: 10px;box-sizing: border-box;}
.feat_vacancysearch .form select { width: 100%; }
.feat_vacancysearch .form .field { padding: 0px 0px 10px 0px; }
.feat_vacancysearch .form .label { font-size: 80%; font-weight: bold; }
.feat_vacancysearch .form .label label { display: none; }
.feat_vacancysearch .form input, .feat_vacancysearch .form select {padding: 5px;}

.feat_vacancysearch .form #fb-SearchType-input { font-size: 80%; }

.feat_vacancysearch div.pagination { display: flex; text-align: center; justify-content: space-between; padding: 20px; }
.feat_vacancysearch div.pagination .previous { text-align: left; width: 100px; }
.feat_vacancysearch div.pagination .next { text-align: right; width: 100px; }

.feat_vacancysearch div.results { box-sizing: border-box; }
.feat_vacancysearch div.results li { list-style-image: none; border-bottom: solid #ebf5f5 1px; list-style-type: none; margin: 0px; padding: 20px 10px 20px 10px; }
.feat_vacancysearch div.results li:hover { background-color: #eeeeee; }
.feat_vacancysearch div.results .id { display: none; }
.feat_vacancysearch div.results .logo { float: right; width: 100px; margin: 0px 0px 20px 20px; }
.feat_vacancysearch div.results .title { padding: 0px 0px 10px 0px; margin: 0px; }
.feat_vacancysearch div.results .title a { text-decoration: none; }
.feat_vacancysearch div.results .company { padding: 0px 0px 10px 0px; margin: 0px; }
.feat_vacancysearch div.results .salary { padding: 0px 0px 10px 0px; margin: 0px; font-weight: bold; }
.feat_vacancysearch div.results .description { font-size: 80%; }
.feat_vacancysearch .field_hidden {display: none;}


/* Left search */

/* @media(min-width: 851px){
    .section17 .sectorbuttons, .section131 .sectorbuttons {display: block;}


}

@media(max-width: 850px){
    .sectorbuttons {display: none;}

} */
.sectorbuttons { clear: both; padding: 20px 0px 0px 0px; display: none; }

.feat_vacancysearch a.notification {background: #5E398F; color: white;}
.feat_vacancysearch a.notification { box-sizing: border-box;display: block; padding: 10px; color: #ffffff; margin-top: 20px; border-radius: 10px; cursor: pointer; text-decoration: none;}

@media(min-width:401px){

    .jobs h2 {font-size: 30px;}
}
@media(max-width:400px){

    .jobs h2 {font-size: 20px; text-align: center;}
}


@media(min-width: 850px){
.feat_vacancysearch .logoleft {max-width: 200px;margin-top: 10px; }
.feat_vacancysearch #searchform {position: static !important;}
.feat_vacancysearch .field_radio { float: left; width: 25%; }
.feat_vacancysearch .field_text { float: left; width: 25%; margin: 0px 10px; }
.feat_vacancysearch .field_select, .feat_vacancysearch #fb-VacPostcode-div  { float: left; width: 25%; height: 30px; margin: 0px 3px; }

.feat_vacancysearch #fb-SearchType-div { width: 220px;}
.feat_vacancysearch #fb-SearchType-div .radio {margin-bottom: 12px;font-size: 15px;}
.feat_vacancysearch .form input[type=submit] {clear: left; width: 25%; height: 31px; margin: 0px 3px;}
.feat_vacancysearch .notification {clear: both; text-align: center; margin-top: 0px;}

}

@media(max-width:1080px){
    .feat_vacancysearch .field_radio {  width: 33.3%; }
    .feat_vacancysearch .field_text { width: 33.3%; }
    .feat_vacancysearch .field_select, .feat_vacancysearch #fb-VacPostcode-div  {  width: 33.3%;  }
    .feat_vacancysearch .form input[type=submit] { width: 33.3%; }
}


@media(max-width:849px){

    .feat_vacancysearch .field { width: 100%; }
    .feat_vacancysearch .form input[type="radio"]{ scale: 1.85; margin-right: 10px;}
    .feat_vacancysearch #fb-SearchType-div .radio {margin-bottom: 20px;}
    .feat_vacancysearch #fb-SearchType-div .radio label{font-size: 120%;}
    .feat_vacancysearch .field_radio .input #fb-SearchType-input {display:block; max-width: 200px; margin: 0px auto;}


}



/* Left search end */


/* Vacancy page */

.feat_profile .rightcolumn { width: 50%; float: right; padding: 0px 0px 50px 20px; box-sizing: border-box; }
.feat_profile .leftcolumn { width: 50%; float: left; 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:710px){
    .feat_profile .leftcolumn { width: 100%; float: none; padding-right: 0; padding-bottom: 30px; }
    .feat_profile .rightcolumn { width: 100%; float: none; padding-left: 0; }
}

/* About page*/

.about .pagecomponents_inner{max-width: 1024px;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;}

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

/* 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;font-family: 'open_sansregular', sans-serif;}
.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%; font-family: 'open_sanssemibold', sans-serif; color: #666666; display:none; }

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

@media( min-width: 850px )
{
}


.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: 1024px; padding:70px; margin: 0px auto 0px auto;}
.feat_googlereviews .datetime {font-family: "open_sansbold"}
.feat_googlereviews .datetime {padding-top: 40px; padding-bottom: 5px;}
.feat_googlereviews .stars {color:#10888b; padding: 5px 0px 5px 0px;}
.feat_googlereviews .name {font-family: "open_sanssemibold"}
.feat_googlereviews .name {padding: 5px 0px 5px 0px;}
.feat_googlereviews .comment {padding-bottom: 15px;}
.feat_googlereviews .reply {font-family: "open_sansitalic";}
.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;}


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

.feat_vacancy .feat_socialshare ul { display: flex; flex-wrap: wrap; padding: 0px; flex-direction: row-reverse; justify-content: center;}
.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; }

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

/* New Jobs Board */

.section158 .layoutcontent .feat_vacancysearch #searchnotify {color: white;}
.section158 input[type=submit] {background: #5E398F;}
.section158 .whist {display: none;}
.section17 .pagetitle {display: none;}
.section158 .layouttopmenu .nav_simple a {color:#5E398F ;}
.section158 .layoutcontent a {color:#5E398F;}
.section158 h1 strong {color: #5E398F; font-size:1.625em}
.section158 .layoutheader { border-bottom: #5E398F 2px solid; background: rgb(196,167,224); }
.section158 .layoutheader a, .section158 .layoutheader .util_textbox p, .section158 .layoutheader div {color: white;}
.section158 .util_textbox.phone .content p {color: white; }
.section158 .layoutheader a, .section158 .layoutheader .average, .section158 .layoutheader .phone p {color: white;}
.section158 .layouttopmenu .nav_simple {float: none;}
.section158 .layoutfooter {background:rgb(196,167,224);}
.section158 .feat_vacancy .leftcolumn h1 {color: #5E398F;}
.section158 .feat_vacancy .interested h2 {color: #5E398F;}
.section158 .feat_vacancy .smallbutton {background: #5E398F;}
.section158 .feat_vacancy .sector {color: white;}
.section17 #button {background-color: #5E398F;}
.section158 .memb_loginbox .introduction ul li {background: rgb(196,167,224);}
.section158 .memb_loginbox .introduction ul li:hover {background: rgb(169, 145, 193);}
.section158 .layouttopmenu .nav_simple svg path{fill: #5E398F;}

@media(max-width: 470px){

    .section158 .headerlogo {max-width: 200px;}
}

.footerleft i {color: white;font-size: 32px;}
.section158 .footerleft i { color: rgb(196, 167, 224); }