/**********************************
* BLOCK COLOUR TOGGLE
**********************************/
/*#header { background: grey; }*/
/*#side-col-left { background: yellow; }
#side-col-right { background: purple; }
#main { background: pink; }*/
/*#footer { background: orange; }*/

/**********************************
* SPRITE
**********************************/

/* https://1481657-1-2.cdn.4matnetworks.com Test  */

/**********************************
* GENERAL
**********************************/

body {
    font-family: arial,helvetica,clean,sans-serif;
    font-size: 15px;
    line-height: 22px;
    font-weight: 400;
    font-style: normal;
    overflow-x: hidden;
    color: #000000;
    max-width: 1920px;
    margin: 0 auto;
    padding: 165px 0 0 0;
}

#frmMain {
    overflow-x: hidden;
}

p { margin-bottom: 20px; }
strong { font-weight: 700; }

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

::-moz-selection { background: #108eef; color: #ffffff;}
::selection { background: #108eef; color: #ffffff; text-shadow: none; }

.accessibility, .hidden { display:none; }

.float-left { float: left; }
.float-right { float: right; }

a,
.UserContent a {
    font-size: 16px;
    line-height: 22px;
    font-weight: 400;
    font-style: normal;
    color: #108eef;
    text-decoration: none;
    cursor: pointer;
}
a:hover,
.UserContent a:hover {
    color: #21409a;
}

.UserContent a {
    text-decoration: underline;
}

a,
a:hover,
.UserContent a,
.UserContent a:hover {
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}

.clear { clear: both; }
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after, .clear  { clear: both; }
.clearfix { zoom: 1; }

.UserContent { margin-bottom: 20px; }
.UserContent b, .UserContent strong { font-weight: bold; }
.UserContent i, .UserContent em { font-style: italic; }
.UserContent ol, .UserContent ul { margin: 20px 20px 20px 40px; }
.UserContent ol li { list-style-type: decimal; }
.UserContent ul li { list-style-type: disc; }
.UserContent iframe { width: 100%; }

/**********************************
* Site Margins
**********************************/

aside#side-col-left {
    margin-right: 9%;
}

/**********************************
* HEADINGS - H1,H2,H3 etc
**********************************/

h1 {
    font-family: 'Arial Black', 'Arial Bold', Gadget, sans-serif;
    font-size: 40px;
    line-height: 50px;
    font-style: normal;
    font-weight: 700;
    color: #000000;
    display: block;
    width: 100%;
    text-align: left;
    margin: 0 0 20px 0;
}

h2 {
    font-family: 'Arial Black', 'Arial Bold', Gadget, sans-serif;
    font-size: 30px;
    line-height: 40px;
    font-style: normal;
    font-weight: 500;
    color: #000000;
    display: block;
    width: 100%;
    text-align: left;
    margin: 0 0 20px 0;
}

h3 {
    font-family: 'Arial Black', 'Arial Bold', Gadget, sans-serif;
    font-size: 26px;
    line-height: 36px;
    font-weight: 500;
    font-style: normal;
    color: #000000;
    display: block;
    width: 100%;
    text-align: left;
    margin: 0 0 10px 0;
}

h4 {
    font-family: arial,helvetica,clean,sans-serif;
    font-size: 20px;
    line-height: 25px;
    font-weight: 400;
    font-style: normal;
    color: #000000;
    display: block;
    width: 100%;
    text-align: left;
    margin: 0 0 10px 0;
}

h5 {
    font-family: arial,helvetica,clean,sans-serif;
    font-size: 18px;
    line-height: 22px;
    font-weight: 400;
    font-style: normal;
    color: #000000;
    display: block;
    width: 100%;
    text-align: left;
    margin: 0 0 10px 0;
}

/**********************************
* Quote
**********************************/

blockquote {
    position: relative;
    display: block;
    width: 100%;
    margin: 80px 0 30px;
    padding: 0;
    font-family: 'Arial Black', 'Arial Bold', Gadget, sans-serif;
    font-weight: 500;
    font-size: 26px;
    line-height: 28px;
    color: #010000;
    text-align: left;
}

blockquote:before {
    content: '“';
    position: absolute;
    left: 0;
    top: -90px;
    font-size: 100px;
    line-height: normal;
    color: #010000;
    pointer-events: none;
}

blockquote span {
    display: block;
    width: 100%;
}

blockquote span.name {
    font-weight: 700;
    font-size: 16px;
    line-height: 20px;
    font-family: arial;
    margin-top: 30px;
}

blockquote span.company {
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    font-family: arial;
}



/**********************************
* 4MAT ADMIN TOOLBAR
**********************************/
#spnAdminToolbar { display: none; }

#admin-toolbar {
    z-index: 10000;
    position:fixed;
    top:0;
    left:0;
    width:100%;
    padding:5px 0;
    font-size: 12px;
    background:#000000;
}

#admin-toolbar-flyout {
    float: right;
    width: 90%;
    margin-top: 8px;
    margin-bottom: 8px;
    text-align: right;
}

#admin-toolbar-logo {
    margin-top: 10px;
}

#admin-toolbar-flyout #welcomeMsg { padding-bottom: 5px; }

#admin-toolbar-flyout a {
    display:inline-block;
    margin-right:10px;
    padding-right:10px;
    border-right: 1px solid #fff;
    color:#ffffff;
    text-decoration: none;
}

#admin-toolbar-flyout a:hover { color:#e6057f; }

#admin-toolbar span { color:#e6057f; }

#admin-toolbar span a {
    margin-right:0;
    margin-left: 10px;
    padding-right:0;
    padding-left: 10px;
    border-right: none;
    border-left: 1px solid #fff;
}

#cacheInfo a
{
    border-left: none !important;
    margin-left: 3px !important;
    padding-left: 3px !important;
}

#admin-toolbar.minimise {
    width: 86px;
    height: 40px;
    overflow: hidden;
    padding: 5px;
}


/**********************************
* COOKIE
**********************************/
#cookie-banner-container {
    z-index: 10000;
    background: #108eef;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    color: #ffffff;
}

#cookie-banner-message {
    display: inline-block;
}

#cookie-banner {
    padding: 10px 0;
    text-align: center;
}

#cookie-banner a.accept-link {
    display: inline-block;
    position: relative;
    width: 20px;
    height: 20px;
    margin-top: -2px;
    vertical-align: top;
    font-size: 20px;
    color: #010000;
    top: 2px;
    left: 10px;
}

#cookie-banner a {
    color: #010000;
    font-family: 'Arial Black', 'Arial Bold', Gadget, sans-serif;
    font-weight: 500;
}

#cookie-banner a:hover,
#cookie-banner a.accept-link:hover {
    color: #ffffff;
}


/**********************************
* HEADER
**********************************/

#header {
    z-index: 100;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    font-size: 0;
    line-height: 0;
    background: #ffffff;
}

#header .upper {
    width: 100%;
    height: 110px;
    position: relative;
    max-width: 1385px;
    margin: 0 auto;
    background: #ffffff;
    /*z-index: 1001;*/
}

#header .upper .logo {
    position: absolute;
    left: 10px;
    top: 20px;
    width: 400px;
}

#header.sticky .upper .logo {
    top: 5px;
}

#header .upper .callToActions {
    position: absolute;
    right: 10px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%);
}

#header .upper .callToActions .register-a-vacancy {
    display: inline-block;
    font-size: 15px;
    line-height: normal;
    font-family: arial,helvetica,clean,sans-serif;
    font-style: normal;
    font-weight: 400;
    color: #000000;
}

#header .upper .callToActions .register-a-vacancy:hover {
    color: #6dcff6;
}

#header .upper .callToActions .register-a-vacancy,
#header .upper .callToActions .register-a-vacancy:hover {
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}

#header .upper .callToActions .register-a-vacancy:before {
    content: "\f040";
    font-family: fontawesome;
    font-size: 15px;
    line-height: normal;
    color: #6dcff6;
    margin-right: 5px;
}

#header .upper .callToActions ul { margin: 0; padding: 0; }

#header .upper .callToActions ul li {
    list-style-type: none;
    display: inline-block;
    margin-left: 22px;
}

#header .lower {
    display: inline-block;
    position: relative;
    z-index: 1000;
    width: 100%;
    background: #000000;
    color: #ffffff;
}

#header .lower .wrapper {
    max-width: 1385px;
    padding: 0 10px;
    position: relative;
    margin: 0 auto;
}

#header .lower .wrapper .right {
    float: right;
    height: 48px;
    padding-right: 290px;
}

#header .lower .wrapper #socialMediaIcons {
    float: left;
}

#header .lower .wrapper #socialMediaIcons ul li {
    list-style-type: none;
    display: inline-block;
    margin-right: 25px;
}

#header .lower .wrapper #socialMediaIcons ul li a {
    color: #ffffff;
    font-size: 17px;
    line-height: normal;
    padding: 14px 0;
    display: block;
}

#header .lower .wrapper #socialMediaIcons ul li a:hover { color: #108eef; }



#header .lower .wrapper #primary-nav,
#header .lower .wrapper #quick-search {
    float: left;
}

#header .lower .wrapper #quick-search .form-item-input input {
    padding: 15px 12px;
    background: #959595;
    border: none;
    margin: 0;
}

@-moz-document url-prefix() {

    #header .lower .wrapper #quick-search .form-item-input input {
        padding: 14.5px 12px;
    }

}

#header .lower #quick-search-form .form-item-input,
#header .lower #quick-search-form .form-item-label { width: auto; margin: 0; }

#header .lower #quick-search-form {
    position: absolute;
    top: 0;
    right: 10px;
    width: 245px;
}

#header .lower #quick-search-form fieldset,
#header .lower #quick-search-form .form-item-row {
    margin: 0;
}

#header .lower #quick-search-form .form-buttons {
    position: absolute;
    right: 0;
    top: 0;
    width: 50px;
    height: 100%;
    font-size: 0;
    line-height: 0;
}

#header .lower #quick-search-form .form-buttons:after {
    content: "\f002";
    font-family: fontawesome;
    font-size: 20px;
    line-height: normal;
    color: #ffffff;
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    text-align: center;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%);
}

#header .lower #quick-search-form .form-buttons input {
    background: transparent;
    color: transparent;
    font-size: 0;
    line-height: 0;
    border: none;
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%;
}

#header .lower #quick-search-form .form-buttons:hover:after {
    color: #000000;
}

#header .lower #quick-search-form .form-buttons:after,
#header .lower #quick-search-form .form-buttons:hover:after {
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}

#header .lower .wrapper #quick-search.focus #quick-search-form {
    width: 100%;
    width: calc(100% - 20px);
}

#header .lower .wrapper #quick-search.focus .form-item-input input {
    background: #108eef;
    color: #ffffff;
}

#header .lower .wrapper #quick-search .form-item-input input,
#header .lower .wrapper #quick-search.focus .form-item-input input,
#header #quick-search #quick-search-form,
#header #quick-search.focus #quick-search-form {
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
}

#header .lower .wrapper #quick-search .form-item-input ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #ffffff;
}
#header .lower .wrapper #quick-search .form-item-input ::-moz-placeholder { /* Firefox 19+ */
  color: #ffffff;
}
#header .lower .wrapper #quick-search .form-item-input :-ms-input-placeholder { /* IE 10+ */
  color: #ffffff;
}
#header .lower .wrapper #quick-search .form-item-input :-moz-placeholder { /* Firefox 18- */
  color: #ffffff;
}

/**********************************
* Sticky Nav
**********************************/

#header .upper .logo a span {
    display: inline-block;
    float: left;
}

#header .upper .logo a span.text {
    position: absolute;
    left: 0;
    top: 0;
}

#header .upper .logo a .icon {
    position: absolute;
    left: 150px;
    top: 0;
    -webkit-transform: rotate(-0deg);
    -moz-transform: rotate(-0deg);
    transform: rotate(-0deg);
    display: inline-block;
    width: 73px;
}

#header .upper .logo a .icon img {
    display: block;
    width: 100%;
}

#header.sticky .upper {
    height: 48px;
}

#header.sticky .upper .logo a span.text {
    opacity: 0;
}

#header.sticky .upper .logo a span.icon {
    left: 0;
    width: 38px;
    display: inline-block;
    -webkit-transform: rotate(-360deg);
    -moz-transform: rotate(-360deg);
    transform: rotate(-360deg);
}



#header .upper,
#header.sticky .upper,
#header .upper .logo a span.text,
#header.sticky .upper .logo a span.text,
#header .upper .logo a .icon,
#header.sticky .upper .logo a .icon,
#header .upper .logo,
#header.sticky .upper .logo {
    -webkit-transition: all .8s ease-in-out;
    -moz-transition: all .8s ease-in-out;
    transition: all .8s ease-in-out;
}

/**********************************
* MAIN NAV
**********************************/
#touch-menu {
    display: none;
    position: absolute;
    top: 0;
    height: 100%;
    right: 10px;
    width: 30px;
}

#touch-menu .hamburger-inner, #touch-menu .hamburger-inner:after, #touch-menu .hamburger-inner:before {
    position: absolute;
    width: 30px;
    height: 4px;
    transition-timing-function: ease;
    transition-duration: .15s;
    transition-property: transform;
    background-color: #000;
    margin-top: 10px;
}

.hamburger-inner:after, .hamburger-inner:before {
    display: block;
    content: '';
}

