body,
html {
    min-height: 100%;
    font-family: Montserrat !important, Arial, Helvetica, Geneva, sans-serif
}
.fixed {
    background: #fff
}
@media only screen and (min-width: 40.063em) and (max-width: 64em) {
    .fixed {
        position: relative!important
    }
}
@media only screen and (max-width: 40em) {
    .fixed {
        position: relative!important
    }
}
body {
    font-family: Montserrat, Arial;
    font-size: 12px;
    color: #333;
    Text-align: Justify!important;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: Montserrat, FuturaBook;
    color: #6846C6;
    text-transform: uppercase
}
h1 {
    font-size: 36px;
    margin-bottom: 30px
}
h2 {
    font-size: 24px;
    text-transform: none
}
h3 {
    font-size: 20px;
    margin-bottom: 20px
}
h4 {
    font-size: 16px
}
.columns.full {
    padding: 0
}
.clickBox {
    cursor: pointer
}
.heading {
    margin: 10px 0 20px
}
ul.file-list {
    list-style-type: none;
    margin: 0;
    margin-bottom: 20px;
    padding: 0
}
.button {
    margin: 0;
    background: #805CE5;
    color: #fff
}
.button:hover {
    background: #6846C6
}
.button.red {
    background: #6846C6
}
.button.red:hover {
    background: #6846C6
}
.button.radius {
    border-radius: 6px
}
.button.small {
    font-size: 12px
}
.button.mobile {
    text-align: left
}
.button.back {
    background: #afaca7;
    color: #fff
}
.button.back:hover {
    background: #7d7a73
}
.button.margin-bottom {
    margin-bottom: 20px
}
input[type=password],
input[type=text],
select {
    height: 51px;
	font-size: larger;
	font-family: Montserrat, FuturaBook;
    Line-Height: 2em;
}
.left-off-canvas-menu {
    background: #805CE5
}
.left-off-canvas-menu .active {
    background: #242424
}
.off-canvas-sub-list {
    font-size: 12px;
    margin-bottom: 0
}
ul.top-links li {
    margin: 0
}
ul.top-links li a {
    color: #333;
    font-size: 14px
}
ul.top-links li a:hover {
    color: #6846C6
}
ul.top-links li .reg-link {
    padding-right: 10px;
    border-right: solid thin #333
}
ul.top-links li .login-link {
    padding-left: 10px
}
.tab-bar {
    background: #805CE5
}
header[role=banner] .head-container {
    padding: 30px 0 30px 0
}
header[role=banner] .nav-container {
    background: #000000
}
header[role=banner] .nav-container .row {
    padding: 0
}
header[role=banner] .top-bar {
    background: #000000
}
header[role=banner] .top-bar ul li {
    width: auto;
    text-align: center
}
header[role=banner] .top-bar ul li.home-icon a img {
    margin-top: 16px
}
header[role=banner] .top-bar .top-bar-section .has-dropdown>a:after {
    border-color: #fff transparent transparent;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}
header[role=banner] .top-bar .top-bar-section .has-dropdown>a.about:after {
    margin-right: 15px
}
header[role=banner] .top-bar .top-bar-section .has-dropdown:hover>a:after {
    margin-top: -9px;
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    border-color: #6846C6 transparent transparent
}
header[role=banner] .top-bar .top-bar-section li:not(.has-form) a:not(.button):hover {
    background: #805CE5;
    text-decoration: underline
}
header[role=banner] .top-bar .top-bar-section ul li:hover:not(.has-form)>a {
    background: #805CE5
}
header[role=banner] .top-bar .top-bar-section li a {
    background: #000000;
    text-transform: uppercase;
    font-size: 16px
}
header[role=banner] .top-bar .top-bar-section li a:hover {
    background: #805CE5
}
header[role=banner] .top-bar .top-bar-section li a.active {
    background: #000000
}
header[role=banner] .top-bar .top-bar-section .dropdown {
    background: #805CE5
}
header[role=banner] .top-bar .top-bar-section .dropdown li {
    width: 100%
}
header[role=banner] .top-bar .top-bar-section .dropdown li a {
    background: #805CE5;
    font-size: 12px;
    text-align: left
}
header[role=banner] .top-bar .top-bar-section .dropdown li a:hover {
    text-decoration: underline
}
header[role=banner] .top-bar .top-bar-section .dropdown.large {
    min-width: 500px
}
header[role=banner] .top-bar .top-bar-section .dropdown .sub-nav-l,
header[role=banner] .top-bar .top-bar-section .dropdown .sub-nav-r {
    width: 50%;
    padding: 0;
    margin: 20px 0
}
header[role=banner] .top-bar .top-bar-section .dropdown .sub-nav-l li a,
header[role=banner] .top-bar .top-bar-section .dropdown .sub-nav-r li a {
    background: #805CE5;
    text-align: left
}
header[role=banner] .top-bar .top-bar-section .dropdown .sub-nav-l li a:hover,
header[role=banner] .top-bar .top-bar-section .dropdown .sub-nav-r li a:hover {
    background: #805CE5;
    text-decoration: underline
}
header[role=banner] .top-bar .top-bar-section .dropdown .sub-nav-l {
    border-right: solid thin #fff
}
header[role=banner] .sub-nav-container {
    background: #444
}
header[role=banner] .sub-nav-container .sub-nav {
    margin: -.25rem 0 .125rem;
    padding-top: .75rem;
    margin-right: 0;
    margin-left: -.75rem
}
header[role=banner] .sub-nav-container .sub-nav a {
    color: #fff;
    padding-left: 0;
    text-transform: uppercase
}
header[role=banner] .sub-nav-container .sub-nav a:hover {
    color: #999
}
header[role=banner] .sub-nav-container .sub-nav a.active {
    color: #999
}
@media only screen and (max-width: 40em) {
    header[role=banner] .head-info .button.small {
        font-size: 10px;
        padding: 10px;
        width: 140px
    }
}
.orbit-container {
    max-width: 1920px;
    margin: 0 auto
}
.orbit-container .orbit-slides-container img {
    display: inline-block
}
.orbit-container .orbit-bullets,
.orbit-container .orbit-next,
.orbit-container .orbit-prev,
.orbit-container .orbit-slide-number,
.orbit-container .orbit-timer {
    display: none
}
.slider {
    margin-top: 0;
    max-height: 400px;
    overflow: hidden
}
.slider.home {
    margin-top: 187px
}
@media only screen and (max-width: 40em) {
    .slider.home {
        margin-top: 0
    }
}
@media only screen and (min-width: 40.063em) and (max-width: 64em) {
    .slider.home {
        margin-top: 0
    }
}
@media only screen and (max-width: 40em) {
    .slider {
        margin-top: 0
    }
}
@media only screen and (min-width: 40.063em) and (max-width: 64em) {
    .slider {
        margin-top: 0
    }
}
.columns.img-link {
    padding: 0;
    padding-right: 1px
}
.columns.img-link:last-of-type {
    padding-right: 0
}
.columns.img-link.full {
    padding: 0
}
.image-cover {
    position: relative;
    width: 100%;
    max-height: 400px;
    text-align: center
}
.image-cover.link {
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out
}
.image-cover.link.careers {
    background: url(../img/careers-and-jobs-new.jpg) no-repeat;
    min-height: 300px;
    max-width: 485px
}
.image-cover.link.careers:hover {
    z-index: 1;
    -ms-transform: scale(1.08, 1.08);
    -webkit-transform: scale(1.08, 1.08);
    transform: scale(1.08, 1.08);
    /*background: url(../img/black-hover.jpg) #000 no-repeat*/
}
.image-cover.link.employers {
    background: url(../img/employers-and-partners-new.jpg) no-repeat;
    min-height: 300px;
    max-width: 485px
}
.image-cover.link.employers:hover {
    z-index: 1;
    -ms-transform: scale(1.08, 1.08);
    -webkit-transform: scale(1.08, 1.08);
    transform: scale(1.08, 1.08);
    /*background: url(../img/black-hover.jpg) #000 no-repeat*/
	
}
.image-cover.link .content {
    display: block;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    margin: 0;
    padding: 0
}
.image-cover.link .content h1,
.image-cover.link .content h2,
.image-cover.link .content h3,
.image-cover.link .content p {
    margin: 0;
    color: #fff;
    letter-spacing: -1px;
    padding: 10px
}
.image-cover.link .content h1,
.image-cover.link .content h2,
.image-cover.link .content h3 {
    padding: 10px;
    text-transform: uppercase;
    font-weight: 700
}
.image-cover.link .content h2 {
    font-size: 28px
}
.image-cover.link .content p {
    padding: 0 30px 10px 30px
}
.image-cover h1 {
    position: absolute;
    top: 48%;
    left: 0;
    width: 100%;
    text-align: center;
    text-transform: uppercase;
    color: #fff;
    font-size: 48px;
    line-height: 50px;
    font-weight: 700;
    z-index: 9;
    text-shadow: 4px 1px 10px #000
}
@media only screen and (min-width: 40.063em) and (max-width: 64em) {
    .image-cover h1 {
        font-size: 38px;
        line-height: 40px
    }
}
@media only screen and (max-width: 40em) {
    .image-cover h1 {
        top: 25%;
        font-size: 16px;
        line-height: 24px
    }
  
    .search-row .fi-magnifying-glass {
height:auto;
    font-size: 20px!important;
}
}
.search-row {
    background: #6846C6
}
.search-row h2 {
	color: #FFFFFF;
}
.search-row .button,
.search-row .main-search-box {
    width: 95%;
    height: 50px;
    font-size: 25px;
    padding: 5px 20px;
    margin: 0;
    border-radius: 4px
}
.search-row .button.location,
.search-row .main-search-box.location {
    float: right;
    border-radius: 4px 0 0 4px
}
.search-row .button {
    border-radius: 0 4px 4px 0;
    margin-left: -1px
}
.search-row .fi-magnifying-glass {
    font-size: 40px
}
.search-row form.search .columns {
    padding: 0
}
@media only screen and (max-width: 40em) {
    .search-row .button,
    .search-row .main-search-box {
        height: auto;
        width: 100%;
        font-size: 14px;
        padding: 5px 20px;
        margin: 0 0 10px 0
    }
    .search-row .button {
        padding: 5px
    }
}
section.main.home {
    text-align: left;
}
section.main.home .copytext {
    margin-bottom: 50px
}
section.main.page {
    text-align: Justify;
}
section.main .row {
    padding-top: 40px;
    padding-bottom: 50px;
    border-bottom: solid 2px #ddd
}
section.main .row:last-of-type {
    border-bottom: none
}
.row.home {
    margin-top: 187px
}
@media only screen and (max-width: 40em) {
    .row.home {
        margin-top: 0
    }
}
@media only screen and (min-width: 40.063em) and (max-width: 64em) {
    .row.home {
        margin-top: 0
    }
}

.row {
    padding: 40px 0
}
@media only screen and (max-width: 40em) {
    .row {
        text-align: Justify;
    }
}
.row.sectors {
    text-align: Justify;
}
.row.sectors [class*=block-grid-]>li {
    padding: 0;
    position: relative;
    height: 132px
}
.row.sectors .sector-block a {
    display: block;
    width: 100%;
    height: 100%;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out
}
.row.sectors .sector-block a.aerospace {
    background: url(../img/aerospace.jpg) no-repeat
}
.row.sectors .sector-block a.aerospace:hover {
    background: url(../img/aerospace-hover.jpg) no-repeat
}
.row.sectors .sector-block a.automotive {
    background: url(../img/automotive.jpg) no-repeat
}
.row.sectors .sector-block a.automotive:hover {
    background: url(../img/automotive-hover.jpg) no-repeat
}
.row.sectors .sector-block a.nuclear {
    background: url(../img/nuclear.jpg) no-repeat
}
.row.sectors .sector-block a.nuclear:hover {
    background: url(../img/nuclear-hover.jpg) no-repeat
}
.row.sectors .sector-block a.defence {
    background: url(../img/defence.jpg) no-repeat
}
.row.sectors .sector-block a.defence:hover {
    background: url(../img/defence-hover.jpg) no-repeat
}
.row.sectors .sector-block a.marine {
    background: url(../img/marine.jpg) no-repeat
}
.row.sectors .sector-block a.marine:hover {
    background: url(../img/marine-hover.jpg) no-repeat
}
.row.sectors .sector-block a.oil-and-gas {
    background: url(../img/oil-and-gas.jpg) no-repeat
}
.row.sectors .sector-block a.oil-and-gas:hover {
    background: url(../img/oil-and-gas-hover.jpg) no-repeat
}
.row.sectors .sector-block a.construction {
    background: url(../img/construction.jpg) no-repeat
}
.row.sectors .sector-block a.construction:hover {
    background: url(../img/construction-hover.jpg) no-repeat
}
.row.sectors .sector-block a.professional-services {
    background: url(../img/professional-services.jpg) no-repeat
}
.row.sectors .sector-block a.professional-services:hover {
    background: url(../img/professional-services-hover.jpg) no-repeat
}
.row.sectors .sector-block a.production-work {
    background: url(../img/production-work.jpg) no-repeat
}
.row.sectors .sector-block a.production-work:hover {
    background: url(../img/production-work-hover.jpg) no-repeat
}
.row.sectors .medium-grid-container {
    width: 615px
}
.row.sectors .small-grid-container {
    width: 315px
}
.row.sectors .medium-grid-container,
.row.sectors .small-grid-container {
    margin: 0 auto
}
.row.sectors .medium-grid-container ul,
.row.sectors .small-grid-container ul {
    list-style: none
}
.row.sectors .medium-grid-container ul li,
.row.sectors .small-grid-container ul li {
    float: left;
    margin: 1px
}
.row.sectors .medium-grid-container ul li a,
.row.sectors .small-grid-container ul li a {
    display: block;
    width: 192px;
    height: 130px;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out
}
.row.sectors .large-block-grid-5>li {
    width: 19.6%;
    padding-bottom: 2px
}
.row.sectors .medium-block-grid-3>li {
    padding-bottom: 2px
}
.row.sectors .small-block-grid-2>li {
    padding-bottom: 2px
}
.row.sectors li.item-6 {
    margin-left: 9%
}
@media only screen and (max-width: 40em) {
    .row.sectors li.item-6 {
        margin: 0
    }
}
@media only screen and (max-width: 40em) {
    .row.sectors ul.sector-block {
        padding: 0
    }
}
.testimonial {
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    border-left: none;
    padding: 15px 0;
    margin-bottom: 40px
}
@media only screen and (max-width: 40em) {
    .testimonial {
        background: #eee;
        border-top: none;
        border-bottom: none;
        margin-top: 40px
    }
}
.testimonial blockquote {
    quotes: "\201C" "\201D" "\2018" "\2019";
    padding: 0;
    border-left: none
}
@media only screen and (max-width: 40em) {
    .testimonial blockquote {
        padding: 0 30px
    }
}
.testimonial blockquote:before {
    color: #666;
    content: open-quote;
    font-size: 10em;
    line-height: 0;
    margin-right: .25em;
    vertical-align: -80px
}
.testimonial blockquote p {
    color: Grey;
    font-size: 14px;
	
    /*text-transform: uppercase*/
}
@media only screen and (max-width: 40em) {
    .testimonial .details {
        padding: 0 30px
    }
}
.testimonial .details p {
    font-size: 14px;
    margin-bottom: 5px;
    color: #666;
	font-family:Montserrat,  Calibri;
}
ul.accreditations li {
    text-align: Justify;
    border: solid thin #ccc;
    padding: 30px;
    margin-top: -1px;
    margin-left: -1px;
    font-size: 10px;
    line-height: 12px;
    height: 125px
}
.contact-left ul,
.contact-right ul {
    list-style: none;
    margin: 0;
    padding: 0
}
.contact-left {
    border-right: solid thin #ccc
}
.contact-left div.contact-details {
    width: 75%;
    margin-bottom: 20px
}
@media only screen and (max-width: 40em) {
    .contact-left div.contact-details {
        margin: 0 auto 20px
    }
}
.contact-right div.contact-details {
    width: 75%;
    margin: 0 auto 20px
}
section.latest-jobs {
    background: #eee;
    text-align: Justify;
}
section.latest-jobs h3 {
    margin-bottom: 30px
}
section.latest-jobs .job-list {
    padding-bottom: 30px;
    margin-bottom: 30px;
    border-bottom: solid thin #ddd
}
section.latest-jobs .job {
    text-align: Justify;
    border-right: solid thin #ccc
}
section.latest-jobs .job:last-of-type {
    border-right: none
}
@media only screen and (min-width: 40.063em) and (max-width: 64em) {
    section.latest-jobs .job {
        text-align: Justify;
    }
}
@media only screen and (max-width: 40em) {
    section.latest-jobs .job {
        text-align: Justify;
        border-right: none;
        border-bottom: solid thin #ccc;
        margin-bottom: 10px
    }
    section.latest-jobs .job:last-of-type {
        border-bottom: none;
        margin-bottom: 0
    }
}
section.latest-jobs .job h4,
section.latest-jobs .job p {
    font-size: 14px;
    margin-bottom: 10px
}
section.latest-jobs .job h4 a {
    color: #000;
    font-weight: 700;
    text-transform: capitalize
}
section.latest-jobs .job h4 a:hover {
    text-decoration: underline
}
@media only screen and (min-width: 40.063em) and (max-width: 64em) {
    section.latest-jobs .job.job-two {
        border-right: none
    }
}
.panel.button {
    background: url(../img/mail.png) 20px 35px #805CE5 no-repeat;
    padding: 20px 0 20px 70px
}
.panel.button:hover {
    background-color: #282f43
}
.panel.button p {
    color: #fff;
    text-align: left;
    font-size: 14px;
    font-weight: 300
}
.panel.button p strong {
    font-size: 18px
}
.reg-btn {
    padding: 0
}
.rss {
    text-align: right;
    padding: 30px 0 0 0
}
@media only screen and (min-width: 40.063em) and (max-width: 64em) {
    .rss {
        text-align: center
    }
}
@media only screen and (max-width: 40em) {
    .rss {
        text-align: center
    }
}
.rss a {
    text-align: right;
    font-size: 14px;
    color: #484642;
    padding-left: 5px
}
.rss a:hover {
    color: #000
}
ul.job-details {
    list-style: none;
    margin-left: 0
}
ul.job-details li span {
    width: 220px;
    display: block;
    float: left
}
footer[role=content-info] .lower-foot [class*=block-grid-]>li {
    margin: 0 4px!important;
    width: auto
}
footer[role=content-info] .upper-foot {
    background: #000000;
    padding-top: 10px
}
footer[role=content-info] .upper-foot p {
    font-size: 14px;
    color: #fff
}
footer[role=content-info] .upper-foot a {
    color: #fff;
    text-decoration: underline
}
footer[role=content-info] .upper-foot a:hover {
    color: #afaca7
}
footer[role=content-info] .upper-foot h3 {
    color: #FFFFFF;
}
footer[role=content-info] .upper-foot h4 {
	color: #FFFFFF;
    float: left;
    margin-right: 20px
}
@media only screen and (max-width: 40em) {
    footer[role=content-info] .upper-foot h4 {
        float: none;
        margin: 0
    }
}
footer[role=content-info] .upper-foot ul.social-icons {
    list-style: none
}
footer[role=content-info] .upper-foot ul.social-icons li {
    float: left;
    margin-right: 20px
}
@media only screen and (max-width: 40em) {
    footer[role=content-info] .upper-foot ul.social-icons li {
        float: none;
        display: inline
    }
}
footer[role=content-info] .lower-foot [class*=block-grid-]>li {
    padding: 0;
    margin: 1px
}
@media only screen and (max-width: 40em) {
    footer[role=content-info] .lower-foot .accolades {
        margin-bottom: 10px
    }
}
footer[role=content-info] .lower-foot .legal {
    text-align: Justify;
}
@media only screen and (max-width: 40em) {
    footer[role=content-info] .lower-foot .legal {
        text-align: Justify;
    }
}
footer[role=content-info] .lower-foot p small {
    font-size: 12px
}
footer[role=content-info] .lower-foot a {
    color: #333
}
footer[role=content-info] .lower-foot a:hover {
    color: #6846C6;
    border-bottom: dotted 1px #6846C6
}
footer[role=content-info] .lower-foot ul {
    list-style: none;
    margin: 0
}
footer[role=content-info] .lower-foot ul li {
    float: left;
    margin-right: 10px
}
.cf:after {
    content: '';
    display: table;
    clear: both
}
.cf:after {
    content: '';
    display: table;
    clear: both
}
.ua-ie-6 .cf,
.ua-ie-7 .cf {
    zoom: 1
}
.ua-ie-6 .cf:before,
.ua-ie-7 .cf:before {
    content: '';
    display: table
}
.hide_from_all {
    display: none;
    visibility: hidden
}
.hide-from-screen {
    position: absolute;
    clip: rect(1px, 1px, 1px, 1px)
}
.container:after {
    content: '';
    display: table;
    clear: both
}
.vcard {
    font-family: courier;
    text-transform: lowercase
}
.vcard .n,
.vcard .nickname {
    position: absolute;
    clip: rect(1px, 1px, 1px, 1px)
/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */