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

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


/**********************************
* GENERAL
**********************************/
body {
    font-family:'Proxima Nova W08',helvetica,arial,clean,sans-serif;
    font-size: 18px;
    line-height: 24px;
    font-weight: 400;
    color: #161616;
    max-width: 1920px;
    min-width: 960px;
    margin: 0 auto;
    background-image: url(https://1481053-1-2.cdn.4matnetworks.com/Graphics/bodyBG.jpg);
    background-repeat: repeat-y;
    background-position: center;
}

#container {
    display: block;
    width: 100%;
    margin: 0 auto;
    background-image: url(https://1481053-1-2.cdn.4matnetworks.com/Graphics/bubblesBG.png);
    background-repeat: no-repeat;
    background-position: top center;
}

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

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

::-moz-selection { background: #ffcc40; color: #0a69b2;}
::selection { background: #ffcc40; color: #0a69b2; text-shadow: none; }

.accessibility, .hidden { display:none; }

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

a, .UserContent a {
    color: #0a69b2;
    text-decoration: none;
    -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; -ms-transition:.5s; transition:.5s;
}
a:hover, .UserContent a:hover {
    color: #ec6b01;
    text-decoration: none;
    -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; -ms-transition:.5s; transition:.5s;
}
a:visited {
    color: #f4a667;
}

.UserContent a:visited {
    color: #0a69b2;
}

.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-family:'Proxima Nova W01'; font-weight: 700; color: #ec6b01; }
.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%; }

.UserContent ul li, .UserContent ol li {
    font-family:'Proxima Nova W08',helvetica,arial,clean,sans-serif;
    font-size: 18px;
    line-height: 24px;
}

#main {
    background: #FFFFFF;
    -webkit-border-radius: 11px; -moz-border-radius: 11px; -ms-border-radius: 11px; -o-border-radius: 11px; border-radius: 11px;
    padding: 20px;
    margin-bottom: 30px;
}

span.fancytree-node { text-align: left; }

body.iframe {
    padding-top: 0;
}

.fancybox-overlay-fixed {
    z-index: 10000;
}

.applyAlreadyAMember { cursor: pointer; }


/**********************************
* HEADINGS - H1,H2,H3 etc
**********************************/
h1 {
    font-family:'Proxima Nova Soft W03',helvetica,arial,clean,sans-serif;
    font-size: 28px;
    line-height: 32px;
    font-weight: 700;
    color: #ec6b01;
    margin-bottom: 20px;
}


h2 {
    font-family:'Proxima Nova W01',helvetica,arial,clean,sans-serif;
    font-size: 24px;
    line-height: 32px;
    font-weight: 700;
    color: #0a69b2;
    margin-bottom: 10px;
}

h3 { margin-bottom: 10px; font-size: 14px; }


/* Content Pages H1 with Underline */

h1.underline { position: relative; margin-bottom: 15px; padding-bottom: 15px; }
h1.underline:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background: rgba(255,255,255,0);
    background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(173,202,223,1) 12%, rgba(173,202,223,1) 51%, rgba(173,202,223,1) 88%, rgba(255,255,255,0) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,255,255,0)), color-stop(12%, rgba(173,202,223,1)), color-stop(51%, rgba(173,202,223,1)), color-stop(88%, rgba(173,202,223,1)), color-stop(100%, rgba(255,255,255,0)));
    background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(173,202,223,1) 12%, rgba(173,202,223,1) 51%, rgba(173,202,223,1) 88%, rgba(255,255,255,0) 100%);
    background: -o-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(173,202,223,1) 12%, rgba(173,202,223,1) 51%, rgba(173,202,223,1) 88%, rgba(255,255,255,0) 100%);
    background: -ms-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(173,202,223,1) 12%, rgba(173,202,223,1) 51%, rgba(173,202,223,1) 88%, rgba(255,255,255,0) 100%);
    background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(173,202,223,1) 12%, rgba(173,202,223,1) 51%, rgba(173,202,223,1) 88%, rgba(255,255,255,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=1 );

}

/**********************************
* Quote Block - H5
**********************************/

h5 {
    display: block;
    width: 100%;
    background: #0a69b2;
    -webkit-border-radius: 11px; -moz-border-radius: 11px; border-radius: 11px;
    padding: 20px;
    color: #ffffff;
    margin: 0;
}

h5 a {
    color: #ffffff !important;
    font-weight: 700;
}

h5 a:hover {
    color: #f4a667 !important;
}


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

#cookie-banner-message {   
    display: inline-block;
    max-width: 90%;
}

#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;
}
#cookie-banner a, #cookie-banner a.accept-link {
    color: #00395d;
}
#cookie-banner a:hover, #cookie-banner a.accept-link:hover {
    color: #0a69b2;
}

/**********************************
* HEADER
**********************************/
#header {
    z-index: 500;
    position: relative;
    background-color: #0a69b2;
    border-bottom: 1px solid #FFFFFF;
}

#stickyWrapper {
    position: fixed;
    z-index: 10000;
    width: 100%;
    max-width: 1920px;
    margin: 0 auto;
    top: 0;
    left: 0;
    right: 0;
}

/* Sticky Header - cookie closed */

body {
    padding-top: 130px;
}

/* Sticky Header - cookie open */

body.cookieActive {
    padding-top: 175px;
}



/********************************** HEADER - Call to actions *********************************/

#callToActions {
    position: relative;
    background-color: #ec6b01;
    height: 40px;
    border-bottom: 1px solid #FFFFFF;
}
#callToActions .wrapper {
    width: 960px;
    margin: 0 auto;
    text-align: right;
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    padding: 0 10px;
    -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);
}

#callToActions .wrapper ul { margin: 0; padding: 0; }
#callToActions .wrapper ul li {
    display: inline-block;
    list-style-type: none;
    margin-left: 35px;
}
#callToActions .wrapper ul li a, #callToActions .wrapper ul li a i, #shortlist-menu .toggle i {
    color: #f8ccb8;
}
#shortlist-count { color: #ffffff; }

#callToActions .wrapper ul li:hover a, #callToActions .wrapper ul li:hover a i, #shortlist-menu .toggle:hover i {
    color: #FFFFFF;
}

#callToActions .wrapper ul li a {
    font-family:'Proxima Nova Soft W03',helvetica,arial,clean,sans-serif;
    font-weight: 400;
    font-size: 20px;
}

#callToActions .wrapper ul li a i, #shortlist-menu .toggle i {
    position: relative;
    left: -10px;
    font-size: 20px;
}

/********************************** HEADER - Logo & Nav *********************************/

#header #innerHeaderWrapper  {
    display: block;
    position: relative;
    width: 960px;
    height: 90px;
    margin: 0 auto;
    clear: both;
    padding: 0 10px;
}

#header #innerHeaderWrapper .logoWrapper {
    float: left;
    width: 200px;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%);
}

#header #innerHeaderWrapper .navWrapper {
    float: right;
    width: 700px;
    text-align: right;
    position: absolute;
    right: 10px;
    top: 50%;
    -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%);
}

#header #primary-nav ul { margin: 0; padding: 0; }
#header #primary-nav ul li {
    position: relative;
    display: inline-block;
    margin: 0 5px;
}
#header #primary-nav ul li:last-of-type { margin-right: 0; }
/*#header #primary-nav ul li:last-of-type a { padding-right: 0; }*/
#header #primary-nav ul li:last-of-type a { margin-right: -5px; }
#header #primary-nav ul li:last-of-type .secondaryNav { right: -5px; }

#header #primary-nav ul li a {
    font-family: 'Proxima Nova Soft W03',helvetica,arial,clean,sans-serif;
    font-weight: 400;
    font-size: 20px;
    color: #FFFFFF;
    background: transparent;
    padding: 5px 8px 10px 8px;
    -webkit-border-top-left-radius: 11px; -moz-border-top-left-radius: 11px; border-top-left-radius: 11px;
    -webkit-border-top-right-radius: 11px; -moz-border-top-right-radius: 11px; border-top-right-radius: 11px;
}

#header #primary-nav ul li a:hover { color: #ffcc40; }



/**********************************
* Has children
**********************************/

#header #primary-nav ul li .secondaryNav {
    display: none;
    position: absolute;
    width: 220px;
    height: auto;
    background-color: #0a69b2;
    top: 32px;
    right: 0;
    padding-bottom: 20px;
    -webkit-border-top-left-radius: 11px; -moz-border-top-left-radius: 11px; -ms-border-top-left-radius: 11px; -o-border-top-left-radius: 11px; border-top-left-radius: 11px;
    -webkit-border-bottom-left-radius: 11px; -moz-border-bottom-left-radius: 11px; -ms-border-bottom-left-radius: 11px; -o-border-bottom-left-radius: 11px; border-bottom-left-radius: 11px;
    -webkit-border-bottom-right-radius: 11px; -moz-border-bottom-right-radius: 11px; -ms-border-bottom-right-radius: 11px; -o-border-bottom-right-radius: 11px; border-bottom-right-radius: 11px;
    overflow: hidden;
}
#header #primary-nav ul li:hover .secondaryNav { display: block; }
#header #primary-nav ul li.hasChildren:hover a {
    background: #ffffff;
    color: #0a69b2;
}

#header #primary-nav ul li.hasChildren ul {
    margin: 0;
    padding: 0;
}

#header #primary-nav ul li.hasChildren ul li {
    display: block;
    width: 100%;
    margin: 0;
}

#header #primary-nav ul li.hasChildren ul li a {
    display:block;
    font-family:'Proxima Nova W08';
    font-weight: 400;
    font-size: 20px;
    line-height: 26px;
    text-align: left;
    padding: 10px 20px;
    background: transparent !important;
    width: 100%;
    margin: 0;
    color: #ffffff !important;
    border-bottom: 2px solid #00395d;
    -webkit-border-radius: 0; -moz-border-radius: 0; -o-border-radius: 0; -ms-border-radius: 0; border-radius: 0;
}

#header #primary-nav ul li.hasChildren ul li:hover a {
    background: #ffcc40 !important;
    color: #0a69b2 !important;
}

/**********************************
* MAIN NAV
**********************************/
#touch-menu {
    display: none;
    width: 60px;
    padding: 10px 0;
    text-align: center;
    background: yellow;
}

#touch-menu i { font-size: 40px; } 

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



/**********************************
* Secondary Nav
**********************************/

aside#side-col-left #navigation {
    background: #FFFFFF;
    -webkit-border-radius: 11px; -moz-border-radius: 11px; -o-border-radius: 11px; -ms-border-radius: 11px; border-radius: 11px;
    padding: 20px 0;
    margin: 0 0 40px 0;
}

aside#side-col-left #navigation ul {
    background: transparent;
    margin: 0;
    padding: 0;
}

aside#side-col-left #navigation ul li a {
    display: block;
    font-family:'Proxima Nova W08';
    font-weight: 400;
    color: #0a69b2;
    font-size: 20px;
    line-height: 26px;
    background: #FFFFFF;
    padding: 20px;
    border-top: 1px solid #fbb732;
}

aside#side-col-left #navigation ul li a:hover {
    background: #0a69b2;
    color:#FFFFFF;
}

aside#side-col-left #navigation ul li:first-of-type a { }
aside#side-col-left #navigation ul li:last-of-type a { border-bottom: 1px solid #fbb732; }

aside#side-col-left #navigation ul li ul li:first-of-type a { border: 0px solid #fbb732; }
aside#side-col-left #navigation ul li ul li:last-of-type a { border-bottom: 0px solid #fbb732; }

aside#side-col-left #navigation ul li.selected > a {
    background: #0a69b2;
    color:#FFFFFF;
}

aside#side-col-left #navigation ul li.hasChildren ul li a {
    background: #cee1f0;
}

aside#side-col-left #navigation ul li.hasChildren ul li a:hover {
    background: #baccda;
}


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

#login-container i {
    cursor: pointer;
    font-size: 30px;
}

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

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

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


/**********************************
* BREADCRUMB
**********************************/

.breadcrumb, .breadcrumb a { color: #ffffff;
-webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; -ms-transition:.5s; transition:.5s;
}

.breadcrumb a:hover {
    color: #ee7201;
    -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; -ms-transition:.5s; transition:.5s;
}

.breadcrumb .prefix { display: none; }

.breadcrumb a {
    font-family:'Proxima Nova W08';
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
}

.breadcrumb {
    font-family:'Proxima Nova W01';
    font-weight: 700;
    font-size: 14px;
    line-height: 18px;

}

/********************************** Internal Top Search and breadcrumbs **********************************/

#topSearch {
    background: #00395d;
    padding: 20px 0;
    margin-bottom: 50px;
}

#quick-search-form { position: relative; }
#quick-search-form label { display: none; }
#quick-search-form .form-item-row, #quick-search-form .form-buttons { float: left; margin: 0; }
#quick-search-form .form-item-row { position: absolute; top: 0; z-index: 8; }
#quick-search-form fieldset { margin: 0; }

#quick-search-form .form-item-input input { 
    width: 355px;
    border-radius: 25px;
    font-size: 22px; color: #161616; font-family:'Proxima Nova Soft W03',helvetica,arial,clean,sans-serif; font-weight: 400;
    border:2px solid #ffffff;
    -webkit-box-shadow: inset 4px 4px 10px 0px rgba(176,203,221,1);
    -moz-box-shadow: inset 4px 4px 10px 0px rgba(176,203,221,1);
    box-shadow: inset 4px 4px 10px 0px rgba(176,203,221,1);
    color: #00395d;
    padding-left: 30px;
    margin-top: 15px;
}

#quick-search-form .form-item-input input::-webkit-input-placeholder { font-size: 22px; color: #00395d; font-family:'Proxima Nova Soft W03',helvetica,arial,clean,sans-serif; font-weight: 400; }
#quick-search-form .form-item-input input::-moz-placeholder { font-size: 22px; color: #00395d; font-family:'Proxima Nova Soft W03',helvetica,arial,clean,sans-serif; font-weight: 400; }
#quick-search-form .form-item-input input:-moz-placeholder { font-size: 22px; color: #00395d; font-family:'Proxima Nova Soft W03',helvetica,arial,clean,sans-serif; font-weight: 400; }
#quick-search-form .form-item-input input:-ms-input-placeholder { font-size: 22px; color: #00395d; font-family:'Proxima Nova Soft W03',helvetica,arial,clean,sans-serif; font-weight: 400; }



#quick-search-form .form-buttons .btn {
    width: 86px;
    height: 86px;
    border-radius: 45px;
    padding:0;
    font-size: 0;
    color: transparent;
    background-color: transparent;
    background-image: url(https://1481053-1-2.cdn.4matnetworks.com/Graphics/searchIcon.png);
    background-repeat: no-repeat;
    background-position: center;
    position: relative;
    z-index: 15;
}
#quick-search-form .form-item-label { display: none; }
#quick-search-form .form-buttons { position: relative; float: right; }
#quick-search-form .form-buttons:after {
    content: '';
    background-image: url(https://1481053-1-2.cdn.4matnetworks.com/Graphics/buttonBorder.png);
    background-repeat: no-repeat;
    width: 86px;
    height: 86px;
    position: absolute;
    top: 0px;
    left: 0;
    -webkit-transform:rotate(0deg); -moz-transform:rotate(0deg); transform:rotate(0deg);
    -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; -ms-transition:.5s; transition:.5s;
    cursor: pointer;
    z-index: 10;
}
#quick-search-form .form-buttons:before {
    content: '';
    width: 86px;
    height: 86px;
    background: #00395d;
    border-radius: 45px;
    cursor: pointer;
    z-index: 10;
    position: absolute;
}


#quick-search-form .form-buttons:hover:after {
    -webkit-transform:rotate(180deg); -moz-transform:rotate(180deg); transform:rotate(180deg);
    -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; -ms-transition:.5s; transition:.5s;
}

#keyword-autocomplete .ui-helper-hidden-accessible { display: none !important; }


/**********************************
* SIDE COLUMNS
**********************************/
aside .menuLevel_1, aside .widget {
    position: relative;
    margin-bottom: 20px;
    /*background: grey;*/

}

aside .widget img { width: 100%; }



/**********************************
* GENERIC JOB RESULTS / DETAILS
**********************************/

body.jobListings #main {
    background: transparent;
    padding: 0;
    -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0;
}

#main h1.jobListingsH1 {
    display: block;
    width: 100%;
    background: #00395d;
    -webkit-border-top-right-radius: 11px; -moz-border-top-right-radius: 11px; border-top-right-radius: 11px;
    -webkit-border-bottom-left-radius: 11px; -moz-border-bottom-left-radius: 11px; border-bottom-left-radius: 11px;
    padding: 20px;
    font-size: 38px;
}

#upperJobListings {
    color: #0a69b2;
    padding: 20px;
    background: #FFFFFF;
    -webkit-border-bottom-right-radius: 11px; -moz-border-bottom-right-radius: 11px; border-bottom-right-radius: 11px;
    -webkit-border-top-left-radius: 11px; -moz-border-top-left-radius: 11px; border-top-left-radius: 11px;
}
#upperJobListings .pagination.upper { margin: 0; }

.pagination .float-right a.active { background-color: transparent; color: #ec6b01 !important; }
 
.pagination .float-left a { margin: 0 5px; }

#upperJobListings .resultsFound {
    font-family:'Proxima Nova W01';
    font-weight: 700;
}

.job-wrapper .job-info li.location, .job-wrapper .job-info li.salary, .job-wrapper .job-info li.job-type {
    font-family:'Proxima Nova Soft W03';
    font-weight: 700;
    font-size: 20px;
    line-height: 24px;
    color: #00395d;
}

.job-wrapper .job-info li.description { padding-top: 20px; font-size: 18px; line-height: 22px; color: #3b3b3c; }

.job-info li span {
    margin-bottom: 10px;

}

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

.job-info li.salary i:before { content: "\f0d6"; }
.job-info li.job-type i:before { content: "\f0b1"; }
.job-info li.location i:before { content: "\f041"; }
.job-info li.sector i:before { content: "\f013"; }
.job-info li.date i:before { content: "\f073"; }
.job-info li.reference i:before { content: "\f0f6"; }

.advanced-search .form-buttons .btn.job-alert { padding: 15px 0; background-color: #0a69b2; }
.advanced-search .form-buttons .btn.job-alert:hover { background-color: #6ca5d1; }
.advanced-search #divSaveAsJobAlert { overflow: visible; }
.advanced-search  .pagination.lower { margin: 10px 0; }

#upperJobListings #divMostRecent { float: none; }

/**********************************
* JOB RESULTS
**********************************/
#vacancy-results .job-wrapper {
    position: relative;
    height: 355px;
    margin-bottom: 20px;
    background: #FFFFFF;
    padding: 30px;
    overflow: hidden;
}

#vacancy-results .job-wrapper .title {
    font-family:'Proxima Nova W01';
    font-weight: 700;
    font-size: 24px;
    line-height: 26px;
    display: block;
    margin-bottom: 20px;
    font-size: 20px;
    color: #ee7201;
    position: relative;
    padding-bottom: 20px;
}
#vacancy-results .job-wrapper .title:hover, #vacancy-results .job-wrapper .title:visited { color: #f4a667; }
#vacancy-results .job-wrapper .title:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    height: 2px;
    width: 100%;
    background: rgba(255,255,255,0.9);
    background: -moz-linear-gradient(left, rgba(255,255,255,0.9) 0%, rgba(194,217,236,0.9) 50%, rgba(255,255,255,0.9) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,255,255,0.9)), color-stop(50%, rgba(194,217,236,0.9)), color-stop(100%, rgba(255,255,255,0.9)));
    background: -webkit-linear-gradient(left, rgba(255,255,255,0.9) 0%, rgba(194,217,236,0.9) 50%, rgba(255,255,255,0.9) 100%);
    background: -o-linear-gradient(left, rgba(255,255,255,0.9) 0%, rgba(194,217,236,0.9) 50%, rgba(255,255,255,0.9) 100%);
    background: -ms-linear-gradient(left, rgba(255,255,255,0.9) 0%, rgba(194,217,236,0.9) 50%, rgba(255,255,255,0.9) 100%);
    background: linear-gradient(to right, rgba(255,255,255,0.9) 0%, rgba(194,217,236,0.9) 50%, rgba(255,255,255,0.9) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=1 );
}

#vacancy-results .job-wrapper .form-buttons span.shortlisted { font-size: 0; color: transparent; }

#vacancy-results .job-wrapper .form-buttons span.shortlisted:before {
    content: "\f005";
    font-family: FontAwesome;
    font-size: 30px;
    color: #ee7201;
    position: absolute;
    top: 50%;
    -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); transform:translateY(-50%);
}

#vacancy-results .job-wrapper .form-buttons {
    width: 100%;
    background: #FFFFFF;
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 0 30px;
    height: 75px;
}

#vacancy-results .job-wrapper .form-buttons:before {
    content: '';
    position: absolute;
    top: -35px;
    left: 0;
    width: 100%;
    height: 50px;
    background: rgba(255,255,255,0);
    background: -moz-linear-gradient(top, rgba(255,255,255,0) 3%, rgba(255,255,255,0) 20%, rgba(255,255,255,0.47) 42%, rgba(255,255,255,1) 67%);
    background: -webkit-gradient(left top, left bottom, color-stop(3%, rgba(255,255,255,0)), color-stop(20%, rgba(255,255,255,0)), color-stop(42%, rgba(255,255,255,0.47)), color-stop(67%, rgba(255,255,255,1)));
    background: -webkit-linear-gradient(top, rgba(255,255,255,0) 3%, rgba(255,255,255,0) 20%, rgba(255,255,255,0.47) 42%, rgba(255,255,255,1) 67%);
    background: -o-linear-gradient(top, rgba(255,255,255,0) 3%, rgba(255,255,255,0) 20%, rgba(255,255,255,0.47) 42%, rgba(255,255,255,1) 67%);
    background: -ms-linear-gradient(top, rgba(255,255,255,0) 3%, rgba(255,255,255,0) 20%, rgba(255,255,255,0.47) 42%, rgba(255,255,255,1) 67%);
    background: linear-gradient(to bottom, rgba(255,255,255,0) 3%, rgba(255,255,255,0) 20%, rgba(255,255,255,0.47) 42%, rgba(255,255,255,1) 67%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=0 );
}

#vacancy-results .job-wrapper .form-buttons a.shortlist {
    font-size: 0;
    color: transparent;
    border-radius: 0;
    width: auto;
    height: auto;
    background: transparent;
}


#vacancy-results .job-wrapper .form-buttons a.shortlist:before {
    content: "\f005";
    font-family: FontAwesome;
    font-size: 30px;
    color: #0a69b2;
    position: absolute;
    top: 50%;
    -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); transform:translateY(-50%);
    -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; -ms-transition:.5s; transition:.5s;
    cursor: pointer;
}
#vacancy-results .job-wrapper .form-buttons a.shortlist:hover:before { color: #ee7201;
-webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; -ms-transition:.5s; transition:.5s;
}

#vacancy-results .job-wrapper .profileImg {
    display: inline-block;
    position: absolute;
    right: 30px;
    border-radius: 45px;
    overflow: hidden;
    width: 50px;
    height: 50px;
    top: 50%;
    border: 1px solid #c3d9ec;
    -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);
}

#vacancy-results .job-wrapper .profileImg img { display: block; width: 50px; height: 50px; }

/**********************************
* JOB DETAILS
**********************************/

body.jobDetails #main {
    background: transparent;
    -webkit-border-radius: 0px; -moz-border-radius: 0px; -ms-border-radius: 0px; -o-border-radius: 0px; border-radius: 0px;
    padding: 0px;
    margin-bottom: 0px;
}

body.jobDetails #topSearch { margin-bottom: 25px; }

body.jobDetails #jobDetailsWrapper {
    background: #FFFFFF;
    -webkit-border-top-left-radius: 11px; -moz-border-top-left-radius: 11px; -ms-border-top-left-radius: 11px; -o-border-top-left-radius: 11px; border-top-left-radius: 11px;
    -webkit-border-top-right-radius: 11px; -moz-border-top-right-radius: 11px; -ms-border-top-right-radius: 11px; -o-border-top-right-radius: 11px; border-top-right-radius: 11px;
    padding: 20px;
    margin-bottom: 5px;
}

body.jobDetails .share-this {
    background: #FFFFFF;
    -webkit-border-bottom-left-radius: 11px; -moz-border-bottom-left-radius: 11px; -ms-border-bottom-left-radius: 11px; -o-border-bottom-left-radius: 11px; border-bottom-left-radius: 11px;
    -webkit-border-bottom-right-radius: 11px; -moz-border-bottom-right-radius: 11px; -ms-border-bottom-right-radius: 11px; -o-border-bottom-right-radius: 11px; border-bottom-right-radius: 11px;
    padding: 20px;
    margin-bottom: 30px;
}

body.jobDetails .share-this fieldset { margin: 10px 0; }

body.jobDetails .share-this:before {
    content: '';
    position: absolute;
    top: 30px;
    left: 0;
    height: 2px;
    width: 100%;
    background: rgba(255,255,255,0.9);
    background: -moz-linear-gradient(left, rgba(255,255,255,0.9) 0%, rgba(194,217,236,0.9) 50%, rgba(255,255,255,0.9) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,255,255,0.9)), color-stop(50%, rgba(194,217,236,0.9)), color-stop(100%, rgba(255,255,255,0.9)));
    background: -webkit-linear-gradient(left, rgba(255,255,255,0.9) 0%, rgba(194,217,236,0.9) 50%, rgba(255,255,255,0.9) 100%);
    background: -o-linear-gradient(left, rgba(255,255,255,0.9) 0%, rgba(194,217,236,0.9) 50%, rgba(255,255,255,0.9) 100%);
    background: -ms-linear-gradient(left, rgba(255,255,255,0.9) 0%, rgba(194,217,236,0.9) 50%, rgba(255,255,255,0.9) 100%);
    background: linear-gradient(to right, rgba(255,255,255,0.9) 0%, rgba(194,217,236,0.9) 50%, rgba(255,255,255,0.9) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=1 );
}
body.jobDetails .share-this:after { bottom: 30px; }

#browseControls { display: inline-block; width: 100%; padding: 0 20px; }

#browseControls ul li {
    float: right;
}
#browseControls ul li a {
    position: relative;
    font-size: 0;
    color: transparent;
}
#browseControls ul li.back a:before {
    content: "\f104";
    font-family: FontAwesome;
    font-size: 30px;
    color: #FFFFFF;
    position: relative;
    left: -20px;
}
#browseControls ul li.next a:before {
    content: "\f105";
    font-family: FontAwesome;
    font-size: 30px;
    color: #FFFFFF;
}

#browseControls ul li.back a:hover:before, #browseControls ul li.next a:hover:before { color: #ec6b01; }

#main h1.jobDetailsH1 { position: relative; padding-bottom: 20px; }
#main h1.jobDetailsH1:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    height: 2px;
    width: 100%;
    background: rgba(255,255,255,0.9);
    background: -moz-linear-gradient(left, rgba(255,255,255,0.9) 0%, rgba(194,217,236,0.9) 50%, rgba(255,255,255,0.9) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,255,255,0.9)), color-stop(50%, rgba(194,217,236,0.9)), color-stop(100%, rgba(255,255,255,0.9)));
    background: -webkit-linear-gradient(left, rgba(255,255,255,0.9) 0%, rgba(194,217,236,0.9) 50%, rgba(255,255,255,0.9) 100%);
    background: -o-linear-gradient(left, rgba(255,255,255,0.9) 0%, rgba(194,217,236,0.9) 50%, rgba(255,255,255,0.9) 100%);
    background: -ms-linear-gradient(left, rgba(255,255,255,0.9) 0%, rgba(194,217,236,0.9) 50%, rgba(255,255,255,0.9) 100%);
    background: linear-gradient(to right, rgba(255,255,255,0.9) 0%, rgba(194,217,236,0.9) 50%, rgba(255,255,255,0.9) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=1 );
}

#vacancy-details .links {
    display: block;
    position: relative;
    margin: 20px 0;
    padding: 20px 0;
    clear: both;
    overflow: auto;
}

#vacancy-details .links:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    height: 2px;
    width: 100%;
    background: rgba(255,255,255,0.9);
    background: -moz-linear-gradient(left, rgba(255,255,255,0.9) 0%, rgba(194,217,236,0.9) 50%, rgba(255,255,255,0.9) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,255,255,0.9)), color-stop(50%, rgba(194,217,236,0.9)), color-stop(100%, rgba(255,255,255,0.9)));
    background: -webkit-linear-gradient(left, rgba(255,255,255,0.9) 0%, rgba(194,217,236,0.9) 50%, rgba(255,255,255,0.9) 100%);
    background: -o-linear-gradient(left, rgba(255,255,255,0.9) 0%, rgba(194,217,236,0.9) 50%, rgba(255,255,255,0.9) 100%);
    background: -ms-linear-gradient(left, rgba(255,255,255,0.9) 0%, rgba(194,217,236,0.9) 50%, rgba(255,255,255,0.9) 100%);
    background: linear-gradient(to right, rgba(255,255,255,0.9) 0%, rgba(194,217,236,0.9) 50%, rgba(255,255,255,0.9) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=1 );
}
#vacancy-details .links:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    height: 2px;
    width: 100%;
    background: rgba(255,255,255,0.9);
    background: -moz-linear-gradient(left, rgba(255,255,255,0.9) 0%, rgba(194,217,236,0.9) 50%, rgba(255,255,255,0.9) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,255,255,0.9)), color-stop(50%, rgba(194,217,236,0.9)), color-stop(100%, rgba(255,255,255,0.9)));
    background: -webkit-linear-gradient(left, rgba(255,255,255,0.9) 0%, rgba(194,217,236,0.9) 50%, rgba(255,255,255,0.9) 100%);
    background: -o-linear-gradient(left, rgba(255,255,255,0.9) 0%, rgba(194,217,236,0.9) 50%, rgba(255,255,255,0.9) 100%);
    background: -ms-linear-gradient(left, rgba(255,255,255,0.9) 0%, rgba(194,217,236,0.9) 50%, rgba(255,255,255,0.9) 100%);
    background: linear-gradient(to right, rgba(255,255,255,0.9) 0%, rgba(194,217,236,0.9) 50%, rgba(255,255,255,0.9) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=1 );
}

#vacancy-details .links li {
    display: inline-block;
}

#vacancy-details .links li.apply { float: left; }
#vacancy-details .links li.shortlist { float: right; }

#vacancy-details .links li a.btn {
    width: 280px;
    display: inline-block;
    padding: 15px 0;
    font-family:'Proxima Nova W01';
    font-weight: 700;
    font-size: 20px;
    color: #FFFFFF;
    text-align: center;
    text-decoration: none;
    border: none;
    cursor: pointer;
    background: #ec6b01;
    -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;
    -webkit-appearance: none; -moz-appearance: none; appearance: none;
    -webkit-transition: .5s; -moz-transition: .5s; -o-transition: .5s; -ms-transition: .5s; transition: .5s;
}
#vacancy-details .links li a.btn:hover {
    background: #f4a667;
    -webkit-transition: .5s; -moz-transition: .5s; -o-transition: .5s; -ms-transition: .5s; transition: .5s;
}

#vacancy-details .links li span.shortlistaction {
    width: 280px;
    display: inline-block;
    padding: 0;
    font-family:'Proxima Nova W01';
    font-weight: 700;
    font-size: 20px;
    color: #0a69b2;
    text-align: center;
    text-decoration: none;
    border: none;
    cursor: pointer;
    border: 2px solid #0a69b2;
    -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;
    -webkit-appearance: none; -moz-appearance: none; appearance: none;
    /*-webkit-transition: .5s; -moz-transition: .5s; -o-transition: .5s; -ms-transition: .5s; transition: .5s;*/
}
#vacancy-details .links li span.shortlistaction.shortlisted {
    position: relative;
    padding: 13px 0;
}
#vacancy-details .links li span.shortlistaction.shortlisted:before {
    content: "\f005";
    font-family: FontAwesome;
    font-size: 20px;
    position: absolute;
    top: 50%;
    -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -o-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%);
    left: 32px;
}

#vacancy-details .links li span.shortlistaction.shortlisted { cursor: inherit; }
#vacancy-details .links li span.shortlistaction:hover a {
    background-color: #0a69b2;
    color: #FFFFFF;
}

#vacancy-details .links li span.shortlistaction a {
    position: relative;
    background: #FFFFFF;
    display: block;
    width: 100%;
    height: 100%;
    padding: 13px 0;
    font-family:'Proxima Nova W01';
    font-weight: 700;
}

#vacancy-details .links li span.shortlistaction a:before {
    content: "\f005";
    font-family: FontAwesome;
    font-size: 20px;
    position: absolute;
    top: 50%;
    -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -o-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%);
    left: 43px;
}

#vacancy-details .job-info li {
    font-family:'Proxima Nova Soft W03';
    font-weight: 700;
    font-size: 22px;
    line-height: 26px;
    color: #00395d;

}

#vacancy-details #bottom-nav.links {   
    margin-bottom: 0;
    padding: 20px 0;
    border-bottom: none;
    text-align: center;
}

#vacancy-details #bottom-nav.links li { margin: 10px 0; }

#vacancy-details #bottom-nav.links li.applyBtn a {
    border-color: #ec6b01;
    color: #ec6b01;
}
#vacancy-details #bottom-nav.links li.applyBtn a:hover {
    background-color: #ec6b01;
    color: #FFFFFF;
}

#vacancy-details #bottom-nav.links .shortlistaction a { border: 0px solid transparent; }
#vacancy-details #bottom-nav.links a {
    width: 280px;
    color: #0a69b2;
    border: 2px solid #0a69b2;
    background: transparent;
}

#vacancy-details #bottom-nav.links a:hover {
    background-color: #0a69b2;
    color: #FFFFFF;
}

/********************************** Profile Widget ********************************/

#divFullProfileWidgetWrapper {
    -webkit-border-radius: 11px; -moz-border-radius: 11px; border-radius: 11px;
    background: #00395d;
    overflow: hidden;
}

#divFullProfileWidgetWrapper .widgetDetails {
    font-family:'Proxima Nova W01';
    font-weight: 700;
    font-size: 18px;
    line-height: 26px;
    text-align: center;
    color: #FFFFFF;
    padding: 20px;
    border-top: 1px solid #fab22e;
}

#divFullProfileWidgetWrapper .widgetDetails #welcomeMessage, #divFullProfileWidgetWrapper .widgetDetails #welcomeMessage a, #divFullProfileWidgetWrapper .widgetDetails .ProfileName .name {
    font-family:'Proxima Nova Soft W03';
    font-weight: 700;
    color: #ffcc40;
    font-size: 24px;
    line-height: 32px;
}

#divFullProfileWidgetWrapper .widgetDetails #welcomeMessage .whiteTxt,
#divFullProfileWidgetWrapper .widgetDetails .ProfileName .name { color: #ffffff; }

#divFullProfileWidgetWrapper .widgetDetails a.contactBtn {
    width: 100%;
    display: block;
    padding: 15px 0;
    margin-top: 20px;
    font-family: 'Proxima Nova W01',helvetica,arial,clean,sans-serif;
    font-size: 20px;
    color: #00395d;
    text-align: center;
    text-decoration: none;
    border: none;
    cursor: pointer;
    background: #ffcc40;
    -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;
    -webkit-appearance: none; -moz-appearance: none; appearance: none;
    -webkit-transition: .5s; -moz-transition: .5s; -o-transition: .5s; -ms-transition: .5s; transition: .5s;
}
#divFullProfileWidgetWrapper .widgetDetails a.contactBtn:hover { background-color:#fbdc88; }

#divFullProfileWidgetWrapper .photo { position: relative; width: 100%; height: 300px; }
#divFullProfileWidgetWrapper .photo:after {
    content: '';
    width: 300px;
    height: 300px;
    background-image: url(https://1481053-1-2.cdn.4matnetworks.com/Graphics/ProfileWidgetOverlay.png);
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    top: 0;
}

/********************************** Recently viewed jobs *********************************/

#recently-viewed-jobs {
    position: relative;
    height: auto;
    background-image: url(https://1481053-1-2.cdn.4matnetworks.com/Graphics/jobsGradientBG.png);
    background-repeat: repeat-y;
    background-position: center;
    margin: 50px 0;
    padding: 50px 0;
    overflow: hidden;
}

#recently-viewed-jobs:after {
    content: '';
    background-image: url(https://1481053-1-2.cdn.4matnetworks.com/Graphics/jobsPanelbubbles.png);
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 185px;
    top: 50%;
    -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);
}

#recently-viewed-jobs .title {
    display: block;
    width: 100%;
    text-align: center;
    font-family:'Proxima Nova Soft W03';
    font-weight:700;
    color:#ffcc40;
    font-size:28px;
    padding: 0px 0 40px 0;
}

#recently-viewed-jobs .job-wrapper {
    position: relative;
    width: 300px;
    height: 355px;
    background: #FFFFFF;
    padding: 30px;
    z-index: 2;
    overflow: hidden;
}
/* Override Grid */
#recently-viewed-jobs .grid-col-4-12 { width: 100%; }

#recently-viewed-jobs .job-wrapper .jobTitle {
    font-family: 'Proxima Nova W01';
    font-weight: 700;
    font-size: 24px;
    line-height: 26px;
    display: block;
    margin-bottom: 20px;
    font-size: 20px;
    color: #ee7201;
    position: relative;
    padding-bottom: 20px;

}

#recently-viewed-jobs .job-wrapper .jobTitle:hover, #recently-viewed-jobs .job-wrapper .jobTitle:visited { color: #f4a667; }

#recently-viewed-jobs .job-wrapper .jobTitle:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    height: 2px;
    width: 100%;
    background: rgba(255,255,255,0.9);
    background: -moz-linear-gradient(left, rgba(255,255,255,0.9) 0%, rgba(194,217,236,0.9) 50%, rgba(255,255,255,0.9) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,255,255,0.9)), color-stop(50%, rgba(194,217,236,0.9)), color-stop(100%, rgba(255,255,255,0.9)));
    background: -webkit-linear-gradient(left, rgba(255,255,255,0.9) 0%, rgba(194,217,236,0.9) 50%, rgba(255,255,255,0.9) 100%);
    background: -o-linear-gradient(left, rgba(255,255,255,0.9) 0%, rgba(194,217,236,0.9) 50%, rgba(255,255,255,0.9) 100%);
    background: -ms-linear-gradient(left, rgba(255,255,255,0.9) 0%, rgba(194,217,236,0.9) 50%, rgba(255,255,255,0.9) 100%);
    background: linear-gradient(to right, rgba(255,255,255,0.9) 0%, rgba(194,217,236,0.9) 50%, rgba(255,255,255,0.9) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=1 );
}


#recently-viewed-jobs .job-wrapper .row {
    display: block;
}


#recently-viewed-jobs .job-wrapper .location, #recently-viewed-jobs .job-wrapper .salary {
    display: inline;
    font-family: 'Proxima Nova Soft W03';
    font-weight: 700;
    font-size: 20px;
    line-height: 24px;
    color: #00395d;
}

#recently-viewed-jobs .job-wrapper span.shortlisted a {
    font-size: 0;
    color: transparent;
    border-radius: 0;
    width: auto;
    height: auto;
    background: transparent;
}

#recently-viewed-jobs .job-wrapper span.shortlisted a:after {
    content: "\f005";
    font-family: FontAwesome;
    font-size: 30px;
    color: #0a69b2;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -o-transition: .5s;
    -ms-transition: .5s;
    transition: .5s;
    cursor: pointer;
}

#recently-viewed-jobs .job-wrapper span.shortlisted a:hover:after {
    color: #ee7201;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -o-transition: .5s;
    -ms-transition: .5s;
    transition: .5s;
}

#recently-viewed-jobs .job-wrapper .lowerSection {
    width: 100%;
    background: #FFFFFF;
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 0 30px;
    height: 75px;
}

#recently-viewed-jobs .job-wrapper .lowerSection .shortlistaction a.shortlist {
    font-size: 0;
    color: transparent;
    border-radius: 0;
    width: auto;
    height: auto;
    background: transparent;
}

#recently-viewed-jobs .job-wrapper .lowerSection .shortlistaction a.shortlist:before {
    content: "\f005";
    font-family: FontAwesome;
    font-size: 30px;
    color: #0a69b2;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -o-transition: .5s;
    -ms-transition: .5s;
    transition: .5s;
    cursor: pointer;
}

#recently-viewed-jobs .job-wrapper .lowerSection .shortlistaction a.shortlist:hover:before {
    color: #ee7201;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -o-transition: .5s;
    -ms-transition: .5s;
    transition: .5s;
}

#recently-viewed-jobs .job-wrapper .lowerSection .shortlistaction.shortlisted {
    font-size: 0;
    color: transparent;
}

#recently-viewed-jobs .job-wrapper .lowerSection .shortlistaction.shortlisted:before {
    content: "\f005";
    font-family: FontAwesome;
    font-size: 30px;
    color: #ee7201;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%);
}