#touch-menu .hamburger-inner, #touch-menu .hamburger-inner:after, #touch-menu .hamburger-inner:before {
    background-color: #fff;
}
#touch-menu .hamburger-inner:before {
    top: 10px;
    transition: top 1s cubic-bezier(.33333,.66667,.66667,1) 5s,transform 1s cubic-bezier(.55,.055,.675,.19);
}

#touch-menu .hamburger-inner:before {
    top: 10px;
    transition: top 1s cubic-bezier(.33333,.66667,.66667,1) 5s,transform 1s cubic-bezier(.55,.055,.675,.19);
}

/* Click animation */


#primary-nav.open .hamburger-inner {
    transition-delay: .1s;
    transform: translate3d(0,10px,0) rotate(135deg);
}

#primary-nav.open .hamburger-inner:before {
    transition-delay: 0s;
    opacity: 0;
}

#primary-nav.open .hamburger-inner:after {
    top: 10px;
    transition-delay: .1s;
    transform: translate3d(0,-20px,0) rotate(-270deg);
}

#primary-nav.ope .hamburger-inner:after {
    top: 20px;
    transition: transform .4s cubic-bezier(.68,-.55,.265,1.55);
}

#primary-nav { width: auto; }

#primary-nav ul li.first { margin-left: 0; }

#primary-nav ul li.last { margin-right: 0; }

#primary-nav ul li {
    display: inline;
    margin-right: 10px;
}

#primary-nav ul li a,
#primary-nav ul li > span.text {
    color: #ffffff;
    font-size: 15px;
    line-height: normal;
    text-align: center;
    font-weight: 400;
    padding: 15.5px 10px;
    display: inline-block;
}

#primary-nav ul li a:hover,
#primary-nav ul li a:active,
#primary-nav ul li.selected a {
    color: #108eef;
}

/*#primary-nav ul li.jobsNav { position: relative; }*/

#primary-nav ul li.jobsNav:hover > span.text,
#primary-nav ul li.jobsNav.open > span.text {
    background: #108eef;
    color: #ffffff;
}

#primary-nav ul li.jobsNav:hover > span.text:after,
#primary-nav ul li.jobsNav.open > span.text:after {
    color: #ffffff;
}

#primary-nav ul li.jobsNav > span.text:after,
#primary-nav ul li.jobsNav:hover > span.text:after {
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}

#primary-nav ul li.jobsNav span.text { position: relative; padding: 15.5px 30px 15.5px 10px; cursor: pointer; }
#primary-nav ul li.jobsNav span.text:after {
    content: "\f107";
    font-family: fontawesome;
    font-size: 22px;
    line-height: normal;
    position: absolute;
    color: #108eef;
    top: 50%;
    right: 10px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%);
}

#primary-nav ul li.jobsNav:hover span.text:after,
#primary-nav ul li.jobsNav.open span.text:after {
    -webkit-transform: translateY(-50%) rotate(-180deg);
    -moz-transform: translateY(-50%) rotate(-180deg);
    transform: translateY(-50%) rotate(-180deg);
}


/*nav overlay*/

#spnAdminToolbar {
    display: none !important;  /*REMOVE AFTER BUILT*/
}

#primary-nav ul li.jobsNav .secondaryNav {
    display: none;
    opacity: 0;
    position: fixed;
    top: 0;
    left: 0;
    background: #108eef;
    padding: 30px 15px 17px 15px;
    color: #ffffff;
    width: 100%;
    height: 100vh;
    z-index: 1002;
   
}

#primary-nav ul li.jobsNav .secondaryNav.open {
    display: block;
    opacity: 1;
}

.orinion-search-overlay__container {
    
    width: 100%;
    max-width: 1200px;
    margin: 150px auto;
    display: flex;
    justify-content: space-around;
    position: relative;
}

.orinion-search-overlay__container::before {
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%);
    height: 100%;
    width: 1px;
    background: #fff;
}


.orinion-search-overlay__header-section {
    display: flex;
    align-items: center;
    justify-content: space-around;
}

.orinion-search-overlay__close-btn::before {
    content: "\f00d";
    font-family: fontawesome;
    font-size: 30px;
    font-weight: 100;
    position: relative;
   z-index: 100;
   cursor: pointer;
}


.orinion-search-overlay__nav-link {
    font-size: 30px !important;
    position: relative;
    padding-left: 0 !important;
    padding-bottom: 5px !important;
}

.orinion-search-overlay__nav-link::before {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 2px;
    background: #fff;
    transform: scaleX(0);
    transform-origin: left;
    transition: all .3s ease-in;
}

.orinion-search-overlay__nav-link:hover {
    cursor: pointer;
    color: #fff !important;
}

.orinion-search-overlay__nav-link:hover::before {
    transform: scale(1);
}

.orinion-search-overlay__nav {
    display: flex;
    flex-direction: column;
}

/*#primary-nav ul li.jobsNav:hover .secondaryNav,
#primary-nav ul li.jobsNav.open .secondaryNav {
    display: block;
    -webkit-animation: fadeIn .4s;
    -moz-animation: fadeIn .4s;
    animation: fadeIn .4s;
}*/

#primary-nav ul li.jobsNav .secondaryNav .col {
    width: 50%;
    display: inline-block;
    float: left;
    border-right: 1px solid #ffffff;
}

#primary-nav ul li.jobsNav .secondaryNav .col:last-child {
    border: none;
}

#primary-nav ul li.jobsNav .secondaryNav .col:last-child ul li {
    padding-left: 30px;
}

#primary-nav ul li.jobsNav .secondaryNav .col ul li {
    display: block;
    width: 100%;
    text-align: left;
    color: #ffffff;
    padding: 5px 0;
}

#primary-nav ul li.jobsNav .secondaryNav .col ul li:first-child { padding-top: 0;}
#primary-nav ul li.jobsNav .secondaryNav .col ul li:last-child { padding-bottom: 0;}

#primary-nav ul li.jobsNav .secondaryNav .col ul li a {
    padding: 0;
    margin: 0;
}

#primary-nav ul li.jobsNav .secondaryNav .col ul li a:hover {
    color: #010000;
}

@-webkit-keyframes fadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@-moz-keyframes fadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}


/**********************************
* Secondary nav
**********************************/

#side-col-left #Secondary_Nav .navTitle { display: none; }

#side-col-left .toggleHeader {
    font-family: 'Arial Black', 'Arial Bold', Gadget, sans-serif;
    font-weight: 700;
    font-size: 15px;
    line-height: normal;
    color: #ffffff;
    background: #108eef;
    display: block;
    text-align: left;
    padding: 15px 20px;
}

#side-col-left #Secondary_Nav ul {
    background: #000000;
    width: 100%;
}

#side-col-left #Secondary_Nav ul li {
    display: block;
    width: 100%;
    height: auto;
    padding: 0;
    margin: 0;
}

#side-col-left #Secondary_Nav ul li a {
    display: block;
    width: 100%;
    height: auto;
    padding: 10px 20px;
    margin: 0;
    color: #ffffff;
    font-weight: 400;
    border-bottom: 1px solid #4a4a4a;
}

#side-col-left #Secondary_Nav ul li a:hover,
#side-col-left #Secondary_Nav ul li a:active,
#side-col-left #Secondary_Nav ul li.selected > a,
#side-col-left #Secondary_Nav ul li ul li.selected a {
    color: #108eef;
}

#side-col-left #Secondary_Nav ul li ul li a {
    padding-left: 55px;
}

#side-col-left #Secondary_Nav ul li.hasChildren a {
    position: relative;
}

#side-col-left #Secondary_Nav ul li.hasChildren > a:after {
    content: "\f067";
    font-family: fontawesome;
    font-size: 16px;
    position: relative;
    margin-left: 8px;
}

#side-col-left #Secondary_Nav ul li.hasChildren.selected > a:after {
    content: "\f068";
}



/**********************************
* touch-search
**********************************/

#touch-search {
    display: none;
    position: absolute;
    top: 10px;
    height: 100%;
    right: 50px;
    width: 30px;
}

#touch-search i {
    font-size: 25px;
    line-height: normal;
    color: #ffffff;
    vertical-align: middle;
}

/**********************************
* social-hub-profile-page
**********************************/

#social-hub-profile-page {
    display: inline-block;
}

#social-hub-profile-page .BioQuickInfo {
    display: inline;
    float: left;
    background: #108eef;
    padding: 20px;
    width: 25%;
}

#social-hub-profile-page .bioInfoWrap {
    display: inline;
    float: right;
    width: 75%;
    padding-left: 10%;
}

#social-hub-profile-page .BioQuickInfo .photo img {
    display: block;
    width: 100%;
}

#social-hub-profile-page .BioQuickInfo #sendMessageLink,
#social-hub-profile-page .BioQuickInfo #sendCVLink,
#social-hub-profile-page .BioQuickInfo #sendSpecLink {
    display: block;
    width: 100%;
    background: #010000;
    color: #ffffff;
    text-align: center;
    padding: 15px 0;
    margin: 20px auto;
    font-size: 18px;
    line-height: normal;
    font-weight: 400;
}

#social-hub-profile-page .BioQuickInfo #sendMessageLink:hover,
#social-hub-profile-page .BioQuickInfo #sendCVLink:hover,
#social-hub-profile-page .BioQuickInfo #sendSpecLink:hover {
    background: #ffffff;
    color: #010000;
}

#social-hub-profile-page .BioQuickInfo #sendSpecLink { margin-bottom: 0; }

#social-hub-profile-page .bioInfoWrap .quickDetails h1 {
    margin: 0;
    padding: 0;
}

#social-hub-profile-page .bioInfoWrap .quickDetails .title {
    color: #000000;
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 20px;
}

#social-hub-profile-page .bioInfoWrap .bioTitle,
#social-hub-profile-page .bioInfoWrap .email,
#social-hub-profile-page .bioInfoWrap .email a,
#social-hub-profile-page .bioInfoWrap .number,
#social-hub-profile-page .bioInfoWrap .number a,
#social-hub-profile-page .bioInfoWrap .info.vcard {
    color: #000000;
    font-size: 18px;
    line-height: 24px;
}

#social-hub-profile-page .bioInfoWrap .email a:hover,
#social-hub-profile-page .bioInfoWrap .number a:hover,
#social-hub-profile-page .bioInfoWrap .info.vcard:hover {
    color: #108eef;
}


#social-hub-profile-page .bioInfoWrap .socialBits {
    font-weight: 700;
    font-size: 18px;
    line-height: 24px;
    margin-top: 20px;
    color: #000000;
    text-align: left;
    display: inline-block;
}

#social-hub-profile-page .bioInfoWrap .socialBits:after{
    content: "";
    display: table;
    clear: both;
}

#social-hub-profile-page .bioInfoWrap .socialBits > *{
    float: left;
}

#social-hub-profile-page .bioInfoWrap .socialBits > span.label {
    display: inline-block;
    margin-right: 20px;
}

#social-hub-profile-page .bioInfoWrap .socialBits > div {
    width: 40px;
    margin-left: 10px;
    height: 30px;
    position: relative;
    overflow: hidden;
}

#social-hub-profile-page .bioInfoWrap .socialBits > div:before{
    position: absolute;
    color: black;
    top: 0;
    left: 2px;
    content: "\f0e1";
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 20px;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

#social-hub-profile-page .bioInfoWrap .socialBits > div:hover:before {
    color: #108eef;
}

#social-hub-profile-page .bioInfoWrap .socialBits > div:before,
#social-hub-profile-page .bioInfoWrap .socialBits > div:hover:before {
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}

#social-hub-profile-page .bioInfoWrap .socialBits > div.twitter_wrapper:before{
    content: "\f099";
}

#social-hub-profile-page .bioInfoWrap .socialBits > div.facebook_wrapper:before {
    content: "\f09a";
}

#social-hub-profile-page .bioInfoWrap .socialBits > div.instagram_wrapper:before {
     content: "\f16d";
}

#social-hub-profile-page .bioInfoWrap .socialBits > div > div{
    opacity: 0;
}

.bottom_banners:after{
    content: "";
    display: table;
    clear: both;
}

.bottom_banners .grid-col > div {
    height: 450px;
    overflow: hidden;
}

.bottom_banners .grid-col > div img {
    height: 450px;
    width: auto;
}

.bottom_banners.wide .grid-col > div { height: auto; }

/**********************************
* Social Wall
**********************************/

#feedContent {
    margin-top: 115px;
}

#feedContent .dcsns-toolbar #dcsns-filter {
    display: inline-block;
    width: 100%;
    background: #108eef;
    text-align: center;
    padding-top: 30px;
}

#feedContent .dcsns-toolbar #dcsns-filter li {
    display: inline;
}

#feedContent .dcsns-toolbar #dcsns-filter li a {
    display: inline-block;
    background: #21409a;
    font-size: 15px;
    line-height: normal;
    color: #108eef;
    padding: 14px 45px;
    font-family: 'Arial Black', 'Arial Bold', Gadget, sans-serif;
    font-weight: 700;
    text-align: center;
    margin: 0 5px;
    text-transform: uppercase;
}

#feedContent .dcsns-toolbar #dcsns-filter li a:hover,
#feedContent .dcsns-toolbar #dcsns-filter li a.selected {
    background: #ffffff;
}

#feedContent .dcsns-toolbar #dcsns-filter li a.selected {
    cursor: default;
}