#recently-viewed-jobs .job-wrapper .lowerSection:before {
    content: '';
    position: absolute;
    top: -35px;
    left: 0;
    width: 100%;
    height: 50px;
    background: rgba(255,255,255,0);
    background: -moz-linear-gradient(top, rgba(255,255,255,0) 3%, rgba(255,255,255,0) 20%, rgba(255,255,255,0.47) 42%, rgba(255,255,255,1) 67%);
    background: -webkit-gradient(left top, left bottom, color-stop(3%, rgba(255,255,255,0)), color-stop(20%, rgba(255,255,255,0)), color-stop(42%, rgba(255,255,255,0.47)), color-stop(67%, rgba(255,255,255,1)));
    background: -webkit-linear-gradient(top, rgba(255,255,255,0) 3%, rgba(255,255,255,0) 20%, rgba(255,255,255,0.47) 42%, rgba(255,255,255,1) 67%);
    background: -o-linear-gradient(top, rgba(255,255,255,0) 3%, rgba(255,255,255,0) 20%, rgba(255,255,255,0.47) 42%, rgba(255,255,255,1) 67%);
    background: -ms-linear-gradient(top, rgba(255,255,255,0) 3%, rgba(255,255,255,0) 20%, rgba(255,255,255,0.47) 42%, rgba(255,255,255,1) 67%);
    background: linear-gradient(to bottom, rgba(255,255,255,0) 3%, rgba(255,255,255,0) 20%, rgba(255,255,255,0.47) 42%, rgba(255,255,255,1) 67%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=0 );
}

#recently-viewed-jobs .job-wrapper .lowerSection .profileImg {
    display: inline-block;
    position: absolute;
    right: 30px;
    border-radius: 45px;
    overflow: hidden;
    width: 50px;
    height: 50px;
    top: 50%;
    border: 1px solid #c3d9ec;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

#recently-viewed-jobs .job-wrapper .lowerSection .profileImg img {
    display: block;
    width: 50px;
    height: 50px;
    border-radius: 45px;
}

#recently-viewed-jobs .owl-carousel { z-index: 100; }

#recently-viewed-jobs .owl-controls .owl-prev {
    position: absolute;
    left: -40px;
    top: 50%;
    -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); transform:translateY(-50%);
    font-size: 0;
    color: transparent;
    display: block;
    width: 50px;
    height: 50px;
    background: transparent;
    z-index: 100;
    -webkit-border-top-left-radius: 11px; -moz-border-top-left-radius: 11px; -ms-border-top-left-radius: 11px; -o-border-top-left-radius: 11px; border-top-left-radius: 11px;
    -webkit-border-bottom-left-radius: 11px; -moz-border-bottom-left-radius: 11px; -ms-border-bottom-left-radius: 11px; -o-border-bottom-left-radius: 11px; border-bottom-left-radius: 11px;
}

#recently-viewed-jobs .owl-controls .owl-prev:after {
    content: "\f104";
    font-family: FontAwesome;
    font-size: 80px;
    color: #ffffff;
    position: absolute;
    top: 50%;
    -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); transform:translateY(-50%);
    display: block;
    width: 100%;
    text-align: center;
}

#recently-viewed-jobs .owl-controls .owl-next { 
    position: absolute;
    right: -40px;
    top: 50%;
    -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); transform:translateY(-50%);
    font-size: 0; color: transparent; 
    display: block;
    width: 50px;
    height: 50px;
    background: transparent;
    z-index: 100;
    -webkit-border-top-right-radius: 11px; -moz-border-top-right-radius: 11px; -ms-border-top-right-radius: 11px; -o-border-top-right-radius: 11px; border-top-right-radius: 11px;
    -webkit-border-bottom-right-radius: 11px; -moz-border-bottom-right-radius: 11px; -ms-border-bottom-right-radius: 11px; -o-border-bottom-right-radius: 11px; border-bottom-right-radius: 11px;
}
#recently-viewed-jobs .owl-controls .owl-next:after {
    content: "\f105";
    font-family: FontAwesome;
    font-size: 80px;
    color: #ffffff;
    position: absolute;
    top: 50%;
    -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); transform:translateY(-50%);
    display: block;
    width: 100%;
    text-align: center;
}

#recently-viewed-jobs .owl-controls .owl-prev:hover:after, #recently-viewed-jobs .owl-controls .owl-next:hover:after { color: #ee7201; }



/********************************** Similar jobs *********************************/


#similar-Jobs {
    position: relative;
    height: auto;
    background-image: url(https://1481053-1-2.cdn.4matnetworks.com/Graphics/jobsGradientBG.png);
    background-repeat: repeat-y;
    background-position: center;
    margin: 50px 0;
    padding: 50px 0;
    overflow: hidden;
}

#similar-Jobs:after {
    content: '';
    background-image: url(https://1481053-1-2.cdn.4matnetworks.com/Graphics/jobsPanelbubbles.png);
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 185px;
    top: 50%;
    -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);
}

#similar-Jobs .title {
    display: block;
    width: 100%;
    text-align: center;
    font-family:'Proxima Nova Soft W03';
    font-weight:700;
    color:#ffcc40;
    font-size:28px;
    padding: 0px 0 40px 0;
}

#similar-Jobs .jobsWrapper {
    position: relative;
    width: 300px;
    height: 355px;
    background: #FFFFFF;
    padding: 30px;
    z-index: 2;
    overflow: hidden;
}

#similar-Jobs .jobsWrapper a.jobTitle {
    text-align: left;
    font-family: 'Proxima Nova W01';
    font-weight: 700;
    font-size: 24px;
    line-height: 26px;
    display: block;
    margin-bottom: 20px;
    font-size: 20px;
    color: #ee7201;
    position: relative;
    padding-bottom: 20px;
}

#similar-Jobs .jobsWrapper a.jobTitle:hover, #similar-Jobs .jobsWrapper a.jobTitle:visited { color: #f4a667; }


#similar-Jobs .jobsWrapper a.jobTitle:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    height: 2px;
    width: 100%;
    background: rgba(255,255,255,0.9);
    background: -moz-linear-gradient(left, rgba(255,255,255,0.9) 0%, rgba(194,217,236,0.9) 50%, rgba(255,255,255,0.9) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,255,255,0.9)), color-stop(50%, rgba(194,217,236,0.9)), color-stop(100%, rgba(255,255,255,0.9)));
    background: -webkit-linear-gradient(left, rgba(255,255,255,0.9) 0%, rgba(194,217,236,0.9) 50%, rgba(255,255,255,0.9) 100%);
    background: -o-linear-gradient(left, rgba(255,255,255,0.9) 0%, rgba(194,217,236,0.9) 50%, rgba(255,255,255,0.9) 100%);
    background: -ms-linear-gradient(left, rgba(255,255,255,0.9) 0%, rgba(194,217,236,0.9) 50%, rgba(255,255,255,0.9) 100%);
    background: linear-gradient(to right, rgba(255,255,255,0.9) 0%, rgba(194,217,236,0.9) 50%, rgba(255,255,255,0.9) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=1 );
}
#similar-Jobs .jobsWrapper .location, #similar-Jobs .jobsWrapper .salary,
#similar-Jobs .row .jobtype {
    display: block;
    font-family: 'Proxima Nova Soft W03';
    font-weight: 700;
    font-size: 20px;
    line-height: 24px;
    color: #00395d;
}

#similar-Jobs .jobsWrapper .lowerSection {
    width: 100%;
    background: #FFFFFF;
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 0 30px;
    height: 75px;
}

#similar-Jobs .jobsWrapper .lowerSection .shortlistaction a.shortlist {
    font-size: 0;
    color: transparent;
    border-radius: 0;
    width: auto;
    height: auto;
    background: transparent;
}

#similar-Jobs .jobsWrapper .lowerSection .shortlistaction a.shortlist:before {
    content: "\f005";
    font-family: FontAwesome;
    font-size: 30px;
    color: #0a69b2;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -o-transition: .5s;
    -ms-transition: .5s;
    transition: .5s;
    cursor: pointer;
}

#similar-Jobs .jobsWrapper .lowerSection .shortlistaction a.shortlist:hover:before {
    color: #ee7201;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -o-transition: .5s;
    -ms-transition: .5s;
    transition: .5s;
}

#similar-Jobs .jobsWrapper .lowerSection .shortlistaction.shortlisted {
    font-size: 0;
    color: transparent;
}

#similar-Jobs .jobsWrapper .lowerSection .shortlistaction.shortlisted:before {
    content: "\f005";
    font-family: FontAwesome;
    font-size: 30px;
    color: #ee7201;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%);
}

#similar-Jobs .jobsWrapper .lowerSection:after {
    content: '';
    position: absolute;
    top: -35px;
    left: 0;
    width: 100%;
    height: 50px;
    background: rgba(255,255,255,0);
    background: -moz-linear-gradient(top, rgba(255,255,255,0) 3%, rgba(255,255,255,0) 20%, rgba(255,255,255,0.47) 42%, rgba(255,255,255,1) 67%);
    background: -webkit-gradient(left top, left bottom, color-stop(3%, rgba(255,255,255,0)), color-stop(20%, rgba(255,255,255,0)), color-stop(42%, rgba(255,255,255,0.47)), color-stop(67%, rgba(255,255,255,1)));
    background: -webkit-linear-gradient(top, rgba(255,255,255,0) 3%, rgba(255,255,255,0) 20%, rgba(255,255,255,0.47) 42%, rgba(255,255,255,1) 67%);
    background: -o-linear-gradient(top, rgba(255,255,255,0) 3%, rgba(255,255,255,0) 20%, rgba(255,255,255,0.47) 42%, rgba(255,255,255,1) 67%);
    background: -ms-linear-gradient(top, rgba(255,255,255,0) 3%, rgba(255,255,255,0) 20%, rgba(255,255,255,0.47) 42%, rgba(255,255,255,1) 67%);
    background: linear-gradient(to bottom, rgba(255,255,255,0) 3%, rgba(255,255,255,0) 20%, rgba(255,255,255,0.47) 42%, rgba(255,255,255,1) 67%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=0 );
}

#similar-Jobs .jobsWrapper .profileImg {
    display: inline-block;
    position: absolute;
    right: 30px;
    border-radius: 45px;
    overflow: hidden;
    width: 50px;
    height: 50px;
    top: 50%;
    border: 1px solid #c3d9ec;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

#similar-Jobs .jobsWrapper .profileImg img {
    display: block;
    width: 50px;
    height: 50px;
    border-radius: 45px;
}

#similar-Jobs .jobsWrapper span.shortlisted a {
    font-size: 0;
    color: transparent;
    border-radius: 0;
    width: auto;
    height: auto;
    background: transparent;
}

#similar-Jobs .jobsWrapper span.shortlisted a:after {
    content: "\f005";
    font-family: FontAwesome;
    font-size: 30px;
    color: #0a69b2;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -o-transition: .5s;
    -ms-transition: .5s;
    transition: .5s;
    cursor: pointer;
}

#similar-Jobs .jobsWrapper span.shortlisted a:hover:after {
    color: #ee7201;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -o-transition: .5s;
    -ms-transition: .5s;
    transition: .5s;
}

#similar-Jobs .owl-carousel { z-index: 100; }

#similar-Jobs .owl-controls .owl-prev {
    position: absolute;
    left: -40px;
    top: 50%;
    -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); transform:translateY(-50%);
    font-size: 0;
    color: transparent;
    display: block;
    width: 50px;
    height: 50px;
    background: transparent;
    z-index: 100;
    -webkit-border-top-left-radius: 11px; -moz-border-top-left-radius: 11px; -ms-border-top-left-radius: 11px; -o-border-top-left-radius: 11px; border-top-left-radius: 11px;
    -webkit-border-bottom-left-radius: 11px; -moz-border-bottom-left-radius: 11px; -ms-border-bottom-left-radius: 11px; -o-border-bottom-left-radius: 11px; border-bottom-left-radius: 11px;
}

#similar-Jobs .owl-controls .owl-prev:after {
    content: "\f104";
    font-family: FontAwesome;
    font-size: 80px;
    color: #ffffff;
    position: absolute;
    top: 50%;
    -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); transform:translateY(-50%);
    display: block;
    width: 100%;
    text-align: center;
}

#similar-Jobs .owl-controls .owl-next { 
    position: absolute;
    right: -40px;
    top: 50%;
    -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); transform:translateY(-50%);
    font-size: 0; color: transparent; 
    display: block;
    width: 50px;
    height: 50px;
    background: transparent;
    z-index: 100;
    -webkit-border-top-right-radius: 11px; -moz-border-top-right-radius: 11px; -ms-border-top-right-radius: 11px; -o-border-top-right-radius: 11px; border-top-right-radius: 11px;
    -webkit-border-bottom-right-radius: 11px; -moz-border-bottom-right-radius: 11px; -ms-border-bottom-right-radius: 11px; -o-border-bottom-right-radius: 11px; border-bottom-right-radius: 11px;
}

#similar-Jobs .owl-controls .owl-next:after {
    content: "\f105";
    font-family: FontAwesome;
    font-size: 80px;
    color: #ffffff;
    position: absolute;
    top: 50%;
    -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); transform:translateY(-50%);
    display: block;
    width: 100%;
    text-align: center;
}

#similar-Jobs .owl-controls .owl-prev:hover:after, #similar-Jobs .owl-controls .owl-next:hover:after { color: #ee7201; }



/********************************** Jobs on page *********************************/

#jobsOnWrapper {
    position: relative;
    height: auto;
    background-image: url(https://1481053-1-2.cdn.4matnetworks.com/Graphics/jobsGradientBG.png);
    background-repeat: repeat-y;
    background-position: center;
    margin: 50px 0;
    padding: 50px 0;
}

#jobsOnWrapper h2 {
    display: block;
    width: 100%;
    text-align: left;
    font-family: 'Proxima Nova Soft W03';
    font-weight: 700;
    color: #ffcc40;
    font-size: 28px;
}