#feedProfBottom #post-results .grid-col.grid-col-6-12,
#feedProfBottom #vacancy-results .grid-col.grid-col-6-12 {
    width: 33.33333%;
}

#feedProfBottom #post-results .results-row {
    margin-top: 23px;
}

#feedProfBottom .viewAllWrap .form-buttons {
    text-align: center;
    padding: 65px 0;
}

#feedProfBottom .viewAllWrap .form-buttons a.btn.view-all.jobs {
    display: inline-block;
    margin: 0 auto;
    padding: 15px 30px;
    font-size: 16px;
}

.mySectors {
    margin: 50px 0;
}

.mySectors .title {
    vertical-align: top;
}

.mySectors .item {
    margin: 0 10px;
}

.mySectors .item span {
    font-size: 30px;
    line-height: normal;
}

/**********************************
* Landing pages
**********************************/

#homepage-stream {
    margin-bottom: 23px;
}


/**********************************
* Banner grid block
**********************************/
div#grid_block_banners {
    margin: 0 -1px;
}

.divide_banners:after{
    content: "";
    display: table;
    clear: both;
}



.divide_banners.first_divide .divide_banners.second_divide > *,
.divide_banners.first_divide .top_banner_wrapper,
div#grid_block_banners .video_banner{
    padding: 1px;
    overflow: hidden;
}

.divide_banners.first_divide .top_banner_wrapper{
    height: 342px;
}

.divide_banners > *{
    float: left;
    width: 50%;
}

.divide_banners.first_divide > * {
    width: 100%;
}

div#grid_block_banners .banner-pool.widget {
    position: relative;
}

.quote_banner .banner-pool.widget .info,
div#grid_block_banners .banner-pool.widget .info {
    position: absolute;
    top: 0;
    left: 0;
    color: white;
    width: 100%;
    height: 100%;
    min-height: 330px;
}

div#grid_block_banners .video_banner .info {
    -moz-box-shadow: inset 0 0 331px 49px #000;
    -webkit-box-shadow: inset 0 0 331px 49px #000;
    box-shadow: inset 0 0 331px 49px #000;
    text-align: center;
}

div#grid_block_banners .video_banner .info .fa {
    font-size: 178px;
    opacity: 0.7;
    padding-top: 255px;
}

div#grid_block_banners .video_banner:hover .info .fa {
    opacity: 1;
}

div#grid_block_banners .video_banner .info .fa,
div#grid_block_banners .video_banner:hover .info .fa {
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}

/*adam*/
.quote_banner {
    background: #fff;
    position: relative;
    min-height: 330px;
    /*border-right: 13px solid #6DCFF6;*/
    box-shadow: inset -13px 0px 0px -1px #6DCEF8, inset -2px 14px 0px -2px #3F8FE8;
    border-top: 1px solid #fff;
}

/*.quote_banner::before {
    content: '';
    position:absolute;
    top: 0;
    left: 0;
    height: 13px;
    width: 100%;
    background: #3F8FE8;
}*/

.quote_banner::after {
    content: '';
    position:absolute;
    bottom: 0;
    left: 0;
    height: 13px;
    width: 100%;
    background: #3F8FE8;
    z-index: 2;
}

.quote_banner .banner-pool {
    overflow: visible !important;
}

.quote_banner .banner-pool.widget .info {
    padding: 35px;
}


/*adam*/
.quote_banner .banner-pool.widget p.quote {
    font-size: 18px;
    font-weight: 900;
    line-height: 22px;
    text-align: left;
    position: relative;
    padding-top: 53px;
    color: #108eef;
}

.quote_banner .banner-pool.widget p.quote:before{
    content: '“';
    font-size: 50px;
    color: #3F8FE8;
    top: 0;
    left: 0;
    position: absolute;
    line-height: 63px;
}

/*adam*/
.quote_banner .banner-pool.widget .info p.quote_info {
    margin: 0;
    position: absolute;
    left: 0;
    bottom: 0;
    padding: 35px;
    text-align: left;
    font-size: 16px;
    color: #418EE8;
    line-height: 19px;
}

.info p.quote_info span {
    display: block;
    font-weight: bold;
}

div#grid_block_banners .video_banner,
.top_banner_wrapper .banner-wrapper,
div#grid_block_banners .banner-pool {
    overflow: hidden;
}

/**********************************
* Social Wall
**********************************/


#social-stream .dcsns-toolbar {
    position: relative;
    background: #108eef;
    text-align: center;
    margin-top: -3px;
}

#social-stream .dcsns-toolbar:before,
#social-stream .dcsns-toolbar:after {
    content: '';
    width: 1000px;
    height: 100%;
    position: absolute;
    top: 0;
    background: #108eef;
}

#social-stream .dcsns-toolbar:before {
    left: 100%;
}
#social-stream .dcsns-toolbar:after {
    right: 100%;
}

#social-stream .dcsns-toolbar li {
    display: inline-block;
}

#social-stream .dcsns-toolbar li a {
    display: block;
    color: #ffffff;
    padding: 20px 75px;
    font-family: 'Arial Black', 'Arial Bold', Gadget, sans-serif;
    font-weight: 700;
    font-size: 15px;
    line-height: normal;
    color: #6dcff6;
    text-align: center;
    background: #21409a;
    margin-top: 30px;
    text-transform: uppercase;
}

#social-stream .dcsns-toolbar li {
    margin-right: 10px;
}

#social-stream .dcsns-toolbar #dcsns-filter li:last-child {
    margin: 0;
}

#social-stream .dcsns-toolbar #dcsns-filter li:hover a,
#social-stream .dcsns-toolbar #dcsns-filter li.active a {
    background: #ffffff;
}

#social-stream .dcsns-content {
    max-width: 1385px;
    margin: 0 auto;
    display: block;
}


/* Jobs */

#social-stream .dcsns-content .dcsns-rss1 .inner {
    margin-top: 23px;
    height: 430px;
    position: relative;
    padding: 20px;
    padding-bottom: 90px;
    overflow: hidden;
    background: #fff;
}

/*adam*/
#social-stream .inner .job-desc, #social-stream .inner .job-desc .dec {
    color: #000 !important;
}

#social-stream .dcsns-content .dcsns-rss1:before {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 10px;
    background: #108eef;
    z-index: 105;
}

/*adam*/
#social-stream .dcsns-content .dcsns-rss1:after {
    content: '';
    position: absolute;
    left: 0;
    top: 23px;
    width: 100%;
    height: 10px;
    background: #108eef;
    z-index: 105;
}



/*adam*/
/*#social-stream .dcsns-content .dcsns-rss1 .inner:before {
    position: absolute;
    content: '';
    width: 160px;
    height: 160px;
    border-radius: 50%;
    right: -70px;
    bottom: -75px;
    background: #303131;
    z-index: 100;
}*/

/*adam*/
/*#social-stream .dcsns-content .dcsns-rss1 .inner:after {
    content: "\e900";
    color: #108eef;
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 39px;
    bottom: 20px;
    right: 20px;
    position: absolute;
    z-index: 101;
}*/

#social-stream .dcsns-content .dcsns-rss1 .inner.construction:after,
#social-stream .dcsns-content .dcsns-rss1 .inner.construction_and_infrastructure:after {
    content: "\e906";
}

#social-stream .dcsns-content .dcsns-rss1 .inner.water_and_utilities:after,
#social-stream .dcsns-content .dcsns-rss1 .inner.power_and_utilities:after {
    content: "\e908";
}

#social-stream .dcsns-content .dcsns-rss1 .inner.finance:after{
    content: "\e90b";
}

#social-stream .dcsns-content .dcsns-rss1 .inner.oil_and_gas:after{
    content: "\e904";
}

#social-stream .dcsns-content .dcsns-rss1 .inner.energy:after{
    content: "\e907";
}

#social-stream .dcsns-content .dcsns-rss1 .inner.aerospace:after{
    content: "\e900";
}

#social-stream .dcsns-content .dcsns-rss1 .inner.office_and_commercial:after{
    content: "\e903";
}

#social-stream .dcsns-content .dcsns-rss1 .inner.rail:after{
    content: "\e905";
}

#social-stream .dcsns-content .dcsns-rss1 .inner.it_and_telecoms:after{
    content: "\e901";
}

#social-stream .dcsns-content .dcsns-rss1 .inner.nuclear:after{
    content: "\e902";
}

#social-stream .dcsns-content .dcsns-rss1 .inner.marine:after{
    content: "\e909";
}

#social-stream .dcsns-content .dcsns-rss1 .inner.renewable_energy:after{
    content: "\e90a";
}

/*#social-stream .dcsns-content .dcsns-rss1 .inner.renewable_energy:after,
#social-stream .dcsns-content .dcsns-rss1 .inner.marine:after,
#social-stream .dcsns-content .dcsns-rss1 .inner.mining:after {
    content: "\f013";
    font-family: fontawesome !important;
    font-size: 35px;
}*/


/*adam*/
#social-stream .dcsns-content .dcsns-rss1 .inner .section-thumb {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 90px;
    height: 90px;
    /*overflow: hidden;*/
    /*border: 1px solid black;*/
    z-index: 100;

}

/*adam*/
#social-stream .dcsns-content .dcsns-rss1 .inner .section-thumb img {
    float: none;
    width: 100%;
    height: 100%;
    display: block;
    /*border-radius: 50%;*/
}

#social-stream .inner .username {
    padding-top: 15px;
    font-size: 20px;
    line-height: 24px;
    font-family: 'Arial Black', 'Arial Bold', Gadget, sans-serif;
    font-weight: 700;
    font-size: 15px;
    line-height: 18px;
    color: #108eef;
    text-align: left;
        position: absolute;
    bottom: 15px;
    left: 100px;
    white-space: nowrap;
   
}

#social-stream .dcsns-content .dcsns-rss1 .inner .section-title > a,
#social-stream .dcsns-content .dcsns-rss1 .inner .section-title-no-thumb > a {
    display: block;
    margin-bottom: 10px;
    /*color: #ffffff;*/
    color:#108eef; 
    font-weight: 900;
    font-size: 26px;
    height: 81px;
    padding-top: 10px;
}

#social-stream .dcsns-content .dcsns-rss1 .inner .section-title > a:hover, #social-stream .dcsns-content .dcsns-rss1 .inner .section-title-no-thumb > a:hover  {
    /*color: #108eef;*/
    color: #21409a;
}

#social-stream .dcsns-content .dcsns-rss1 .inner .section-title > a,
#social-stream .dcsns-content .dcsns-rss1 .inner .section-title > a:hover {
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}

#social-stream .dcsns-content .dcsns-rss1 .inner .section-viewmore { display: none; }

#social-stream .dcsns-content .dcsns-rss1 .inner .section-text .job-info span {
    display: block;
    width: 100%;
    text-align: left;
    margin-bottom: 10px;
    color: #108eef;
    font-weight: 700;
    font-size: 17px;
    position: relative;
}

#social-stream .dcsns-content .dcsns-rss1 .inner .section-text .job-info span.salary:before,
#social-stream .dcsns-content .dcsns-rss1 .inner .section-text .job-info span.job-type:before,
#social-stream .dcsns-content .dcsns-rss1 .inner .section-text .job-info span.location:before {
    content: '';
    font-family: fontawesome;
    display: inline-block;
    position: relative;
    width: 20px;
    font-size: 18px;
    text-align: center;
    margin-right: 9px;
}

#social-stream .dcsns-content .dcsns-rss1 .inner .section-text .job-info span.salary:before { content: "\f1c0"; }
#social-stream .dcsns-content .dcsns-rss1 .inner .section-text .job-info span.job-type:before { content: "\f0c0"; }
#social-stream .dcsns-content .dcsns-rss1 .inner .section-text .job-info span.location:before { content: "\f08d"; }

#social-stream .dcsns-content .dcsns-rss1 .inner .section-text .job-desc {
    font-weight: normal;
    font-size: 15px;
    color: #000;
    line-height: 25px;
    margin-top: 24px;
}

#social-stream .dcsns-content .dcsns-rss1 .inner .section-text .job-desc {
    color: #6dcff6;
}

/*#social-stream .dcsns-content .dcsns-rss1 .section-bottom {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background: #010000;
    z-index: 1;
    height: 85px;
} adam*/

#social-stream .dcsns-content .dcsns-rss1 .section-bottom:before {

    content: '';
    position: absolute;
    width: 100%;
    left: 0;
    top: -30px;
    height: 30px;
    display: block;
    margin: 0 auto;

    background: -moz-linear-gradient(top,  rgba(1,0,0,0) 0%, rgba(1,0,0,0.3) 30%, rgba(1,0,0,1) 100%);
    background: -webkit-linear-gradient(top,  rgba(1,0,0,0) 0%,rgba(1,0,0,0.3) 30%,rgba(1,0,0,1) 100%);
    background: linear-gradient(to bottom,  rgba(1,0,0,0) 0%,rgba(1,0,0,0.3) 30%,rgba(1,0,0,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00010000', endColorstr='#010000',GradientType=0 );

}


/* Blogs */

#social-stream .dcsns-content .dcsns-rss2 .inner {
    position: relative;
    height: 430px;
    overflow: hidden;
    background: #ffffff;
    border-bottom: 10px solid #010000;
    margin-top: 23px;
}

#social-stream .dcsns-content .dcsns-rss2 .inner:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);
    background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%);
    background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 );
}

#social-stream .dcsns-content .dcsns-rss2 .inner .section-thumb a img {
    display: block;
    width: 727px;
    margin-bottom: 25px;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

#social-stream .dcsns-content .dcsns-rss2 .inner .section-postdetails {
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 0;
    padding: 0 5%;
    z-index: 10;
    color: #ffffff;
}

#social-stream .dcsns-content .dcsns-rss2 .inner .section-postdetails .title a {
    display: inline-block;
    width: 100%;
    height: 110px;
    text-align: left;
    font-size: 26px;
    line-height: 30px;
    margin-bottom: 20px;
    color: #ffffff;
    font-family: 'Arial Black', 'Arial Bold', Gadget, sans-serif;
    font-weight: 700;
}

#social-stream .dcsns-content .dcsns-rss2 .inner .section-postdetails .title a:hover {
    color: #108eef;
}

#social-stream .dcsns-content .dcsns-rss2 .inner .section-postdetails .user-date-wrapper {
    display: inline-block;
    width: 100%;
}

#social-stream .dcsns-content .dcsns-rss2 .inner .section-postdetails .user-date-wrapper .img {
    display: inline;
    float: left;
    width: 50px;
    margin-right: 20px;
}

#social-stream .dcsns-content .dcsns-rss2 .inner .section-postdetails .user-date-wrapper .img img {
    border-radius: 50%;
    border: 3px solid #108eef;
    width: 50px;
    height: 50px;
}

#social-stream .dcsns-content .dcsns-rss2 .inner .section-postdetails .user-date-wrapper .username {
    float: left;
    padding-top: 15px;
    font-size: 16px;
    line-height: 24px;
    font-family: 'Arial Black', 'Arial Bold', Gadget, sans-serif;
    font-weight: 700;
    font-size: 15px;
    line-height: 18px;
    color: #108eef;
    text-align: left;
}


#social-stream .dcsns-content .dcsns-rss2 .inner .section-postdetails .user-date-wrapper .date {
    font-size: 16px;
    line-height: 24px;
    float: right;
    padding-top: 15px;
    font-family: 'Arial Black', 'Arial Bold', Gadget, sans-serif;
    font-weight: 700;
}


/* Controls */

#social-stream .dcsns-content .owl-controls .owl-prev {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%);
    left: -50px;
}

#social-stream .dcsns-content .owl-controls .owl-next {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%);
    right: -50px;
}

#social-stream .dcsns-content .owl-controls .owl-prev,
#social-stream .dcsns-content .owl-controls .owl-next {
    font-size: 0;
    line-height: 0;
    color: transparent;
}

#social-stream .dcsns-content .owl-controls .owl-prev:before,
#social-stream .dcsns-content .owl-controls .owl-next:before {
    content: '';
    display: block;
    font-family: fontawesome;
    font-size: 28px;
    line-height: normal;
    color: #108eef;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

#social-stream .dcsns-content .owl-controls .owl-prev:before {
    content: "\f053";
}

#social-stream .dcsns-content .owl-controls .owl-next:before {
    content: "\f054";
}

#social-stream .hide {
    display: none;
}


/**********************************
* CANDIDATE LOGIN / CANDIDATE MENU
**********************************/
#login-container {
    display: inline-block;
    position: relative;
}

#login-container i {
    font-size: 15px;
    line-height: normal;
    font-family: arial,helvetica,clean,sans-serif;
    font-style: normal;
    font-weight: 400;
    color: #000000;
    cursor: pointer;
}

#login-container i:hover {
    color: #6dcff6;
}

#login-container i,
#login-container i:hover {
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}

#login-container i:before {
    content: "\f007";
    font-family: fontawesome;
    font-size: 15px;
    line-height: normal;
    color: #6dcff6;
    margin-right: 5px;
}

#login-container .login-widget,
#login-container #candidate-menu {
    display: none;
    z-index: 1;
    position: absolute;
    right: 0;
    min-width: 200px;
    background: #108eef;
    width: 335px;
    padding: 25px;
}

#login-container .login-widget a,
#login-container #candidate-menu a {
    color: #ffffff;
}

#login-container .login-widget a:hover,
#login-container #candidate-menu a:hover {
    color: #010000;
}

#login-container .login-widget .form-buttons .btn {
    background: #000000;
    border: 1px solid #010000;
}

#login-container .login-widget .form-buttons .btn:hover {
    background: #ffffff;
    color: #010000;
}

#login-container .login-widget .form-item-label {
    display: none;
}

#login-container .login-widget .form-item-input {
    margin: 0;
}

#login-container .login-widget .form-item-row.fPW {
    padding: 0;
    margin: 0;
    text-align: right;
    margin-top: -37px;
    margin-bottom: 20px;
}

#login-container .login-widget .form-item-row.fPW a.fPWLink {
    font-size: 12px;
}

#candidate-menu dl dt {
    font-size: 20px;
    line-height: normal;
    font-weight: 700;
    color: #ffffff;
    text-align: left;
    display: block;
    margin-bottom: 20px;
}

#candidate-menu dl dd a {
    color: #ffffff;
    font-size: 16px;
    line-height: normal;
    font-weight: 400;
    display: block;
    width: 100%;
    text-align: center;
    background: #000000;
    border: 1px solid #010000;
    padding: 12px 0;
    margin-bottom: 25px;
}

#candidate-menu .form-buttons a {
    color: #ffffff;
    font-size: 16px;
    line-height: normal;
    font-weight: 400;
    display: block;
    width: 100%;
    text-align: center;
    background: #000000;
    border: 1px solid #010000;
    padding: 12px 0;
    margin-bottom: 25px;
}

#candidate-menu dl dd a:hover,
#candidate-menu .form-buttons a:hover {
    color: #515151;
    background: #ffffff;
}

#candidate-menu .form-buttons a:last-child {
    margin: 0;
}

/**********************************
* Candidate Details
**********************************/

span#password-tip>span {
    display: block!important;
    font-size: 15px;
    font-weight: 600;
    margin-top: 5px;
}


/**********************************
* BREADCRUMB
**********************************/
.breadcrumb { 
    margin: 30px 0; 
    font-size: 14px;
}

.breadcrumb a {
    font-size: 14px;
}

/*.breadcrumb .prefix { display: none; }*/


/**********************************
* SIDE COLUMNS
**********************************/
/*aside#side-col-left { border-top: 1px solid #808080;}*/
#browse-filters .filterTop .title { border-top: 0;}
aside .menuLevel_1, aside .widget {
    position: relative;
    margin-bottom: 20px;
    background: grey;
}

aside .widget img { width: 100%; }


/**********************************
* GENERIC JOB RESULTS / DETAILS - CSSPlaceholder
**********************************/

/**********************************
* GENERIC JOB Details
**********************************/

div#jobTopSection {
    border: 3px solid black;
    position: relative;
    padding: 2.5% 3% 3%;
    border-bottom: 10px solid #108eef;
    overflow: hidden;
}

div#jobTopSection:before {
    position: absolute;
    content: '';
    width: 160px;
    height: 160px;
    border-radius: 50%;
    right: -82px;
    bottom: -87px;
    background: #070707;
}

div#jobTopSection:after {
    content: "\e900";
    color: #108eef;
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 39px;
    bottom: 10px;
    right: 12px;
    position: absolute;
}

body.finance div#jobTopSection:after {
    content: "\e90b";
}

body.oil_and_gas div#jobTopSection:after {
    content: "\e904";
}

body.power_and_utilities div#jobTopSection:after {
    content: "\e908";
}

body.water_and_utilities div#jobTopSection:after {
    content: "\e908";
}

body.marine div#jobTopSection:after {
    content: "\e909";
}

body.renewable_energy div#jobTopSection:after {
    content: "\e90a";
}

body.construction div#jobTopSection:after,
body.construction_and_infrastructure div#jobTopSection:after {
    content: "\e906";
}

body.energy div#jobTopSection:after {
    content: "\e907";
}

body.aerospace div#jobTopSection:after {
    content: "\e900";
}

body.office_and_commercial div#jobTopSection:after {
    content: "\e903";
}

body.rail div#jobTopSection:after {
    content: "\e905";
}

body.it_and_telecoms div#jobTopSection:after {
    content: "\e901";
}

body.nuclear div#jobTopSection:after {
    content: "\e902";
}


/**********************************
* Jobs on pages
**********************************/

#jobs-on-pages {
    margin-bottom: 20px;
}

#jobs-on-pages .form-buttons .btn {
    margin: 70px auto;
    display: block;
    max-width: 165px;
    padding-left: 0;
    padding-right: 0;
}

/**********************************
* Apply form
**********************************/

#apply-form {
    margin-bottom: 50px;
}

/**********************************
* SHORTLIST MENU
**********************************/
#shortlist-menu {
    display: inline-block;
    position: relative;
}

#shortlist-menu .toggle { cursor: pointer; }

#shortlist-menu .toggle i {
    font-size: 15px;
    line-height: normal;
    font-family: arial,helvetica,clean,sans-serif;
    font-style: normal;
    font-weight: 400;
    color: #000000;
}

#shortlist-menu .toggle i:hover {
    color: #6dcff6;
}

#shortlist-menu .toggle i,
#shortlist-menu .toggle i:hover {
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}

#shortlist-menu .toggle i:before {
    content: "\f005";
    font-family: fontawesome;
    font-size: 15px;
    line-height: normal;
    color: #6dcff6;
    margin-right: 5px;
}

#shortlist-menu .toggle span {
    vertical-align: top;
    font-size: 12px;
    position: relative;
    top: -5px;
}

#shortlist-menu #shortlist-jobs {
    display: none;
    z-index: 100;
    position: absolute;
    right: 0;
    background: #108eef;
    width: 240px;
    padding: 25px;
    color: #ffffff;
}

#shortlist-menu #shortlist-jobs #shortlistArea {
    font-size: 18px;
    line-height: 24px;
    color: #ffffff;
}

#shortlist-menu #shortlist-jobs dl dt {
    font-size: 20px;
    line-height: normal;
    font-weight: 700;
    color: #ffffff;
    text-align: left;
    display: block;
    margin-bottom: 10px;
}

#shortlist-menu #shortlist-jobs dl dd .row {
    position: relative;
    padding-right: 20px;
    margin-bottom: 10px;
}

#shortlist-menu #shortlist-jobs dl dd .row a {
    color: #ffffff;
}

#shortlist-menu #shortlist-jobs dl dd .row a:hover {
    color: #010000;
}

#shortlist-menu #shortlist-jobs dl dd .row a.fa-times-circle {
    position: absolute;
    top: 3px;
    right: 0;
    font-size: 15px;
}

#shortlist-menu #shortlist-jobs a.btn.view-all {
    color: #515151;
    font-size: 16px;
    line-height: normal;
    font-weight: 400;
    display: block;
    width: 100%;
    text-align: center;
    background: #ffffff;
    border: 1px solid #010000;
    padding: 12px 0;
}

#shortlist-menu #shortlist-jobs a.btn.view-all:hover {
    background: #010000;
    color: #ffffff;
}

/**********************************
* Job results error
**********************************/

.advanced-search #divZerotrappingBottom.error-label {
    display: inline-block;
    width: 100%;
    padding: 0px 20px;
    background: #108eef;
}

.advanced-search #divZerotrappingBottom.error-label a:hover {
    color: #010000;
}

.advanced-search #divZerotrappingBottom.error-label ul { margin: 20px 10px;}

.advanced-search #divZerotrappingBottom.error-label ul li {
    list-style-type: none;
}

/**********************************
* POST RESULTS
**********************************/
#side-col-right #post-results .results-row { margin-bottom: 0; }

#side-col-right #post-results .results-row .posts-image { width: 100%; }

#side-col-right #post-results .results-row .post-details { margin-left: 0; }

aside #post-results .grid-col.grid-col-6-12 { width: 100%; }

#post-results .results-row {
    position: relative;
    height: 420px;
    margin-bottom: 20px;
    overflow: hidden;
    background: #ffffff;
    opacity: 0;
    border-bottom: 10px solid #010000;
}

#post-results .results-row.active {
    opacity: 1;

    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}

#post-results .results-row:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;


    background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);
    background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%);
    background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 );

}

#post-results .results-row .posts-image {
    display: inline-block;
    width: 100%;
}

#post-results .results-row .posts-image a:after{
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1;
}

#post-results .results-row .posts-image img {
    display: block;
    width: 727px;
    margin-bottom: 25px;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

#post-results .results-row .post-details a.title {
    display: inline-block;
    width: 100%;
    height: 110px;
    text-align: left;
    font-size: 26px;
    line-height: 30px;
    margin-bottom: 20px;
    color: #ffffff;
    font-family: 'Arial Black', 'Arial Bold', Gadget, sans-serif;
    font-weight: 700;
}

#post-results .results-row .post-details a.title:hover {
    color: #108eef;
}

#post-results .results-row .post-details .description {
    display: block;
    width: 100%;
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 20px;
}

#post-results .results-row .lowerSectoin {
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 0;
    padding: 0 5%;
    z-index: 10;
    color: #ffffff;
}

#post-results .results-row .lowerSectoin .user-details {
    display: inline-block;
    width: 100%;
    clear: both;
}

#post-results .results-row .lowerSectoin .user-details .img {
    display: inline;
    float: left;
    width: 50px;
    margin-right: 20px;
}

#post-results .results-row .lowerSectoin .user-details .img img {
    border-radius: 50%;
    border: 3px solid #108eef;
}