#jobsOnWrapper:after {
    content: '';
    background-image: url(https://1481053-1-2.cdn.4matnetworks.com/Graphics/relatedJobsbubbles.png);
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 220px;
    top: 50%;
    -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);
}

#jobs-on-pages {
    display: block;
    margin-top: 50px;
}

#jobs-on-pages .view-all {
    padding: 14px 0;
    background-color: #fde8c8;
    color: #0a69b2;
}
#jobs-on-pages .view-all:hover {
    background-color: rgba(255,255,255,.45);
}
#jobs-on-pages .jobsOnJobAlert {
    width: 100%;
    display: inline-block;
    padding: 14px 0;
    font-family: 'Proxima Nova W01',helvetica,arial,clean,sans-serif;
    font-size: 20px;
    color: #FFFFFF;
    text-align: center;
    text-decoration: none;
    border: none;
    cursor: pointer;
    background: #ec6b01;
    -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;
    -webkit-appearance: none; -moz-appearance: none; appearance: none;
    -webkit-transition: .5s; -moz-transition: .5s; -o-transition: .5s; -ms-transition: .5s; transition: .5s;
    margin-top: 20px;
    margin-bottom: 50px;
}
#jobs-on-pages .jobsOnJobAlert:hover { background-color: #f4a667;
-webkit-transition: .5s; -moz-transition: .5s; -o-transition: .5s; -ms-transition: .5s; transition: .5s;
}

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

#browse-filters .title {
    display: block;
    position: relative;
    margin: 0 -1px;
    padding: 12px;
    border-bottom: 1px solid #fab32f;
    background: #00395d;
    font-family:'Proxima Nova W01';
    font-weight: 700;
    font-size: 20px;
    color: #FFFFFF;
    cursor: pointer;
}

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

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

#browse-filters #browseSearchArea {
    border: 0px solid transparent;
    background: #FFFFFF;
    padding-bottom: 10px;
    -webkit-border-bottom-left-radius: 11px; -moz-border-bottom-left-radius: 11px; -ms-border-bottom-left-radius: 11px; -o-border-bottom-left-radius: 11px; border-bottom-left-radius: 11px;
    -webkit-border-bottom-right-radius: 11px; -moz-border-bottom-right-radius: 11px; -ms-border-bottom-right-radius: 11px; -o-border-bottom-right-radius: 11px; border-bottom-right-radius: 11px;
}

#browse-filters #browseSearchArea .category  i {
    font-size: 12px;
    position: relative;
    top: -2px;
}

#browse-filters .category-container .category-link {
    border-bottom: 1px solid #fbb731;
}

#browse-filters .category-container .category-link.hasChildren .category-link, #browse-filters .category-container .category-link input[type=checkbox]:checked + label { border-bottom: 1px solid #fbb731; }

#browse-filters .category-container .category-link input { vertical-align: middle; }

#browse-filters .category-container .category-link label { display: inline-block; width: 88%; }

#browse-filters .category-container .category-link input[type=checkbox] {
    display: none;
}

#browse-filters .category-container .category-link input[type=checkbox] + label {
    display: block;
    width: 100%;
    padding: 20px 20px 20px 40px;
    background-image: url(https://1481053-1-2.cdn.4matnetworks.com/Graphics/checkbox.png);
    background-repeat: no-repeat;
    background-position:20px center;
    cursor: pointer;
    font-family:'Proxima Nova W08';
    font-weight: 400;
    color: #0a69b2;
    font-size: 20px;
    line-height: 25px;
    
} 

#browse-filters .category-container .category-link input[type=checkbox]:checked + label { background-image: url(https://1481053-1-2.cdn.4matnetworks.com/Graphics/checkbox_checked.png); } 

#browse-filters .category-container .category-link.hasChildren .category-link label {
    font-size: 16px;
    line-height: 18px;
}

#browse-filters .category-container .category-link.hasChildren .category-link input[type=checkbox] + label {
    padding-left: 55px;
}

#browse-filters .category-container .category-link.hasChildren .category-link input[type=checkbox]:checked + label {
    background-image: url(https://1481053-1-2.cdn.4matnetworks.com/Graphics/hasChildren_checkbox_checked.png);
}

#browse-filters .category-container .category-link.hasChildren .category-link input[type=checkbox] + label,
#browse-filters .category-container .category-link.hasChildren .category-link input[type=checkbox]:checked + label {
    background-position: 35px center; 
    background-size: 10px;
}

#browse-filters .browseSearchHeading {
    font-family:'Proxima Nova Soft W03';
    font-weight: 700;
    color: #00395d;
    font-size: 22px;
    line-height: 40px;
    background: #FFFFFF;
    padding: 10px 20px;
    -webkit-border-top-left-radius: 11px; -moz-border-top-left-radius: 11px; border-top-left-radius: 11px;
    -webkit-border-top-right-radius: 11px; -moz-border-top-right-radius: 11px; border-top-right-radius: 11px;
}

#browse-filters .container.location { padding: 0; margin: -20px 0 20px 0; }
#browse-filters .container.location .form-item-label {
    display: block;
    position: relative;
    margin: 0 -1px;
    padding: 12px;
    border-bottom: 1px solid #fab32f;
    background: #00395d;
    font-family:'Proxima Nova W01';
    font-weight: 700;
    font-size: 20px;
    color: #FFFFFF;
}

#browse-filters .container.location .form-item-input  input {
    border-top: 1px solid #fab22e;
    border-bottom: 1px solid #fab22e;
    border-left: 0px solid transparent;
    border-right: 0px solid transparent;
    background: #feebca;
    -webkit-border-radius: 0; -moz-border-radius: 0; -o-border-radius: 0; -ms-border-radius: 0; border-radius: 0;
    color: #0a69b2;
}

#browse-filters .container.location .form-input-icon i {
    border: 0px solid transparent;
    color: #0a69b2;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%);
    left: 10px;
}

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

.noUi-connect {
    background: #fbb731;
}

#browse-filters .form-buttons a {
    position: relative;
    display: block;
    padding: 20px;
    font-family: 'Proxima Nova W08';
    font-weight: 400;
    color: #0a69b2;
    font-size: 20px;
    line-height: 25px;
    cursor: pointer;
    border-bottom: 1px solid #fbb731;
    border-top: 1px solid #fbb731;
}

#browse-filters .form-buttons a:after {
    content: "\f057";
    font-family: fontawesome;
    font-size: 15px;
    color: #0a69b2;
    position: absolute;
    left: 100px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    
}

#browse-filters .form-buttons:hover a, #browse-filters .form-buttons:hover a:after {
    color: #ec6b01;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}



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

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

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


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

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

#shortlist-menu .toggle span { vertical-align: top; }

#shortlist-menu #shortlist-jobs {
    display: none;
    z-index: 1;
    position: absolute;
    right: 0;
    background: yellow;
}


/**********************************
* POST RESULTS
**********************************/

body.postListings #main {
    background: transparent;
    padding: 0;
    -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0;
}

#main h1.postListingsH1 {
    display: block;
    width: 100%;
    background: #00395d;
    -webkit-border-top-right-radius: 11px;
    -moz-border-top-right-radius: 11px;
    border-top-right-radius: 11px;
    -webkit-border-bottom-left-radius: 11px;
    -moz-border-bottom-left-radius: 11px;
    border-bottom-left-radius: 11px;
    padding: 20px;
    font-size: 38px;
}

#upperPostListings {
    color: #0a69b2;
    padding: 20px;
    background: #FFFFFF;
    -webkit-border-bottom-right-radius: 11px;
    -moz-border-bottom-right-radius: 11px;
    border-bottom-right-radius: 11px;
    -webkit-border-top-left-radius: 11px;
    -moz-border-top-left-radius: 11px;
    border-top-left-radius: 11px;
    margin-bottom: 20px;
}

#upperPostListings .pagination.upper { margin: 0; }

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

#post-results .results-row {
    position: relative;
    height: 400px;
    margin-bottom: 20px;
    background: #00395d;
    padding: 20px;
    overflow: hidden;
}

#post-results .results-row .post-details a.title {
    display: inline-block;
    color: #ee7201;
    font-size: 22px;
    line-height: 26px;
    font-family:'Proxima Nova Soft W03';
    font-weight: 700;
    padding: 15px 0;
}
#post-results .results-row .post-details a.title:hover, #post-results .results-row .post-details a.title:visited { color:#f4a667; }

#post-results .results-row .post-details .description { 
    font-size: 16px;
    line-height: 20px;
    color: #FFFFFF;
}

#post-results .results-row .postResultUpper { display:inline-block; max-height: 196px; position: relative; margin: -20px -20px 0 -20px; }

#post-results .results-row .postResultUpper .user-details {
    position: absolute;
    width: 100%;
    height: 40px;
    bottom: 0;
    left: 0;
    background: rgba(10,105,178,.8);
}

#post-results .results-row .postResultUpper .user-details .profileImg, #post-results .results-row .postResultUpper .user-details a { float: left; }

#post-results .results-row .postResultUpper .user-details .profileImg img { width: 50px; height: 50px; }
#post-results .results-row .postResultUpper .user-details .profileImg {
    width: 50px;
    height: 50px;
    -webkit-border-radius: 45px; -moz-border-radius: 45px; border-radius: 45px;
    overflow: hidden;
    margin: -5px 0 0 10px;
    border: 1px solid #0a69b2;
}

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

#post-results .results-row .posts-image img { width: 100%;  }

#post-results .results-row .postResultUpper .user-details a {
    font-family:'Marydale W01';
    font-weight: 700;
    font-size: 18px;
    line-height: 26px;
    color: #FFFFFF;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%);
    padding-left: 10px;
}
#post-results .results-row .postResultUpper .user-details a:hover, #post-results .results-row .postResultUpper .user-details a:visited { color: #ee7201; }

#post-results .results-row .lower {
    position: absolute;
    padding: 0 20px;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 60px;
    background: #00395d;
}
#post-results .results-row .lower:before {
    content: '';
    position: absolute;
    top: -30px;
    left: 0;
    width: 100%;
    height: 30px;
    background: rgba(0,57,93,0);
    background: -moz-linear-gradient(top, rgba(0,57,93,0) 3%, rgba(0,57,93,0) 20%, rgba(0,57,93,0.47) 42%, rgba(0,57,93,1) 67%);
    background: -webkit-gradient(left top, left bottom, color-stop(3%, rgba(0,57,93,0)), color-stop(20%, rgba(0,57,93,0)), color-stop(42%, rgba(0,57,93,0.47)), color-stop(67%, rgba(0,57,93,1)));
    background: -webkit-linear-gradient(top, rgba(0,57,93,0) 3%, rgba(0,57,93,0) 20%, rgba(0,57,93,0.47) 42%, rgba(0,57,93,1) 67%);
    background: -o-linear-gradient(top, rgba(0,57,93,0) 3%, rgba(0,57,93,0) 20%, rgba(0,57,93,0.47) 42%, rgba(0,57,93,1) 67%);
    background: -ms-linear-gradient(top, rgba(0,57,93,0) 3%, rgba(0,57,93,0) 20%, rgba(0,57,93,0.47) 42%, rgba(0,57,93,1) 67%);
    background: linear-gradient(to bottom, rgba(0,57,93,0) 3%, rgba(0,57,93,0) 20%, rgba(0,57,93,0.47) 42%, rgba(0,57,93,1) 67%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=0 );
}

#post-results .results-row .form-buttons .btn {
    background: transparent;
    text-align: left;
    width: auto;
    height: auto;
    padding: 0;
    font-size: 18px;
    line-height: 26px;
    font-family:'Marydale W01';
    font-weight: 700;
    position: relative;
    margin: 0;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%);
    -webkit-transition:.5s; -moz-transition:.5s; -ms-transition:.5s; -o-transition:.5s; transition:.5s;
}
#post-results .results-row .form-buttons:hover .btn, #post-results .results-row .form-buttons:hover .btn:before { color: #ec6b01;
-webkit-transition:.5s; -moz-transition:.5s; -ms-transition:.5s; -o-transition:.5s; transition:.5s;
}

#post-results .results-row .form-buttons .btn:before {
    content: "\f055";
    font-family: FontAwesome;
    font-size: 15px;
    color: #FFFFFF;
    margin-right: 6px;
    -webkit-transition:.5s; -moz-transition:.5s; -ms-transition:.5s; -o-transition:.5s; transition:.5s;
}

#post-results .results-row .lower span.datePosted {
    font-size: 16px;
    color: #FFFFFF;
    position: absolute;
    right: 20px;
    top: 50%;
    -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%);
}



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

body.postDetails #main {
    background: transparent;
    padding: 0;
    -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0;
}

body.postDetails #posts-details {
    background: #FFFFFF;
    border-top-left-radius: 11px;
    border-top-right-radius: 11px;
    padding: 20px;
}
#posts-details .posted-by-details { position: relative; }
#posts-details .postedByUser, #posts-details .postedByUser a {
    font-family:'Marydale W01';
    font-size: 24px;
    line-height: 26px;
    color: #161616;
}
#posts-details .date { font-size: 18px; line-height: 26px; color: #161616; }
#posts-details .rss { position: absolute; right: 10px; top:0; }

#posts-details .article-content { word-wrap: break-word; }

#postDetailsLowerSections {
    background-color: #FFFFFF;
    padding: 0 20px;
    margin-top: 5px;
    border-bottom-left-radius: 11px;
    border-bottom-right-radius: 11px;
}

#postDetailsLowerSections .share-this fieldset legend, #posts-details .share-this fieldset legend { width: 190px; }