#post-results .results-row .lowerSectoin .user-details .details {
    display: inline;
    float: left;
    padding: 8px 0 0 0;
}

#post-results .results-row .lowerSectoin .user-details .details .date {
    font-size: 16px;
    line-height: 24px;
    float: right;
    padding-top: 15px;
    font-family: 'Arial Black', 'Arial Bold', Gadget, sans-serif;
    font-weight: 700;
}

#post-results .results-row .lowerSectoin .user-details .details .posted {
    display: inline-block;
    width: 100%;
}

#post-results .results-row .lowerSectoin .user-details .details .username {
    float: left;
    padding-top: 15px;
}

#post-results .results-row .lowerSectoin .user-details .details .username a {
    font-size: 16px;
    line-height: 24px;
    font-family: 'Arial Black', 'Arial Bold', Gadget, sans-serif;
    font-weight: 700;
    font-size: 15px;
    line-height: 18px;
    color: #108eef;
    text-align: left;
}

#post-results .results-row .lowerSectoin .user-details .details .username a:hover {
    color: #ffffff;
}

#post-results .results-row .user { display: none; }



/**********************************
* POST DETAILS
**********************************/

#posts-details h1 {
    font-size: 30px;
    line-height: 36px;
}

#posts-details .article-content img {
    display: block;
    width: 100%;
}

#posts-details .quickInfo {
    display: inline-block;
    width: 100%;
    margin-bottom: 40px;
}

#posts-details .quickInfo .img {
    display: inline;
    float: left;
    margin-right: 30px;
}

#posts-details .quickInfo .img img {
    display: block;
    border-radius: 50%;
    border: 3px solid #108eef;
}

#posts-details .quickInfo .user {
    display: inline;
    float: left;
}

#posts-details .quickInfo .date,
#posts-details .quickInfo .postedBy,
#posts-details .quickInfo .postedBy a {
    font-size: 16px;
    line-height: 24px;
}

#posts-details .quickInfo .postedBy a {
    font-family: 'Arial Black', 'Arial Bold', Gadget, sans-serif;
    font-weight: 700;
}

#posts-details .category-tags a {
    display: inline;
    float: left;
    margin: 1%;
    font-size: 16px;
    line-height: 24px;
}

#posts-comment-form {
    display: block;
    width: 100%;
    max-width: 740px;
}

#posts-comment-form fieldset legend {
    border: none;
}

#posts-comment-form .form-item-label {
    display: none;
}

#posts-comment-form .form-item-input,
#posts-comment-form .form-item-textarea {
    margin-left: 0;
}

#posts-comment-form .form-buttons .btn {
    background: transparent;
    border: 2px solid #010000;
    color: #010000;
}

#posts-comment-form .form-buttons .btn:hover {
    background: #108eef;
    color: #ffffff;
    border-color: #108eef;
}

#Comments .row {
    margin-top: 20px;
    padding: 20px;
    background: #cecece;
}

#Comments .row .posted-comments { margin-bottom: 10px; }

#Comments .row .posted-by .image {
    position: relative;
    top: 5px;
    margin-right: 4px;
}

#Comments .row .posted-by img { height: 20px; }

#Comments .row .form-buttons { margin-top: 20px; }


/**********************************
* POSTS - TAG CLOUD & CATEGORY
**********************************/
#posts-category-nav,
#post-tag-cloud { margin-bottom: 20px; border: 3px solid #010000; }

#post-tag-cloud .title,
#posts-category-nav dt.title {
    font-family: 'Arial Black', 'Arial Bold', Gadget, sans-serif;
    font-size: 18px;
    line-height: normal;
    font-weight: 700;
    position: relative;
    padding-top: 20px;
    margin-bottom: 10px;
    background: #108eef;
    color: #ffffff;
    padding: 15px 25px;
}

#post-tag-cloud a,
#posts-category-nav a {
    display: block;
    padding: 5px 25px;
    font-size: 17px;
    line-height: 24px;
    color: #000000;
}

#post-tag-cloud a:hover, #posts-category-nav a:hover {
    color: #108eef;
}

#posts-category-nav dd:last-child { padding-bottom: 15px; }


.posts-related-articles .title {
    font-size: 29px;
    line-height: 32px;
    font-weight: 900;
    margin-bottom: 28px;
}

.bottom_banner_and_article .grid-col-group #post-results .grid-col-6-12,
.articles-banner-wrapper.post-details .posts-related-articles.widget .grid-col-6-12 {
    width: 100%;
}

.articles-banner-wrapper.post-details .posts-related-articles .title { display: none; }

/**********************************
* Related Articles
**********************************/

div#relatedArticles {
    display: none;
    padding: 0;
    margin: 0;
}

div#relatedArticles .title {
    font-size: 30px;
    font-weight: 900;
    margin-top: 10px;
    margin-bottom: 20px;
}

div#relatedArticles.active {
    display: block;
    padding: 0 10px;
    font-size: 29px;
    font-weight: 900;
    margin: auto;
    margin-top: 70px;
    max-width: 1385px;
}

div#relatedArticles div#post-results {
    margin-top: 8px;
}

div#relatedArticles .grid-col-6-12 {
    width: 33%;
}

div#relatedArticles #post-results .results-row {
    margin-top: 23px;
}

/**********************************
* CAMPAIGNS
**********************************/
#side-col-right #campaign-list .results-row .image img { width: 100%; }


/**********************************
* CANDIDATE MENU
**********************************/
#candidate-menu-form { margin-bottom: 20px; }

#candidate-menu-form .link {
    position: relative;
    height: 200px;
    margin-bottom: 10px;
    text-align: center;
    border: 4px solid #000000;
    background: #108eef;
    color: #ffffff;
}

#candidate-menu-form .link:hover {
    color: #108eef;
    background: #ffffff;
}

#candidate-menu-form .link:hover a {
    color: #108eef;
}

#candidate-menu-form .link,
#candidate-menu-form .link a,
#candidate-menu-form .link:hover,
#candidate-menu-form .link:hover a {
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}

#candidate-menu-form .link a {
    font-family: 'Arial Black', 'Arial Bold', Gadget, sans-serif;
    font-weight: 700;
    display: block;
    z-index: 1;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin-bottom: 10px;
    padding-top: 30px;
    font-size: 20px;
    text-align: center;
    color: #ffffff;
}

#candidate-menu-form .link span {
    position: absolute;
    bottom: 50%;
    left: 50%;
    width: 80%;
    height: 30px;
    margin: 0 0 -30px -40%;
    font-size: 16px;
    text-align: center;
}


/**********************************
* CANDIDATE SHORTLIST
* NEWS LISTINGS
**********************************/
.search-results-row {
    margin-bottom: 20px;
    padding: 20px;
    border: 1px solid #108eef;
}

.search-results-row a.title {
    display: block;
    margin: -20px -20px 20px;
    padding: 10px 20px;
    font-size: 18px;
    color: #fff;
    text-decoration: none;
    background: #108eef;
}


/**********************************
* SITE DATA TABLE
**********************************/
.site-data-table {
    width: 100%;
    margin-bottom: 20px;
}

.site-data-table tr th {
    padding: 10px 20px;
    color: #fff;
    text-align: left;
    background: #108eef;
}

.site-data-table tr { background: #cecece; }

.site-data-table tr.alternate-row { background: #808080; }

.site-data-table tr td { padding: 6px 20px; }


/**********************************
* PAGINATION
**********************************/
.pagination { margin: 20px 0; }

.pagination.upper {
    margin-bottom: 14px;
    border: none;
    padding-bottom: 0;
}

.pagination.lower {
    margin-top: 40px;
    padding-top: 18px;
    border-top: 2px solid #000;
}

.pagination li {
    float: left;
}

.pagination .row { padding: 5px 0; }

.pagination a { 
    padding: 0 5px;
    color: black;
}

.pagination a.back,
.pagination a.next {
    position: relative;
    top: 1px;
    padding: 0;
}

.pagination a.back { margin-right: 6px; }

.pagination a.next { margin-left: 6px; }


/**********************************
* RSS ICON
**********************************/
.rss-icon {
    margin-top: -6px;
    background: transparent;
    float: none;
    text-align: right;
    border-bottom: 2px solid black;
    padding-bottom: 10px;
}

.rss-icon a {
    display: block;
    padding: 0;
    font-size: 17px;
    color: #000;
    text-decoration: none;
    display: inline-block;
}


section.lower {
    margin-top: 15px;
}

#social-hub-profile-page .bioInfoWrap .quickDetails h1{
    line-height: 32px;
    margin-bottom: 8px;
}

div#breadcrumbs {
    margin: 30px 0;
}

.pagination .float-left a{
    padding: 7px 5px;
    color: black;
    width: 35px;
    height: 35px;
    display: inline-block;
    text-align: center;
}

.pagination .float-left a.active{
    position: relative;
    color: white;
    background: #108eef;
    border-radius: 50%;
}

.pagination a.active {
    position: relative;
}

.pagination .float-right a{
    padding: 0;
    display: inline-block;
    margin: 0 5px;
}

.pagination .float-right a.active:after{
    position: absolute;
    width: 100%;
    bottom: 0;
    height: 2px;
    left: 0;
    background: #108eef;
    content: '';
}

.pagination .float-right a.back, .pagination .float-right a.next {
    font-size: 20px;
    vertical-align: text-bottom;
    padding-top: 2px;
    height: 22px;
    color: #108eef;
}

.pagination .float-right a.next{
    margin-right: 0;
}

.top_banner_wrapper .banner-wrapper {
    position: relative;
}

/*.bottom_banner_and_article .top_banner_wrapper .banner-wrapper,*/
.articles-banner-wrapper.post-details .top_banner_wrapper .banner-wrapper{
    height: 420px;
}

.articles-banner-wrapper .title {
    font-family: 'Arial Black', 'Arial Bold', Gadget, sans-serif;
    font-size: 30px;
    line-height: 40px;
    font-style: normal;
    font-weight: 500;
    color: #000000;
    display: block;
    width: 100%;
    text-align: left;
    margin: 0 0 20px 0;
}

.bottom_banner_and_article #post-results .results-row.active {
    height: 430px;
    margin: 0;
}

.bottom_banner_and_article .banner-wrapper {
    height: 430px;
}

/*.articles-banner-wrapper.post-details .top_banner_wrapper .banner-wrapper{
    margin-top: 60px;
}*/

.bottom_banner_and_article .personalised.top_banner_wrapper .info .inner_wrapper,
.articles-banner-wrapper.post-details .personalised.top_banner_wrapper .inner_wrapper {
    padding: 34px;
}

.top_banner_wrapper .banner-wrapper .info {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    color: white;

    
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#db000000',GradientType=0 ); /* IE6-9 */
}

.top_banner_wrapper .banner-wrapper .info .inner_wrapper {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 40px 20px;
}

.bottom_banners .top_banner_wrapper .banner-wrapper .info .inner_wrapper {
    padding: 40px 40px;
}

.bottom_banners .quote_banner .banner-pool.widget .info {
    padding-top: 69px;
}

.bottom_banners .quote_banner .banner-pool.widget .info p.quote {
    padding-top: 79px;
}

.top_banner_wrapper .banner-wrapper .info .inner_wrapper p {
    font-weight: 900;
    font-size: 36px;
    line-height: 42px;
    max-width: 390px;
}

.top_banner_wrapper .banner-wrapper .info .inner_wrapper span.fake_btn {
    font-size: 16px;
    display: inline-block;
    background: #108eef;
    padding: 10px 20px;
}

.top_banner_wrapper .banner-wrapper .info .inner_wrapper span.fake_btn a {
    color: #ffffff;
}

.top_banner_wrapper .banner-wrapper .info .inner_wrapper span.fake_btn:hover {
    background: #ffffff;
    color: #108eef;
    cursor: pointer;
}

.top_banner_wrapper .banner-wrapper .info .inner_wrapper span.fake_btn:hover a {
    color: #108eef;
}

.top_banner_wrapper .banner-wrapper .info .inner_wrapper span.fake_btn a,
.top_banner_wrapper .banner-wrapper .info .inner_wrapper span.fake_btn:hover a,
.top_banner_wrapper .banner-wrapper .info .inner_wrapper span.fake_btn,
.top_banner_wrapper .banner-wrapper .info .inner_wrapper span.fake_btn:hover {
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}

div#right_side_bar .top_banner_wrapper {
    margin-bottom: 40px;
}

.top_banner_wrapper.sector .banner-wrapper .info .inner_wrapper p {
    font-size: 26px;
    line-height: 31px;
}

.left_hand_personalised{
    background: #108eef;
}

.left_hand_personalised .banner-pool.widget {
    background:transparent;
}

.left_hand_personalised .banner-pool.widget .banner-wrapper {
    border: 3px solid;
    margin-bottom: 20px;
}

.left_hand_personalised .banner-pool.widget .info {
    padding: 20px;
    color: white;
}

.left_hand_personalised .banner-pool.widget .info p {
    font-size: 20px;
    color: black;
    line-height: 24px;
}

.left_hand_personalised .banner-pool.widget .info h2 {
    color: white;
    margin-bottom: 5px;
}

.left_hand_personalised .banner-pool.widget .info a {
    text-align: center;
    color: white;
    display: table;
    background: black;
    padding: 13px 50px;
    margin: 0 auto 21px;
    font-size: 18px;
}

.left_hand_personalised .banner-pool.widget .info a:hover {
    background: #ffffff;
    color: #108eef;
}

.blogs_banner_personalised .banner-pool.widget {
    background: transparent;
}

.blogs_banner_personalised .banner-pool.widget .banner-wrapper {
    border: 3px solid;
}

.blogs_banner_personalised .banner-pool.widget .banner-wrapper .info {
    padding: 40px;
    position: relative;
}

.blogs_banner_personalised .banner-pool.widget .banner-wrapper .info:after{
    position: absolute;
    content: '';
    width: 100%;
    height: 50px;
    top: -50px;
    left: 0;

/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0+0,1+76,1+100 */
background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(255,255,255,1) 76%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 76%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 76%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */

}

.blogs_banner_personalised .banner-pool.widget .banner-wrapper .info p {
    font-size: 30px;
    font-weight: 900;
}

.blogs_banner_personalised .banner-pool.widget .banner-wrapper .info a {
    display: inline-block;
    background: #108eef;
    color: white;
    padding: 11px 29px;
    margin-top: 14px;
    font-size: 18px;
}

.blogs_banner_personalised .banner-pool.widget .banner-wrapper .info a:hover{
    background: #000;
}


/**********************************
* GENERIC JOB RESULTS / DETAILS
**********************************/
.job-info li {
    margin-bottom: 10px;
    color: #108eef;
    font-weight: 700;
    font-size: 17px;
}

.job-info li span {
    display: none; /* REMOVE IF LABELS ARE REQUIRED */
    margin-bottom: 10px;
}

/* show on job details */
div#jobTopSection .job-info li span {
    display: inline-block;
}

.job-info li i {
    display: inline-block; /* TOGGLE TO DISPLAY NONE IF ICONS ARE NOT REQUIRED */
    position: relative;
    width: 20px;
    font-size: 18px;
    text-align: center;
    margin-right: 9px;
}

.job-info li.salary i:before { content:"\f1c0"; }
.job-info li.job-type i:before { content: "\f0c0"; }
.job-info li.location i:before { content: "\f08d"; }
.job-info li.sector i:before { content: "\f013"; }
.job-info li.date i:before { content: "\f073"; }
.job-info li.reference i:before { content: "\f0f6"; }


/**********************************
* JOB RESULTS
**********************************/
#vacancy-results .job-wrapper {
    margin-top: 23px;
    height: 430px;
    border: 3px solid black;
    border-bottom: 10px solid #108eef;
    position: relative;
    padding: 20px;
    padding-bottom: 90px;
    overflow: hidden;
    max-width: 445px;
    margin-left: auto;
    margin-right: auto;
}

#vacancy-results .job-wrapper:hover {
    border-color: #108eef;
}

#vacancy-results .job-wrapper,
#vacancy-results .job-wrapper:hover {
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}

#vacancy-results .job-wrapper:before {
    position: absolute;
    content: '';
    width: 160px;
    height: 160px;
    border-radius: 50%;
    right: -82px;
    bottom: -87px;
    background: #070707;
    z-index: 10;
}

#vacancy-results .job-wrapper:after{
    content: "\e900";
    color: #108eef;
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 39px;
    bottom: 10px;
    right: 12px;
    position: absolute;
    z-index: 15;
}

#vacancy-results .job-wrapper.construction:after,
#vacancy-results .job-wrapper.construction_and_infrastructure:after {
    content: "\e906";
}

#vacancy-results .job-wrapper.water_and_utilities:after,
#vacancy-results .job-wrapper.power_and_utilities:after {
    content: "\e908";
}

#vacancy-results .job-wrapper.finance:after {
    content: "\e90b";
}

#vacancy-results .job-wrapper.oil_and_gas:after{
    content: "\e904";
}

#vacancy-results .job-wrapper.energy:after{
    content: "\e907";
}

#vacancy-results .job-wrapper.aerospace:after{
    content: "\e900";
}

#vacancy-results .job-wrapper.office_and_commercial:after{
    content: "\e903";
}

#vacancy-results .job-wrapper.rail:after{
    content: "\e905";
}

#vacancy-results .job-wrapper.it_and_telecoms:after{
    content: "\e901";
}

#vacancy-results .job-wrapper.nuclear:after {
    content: "\e902";
}


#vacancy-results .job-wrapper.marine:after {
    content: "\e909";
}

#vacancy-results .job-wrapper.renewable_energy:after {
    content: "\e90a";
}




/*
#vacancy-results .job-wrapper.renewable_energy:after,
#vacancy-results .job-wrapper.marine:after,
#vacancy-results .job-wrapper.mining:after {
    content: '';
    width: 39px;
    height: 39px;
    background: url(https://1481657-1-2.cdn.4matnetworks.com/Graphics/default_jobs_logo.png);
    background-repeat: no-repeat;
    background-size: 100%;

    content: "\f013";
    font-family: fontawesome !important;
    font-size: 35px;
}*/




#vacancy-results .job-wrapper.active {
    opacity: 1;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}

#vacancy-results .job-wrapper .title {
    display: block;
    margin-bottom: 10px;
    color: #000;
    font-weight: 900;
    font-size: 26px;
    line-height: 30px;
    height: 81px;
}

#vacancy-results .job-wrapper .title:hover {
    color: #108eef;
}

#vacancy-results .job-wrapper .title,
#vacancy-results .job-wrapper .title:hover {
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}

#vacancy-results .job-wrapper .form-buttons span.shortlisted {
    color: #fff;
}

.job-info li.info.description {
    font-weight: normal;
    font-size: 15px;
    color: #000;
    line-height: 25px;
    margin-top: 24px;
}

#vacancy-results .job-wrapper .wrapper {
    position: absolute;
    bottom: 26px;
    left: 20px;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    overflow: hidden;
    border: 4px solid #108eef;
}

#vacancy-results .job-wrapper .wrapper img {
    float: none;
    width: 100%;
    height: 100%;
    display: block;
}

#vacancy-results .job-wrapper .form-buttons > span {
    position: absolute;
    bottom: 25px;
    right: 0;
    left: 0;
    font-size: 0;
    background: transparent;
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
    width: 30px;
    height: 32px;
    margin: auto;
}

#vacancy-results .job-wrapper .form-buttons > span:before{
    content: "\f005";
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 34px;
}

#vacancy-results .job-wrapper .form-buttons > span.shortlist:hover{
    color: #108eef;
}

#vacancy-results .job-wrapper .form-buttons > span:hover,
#vacancy-results .job-wrapper .form-buttons > span.shortlisted{
    color: black;
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}

#vacancy-results .job-wrapper .form-buttons > span.shortlisted:before{
    color: #959595;
}

#vacancy-results .job-wrapper .form-buttons > span a{
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    display: block;
    top: 0;
    margin: 0;
    font-size: 0;
    background: transparent;
    padding: 0;
}

#vacancy-results .job-wrapper .form-buttons {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background: #ffffff;
    z-index: 1;
    height: 85px;
}

#vacancy-results .job-wrapper .form-buttons:before {
    content: '';
    position: absolute;
    width: 100%;
    left: 0;
    top: -30px;
    height: 30px;
    background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(255,255,255,0.3) 30%, rgba(255,255,255,1) 100%);
    background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.3) 30%,rgba(255,255,255,1) 100%);
    background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.3) 30%,rgba(255,255,255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 );
    display: block;
    margin: 0 auto;
}




/**********************************
* JOB DETAILS
**********************************/
div#jobTopSection {
    border: 3px solid black;
    position: relative;
    padding: 2.5% 3% 3%;
    border-bottom: 10px solid #108eef;
    margin-bottom: 40px;
}

#vacancy-details .links {
    margin-top: 40px;
}

#vacancy-details .links:after{
    content: "";
    display: table;
    clear: both;
}

#vacancy-details #bottom-nav.links {
    margin-bottom: 0;
    padding-bottom: 0;
    border-top: 1px solid black;
    padding: 38px 0;
    margin-top: 22px;
}

#vacancy-details .links > li {
    float: left;
    height: 55px;
}

#vacancy-details .links > li.first a {
    background: #108eef;
    color: white;
    padding: 10px 26px 15px;
    display: block;
    position: relative;
    font-size: 20px;
    vertical-align: top;
    font-weight: bold;
}

#vacancy-details .links > li.first a:hover{
    background: black;
}

#vacancy-details .links > li.first a:before{
    content: "\f061";
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 30px;
    margin-right: 18px;
    position: relative;
    top: 4px;
}

#vacancy-details .links > li.first {
    margin-right: 55px;
}

#vacancy-details .links > li span {
    border: 2px solid black;
    display: block;
}

#vacancy-details .links > li span.shortlist a {
    display: block;
    padding: 10px 18px 12px;
    position: relative;
    color: black;
    font-size: 20px;
    font-weight: bold;
}

#vacancy-details .links > li span.shortlist a:hover{
    background: #108eef;
    color: white;
}

#vacancy-details .links > li span.shortlist a:before {
    position: relative;
    content: "\f005";
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 29px;
    margin-right: 19px;
    top: 0;
}

#vacancy-details .links > li span.shortlisted {
    display: block;
    padding: 16px 18px 13px;
    font-weight: bold;
    font-size: 20px;
}

#vacancy-details #bottom-nav.links > li span.shortlisted {
    padding: 12px 20px;
}

#vacancy-details #bottom-nav.links > li {
    height: 50px;
    margin-right: 38px;
}

#vacancy-details #bottom-nav.links > li a {
    font-size: 18px;
    padding: 14px 20px 11px;
}

#vacancy-details #bottom-nav.links > li.first a {
    padding: 15px 20px 13px;
}

#vacancy-details #bottom-nav.links > li a:before {
    font-size: 20px;
    top: 1px;
    margin-right: 11px;
}

div#lower_block_job_nav {
    display: table;
    width: 100%;
}

div#lower_block_job_nav a.btn {
    margin-top: 30px;
}

div#lower_block_job_nav:after{
    content: "";
    display: table;
    clear: both;
}

div#lower_block_job_nav > *{
    float: left;
    margin-right: 36px;
}

div#lower_block_job_nav > * a {
    display: block;
    color: black;
    font-size: 18px;
    padding: 10px;
    border: 2px solid black;
    font-weight: bold;
}

div#next_and_prev_links li a:hover,
div#lower_block_job_nav > * a:hover{
    background: #108eef;
    color: white;
}

.share-this{
    border-top: 1px solid;
    border-bottom: 1px solid;
}

.share-this p.label {
    display: inline-block;
    vertical-align: top;
    margin: 7px 0;
    font-size: 20px;
}

.share-this fieldset {
    margin: 28px 0;
}

div#similar-Jobs {
    padding: 0 10px;
    margin-top: 70px;
}

div#similar-Jobs + div#posts > div:first-child,
div#similar-Jobs > .title {
    font-size: 30px;
    font-weight: 900;
    margin-top: 10px;
    margin-bottom: 20px;
}

div#similar-Jobs + div#posts > div:first-child{
    margin-bottom: 60px;
}

div#similar-Jobs div#vacancy-results .grid-col.grid-col-6-12 {
    width: 33%;
}

div#next_and_prev_links:after{
    content: "";
    display: table;
    clear: both;
}

div#next_and_prev_links li {
    float: left;
    list-style: none;
}

div#next_and_prev_links li#hypNextResult{
    float: right;
}

div#next_and_prev_links li a{
    display: block;
    padding: 10px 15px;
    border: 2px solid black;
    color: black;
    font-weight: bold;
}

div#next_and_prev_links.next_prev_present {
    margin-top: 30px;
    border-top: 1px solid black;
    display: inline-block;
    width: 100%;
    padding-top: 26px;
}

/**********************************
* JOB BROWSE FILTERS
**********************************/
#browse-filters { min-height: 40px; }

#browse-filters .title {
    display: block;
    position: relative;
    padding: 12px 20px;
    cursor: pointer;
    background: #108eef;
    color: white;
    font-weight: 700;
}

#browse-filters .title.keyword {
    border-bottom: 30px solid #ffffff;
}

#browse-filters .title.keyword .remove a {
    color: #ffffff;
    margin-left: 10px;
}

#browse-filters .title.keyword .remove a:hover {
    color: #010000;
}

#browse-filters .header, #browse-filters .close  { display: none; }

#browse-filters.open .header i:before { content: "\f077"; }

#browse-filters .title.collapsed i:before { content: "\f067"; }

#browse-filters .close  {
    position: absolute;
    top: 0;
    left: -200%;
    width: 100%;
    margin: 0;
    -webkit-transition: all 0.8s ease-in-out;
    -moz-transition: all 0.8s ease-in-out;
    transition: all 0.8s ease-in-out;
}

#browse-filters .category-container {
    overflow: hidden;
    padding: 5px 20px 14px;
}

#browse-filters .container {
    padding: 0 10px;
}

#browse-filters #browseSearchArea {
    background: #fff;
}

#browse-filters #browseSearchArea .category {
    border: 3px solid #000000;
    margin-bottom: 30px;
}

#browse-filters .category-container .category-link {
    margin: 10px 0;
    position: relative;
}

#browse-filters .category-container .category-link.hasChildren .category-link { margin-left: 20px; }

#browse-filters .category-container .category-link input {
    vertical-align: top;
    margin: 0 6px 0 0;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    opacity: 0;
}