#postDetailsLowerSections .share-this:before, #posts-details .share-this:before {
    content: '';
    position: absolute;
    top: 15px;
    left: 0;
    height: 2px;
    width: 100%;
    background: rgba(255,255,255,0.9);
    background: -moz-linear-gradient(left, rgba(255,255,255,0.9) 0%, rgba(194,217,236,0.9) 50%, rgba(255,255,255,0.9) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,255,255,0.9)), color-stop(50%, rgba(194,217,236,0.9)), color-stop(100%, rgba(255,255,255,0.9)));
    background: -webkit-linear-gradient(left, rgba(255,255,255,0.9) 0%, rgba(194,217,236,0.9) 50%, rgba(255,255,255,0.9) 100%);
    background: -o-linear-gradient(left, rgba(255,255,255,0.9) 0%, rgba(194,217,236,0.9) 50%, rgba(255,255,255,0.9) 100%);
    background: -ms-linear-gradient(left, rgba(255,255,255,0.9) 0%, rgba(194,217,236,0.9) 50%, rgba(255,255,255,0.9) 100%);
    background: linear-gradient(to right, rgba(255,255,255,0.9) 0%, rgba(194,217,236,0.9) 50%, rgba(255,255,255,0.9) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=1 );
}
#postDetailsLowerSections .share-this:after, #posts-details .share-this:after { bottom: 15px }

#postDetailsCommentSection {
    display: inline-block;
    width: 100%;
    background-color: #FFFFFF;
    padding: 20px;
    margin-top: 20px;
    -webkit-border-radius: 11px; -moz-border-radius: 11px; border-radius: 11px;
}

#posts-comment-form fieldset, #postDetailsCommentSection fieldset { margin: 0; }
#postDetailsCommentSection fieldset legend {
    font-family:'Proxima Nova Soft W03';
    font-weight: 700;
    font-size: 22px;
    line-height: 26px;
    color: #00395d;
    border: 0px solid transparent;
    padding: 0;
    margin: 0 0 20px 0;
}

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

#postDetailsCommentSection .captcha { float: left; }
#postDetailsCommentSection .submitBtn { float: right; width: 205px; }

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

#posts-category-nav {
    display: block;
    height: auto;
    padding: 0 0 20px 0;
    background: #FFFFFF;
    -webkit-border-radius: 11px; -moz-border-radius: 11px; -o-border-radius: 11px; -ms-border-radius: 11px; border-radius: 11px;
}

#posts-category-nav .homemag.title {
    font-family:'Proxima Nova Soft W03';
    font-weight: 700;
    font-size: 22px;
    color: #00395d;
    padding: 20px;
}

#posts-category-nav dd a {
    display: block;
    font-family:'Proxima Nova W08';
    font-weight: 400;
    color: #0a69b2;
    font-size: 20px;
    line-height: 26px;
    background: #FFFFFF;
    padding: 20px;
    border-top: 1px solid #fbb732;
}

#posts-category-nav dd:last-of-type a { border-bottom: 1px solid #fbb732; }

#posts-category-nav dd a:hover, #posts-category-nav dd.selected a {
    background: #0a69b2;
    color:#FFFFFF;
}


/********************************** Tag Cloud *********************************/

#post-tag-cloud {
    background: #FFFFFF;
    padding: 20px 0;
    -webkit-border-radius: 11px; -moz-border-radius: 11px; -o-border-radius: 11px; -ms-border-radius: 11px; border-radius: 11px;
}

#post-tag-cloud .wrapper {
    border-top: 1px solid #fbb42f;
    border-bottom: 1px solid #fbb42f;
    padding: 20px;
    text-align: center;
}

#post-tag-cloud .title {
    font-family:'Proxima Nova Soft W03';
    font-weight:700;
    font-size: 22px;
    line-height: 22px;
    padding: 0 0 20px 0px;
    color: #00395d;
    text-align: center
}

#post-tag-cloud a {display: inline-block; margin-right: 10px; }

#post-tag-cloud a.tag_0 {
    font-family:'Proxima Nova W08';
    font-size: 12px;
    line-height: 15px;
    font-weight:400;
    color: #8db5db;
}
#post-tag-cloud a.tag_1 {
    font-family:'Proxima Nova W08';
    font-size: 12px;
    line-height: 15px;
    font-weight:400;
    color: #8db5db;
}
#post-tag-cloud a.tag_2 {
    font-family:'Proxima Nova W08';
    font-size: 15px;
    line-height:20px;
    font-weight:400;
    color: #0a69b2;
}
#post-tag-cloud a.tag_3 {
    font-family:'Proxima Nova W08';
    font-size: 15px;
    line-height:20px;
    font-weight:400;
    color: #0a69b2;
}
#post-tag-cloud a.tag_4 {
    font-family:'Proxima Nova W08';
    font-size: 18px;
    line-height: 22px;
    font-weight:400;
    color: #0a69b2;
}
#post-tag-cloud a.tag_5 {
    font-family:'Proxima Nova W08';
    font-size: 18px;
    line-height: 22px;
    font-weight:400;
    color: #0a69b2;
}
#post-tag-cloud a.tag_6 {
    font-family:'Proxima Nova W08';
    font-size: 18px;
    line-height: 22px;
    font-weight:400;
    color: #0a69b2;
}
#post-tag-cloud a.tag_7 {
    font-family:'Proxima Nova W08';
    font-size: 18px;
    line-height: 22px;
    font-weight:400;
    color: #0a69b2;
}
#post-tag-cloud a.tag_8 {
    font-family:'Proxima Nova W08';
    font-weight:400;
    font-size: 22px;
    line-height: 26px;
    color: #00395d;
}
#post-tag-cloud a.tag_9 {
    font-family:'Proxima Nova W08';
    font-weight:400;
    font-size: 22px;
    line-height: 26px;
    color: #00395d;
}
#post-tag-cloud a.tag_10 {
    font-family:'Proxima Nova W08';
    font-weight:400;
    font-size: 22px;
    line-height: 26px;
    color: #00395d;
}

#post-tag-cloud a:hover { color: #ee7201; }
#post-tag-cloud a:visited { color: #f4a667; }


/********************************** Side Banner - Send Us Your CV *********************************/

#sendCvBannerWrapper {
    position: relative;
}

#sendCvBannerWrapper .widget { background: transparent; }

#sendCvBannerWrapper .info {
    display: inline-block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    padding-top: 50px;
}

#sendCvBannerWrapper .info .txtWrapper {
    font-family:'Proxima Nova Soft W03';
    font-weight: 700;
    font-size: 28px;
    line-height: 30px;
    color: #ee7201;
    display: inline-block;
    width: 100%;
    text-align: center;

}

#sendCvBannerWrapper .info .txtWrapper .txt {
    display: inline-block;
    width: 100%;
    color: #ffffff;
}

#sendCvBannerWrapper .info a.btn {
    position: absolute;
    bottom: 30px;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 55px;
    height: 55px;
    z-index: 1;
}

#sendCvBannerWrapper .info a.btn:before {
    content: '+';
    font-size: 30px;
    width: 55px;
    height: 55px;
    color: #FFFFFF;
    position: absolute;
    z-index: 0;
    text-align: center;
    top: 14px;
-webkit-transition:.5s; -moz-transition:.5s; -ms-transition:.5s; -o-transition:.5s; transition:.5s;
}

#sendCvBannerWrapper .info a.btn:hover:before { color: #ee7201;
-webkit-transition:.5s; -moz-transition:.5s; -ms-transition:.5s; -o-transition:.5s; transition:.5s;
}

#sendCvBannerWrapper .info a.btn:after {
    content: '';
    width: 55px;
    height: 55px;
    background: url(https://1481053-1-2.cdn.4matnetworks.com/Graphics/buttonBorder-mini.png);
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    z-index: 0;
    -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg);
    -webkit-transition:.5s; -moz-transition:.5s; -ms-transition:.5s; -o-transition:.5s; transition:.5s;
}

#sendCvBannerWrapper .info a.btn:hover:after {

    -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg);
    -webkit-transition:.5s; -moz-transition:.5s; -ms-transition:.5s; -o-transition:.5s; transition:.5s;
}


/********************************** Side Post ********************************/

aside#side-col-left #post-results { background: transparent; }

aside#side-col-left #post-results .results-row { margin-bottom: 5px; }

aside#side-col-left .grid-col-6-12 {
    width: 100%;
}

aside#side-col-left #post-results .viewAllArticles .form-buttons .btn {
    background: #feedcc;
    color: #0a69b2;
    margin: 0;
    padding: 15px 0;
}

aside#side-col-left #post-results .viewAllArticles .form-buttons .btn:hover {
    background: rgba(255,255,255,.45);
    color: #0a69b2;
}

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

#meetTheTeamBanner {
    position: relative;
    width: 100%;
    height: 0;
    background-color: #0a69b2;
    background-image: url('https://1481053-1-2.cdn.4matnetworks.com/Graphics/meet-the-team-bubbles.png');
    background-repeat: no-repeat;
    background-position: center;
    overflow: hidden;
    margin-bottom: 50px;
}
#meetTheTeamBanner.imageActive { height: 495px; }

#meetTheTeamBanner .owl-carousel .owl-stage-outer { overflow: visible; }

#meetTheTeamBanner .banner {
    width: 960px;
    margin: 0 auto;
    height: 100%;
    overflow: hidden;
}

#meetTheTeamBanner .banner img {
    -webkit-border-radius: 30px; -moz-border-radius: 30px; -ms-border-radius: 30px; -o-border-radius: 30px; border-radius: 30px;
}

#meetTheTeamBanner .banner:before {
    content: '';
    width: 100%;
    height: 74px;
    background-color: #00395d;
    position: absolute;
    left: 0;
    top: 0;
}
#meetTheTeamBanner .banner:after {
    content: '';
    width: 100%;
    height: 430px;
    background-color: #00395d;
    position: absolute;
    left: 0;
    bottom: -305px;
    -webkit-transition: .5s; -moz-transition: .5s; -o-transition: .5s; -ms-transition: .5s; transition: .5s;
}

#meetTheTeamBanner .banner.active:after {
    bottom: 0;
    -webkit-transition: .5s; -moz-transition: .5s; -o-transition: .5s; -ms-transition: .5s; transition: .5s;
}

#meetTheTeamBanner .banner ul li { z-index: 100; margin: 70px 0;/* width: 960px; height: 300px;*/ display: block; }
#meetTheTeamBanner .banner ul li:before {
    content: '';
    background: url('https://1481053-1-2.cdn.4matnetworks.com/Graphics/MeetTheTeamGraphic.png');
    background-repeat: no-repeat;
    width: 100%;
    height: 75px;
    position: absolute;
    top: 0;
    z-index: 100;
}

#meetTheTeamBanner .banner ul li #teamSlider {
    position: absolute;
    bottom: -935px;
    left: 0;
    width: 100%;
    height: 1000px;
    background: #00395d;
    -webkit-transition: .5s; -moz-transition: .5s; -o-transition: .5s; -ms-transition: .5s; transition: .5s;
}
#meetTheTeamBanner .banner.active ul li #teamSlider {
    bottom: -630px;
    z-index: 1001;
    -webkit-transition: .5s; -moz-transition: .5s; -o-transition: .5s; -ms-transition: .5s; transition: .5s;
}

#meetTheTeamBanner .banner ul li #teamSlider .more {
    display: block;
    position: relative;
    width: 100px;
    height: 90px;
    margin: 0 auto;
    background-color: #00395d;
    border-radius: 50%;
    top: -44px;
}

#meetTheTeamBanner .banner ul li #teamSlider .more:before {
    content: '';
    background: url(https://1481053-1-2.cdn.4matnetworks.com/Graphics/buttonBorder-meet-the-team.png);
    background-repeat: no-repeat;
    background-position: center;
    width: 86px;
    height: 86px;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    margin: 0 auto;
    -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg);
    -webkit-transition: .5s; -moz-transition: .5s; -o-transition: .5s; -ms-transition: .5s; transition: .5s;
}

#meetTheTeamBanner .banner.active ul li #teamSlider .more:before {
    -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg);
    -webkit-transition: .5s; -moz-transition: .5s; -o-transition: .5s; -ms-transition: .5s; transition: .5s;
}

#meetTheTeamBanner .banner ul li #teamSlider .more:after {
    content: '+';
    font-size: 60px;
    color: #ffffff;
    position: absolute;
    left: 0;
    width: 100%;
    text-align: center;
    top: 29px;
}
#meetTheTeamBanner .banner.active ul li #teamSlider .more:after {
    content: '-';
    top: 24px;
}

#meetTheTeamBanner .banner ul li #teamSlider .content { width: 500px; margin: -45px auto 0 auto; }

#meetTheTeamBanner .banner ul li #teamSlider .content .header {
    display: inline-block;
    position: relative;
    width: 100%;
    padding-bottom: 10px;
    margin-bottom: 10px;
    text-align: center;
    font-family:'Proxima Nova Soft W03';
    font-weight: 700;
    font-size: 38px;
    line-height: 42px;
    color: #ffffff;
}
#meetTheTeamBanner .banner ul li #teamSlider .content .header:after {
    content: '';
    position: absolute;
    max-width: 300px;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    height: 2px;
    width: 100%;
    background: rgba(10,105,178,0);
    background: -moz-linear-gradient(left, rgba(10,105,178,0) 0%, rgba(10,105,178,1) 51%, rgba(10,105,178,0) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(10,105,178,0)), color-stop(51%, rgba(10,105,178,1)), color-stop(100%, rgba(10,105,178,0)));
    background: -webkit-linear-gradient(left, rgba(10,105,178,0) 0%, rgba(10,105,178,1) 51%, rgba(10,105,178,0) 100%);
    background: -o-linear-gradient(left, rgba(10,105,178,0) 0%, rgba(10,105,178,1) 51%, rgba(10,105,178,0) 100%);
    background: -ms-linear-gradient(left, rgba(10,105,178,0) 0%, rgba(10,105,178,1) 51%, rgba(10,105,178,0) 100%);
    background: linear-gradient(to right, rgba(10,105,178,0) 0%, rgba(10,105,178,1) 51%, rgba(10,105,178,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0a69b2', endColorstr='#0a69b2', GradientType=1 );
    opacity: 0;
}

#meetTheTeamBanner .banner ul li #teamSlider .content .header .bold { color: #ee7201; margin-right: 10px; }

#meetTheTeamBanner .banner ul li #teamSlider .content .clickHere {
    display: block;
    font-family: 'Proxima Nova W01';
    font-weight: 700;
    font-size: 20px;
    color: #ffcc40;
    border: 2px solid #ffcc40;
    padding: 10px;
    max-width: 165px;
    text-align: center;
    margin: 30px auto;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    -ms-border-radius: 25px;
    -o-border-radius: 25px;
    border-radius: 25px;
    opacity: 0;
}
#meetTheTeamBanner .banner ul li #teamSlider .content .clickHere:hover {
    background-color: #ffcc40;
    color: #00395d;
}