#browse-filters .category-container .category-link label {
    display: inline-block;
    width: 88%;
    padding-left: 33px;
    position: relative;
    cursor: pointer;
}

#browse-filters .category-container .category-link input + label:before{
    position: absolute;
    left: 0;
    top: 3px;
    width: 14px;
    height: 14px;
    border: 1px solid black;
    content: '';
    background: transparent;
}

#browse-filters .category-container .category-link input:checked + label:before{
    background: black;
}

#browse-filters #browseSearchArea .category .toggle {
    font-weight: 700;
}

#browse-filters #browseSearchArea .category .toggle .fa {
    margin-right: 7px;
    position: relative;
    top: 1px;
}

/**********************************
* ADVANCED SEARCH
**********************************/
#advanced-toggle {
    margin-bottom: 20px;
}

#advanced-toggle .advanced-toggle-wrapper {
    display: none;
}

#advanced-toggle.open .advanced-toggle-wrapper {
    display: block;
}

/**********************************
* JOB ALERTS FORM
**********************************/

.inner.job_alert_block{
    height: 47px;
}

.inner.job_alert_block:after{
    content: "";
    display: table;
    clear: both;
}

.inner.job_alert_block .form-item-input{
    margin-left: 0;
    padding-right: 5%;
    width: 70%;
}

.inner.job_alert_block> * {
    float: left;
    width: 30%;
    height: 100%;
}

.inner.job_alert_block .form-buttons input.btn,
.inner.job_alert_block .form-item-input input {
    height: 100%;
}

.inner.job_alert_block .form-buttons {
    position: relative;
    background: #108eef;
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}

.inner.job_alert_block .form-buttons:hover{
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
    background: black;
}

.inner.job_alert_block .form-buttons input.btn {
    background: transparent;
    width: 100%;
    font-size: 0;
    position: absolute;
    top: 0;
    left: 0;
}

.inner.job_alert_block .form-buttons span{
    height: 100%;
    width: 100%;
    text-align: center;
    display: block;
    padding: 12px;
    color: white;
    font-size: 19px;
}

.inner.job_alert_block .form-buttons span:before{
    content: "\f0e0";
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 20px;
    margin-right: 12px;
}

div#recently-viewed-jobs {
    padding: 0 10px;
    font-size: 29px;
    line-height: 32px;
    font-weight: 900;
    margin: auto;
    margin-top: 70px;
    max-width: 1385px;
}

div#recently-viewed-jobs div#vacancy-results {
    margin-top: 8px;
}

div#recently-viewed-jobs div#vacancy-results .grid-col.grid-col-6-12 {
    width: 33.333%;
}

div#divFullProfileWidgetWrapper .photo a {
    display: block;
}

div#divFullProfileWidgetWrapper .photo a img {
    display: block;
    width: 100%;
}

div#divFullProfileWidgetWrapper {
    background: #108eef;
    margin-bottom: 30px;
    padding: 21px;
}

div#divFullProfileWidgetWrapper a{
    color: white;
}

div#divFullProfileWidgetWrapper .ProfileName {
    padding: 23px;
    background: #ffffff;
}

div#divFullProfileWidgetWrapper .ProfileName a.profileWidgetTitle {
    color: #108eef;
    text-decoration: underline;
}

a#profile_detail_title {
    font-weight: 600;
    display: block;
    text-align: center;
    background: #000000;
    padding: 13px;
    margin-top: 35px;
    font-size: 18px;
    border: 2px solid black;
}

div#divFullProfileWidgetWrapper div#divFurtherInfo a:hover,
a#profile_detail_title:hover{
    background: #108eef;
}

div#divFullProfileWidgetWrapper div#divFurtherInfo a {
    display: block;
    text-align: center;
    background: black;
    margin-top: 11px;
    padding: 13px;
    font-weight: bold;
    border: 2px solid black;
    text-overflow: ellipsis;
    overflow: hidden;
}

div#similar-Jobs + div#posts {
    padding: 10px;
    margin-top: 75px;
}

div#similar-Jobs + div#posts .grid-col.grid-col-6-12 {
    width: 33%;
}


/**********************************
* SOCIAL PROFILE ICONS
**********************************/
#social-share-profile i {
    float: left;
    margin-right: 20px;
    font-size: 36px;
    color: #010000;
    cursor: pointer;
    line-height: 56px;
    text-align: center;
}

#social-share-profile i:hover {
    color: #108eef;
}

#social-share-profile i.last { margin-right: 0; }

#social-share-profile i.fa input {
    z-index: 1;
    position: absolute;
    border: none;
    font-size: 0;
    vertical-align: top;
    background: none;
}


/**********************************
* Meet the team
**********************************/

#social-hub-team-page .wrap {
    display: inline-block;
    margin: 80px -10px;
}

#social-hub-team-page .TeamMemberRow {
    display: inline;
    float: left;
    width: 33.33333%;
    height: 446px;
    padding: 0 10px;
    margin-bottom: 20px;
    overflow: hidden;
}

#social-hub-team-page .TeamMemberRow .image {
    padding: 15px 15px 0 15px;
    background: #108eef;
}

#social-hub-team-page .TeamMemberRow .image img {
    display: block;
    width: 100%;
}

#social-hub-team-page .TeamMemberRow .name {
    padding: 0 15px;
    background: #108eef;
}

#social-hub-team-page .TeamMemberRow .name a {
    display: block;
    word-spacing: 999999px;
    background: #ffffff;
    padding: 15px;
    font-size: 20px;
    line-height: 25px;
    color: #010000;
    font-family: 'Arial Black', 'Arial Bold', Gadget, sans-serif;
    font-weight: 700;
}

#social-hub-team-page .TeamMemberRow .name a:hover {
    color: #108eef;
}

#social-hub-team-page .TeamMemberRow .title:hover a,
#social-hub-team-page .TeamMemberRow .title:hover a:after {
    color: #21409a;
}

#social-hub-team-page .TeamMemberRow .name a,
#social-hub-team-page .TeamMemberRow .name a:hover,
#social-hub-team-page .TeamMemberRow .title:hover a,
#social-hub-team-page .TeamMemberRow .title a,
#social-hub-team-page .TeamMemberRow .title a:after,
#social-hub-team-page .TeamMemberRow .title:hover a:after {
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}

#social-hub-team-page .TeamMemberRow .title a { display: block; }

#social-hub-team-page .TeamMemberRow .title {
    padding: 15px 30px;
    background: #010000;
    color: #ffffff;
    font-size: 18px;
    line-height: 22px;
    text-align: left;
}

#social-hub-team-page .TeamMemberRow .title a:after {
    content: "\f061";
    font-family: fontawesome;
    font-size: 35px;
    color: #108eef;
    display: block;
    width: 100%;
    text-align: left;
    display: block;
    margin: 10px 0;
}



/**********************************
* SHARE THIS SOCIAL ICONS
**********************************/
.share-this a {
    display: inline-block;
    width: 32px;
    margin-right: 1px;
    font-size: 30px;
    text-align: center;
    text-decoration: none;
    line-height: 34px;
    margin: 0 10px;
    color: #141414;
    background: transparent;
}

.share-this .rss { display: inline; }

.share-this a:hover {
    color: #108eef;
    background: transparent;
}


/**********************************
* LOADING WHEELS
**********************************/
#loadingMessage,
#shortlist-loading-message {
    z-index: 1;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.8);
}

#shortlist-loading-message { opacity: 0; }

#loadingMessage i,
#shortlist-loading-message i {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -10px 0 0 -10px;
    font-size: 20px;
    color: #fff;
}

#loadingMessage img,
#shortlist-loading-message img { display: none; }


/**********************************
* ADVANCED BANNER
**********************************/
#full-width-scroller img { width: 100%; height: auto; }
#full-width-scroller .boxedcontainer { max-width: none; padding: 0; }
#full-width-scroller .tp-caption img { display: none; }


/**********************************
* STATIC BANNER
**********************************/
.banner-pool img { display: block; width: 100%; }

/**********************************
* candidate-profile-editor-form
**********************************/

#candidate-profile-editor-form .form-buttons .btn.cancel {
    margin-left: 10px;
}

/**********************************
* FOOTER
**********************************/

#footer {
    background: #010000;
    color: #ffffff;
    padding: 70px 0;
    margin-top: 80px;
}

#footer .wrapper {
    width: 100%;
    max-width: 1385px;
    margin: 0 auto;
    padding: 0 10px;
    position: relative;
}

#footer .nav {
    display: inline-block;
    width: 100%;
    text-align: center;
}

#footer .nav ul li {
    list-style-type: none;
    display: inline;
}

#footer .nav ul li a {
    font-size: 14px;
    line-height: normal;
    color: #6f7376;
    font-weight: 700;
    margin: 0 10px;
}

#footer .nav ul li a:hover {
    color: #108eef;
}

#footer-copyright-info {
    display: block;
    font-size: 14px;
    line-height: normal;
    color: #6f7376;
    font-weight: 700;
    text-align: center;
}

#footer .footerAccreditationsLogos {
    position: absolute;
    top: 0;
    right: 10px;
}

#footer .footerAccreditationsLogos .col {
        display: block;
        text-align: right;
}

#footer .footerAccreditationsLogos ul,
#footer .footerAccreditationsLogos ul li {
        margin: 0;
        padding: 0;
}

#footer .footerAccreditationsLogos ul li {
        list-style-type: none;
        display: inline-block;
}

#footer .footerAccreditationsLogos ul li {}

#footer .footerSocialIcons {
    position: absolute;
    left: 10px;
    top: 0;
}

#footer .footerSocialIcons ul li {
    list-style-type: none;
    display: inline-block;
    margin-right: 25px;
}

#footer .footerSocialIcons ul li a {
    font-size: 17px;
    line-height: normal;
    padding: 0;
    display: block;
    color: #6f7376;
}

#footer .footerSocialIcons ul li a:hover {
    color: #108eef;
}



/***************************
* Custom Buttons
***************************/

#customButtons {
    display: block;
    width: 100%;
    margin: 30px 0;
}

#customButtons a.btn {
    display: inline-block;
    font-size: 16px;
    display: inline-block;
    background: #108eef;
    color: #ffffff;
    padding: 10px 20px;
    font-style: normal;
    text-align: center;
    text-decoration: none;
    border: none;
    cursor: pointer;
    margin-bottom: 10px;
}

#customButtons a.btn:hover {
    background: #010000;
    color: #ffffff;
}


/***************************
* Custom Accordion
***************************/

.accordion {
    display: block;
    width:100%;
    height: auto;
    margin: 3px auto;
}

.accordion .heading {
    display: block;
    width: 100%;
    height: auto;
    background-color: #010000;
    text-align: left;
    padding: 12px 20px;
    font-size: 17px;
    line-height: 24px;
    color: #ffffff;
    cursor: pointer;
}

.accordion .heading:hover {
    background-color: #108eef;
    color: #ffffff;
}

.accordion .heading,
.accordion .heading:hover {
    -webkit-transition: all .7s ease-in-out;
    -moz-transition: all .7s ease-in-out;
    transition: all .7s ease-in-out;
}

.accordion .heading {
    position: relative;
}

.accordion .heading:before {
    content: "+";
    font-family: fontawesome;
    font-size: 25px;
    color: #ffffff;
    position: absolute;
    top: 50%;
    right: 20px;

    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%);
}

.accordion .heading.active { background: #010000; }

.accordion .heading.active:before {
    -webkit-transform: translateY(-50%) rotate(-45deg);
    -moz-transform: translateY(-50%) rotate(-45deg);
    transform: translateY(-50%) rotate(-45deg);
}

.accordion .heading:before,
.accordion .heading.active:before {
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}

.accordion .content {
    display: none;
    width: 100%;
    padding: 20px;
    color: #ffffff;
    text-align: left;
    background: #108eef;
    margin: 0;

}

.accordion .content a {
        color: #ffffff;
        text-decoration: underline;
}

.accordion .content a:hover {
        color: #010000;
}


/**********************************
* Custom Google Map API
**********************************/

#map-canvas {
    display: block;
    width: 100%;
    height: 600px;
    margin: 0 auto 60px;
    padding: 0;
}

#map-canvas .mapInfoWindow {
    display: block;
    width: 100%;
    padding: 0;
    margin: 0 auto;


}

#map-canvas .mapInfoWindow h2 {
    font-family: arial,helvetica,clean,sans-serif;
    font-weight: 900;
    font-size: 18px;
    line-height: 22px;
    color: #010000;
    margin-bottom: 3px;
}

#map-canvas .mapInfoWindow strong,
#map-canvas .mapInfoWindow p {
    display: block;
    width: 100%;
    font-family: arial,helvetica,clean,sans-serif;
    font-size: 14px;
    line-height: 16px;
    font-weight: 400;
    font-style: normal;
    color: #000000;
    margin: 0 0 3px;
}

#map-canvas .mapInfoWindow strong {
    font-weight: 700;
}

#map-canvas .mapInfoWindow a {
    font-size: 14px;
    line-height: 16px;
    font-weight: 400;
    font-style: normal;
    color: #108eef;
    text-decoration: none;
    cursor: pointer;
}

#map-canvas .mapInfoWindow a:hover {
    color: #21409a;
}

/**********************************
* BACK-TO-TOP
**********************************/
#back-top {
    position: fixed;
    bottom: 30px;
    right: 30px;
    border-radius: 50px;
    z-index: 10000000000;
}

#back-top:hover i {
    color: #108eef;
}