#meetTheTeamBanner .banner.active ul li #teamSlider .content .clickHere,
#meetTheTeamBanner .banner.active ul li #teamSlider .content .header:after {
    opacity: 1;
    -webkit-transition: .5s; -moz-transition: .5s; -o-transition: .5s; -ms-transition: .5s; transition: .5s;
}
#meetTheTeamBanner .owl-carousel .owl-controls .owl-dots {
    position: absolute;
    right: 30px;
    bottom: 75px;
}
#meetTheTeamBanner .owl-carousel .owl-controls .owl-dot {
    background: #ffffff;
    border: 2px solid #ffffff;
    -webkit-box-shadow: inset 4px 4px 10px 0px rgba(176,203,221,1);
    -moz-box-shadow: inset 4px 4px 10px 0px rgba(176,203,221,1);
    box-shadow: inset 4px 4px 10px 0px rgba(176,203,221,1);
}
#meetTheTeamBanner .owl-carousel .owl-controls .owl-dot:hover, #meetTheTeamBanner .owl-carousel .owl-controls .owl-dot.active { background: #ffcf1f; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }

/* un-comment to hide dots on hover */
/*#meetTheTeamBanner .banner:hover .owl-carousel .owl-controls .owl-dot { opacity: 0; }*/

/**********************************
* 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: 1px solid #0a69b2;
    background: #0a69b2;
    -webkit-border-radius: 11px; -moz-border-radius: 11px; -ms-border-radius: 11px; -o-border-radius: 11px; border-radius: 11px;
    -webkit-transition:.5s; -moz-transition:.5s; -ms-transition:.5s; -o-transition:.5s; transition:.5s;
}

#candidate-menu-form .link:hover {
    color: #0a69b2;
    background: #ffcc40;
    border-color: #ffcc40;
    -webkit-transition:.5s; -moz-transition:.5s; -ms-transition:.5s; -o-transition:.5s; transition:.5s;
}

#candidate-menu-form .link:hover a { color: #0a69b2; }

#candidate-menu-form .link a {
    display: block;
    z-index: 1;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin-bottom: 10px;
    font-size: 20px;
    text-align: center;
    font-family:'Marydale W01';
    font-weight: 700;
    font-size: 23px;
    line-height: 28px;
    color: #ffffff;
    padding: 80px 15px 10px 15px;
}

#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;
    font-family:'Proxima Nova W08';
    font-weight: 400;
    font-size: 18px;
    line-height: 22px;
    color: #0a69b2;
}


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

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


/**********************************
* 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: #00395d;
}

.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: 20px;
    padding-bottom: 10px;
}

.pagination.lower {
    color: #0a69b2;
    padding: 20px;
    background: #FFFFFF;
    -webkit-border-bottom-right-radius: 11px;
    -moz-border-bottom-right-radius: 11px;
    border-bottom-right-radius: 11px;
    -webkit-border-top-left-radius: 11px;
    -moz-border-top-left-radius: 11px;
    border-top-left-radius: 11px;
}

.pagination li {
    float: left;
}

.pagination.lower .resultstext.resultsFound { font-family:'Proxima Nova W01'; font-weight: 700; }

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

.pagination a { padding: 0 5px; font-family:'Proxima Nova W01'; font-weight: 700; }

.pagination a.active {
    display: inline-block;
    min-width: 25px;
    background: #ec6b01;
    color: #FFFFFF !important;
    border-radius: 45px;
    text-align: center;
}

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

.rss-icon a {
    display: block;
    padding: 5px 8px;
    font-size: 26px;
    color: #0a69b2;
    text-decoration: none;
}
.rss-icon a:hover { color: #ec6b01; }

.rss-icon a:before {
    font-family: FontAwesome;
}


/********************************** Save As Job Alert *********************************/

#divSaveAsJobAlert .form-buttons a {
    display: block;
    background: #0a69b2;
    border-radius: 11px;
    margin: 10px 0;
    padding: 15px 0;
}
#divSaveAsJobAlert .form-buttons a:hover { background:#6ca5d1; }


/********************************** Social-hub-team-page *********************************/

body.socialHub #main {
    background: transparent;
    padding: 0;
    -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0;
}

h1.socialhubH1 {
    display: block;
    width: 100%;
    background: #00395d;
    -webkit-border-top-right-radius: 11px;
    -moz-border-top-right-radius: 11px;
    border-top-right-radius: 11px;
    -webkit-border-bottom-left-radius: 11px;
    -moz-border-bottom-left-radius: 11px;
    border-bottom-left-radius: 11px;
    padding: 20px;
    font-size: 38px;
}

#social-hub-team-page .TeamMemberRow {
    position: relative;
    width: 45%;
    height: 400px;
    background: #00395d;
    float: left;
    overflow: hidden;
    margin: 20px 2%;
    padding: 20px;

}

#social-hub-team-page .TeamMemberRow .image {
    position: relative;
    margin: -20px -20px 20px -20px;
}
#social-hub-team-page .TeamMemberRow .image:after {
    content: '';
    width: 100%;
    height: 279px;
    background-image: url(https://1481053-1-2.cdn.4matnetworks.com/Graphics/ProfileWidgetOverlay.png);
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    top: 0;
}
#social-hub-team-page .TeamMemberRow .image img {
    width: 100%;
}

#social-hub-team-page .TeamMemberRow .name a {
    font-family:'Marydale W01';
    font-weight: 700;
    font-size: 28px;
    line-height: 32px;
    color: #FFFFFF;
}
#social-hub-team-page .TeamMemberRow .name a:hover { color: #ee7201; }

#social-hub-team-page .TeamMemberRow .title {
    font-family:'Proxima Nova Soft W03';
    font-weight: 700;
    font-size: 19px;
    line-height: 25px;
    color: #FFFFFF;
}

/********************************** Social-hub-profile-page *********************************/

body.bioPage #main {
    background: transparent;
    border-radius: 0px;
    padding: 0px;
    margin-bottom: 30px;
}

#social-hub-profile-page {
    background: #FFFFFF;
    border-radius: 11px;
    padding: 20px;
    margin-bottom: 30px;
}

#social-hub-profile-page h1 {
    font-family:'Marydale W01';
    font-weight: 700;
    font-size: 32px;
    line-height: 36px;
}

#profileWidget {
    width: 100%;
    position: relative;
    overflow: hidden;
    background: #00395d;
    padding: 0 20px 20px 20px;
    -webkit-border-radius: 11px; -moz-border-radius: 11px; border-radius: 11px;
}

#profileWidget .photo { position: relative; margin: 0px -20px 20px -20px; }
#profileWidget .photo:after {
    content: '';
    width: 300px;
    height: 300px;
    background-image: url(https://1481053-1-2.cdn.4matnetworks.com/Graphics/ProfileWidgetOverlay.png);
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    top: 0;
    left: 0;
}

#profileWidget .photo img {
    width: 100%;
}

#profileWidget a#sendCVLink, #profileWidget a#sendSpecLink {
    width: 100%;
    display: inline-block;
    padding: 15px 0;
    font-family: 'Proxima Nova W01';
    font-size: 20px;
    color: #ffcc40;
    text-align: center;
    text-decoration: none;
    border: 1px solid #ffcc40;
    cursor: pointer;
    background: transparent;
    -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;
    -webkit-appearance:none; -moz-appearance:none; appearance:none;
    -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; -ms-transition:.5s; transition:.5s;
}
#profileWidget a#sendCVLink:hover, #profileWidget a#sendSpecLink:hover {
    background: #ffcc40;
    color: #00395d;
    -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; -ms-transition:.5s; transition:.5s;
}

#profileWidget a#sendSpecLink { margin-top: 20px; }

.li-connect-widget .li-connect-mark {
    opacity: 0;
}

.li-connect-widget .li-connect-link {
    position: relative;
    display: inline-block;
    width: 40px;
    height: 40px;
    background: #FFFFFF;
    -webkit-border-radius: 25px; -moz-border-radius: 25px; -o-border-radius: 25px; -ms-border-radius: 25px; border-radius: 25px;
    font-size: 0;
    color: transparent;
    vertical-align: top;
    margin: 15px 0 0 20px;
}

.li-connect-widget .li-connect-link:last-of-type { margin-left: 10px; }

.li-connect-widget .li-connect-link:first-of-type:after {
    content: "\f0e1";
    font-family: FontAwesome;
    font-size: 20px;
    color: #0a69b2;
    text-align: center;
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%);
}

#twitterFollow {
    position: relative;
    display: inline-block;
    width: 40px;
    height: 40px;
    background: #FFFFFF;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    -o-border-radius: 25px;
    -ms-border-radius: 25px;
    border-radius: 25px;
    font-size: 0;
    color: transparent;
    vertical-align: top;
    margin: 18px 0 0 8px;
}
#twitterFollow:after {
    content: "\f099";
    font-family: FontAwesome;
    font-size: 20px;
    color: #0a69b2;
    text-align: center;
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%);
}

.li-connect-widget .li-connect-link:hover:after,
#twitterFollow:hover:after { color:#ee7201; }


#social-hub-profile-page .title, #social-hub-profile-page .profileTeam a {
    font-family:'Proxima Nova Soft W03';
    font-weight: 700;
    font-size: 22px;
    line-height: 26px;
    color: #00395d;
}

#social-hub-profile-page .contactDetails { position: relative; display: block; margin: 20px 0; padding: 20px 0; }

#social-hub-profile-page .contactDetails:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    height: 1px;
    width: 100%;
    background: rgba(255,255,255,0);
    background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(173,202,223,1) 12%, rgba(173,202,223,1) 51%, rgba(173,202,223,1) 88%, rgba(255,255,255,0) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,255,255,0)), color-stop(12%, rgba(173,202,223,1)), color-stop(51%, rgba(173,202,223,1)), color-stop(88%, rgba(173,202,223,1)), color-stop(100%, rgba(255,255,255,0)));
    background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(173,202,223,1) 12%, rgba(173,202,223,1) 51%, rgba(173,202,223,1) 88%, rgba(255,255,255,0) 100%);
    background: -o-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(173,202,223,1) 12%, rgba(173,202,223,1) 51%, rgba(173,202,223,1) 88%, rgba(255,255,255,0) 100%);
    background: -ms-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(173,202,223,1) 12%, rgba(173,202,223,1) 51%, rgba(173,202,223,1) 88%, rgba(255,255,255,0) 100%);
    background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(173,202,223,1) 12%, rgba(173,202,223,1) 51%, rgba(173,202,223,1) 88%, rgba(255,255,255,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=1 );
}
#social-hub-profile-page .contactDetails:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    height: 1px;
    width: 100%;
    background: rgba(255,255,255,0);
    background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(173,202,223,1) 12%, rgba(173,202,223,1) 51%, rgba(173,202,223,1) 88%, rgba(255,255,255,0) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,255,255,0)), color-stop(12%, rgba(173,202,223,1)), color-stop(51%, rgba(173,202,223,1)), color-stop(88%, rgba(173,202,223,1)), color-stop(100%, rgba(255,255,255,0)));
    background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(173,202,223,1) 12%, rgba(173,202,223,1) 51%, rgba(173,202,223,1) 88%, rgba(255,255,255,0) 100%);
    background: -o-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(173,202,223,1) 12%, rgba(173,202,223,1) 51%, rgba(173,202,223,1) 88%, rgba(255,255,255,0) 100%);
    background: -ms-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(173,202,223,1) 12%, rgba(173,202,223,1) 51%, rgba(173,202,223,1) 88%, rgba(255,255,255,0) 100%);
    background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(173,202,223,1) 12%, rgba(173,202,223,1) 51%, rgba(173,202,223,1) 88%, rgba(255,255,255,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=1 );
}

#social-hub-profile-page .contactDetails { 
    font-family:'Proxima Nova W01';
    font-weight: 700;
    color:#0a69b2;
}

#social-hub-profile-page .contactDetails a {
    font-weight: 400;
    color:#0a69b2;
}

#social-hub-profile-page .contactDetails a.email:hover { color: #ec6b01; }

#social-hub-profile-page .bioInfo span.profileBioHeader {
    display: block;
    font-family:'Proxima Nova W01';
    font-weight: 700;
    color:#00395d;
    margin-bottom: 20px;
}

#feedContent {
    position: relative;
    background: #0a69b2;
    padding: 50px 20px;
    margin-top: 100px;
}
#feedContent .dcsns-toolbar {
    position: absolute;
    top: -45px;
    left: 0;
    width: 100%;
    text-align: center;
}
#feedContent .dcsns-toolbar ul li {
    display: inline-block;
}
#feedContent .dcsns-toolbar ul li a {
    display: inline-block;
    width: 220px;
    padding: 11px 0;
    font-size: 23px;
    -webkit-border-top-left-radius: 11px;  -moz-border-top-left-radius: 11px; -ms-border-top-left-radius: 11px; -o-border-top-left-radius: 11px; border-top-left-radius: 11px;
    -webkit-border-top-right-radius: 11px; -moz-border-top-right-radius: 11px;  -ms-border-top-right-radius: 11px; -o-border-top-right-radius: 11px; border-top-right-radius: 11px;
    background: #00395d;
    font-family: 'Proxima Nova Soft W03';
    font-weight: 700;
    color: #a3afba;
    text-align: center;
}