#back-top a {
    display: block;
    width: 35px;
    height: 40px;
    text-align: center;
}

#back-top a i {
    position: relative;
    top: 0px;
    font-size: 40px;
    color: #7a7a7a;
}

#back-top i,
#back-top:hover i {
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}

/**********************************
* GRID DEFAULTS
**********************************/
.grid-col-wrap { margin: 0 auto; }

.grid-col-wrap:after {
    content:'';
    display:table;
    clear:both;
}

.grid-col {
    float: left;
    display: inline;
    min-height: 1px;
}

.grid-col-no-padding { padding: 0; }

.form-item-row ul li { margin-bottom: 6px; }


/**********************************
* OVERLAY GRID
**********************************/
#overlay-grid {
    display: none;
    position:fixed;
	top:0;
	left:0;
	right:0;
	bottom:0;
	opacity:0.2;
	overflow:hidden;
}

#overlay-grid .grid-col-wrap .grid-col span {
    display: block;
    height: 2000px;
    background: red;
}


/**********************************
* RESPONSIVE ELEMENTS
**********************************/


    @media only screen and (max-width: 1366px) {

        .articles-banner-wrapper.post-details #post-results .results-row { height: 420px; }

    }


    @media only screen and (max-width: 1385px) {



        div#grid_block_banners .video_banner .banner img,
        div#grid_block_banners .top_banner_wrapper .banner-wrapper .banner img,
        div#grid_block_banners .banner-pool .banner img {
            width: auto;
            height: auto;
        }

        .video_banner {
            max-height: 673px;
        }


    }





    @media only screen and (max-width: 1366px) {

        /* Default Posts */
        #post-results .results-row { height: 465px; }

        .bottom_banner_and_article #post-results .results-row {
            height: 438px;
        }
        .personalised.top_banner_wrapper .banner-pool img {
            width: 420px;
        }




    }


    @media only screen and (max-width: 1280px) {

        #primary-nav ul li {
            margin: 0;
        }
        #header .lower .wrapper .right {
            padding-right: 195px;
        }

        #header .lower #quick-search-form {
            width: 185px;
        }

        #header .lower .wrapper #socialMediaIcons ul li {
            margin-right: 20px;
        }



    }



    @media only screen and (max-width: 1100px) {


        #primary-nav ul li a, #primary-nav ul li > span.text {
            padding: 15.5px 5.4px;
        }


    }




@media only screen and (max-width: 1023px) {

    body {
        padding: 0;
    }

    #header {
        position: relative;
    }

    .inner.job_alert_block .form-buttons span {
        padding: 12px 0;
        font-size: 16px;
    }

    /*SERACH OVERLAY START*/

    .orinion-search-overlay__nav-item {
        border-bottom: none !important;
    }

    .orinion-search-overlay__container {
        flex-direction: column;
        align-items: flex-start;
        padding-left: 30px;
    }

    .orinion-search-overlay__nav-link {
        font-size: 20px;
    }

        .orinion-search-overlay__container::before {
            display: none;
        }


        /*SERACH OVERLAY END*/

        /* PRIMARY NAV */
        #touch-menu { display: block; }
        #primary-nav ul {
            display: block;
            z-index: 1;
            /*position: absolute;*/
            width: 100%;
            background: #108eef;
            color: #ffffff;
        }

        #header .lower .wrapper .right {
            float: none;
            padding: 0;
            height: auto;
        }

        #header .lower .wrapper #primary-nav,
        #header .lower .wrapper #quick-search,
        #header .lower .wrapper #socialMediaIcons {
            float: none;
        }

        #primary-nav ul {
            position: static;
            margin: 0 -10px;
            width: auto;
        }

        #primary-nav ul li {
            display: block;
            color: #ffffff;
            text-align: left;
            width: 100%;
            border-bottom: 1px solid #ffffff;
        }

        #primary-nav ul li a,
        #primary-nav ul li a:hover {
            color: #ffffff;
        }

        #primary-nav ul li.jobsNav:hover > span.text,
        #primary-nav ul li.jobsNav.open > span.text {
            background: transparent;
            color: #ffffff;
        }

        /*#primary-nav ul li.jobsNav:hover .secondaryNav {
            display: none;
        }

        #primary-nav ul li.jobsNav.open:hover .secondaryNav {
            display: block;
        }*/

        #primary-nav ul li.jobsNav span.text:after,
        #primary-nav ul li.jobsNav:hover span.text:after, #primary-nav ul li.jobsNav.open span.text:after {
            color: #ffffff;
        }

        #primary-nav ul li.jobsNav.open .secondaryNav {
            position: static;
            top: 0;
            padding: 0;
            margin: 0;
            width: 100%;
        }

        #primary-nav ul li.jobsNav .secondaryNav .col {
            display: block;
            width: 100%;
            float: none;
        }

        #primary-nav ul li.jobsNav .secondaryNav .col:last-child ul li {
            padding: 0;
        }

        #primary-nav ul li.jobsNav.open .secondaryNav .col ul  {
            display: block;
        }

        #primary-nav ul li.jobsNav.open .secondaryNav .col ul li { padding: 0; }

        #primary-nav ul li.jobsNav.open .secondaryNav .col ul li a {
            width: 100%;
            text-align: left;
            padding: 15px 20px;
            background: #21409a;
        }

        #primary-nav ul li.jobsNav.open .secondaryNav .col ul li a:before {
            content: "\f105";
            font-family: fontawesome;
            color: #ffffff;
            font-size: 15px;
            line-height: normal;
            margin-right: 10px;
            position: relative;
        }

        #primary-nav ul li.jobsNav.open .secondaryNav .col {
            border-top: 1px solid #ffffff;
        }

        #header .lower .wrapper #quick-search {
            display: none;
        }

        /*.top_banner_wrapper .banner-wrapper .banner img, */
        div#grid_block_banners .banner-pool .banner img {
            width: 100%;
        }

        #touch-search {
            display: block;
        }

        div#grid_block_banners .video_banner .info .fa {
            position: absolute;
            top: 50%;
            left: 0;
            width: 100%;
            -webkit-transform: translateY(-50%);
            -moz-transform: translateY(-50%);
            transform: translateY(-50%);
            text-align: center;
            padding: 0;
        }

        div#grid_block_banners .video_banner {
            width: 100%;
            margin: 0 auto;
            float: none;
        }

        #grid_block_banners .divide_banners.first_divide .top_banner_wrapper {
            height: auto;
        }

        #grid_block_banners .divide_banners.second_divide {
            display: flex;
            flex-wrap: wrap;
        }

        div#grid_block_banners .video_banner .banner img {
            width: 100%;
            height: auto;
        }

        #grid_block_banners .divide_banners.first_divide {
            float: none;
            margin: 0 auto;
            width:100%;
        }

        div#grid_block_banners .video_banner .info .fa {
            font-size: 90px;
        }

        .divide_banners.first_divide,
        div#grid_block_banners .video_banner {
            max-width: none;
        }

        div#grid_block_banners .banner-pool .banner img {
            width: 100%;
        }

        div#grid_block_banners .top_banner_wrapper .banner-pool .banner img {
            min-width: 100%;
        }

        div#grid_block_banners .second_divide .top_banner_wrapper .banner-pool .banner img {
            min-width: 100%;
        }


    }




    /**********************************
    * TABLET DEVICES
    **********************************/
    @media only screen and (min-width: 1024px) {
        /*fix for menu bug on screen resize*/
        ul.nav.navList.menuLevel_1 {display: inline-block !important;}

        #quick-search { display: block !important; opacity: 1 !important; }
    }


    @media only screen and (max-width: 960px) {
            /* PRIMARY NAV */
            #primary-nav ul li a:hover,
            #primary-nav ul li a:active,
            #primary-nav ul li.selected a {
                color: #fff;
            }

            #footer .footerSocialIcons {
                position: static;
                width: 100%;
                text-align: left;
                margin: 0 0 20px;
            }


            #footer .footerAccreditationsLogos {
                position: static;
                right: 0;
                width: 100%;
                text-align: left;
                margin: 20px 0;
            }

            #footer .footerAccreditationsLogos .col {
                    text-align: left;
            }

            #footer .nav,
            #footer-copyright-info {
                text-align: left;
            }

            #footer .nav ul li:first-child a {
                padding-left: 0;
                margin-left: 0;
            }

        #social-hub-profile-page .BioQuickInfo,
        #social-hub-profile-page .bioInfoWrap {
            width: 100%;
        }

        #social-hub-profile-page .bioInfoWrap {
            padding: 0;
        }

        #social-hub-profile-page .BioQuickInfo {
            display: block;
            max-width: 345px;
            margin: 0 auto 30px auto;
            float: none;
        }


    }

    /**********************************
    * MOBILE DEVICES
    * - All columns are full width
    **********************************/
    @media only screen and (max-width: 767px) {

        /* Default Posts */
        #post-results .results-row { max-width: 455px; margin: 0 auto; }

        #header .upper .callToActions .register-a-vacancy,
        #header #candidate-login i,
        #shortlist-menu .toggle i {
            font-size: 0;
            line-height: 0;
            color: transparent;
            margin: 100px 10px 0 0;
        }

        #header .upper .callToActions .register-a-vacancy:before,
        #header #candidate-login i:before,
        #shortlist-menu .toggle i:before {
            font-size: 25px;
            padding: 0;
            margin: 0;
        }

        #header .upper .logo a .icon {
            left: 100px;
        }

        #header .upper .logo a span.text img {
            width: 100%;
        }

        #header .upper .logo a .icon {
            width: 50px;
        }

        #header .upper .logo a span.text {
            width: 95px;
        }

        #header .upper .callToActions {
            position: static;
            text-align: right;
        }

        #login-container,
        #shortlist-menu {
            position: static;
        }

        #login-container .login-widget, #login-container #candidate-menu,
        #shortlist-menu #shortlist-jobs {
            left: 0;
            width: 100%;
            text-align: left;
            top: 172px;
        }

        #header.sticky .upper {
            height: 110px;
        }



        .connect_with_us .socal ul li {
            width: 100%;
            margin-bottom: 20px;
            float: none;
        }

        .connect_with_us .socal ul li a {
            margin: 0 auto;
        }


        .connect_with_us .twitter_widget {
            width: 100%;
        }

        .connect_with_us .twitter_widget:before,
        .connect_with_us .twitter_widget:after {
            display: none;
        }

        aside#side-col-left {
            margin: 0;
        }

        .left_hand_personalised,
        .blogs_banner_personalised {
            display: none;
        }


        .inner.job_alert_block .form-item-input {
            padding-right: 0;
            width: 100%;
        }

        .inner.job_alert_block> * {
            width: 100%;
            margin: 10px 0;
        }


        #vacancy-details #bottom-nav.links > li,
        div#lower_block_job_nav > * {
            width: 100%;
        }
        #vacancy-details #bottom-nav.links > li.first {
            margin-bottom: 30px;
        }

        div#right_side_bar {
            margin-left: 0 !Important;
        }

        #right_side_bar .top_banner_wrapper .banner-wrapper .banner img {
            width: 100%;
        }

        #social-hub-profile-page {
            display: block;
        }

        #social-hub-profile-page .bioInfoWrap {
            max-width: 100%;
            float: none;
            width: 100%;
            display: block;
            margin: 0 auto;
        }

        #feedProfBottom #post-results .grid-col.grid-col-6-12, #feedProfBottom #vacancy-results .grid-col.grid-col-6-12 { width: 100%; }

        div#jobTopSection {
            padding-bottom: 70px;
        }

        #vacancy-details .links > li {
            width: 100%;
            margin-bottom: 10px;
        }

        #social-hub-team-page .wrap {
            margin: 0 auto;
            display: block;
        }

        #social-hub-team-page .TeamMemberRow {
            width: 100%;
            float: none;
            max-width: 320px;
            margin: 0 auto 20px auto;
            display: block;
            height: auto;
        }

        #social-stream .dcsns-toolbar li a {
            width: 90px;
            padding-left: 0;
            padding-right: 0;
        }

        .bottom_banner_and_article #post-results .results-row.active {
            margin: 0 auto;
        }

        .bottom_banner_and_article .banner-wrapper {
            height: auto;
            width: 100%;
            max-width: 445px;
            margin: 20px auto;
        }

        .personalised.top_banner_wrapper .banner-pool img {
            width: 100%;
        }


        div#recently-viewed-jobs div#vacancy-results .grid-col.grid-col-6-12 {
            width: 100%;
        }

        .articles-banner-wrapper.post-details .personalised.top_banner_wrapper {
            max-width: 455px;
            margin: 20px auto;
        }

        .bottom_banner_and_article .quote_banner {
            max-width: 455px;
            margin: 0 auto;
        }

        div#similar-Jobs div#vacancy-results .grid-col.grid-col-6-12,
        div#relatedArticles .grid-col-6-12 {
            width: 100%;
        }

        #header .upper .logo,
        #header.sticky .upper .logo {
            z-index: 1000;
            top: 23px;
        }

        #header.sticky .upper .logo a span.icon {
            width: 50px;
            left: 100px;
        }

        #header.sticky .upper .logo a span.text {
            opacity: 1;
        }



    }



    @media only screen and (max-width: 600px) {



        .divide_banners > * {
            width: 100%;
        }


    }


/*.kwacho .dcsns-content .dcsns-rss2  {
    display:none;
}*/