#feedContent .dcsns-toolbar ul li a:hover { color:#ec6b01; }

#feedContent .dcsns-toolbar ul li a.selected {
    background: #0a69b2;
    color: #ffffff;
    cursor: context-menu;
}

#feedContent .form-buttons a.view-all.jobs {
    -webkit-border-radius: 0px; -moz-border-radius: 0px; -ms-border-radius: 0px; -o-border-radius: 0px; border-radius: 0px;
    background: #ffcc40;
    color: #00395d;
}
#feedContent .form-buttons a.view-all.jobs:hover { background: #fbdc88; }

#feedContent #post-results .results-row { margin-bottom: 0; }

/**********************************
* visitor-profile - Personalization widget
**********************************/

#visitor-profile #vpWidget {
    display: block;
    position: fixed;
    bottom: 0;
    margin: 0 auto;
    width: 100%;
    height: 300px;
    padding: 40px 0;
    z-index: 2000;
    background: #0a69b2;
    border-top: 7px solid #adcadf;
    border-bottom: 7px solid #adcadf;
    z-index: 10000;
    max-width: 1920px;
}

#visitor-profile.hidden { display: none; }

#visitor-profile #vpWidget fieldset { text-align: center; }

#visitor-profile #vpWidget .innerWrapper { position: relative; width: 960px; margin: 0 auto; }

#visitor-profile #vpWidget #pnlFirstname, #visitor-profile #vpWidget .multi-dropdown-container, #visitor-profile #vpWidget .form-buttons {
    display: inline-block;
    vertical-align: top;
}

#visitor-profile #vpWidget .multi-dropdown-container { width: 300px; }

#visitor-profile #vpWidget .multi-dropdown-container { margin-left: 20px; }

.multiSelectDropdown i:before { content: "\f107"; font-size: 20px; color: #ffffff; }

#visitor-profile #vpWidget input {
    border: 2px solid #ffffff;
    background: transparent;
}

#visitor-profile #vpWidget input { font-size: 20px; color: #ffffff; font-family:'Proxima Nova W01'; font-weight: 700; }

#visitor-profile #vpWidget input::-webkit-input-placeholder { font-size: 20px; color: #ffffff; font-family:'Proxima Nova W01'; font-weight: 700; }
#visitor-profile #vpWidget input::-moz-placeholder { font-size: 20px; color: #ffffff; font-family:'Proxima Nova W01'; font-weight: 700; }
#visitor-profile #vpWidget input:-moz-placeholder { font-size: 20px; color: #ffffff; font-family:'Proxima Nova W01'; font-weight: 700; }
#visitor-profile #vpWidget input:-ms-input-placeholder { font-size: 20px; color: #ffffff; font-family:'Proxima Nova W01'; font-weight: 700; }

#visitor-profile #vpWidget .title {
    position: relative;
    display: inline-block;
    width: 100%;
    text-align: center;
    color: #ffffff;
    font-family:'Proxima Nova Soft W03';
    font-weight: 700;
    font-size: 28px;
    line-height: 32px;
    padding-bottom: 20px;
    margin-bottom: 20px;
}
#visitor-profile #vpWidget .title:after {
    content: '';
    position: absolute;
    max-width: 250px;
    bottom: 0;
    right: 0;
    left: 0;
    margin: 0 auto;
    height: 2px;
    width: 100%;
    background: rgba(255,255,255,0);
    background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 51%, rgba(255,255,255,0) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,255,255,0)), color-stop(51%, rgba(255,255,255,1)), color-stop(100%, rgba(255,255,255,0)));
    background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 51%, rgba(255,255,255,0) 100%);
    background: -o-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 51%, rgba(255,255,255,0) 100%);
    background: -ms-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 51%, rgba(255,255,255,0) 100%);
    background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 51%, rgba(255,255,255,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=1 );
}

#visitor-profile #vpWidget .form-item-label, #visitor-profile #vpWidget .new-multi { display: none; }

#visitor-profile #vpWidget .form-buttons .btn {
    background: transparent;
    color: #ffffff;
    border: 2px solid #ffffff;
    width: auto;
    padding: 16px 20px;
    float: left;
    margin-left: 20px;
}

#visitor-profile #vpWidget .form-buttons .btn:hover {
    color: #0a69b2;
    background: #ffffff;
}

#visitor-profile #vpWidget #closePersonalisationWidget, #visitor-profile #vpWidget #closePersonalisationWidget2 {
    font-size: 0;
    color: transparent;
}

#visitor-profile #vpWidget #closePersonalisationWidget:before , #visitor-profile #vpWidget #closePersonalisationWidget2:before {
    content: "\f057";
    font-family: FontAwesome;
    font-size: 30px;
    color: #adcadf;
    position: relative;
    right: 0;
    top: 20px;
    left: 30px;
    cursor: pointer;
}

#visitor-profile #vpWidget #closePersonalisationWidget2:before { top: 0; left: 110px; }

#visitor-profile #vpWidget #closePersonalisationWidget:hover:before, #visitor-profile #vpWidget #closePersonalisationWidget2:hover:before { color: #ec6b01; }

#visitor-profile .error-label { padding: 5px; }

#visitor-profile #vpWidget .success-label { 
    position: absolute;
    top: -40px;
    left: 0;
    display: block;
    width: 100%;
    height: 286px;
    background-color: #0a69b2;
    font-family: 'Proxima Nova Soft W03';
    font-weight: 700;
    color: #ffffff;
    font-size: 28px;
    text-align: center;
    line-height: 32px;
}
#visitor-profile #vpWidget .success-label:after {
    content: '';
    background-image: url('https://1481053-1-2.cdn.4matnetworks.com/Graphics/visitor-profile-widget-sucess-bg.png');
    display: block;
    margin: 0 auto;
    width: 960px;
    height: 150px;
    margin-top: 40px;
}

#visitor-profile #vpWidget .success-label span.personalizationWidgetThankYou {
    position: relative;
    padding: 20px;
}
#visitor-profile #vpWidget .success-label span.personalizationWidgetThankYou:after {
    content: '';
    position: absolute;
    max-width: 250px;
    bottom: 0;
    right: 0;
    left: 0;
    margin: 0 auto;
    height: 2px;
    width: 100%;
    background: rgba(255,255,255,0);
    background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 51%, rgba(255,255,255,0) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,255,255,0)), color-stop(51%, rgba(255,255,255,1)), color-stop(100%, rgba(255,255,255,0)));
    background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 51%, rgba(255,255,255,0) 100%);
    background: -o-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 51%, rgba(255,255,255,0) 100%);
    background: -ms-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 51%, rgba(255,255,255,0) 100%);
    background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 51%, rgba(255,255,255,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=1 );
}

#visitor-profile #vpWidget .CheckBoxTreeOpen {
    position: absolute;
    top: auto;
    bottom: 79px;
    width: 300px;
    max-height: 250px;
    overflow: auto;
}

#visitor-profile .success-label a.register {
    width: 165px;
    height: 60px;
    display: inline-block;
    padding: 16px 20px;
    font-family: 'Proxima Nova W01',helvetica,arial,clean,sans-serif;
    font-size: 20px;
    color: #ffffff;
    text-align: center;
    text-decoration: none;
    border: none;
    cursor: pointer;
    background: #0a69b2;
    border: 2px solid #ffffff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -o-transition: .5s;
    -ms-transition: .5s;
    transition: .5s;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 0;
    right: 0;
    margin: 0 auto;
}

#visitor-profile .success-label a.register:hover {
    color: #0a69b2;
    background: #ffffff;
}

/********************************** Quick Send CV Form ********************************/

#quick-send-cv-apply-form .form-buttons .btn { width: 205px; }

/********************************** Login Form ********************************/

#login-form .form-buttons .btn, #candidate-login .form-buttons .btn { width: 205px; }

/********************************** Registration Form ********************************/

#registration-form .form-buttons .btn { width: 205px; }

#registration-form .form-item-row.location .form-input-icon i { line-height: 52px; width: 40px; }

#registration-form .terms { display: block; margin-top: 30px; }

/********************************** Shortlist Results ********************************/

.search-results-row .form-buttons .btn { width: 205px; }

/********************************** Quick Apply Form ********************************/

#quick-apply-form .form-buttons .btn { width: 205px; }

#quick-apply-form .registerMe { display: block; margin-top: 30px; }

/********************************** Quick Apply Form ********************************/

.success-label a, .error-label a {
    font-family:'Proxima Nova W08';
    font-size: 18px;
    line-height: 24px;
    font-weight: 400;
    color: #ffffff;
}

.error-label a:hover, .success-label a:hover { color: rgba(255,255,255,.6); }

.success-label ul li, .error-label ul li {
    font-family:'Proxima Nova W08';
    font-size: 18px;
    line-height: 24px;
    font-weight: 400;
    color: #ffffff;
}

/********************************** Candidate profile editor form ********************************/

#candidate-profile-editor-form .form-item-row.location .form-input-icon i {
    line-height: 52px;
    width: 40px;
}

#candidate-profile-editor-form .form-buttons .btn { width: 205px; margin-right: 10px; }

/********************************** Contact Form ********************************/

#contact-form .form-buttons .btn { width: 205px; }

/********************************** Email a friend form ********************************/

#email-friend-form .form-buttons .btn { width: 205px; }

/********************************** Email me similar jobs ********************************/

#email-similar-jobs-form .form-buttons .btn { width: 205px; }

/**********************************
* SOCIAL PROFILE ICONS
**********************************/
#social-share-profile i {
    float: left;
    margin-right: 20px;
    font-size: 25px;
    color: #0a69b2;
    cursor: pointer;
    line-height: 56px;
    text-align: center;
    background: transparent;
    -webkit-transition:.5s; -moz-transition:.5s; -ms-transition:.5s; -o-transition:.5s; transition:.5s;
}

#social-share-profile i:hover {
    color: #ec6b01;
    -webkit-transition:.5s; -moz-transition:.5s; -ms-transition:.5s; -o-transition:.5s; transition:.5s;
}

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


/**********************************
* SHARE THIS SOCIAL ICONS
**********************************/

.share-this { position: relative; padding: 1px 0; }

.share-this a {
    display: inline-block;
    width: auto;
    font-size: 25px;
    color: #0a69b2;
    text-align: center;
    text-decoration: none;
    line-height: 56px;
    background: transparent;
    padding: 0 10px;
}

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

.share-this a:hover { color: #ec6b01; }

.share-this fieldset legend {
    display: inline-block;
    float: left;    
    width: 145px;
    border: 0px solid transparent;
    margin: 0;
    padding: 0;
    font-family: 'Marydale W01';
    font-weight: 700;
    font-size: 24px;
    line-height: 56px;
    color: #0a69b2;
}
.share-this:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    height: 2px;
    width: 100%;
    background: rgba(255,255,255,0.9);
    background: -moz-linear-gradient(left, rgba(255,255,255,0.9) 0%, rgba(194,217,236,0.9) 50%, rgba(255,255,255,0.9) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,255,255,0.9)), color-stop(50%, rgba(194,217,236,0.9)), color-stop(100%, rgba(255,255,255,0.9)));
    background: -webkit-linear-gradient(left, rgba(255,255,255,0.9) 0%, rgba(194,217,236,0.9) 50%, rgba(255,255,255,0.9) 100%);
    background: -o-linear-gradient(left, rgba(255,255,255,0.9) 0%, rgba(194,217,236,0.9) 50%, rgba(255,255,255,0.9) 100%);
    background: -ms-linear-gradient(left, rgba(255,255,255,0.9) 0%, rgba(194,217,236,0.9) 50%, rgba(255,255,255,0.9) 100%);
    background: linear-gradient(to right, rgba(255,255,255,0.9) 0%, rgba(194,217,236,0.9) 50%, rgba(255,255,255,0.9) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=1 );
}

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

#side-col-left #loadingMessage {
    border-radius: 11px;
    -webkit-border-radius: 11px;
    -moz-border-radius: 11px;
}

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


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

#footer {
    height: 205px;
    background-color: #0a69b2;
}

#footer .nav { text-align: center; padding: 45px 0 30px 0; }

#footer ul { margin: 0; padding: 0; }

#footer ul li {
    display: inline-block;
}

#footer ul li a {
    font-family:'Proxima Nova Soft W03',helvetica,arial,clean,sans-serif;
    font-size: 18px;
    font-weight: 400;
    color: #FFFFFF;
    padding: 0 12px;
}

#footer ul li a:hover { color: #ffcc40; }

#accreditationLogos ul { margin: 0; padding: 0; }
#accreditationLogos ul li {
    list-style-type: none;
    padding: 0 12px;
    vertical-align: middle;
}

#footer .lowerFooter { width: 960px; margin: 0 auto; }

#footer .lowerFooter .float-right ul li span.getSocial {
    font-family:'Marydale W01',helvetica,arial,clean,sans-serif;
    font-weight: 700;
    font-size: 38px;
    color: #FFFFFF;
}

#footer .lowerFooter .float-right ul li {
    display: table-cell;
    height: 70px;
    vertical-align: middle;
}



/**********************************
* BACK-TO-TOP
**********************************/
#back-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    border-radius: 50px;
    background: #ec6b01;
    z-index: 1000;
    border: 10px solid #ffcf1f;
    border-radius: 50px;
}

#back-top:hover {
    background: #ee8e3e;
    border-color: #fcd955;
}

#back-top:hover i { color: #fcd955; }

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

#back-top a i {
    position: relative;
    top: 12px;
    font-size: 30px;
    color: #ffcf1f;
}


/**********************************
* 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
**********************************/

    /**********************************
    * TABLET DEVICES
    **********************************/
    @media only screen and (max-width: 960px) {
        

    }

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