@charset "UTF-8";
/* CSS Document */

body { margin:0px; padding:0px; font-family: 'Krub', sans-serif !important; }

#header { height: 600px; background: #2c3848 url(../img/headbg.jpg) top center no-repeat; background-size: cover; box-shadow: inset rgba(0,0,0,1) 0px 0px 300px; /*animation: breath 50s linear infinite; -webkit-animation: breath 50s linear infinite;*/ }

#header-small { height: 300px; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#38648c+0,30487a+100 */
background: #38648c; /* Old browsers */
background: -moz-linear-gradient(-45deg, #38648c 0%, #30487a 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg, #38648c 0%,#30487a 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg, #38648c 0%,#30487a 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#38648c', endColorstr='#30487a',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ background-size: cover;  }
/*
@-webkit-keyframes breath {
  0%   { -webkit-background-size: 100% auto; }
  50% { -webkit-background-size: 150% auto; }
  100% { -webkit-background-size: 100% auto; }
}
*/


.container { max-width: 1100px; margin: auto; padding-left:50px; padding-right: 50px; }
.right { margin-right: 0px !important; }
.clr { clear: both; }
.nomargin { margin: 0px !important; }
.grey { color: #111 !important; }
.yellow { color: #eee !important; }
.no-float { float: none !important; }
.middle { margin: auto; }
.green { color: #42b387; }

#top-nav { height: 180px; line-height: 80px; padding-top: 30px; width: 100%; }
#top-nav .links a { float: left; display: block; margin-right: 20px; color: #fff; text-transform: capitalize; text-decoration: none; font-size: 17px; font-weight: lighter; transition: all .2s ease-in-out; }
#top-nav .links a:hover { color: #42b387; }
#top-nav .btn { padding: 10px 20px; border-radius: 5px; line-height: 20px; margin-top: 21px;  transition: all .2s ease-in-out; background: rgba(0,0,0,0.5);; }
#top-nav .btn:hover { background: #000; color: #fff !important; }
.logo { width: 400px; height:80px; background: url(../img/logo.png) no-repeat; background-size: contain; display:block; float:left; text-decoration: none; }
#top-nav .links { float: right; }
#header-small #top-nav { height: 100px !important; background-size:cover; }
#top-search h1 { text-align:center; color: #fff; font-size: 40px; line-height: 55px; font-weight: lighter; }
#header-small h1 {  text-align:center; color: #fff; font-size: 50px; margin-bottom: 0px; font-weight: lighter; text-transform: uppercase; }
#header-small h2 { text-align:center; color: #ccc; font-weight: lighter; margin: 0px; font-size: 30px; margin-top: 10px; }
#header h1 {  text-align:center; color: #fff; font-size: 130px; margin-bottom: 0px; font-weight: lighter; text-shadow: 0px 0px 50px rgba(0,0,0,1); font-family: "Allura"; }
#header h2 { text-align:center; color: #fff; font-weight: 400; margin: 0px; font-size: 40px !important; margin-top: 40px; line-height: 40px;  text-shadow: 0px 0px 50px rgba(0,0,0,1); letter-spacing: 7px; font-style: italic; }
#header .container { max-width: 1200px !important; }
#header-small .container { max-width: 1200px !important; }

#fixednav {  background: rgba(0,0,0,0.85); display: none; position: fixed; top: 0px; width: 100%; z-index: 999;  }
#fixednav .logo { width: 200px; height:65px; background: url(../img/logo.png) no-repeat; background-size: contain; display:block; float:left; text-decoration: none; margin-top: 20px; margin-right: 90px; margin-bottom: 15px;  }
#fixednav .container { max-width: 1200px !important; }
#fixednav a { color:#ececec; text-decoration: none; padding: 19px 10px 15px 15px; display: block; float: left; font-weight: 400; transition: all .2s ease-in-out; -webkit-letter-spacing: 0px; letter-spacing: 0px; box-sizing: border-box; font-size: 16px; margin-top: 20px; font-weight: lighter; }
#fixednav a:hover { color: #42b387; }
#fixednav .linkholder { float: right; }

.homeheader h1 { font-size: 120px !important; }
.homeheader h2 { font-size: 30px !important; line-height: 45px !important; }

.right p a { color: #42b387; }
.right .btn-yellow { color: #fff; }

/* Blog Styling */
#blog { margin-top: 100px; margin-bottom: 60px; }
#blog-posts { padding-top: 40px; padding-bottom: 40px; }
#blog-posts .right { margin-right: 0px; float: right; }
.blog-post { width: 45%; float: left; min-height: 400px; margin-right: 10%; transition: all .2s ease-in-out; }
.img { width: 45%; float: left; min-height: 400px; margin-right: 10%; transition: all .2s ease-in-out; }
.blog-post:hover {  transform: scale(1.05); }
.blog-post-img { opacity: 0.8; height: 300px; width: 100%; margin-bottom: 15px; border-radius: 10px; }
.img-img { opacity: 0.8; height: 300px; width: 100%; margin-bottom: 15px; border-radius: 10px; }
.img-img:hover { opacity: 1; }
.blog-post-img:hover { opacity: 1; }
.blog-post h1 { font-size: 27px; color: #000c42; text-transform: capitalize; font-weight: lighter; margin-bottom: 0px; }
.blog-post h1:hover { color: #000; }
.blog-post h2 { font-size: 16px; color: #818181; text-transform: capitalize; font-weight: normal; margin-top: 10px; }
.blog-post p { color: #333; line-height: 25px; }
#blog-article { margin-bottom: 50px; }
#blog-article h1 { color: #000; }

#news { padding-top: 20px; }
#news p { color: #626262; }
#news h1 {  margin-bottom: 30px; margin-top: 20px; font-weight: 400; font-size: 25px; color: #000; }
#news .article { width: 45%; float: left; margin-left: 2.5%; margin-right: 2.5%; margin-bottom: 30px; min-height: 500px; transition: all .2s ease-in-out; }
#news .article:hover { transform: scale(1.05); }
#news .image { width: 100%; height: 250px; }
#news ul { color: #626262; }
.newsarticle p { line-height: 35px !important; text-align: justify;}
.newsarticle strong { color: #000; }
.article-image { height: 500px; width: 500px; float: left; margin-right: 30px; margin-top: 10px; }
.date { color: #333; }
.date a { color: #111; text-decoration: none; }
.author { color: #666; }
.newsarticle .date { font-size: 20px; margin-bottom: 30px; display:block; }
.newsarticle h1 { font-size: 30px !important; margin-bottom: 15px; }
.a2a_kit { float:right; padding: 15px; color: #333; width: 100%; }
.a2a_kit .label { float:left; margin-right: 15px; }
.a2a_kit .fa { color: #fff; }

.pinkbtn { background: #0f1c65; color: #fff !important; width: 80%; display: block; margin: auto; font-weight: lighter; padding-top: 15px; padding-bottom: 15px; margin-top: 20px; border-radius: 10px; }
.greenbtn { background: #42b387; color: #fff !important; width: 80%; display: block; margin: auto; font-weight: lighter; padding-top: 15px; padding-bottom: 15px; margin-top: 20px; border-radius: 10px; }
.navybtn { background: #38648c; color: #fff !important; width: 80%; display: block; margin: auto; font-weight: lighter; padding-top: 15px; padding-bottom: 15px; margin-top: 20px; border-radius: 10px; }
.navybtn:hover { background: #000; }
.pinkbtn:hover { background: #bc1160; }
.greenbtn:hover { background: #68a33f; }

#job-search { max-width: 950px; margin: auto;  height: 100px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; margin-bottom: 70px; padding-left:4px; }

.search-form { max-width:950px; padding-top: 20px; padding-left: 15px; }

.search-form .keywords { background: rgba(255,255,255,0.8); width: 39%; height: 58px; padding: 0px 20px 0px 20px; font-size: 20px; float: left;  box-sizing: border-box; border-radius: 2px; margin-right: 1%; transition: all ease-in-out .2s;  border: none; border-bottom: #0f1c65 2px solid; font-weight: 300 !important; font-family: 'Roboto', sans-serif !important;}
.search-form .keywords:focus { background: rgba(255,255,255,0.9); }
.search-form .keywords:hover { background: rgba(255,255,255,0.9); }

.search-form .location { background: rgba(255,255,255,0.8); width: 39%; height: 58px; padding: 0px 20px 0px 20px; font-size: 20px; float: left; box-sizing: border-box; margin-right: 10px; margin-right: 1%; border-radius: 2px; transition: all ease-in-out .2s; border: none; border-bottom: #0f1c65 2px solid; font-weight: 300 !important;font-family: 'Roboto', sans-serif !important; }
.search-form .location:focus { background: rgba(255,255,255,0.9); }
.search-form .location:hover { background: rgba(255,255,255,0.9); }

.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: "Segoe UI", sans-serif !important; }

.search-form input[type=submit] { border: none; outline: none; width: 20%; height: 58px; margin: 0px 0px 0px 0px; color: #fff; font-size: 20px !important; text-transform: capitalize; letter-spacing: 1px; float:left; transition: all .2s ease-in-out; background: rgba(67,180,136,0.9); font-weight: 300 !important; border-left: none; text-transform: capitalize; font-weight: bold; font-size: 16px; box-sizing: border-box; border-radius: 2px; }

.search-form input[type=submit]:hover { background: rgba(67,180,136,1);; cursor: pointer; color: #fff; }

.wave { width: 1300px; height: 100px; background: url(../img/wave.png) no-repeat; margin: auto; }

#home-intro { padding-top: 100px; text-align: center; padding-bottom: 60px; }
#home-intro .left { float: left; width: 30%; margin-right: 5%; }
#home-intro .right { float: left; width: 65%; }
#home-intro h2 { color: #42b387; font-weight: lighter; font-size: 28px; font-family: "Allura"; font-size: 70px; margin-bottom: 0px; margin-top: 20px; }
#home-intro h1 { color: #2c3848; font-size: 80px; margin-top: 0px; font-weight: bold; margin-bottom: 30px; font-family: "Allura"; }
#home-intro .right p { color: #2c3848; line-height: 30px; font-weight: lighter; }
#home-intro .right ul { color: #2c3848; line-height: 30px; font-weight: lighter; margin-bottom: 50px; }
#home-intro .right ol { color: #2c3848; line-height: 30px; font-weight: lighter; margin-bottom: 50px; }
#home-intro .right p strong { font-weight: 400 !important; }
#home-intro a { text-decoration: none; }
#home-options { margin-bottom: 100px; }

.btn-blue { padding: 15px; border-radius: 5px; line-height: 20px; margin-top: 18px;  transition: all .2s ease-in-out; background: #2c3848; color: #fff; text-transform: uppercase; font-size: 15px; text-decoration: none; font-weight: bold; margin-top: 25px; display: block; width: 130px; text-align: center; }
.btn-blue:hover { background: #002033; }

.btn-yellow { padding: 15px; border-radius: 5px; line-height: 20px; margin-top: 18px;  transition: all .2s ease-in-out; background: #42b387; color: #fff; text-transform: uppercase; font-size: 13px; text-decoration: none; font-weight: bold; margin-top: 25px; display: block; width: 130px; text-align: center; }
.btn-yellow:hover { background: #000; color: #fff; }

.upload-vacancy-button { padding: 15px; border-radius: 5px; line-height: 20px;  transition: all .2s ease-in-out; background: #42b387; color: #fff; text-transform: uppercase; font-size: 13px; text-decoration: none; font-weight: bold; margin-top: 35px !important; display: block; width: 300px; text-align: center; margin: auto; }
.upload-vacancy-button:hover { background: #68a33f; color: #fff; }

.home-business-area { padding-left: 15px; padding-right: 15px; box-sizing: border-box; transition: all .2s ease-in-out; background: #fff; float: left; width: 30%; height: auto; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; margin-right: 45px; box-sizing: border-box; text-align: center; color: #fff; margin-top: 30px; }
.home-business-area:hover { transform:scale(1.05); }
.home-business-area p { line-height: 25px; color: #2c3848; font-weight: lighter;  font-family: 'Roboto', sans-serif !important; }
.home-business-area h1 { font-weight: bold; font-size: 25px; color: #2c3848; margin-top: 10px; padding-top: 0px; font-weight: lighter; }
.home-business-area .icon { margin-top: 60px; margin-bottom: 20px; }
.home-business-area a { font-weight: bold; color: #00a3e2; text-decoration: none; transition: all .2s ease-in-out; }
.home-business-area a:hover { color: #2c3848; }

.sectionheader { margin: auto; margin-bottom: 20px; display: block; }

#vacancies {  }
#vacancies h1 { color: #fff; text-align: center; margin-bottom: 60px; font-weight: lighter; }
#vacancies .featured-job { border-radius: 10px; float: left; padding: 25px; width: 31.9%; text-align: left; background: #fff; margin-right: 0.7%; margin-left: 0.7%; margin-bottom: 30px; background: #eee; box-sizing: border-box; height: 255px; }
#vacancies .featured-job:hover { transition: all .2s ease-in-out; transform:scale(1.05); }
#vacancies .featured-job h2 { font-size: 13px; color: #666; font-weight: lighter !important; margin-top: 0px; padding-top: 0px; }
#vacancies .featured-job h1 { font-size: 20px; color: #0f1c65; font-weight: 400; text-align: left; margin-bottom: 0px; margin-top: 25px; }
#vacancies .featured-job p { color: #000; font-size: 14px; line-height: 25px; font-weight: lighter; }
#vacancies a { color: #0f1c65; text-decoration: none; font-size: 14px; transition: all .2s ease-in-out; display: block; }
#vacancies a:hover { color: #000; }

#home-featured-jobs {
background: url(../img/vacbg.jpg) no-repeat left; background-size: cover; background-attachment: fixed; width: 100%; padding-top: 60px; box-sizing: border-box; margin-top: 100px; padding-left: 70px; padding-right: 70px; padding-bottom: 80px; }
#home-featured-jobs h1 {  color: #fff; text-align: center; margin-bottom: 60px; font-weight: lighter; }

#home-featured-jobs .featured-job { border-radius: 5px; float: left; padding: 1.7%; width: 28.3%; text-align: left; background: rgba(255,255,255,0.8); margin-right: 0.7%; margin-left: 0.7%; margin-bottom: 30px; height: 210px; }

#home-featured-jobs .featured-job:hover {transition: all .2s ease-in-out; background: rgba(255,255,255,1); }
#home-featured-jobs .featured-job h2 { font-size: 13px; color: #333; font-weight: lighter; margin-top: 0px; padding-top: 0px; }
#home-featured-jobs .featured-job h1 { font-size: 20px; color: #0f1c65; font-weight: 400; text-align: left; margin-bottom: 0px; margin-top: 20px; }
#home-featured-jobs .featured-job p { color: #666; font-size: 14px; line-height: 25px; font-weight: lighter; margin-bottom: 20px; }
#home-featured-jobs a { color: #0f1c65; text-decoration: none; font-size: 16px; transition: all .2s ease-in-out; display: block; font-weight:400; }
#home-featured-jobs a:hover { color: #000; }

#home-sectors { padding-top: 50px; }
#home-sectors h1 { text-align:center; color: #000; margin-bottom: 0px;  font-weight: lighter; }
.home-sector { padding-left: 15px; padding-right: 15px; box-sizing: border-box; transition: all .2s ease-in-out; float: left; width: 25%; height: auto; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; box-sizing: border-box; text-align: center; color: #fff; margin-top: 0px; }
.home-sector:hover { transform:scale(1.05); }
.home-sector p { line-height: 25px; color: #2c3848; font-weight: lighter; }
.home-sector h1 { font-weight: bold; font-size: 23px; color: #2c3848; margin-top: 10px; padding-top: 0px; }
.home-sector .icon { margin-top: 60px; margin-bottom: 20px; }
.home-sector a { font-weight: bold; color: #00a3e2; text-decoration: none; transition: all .2s ease-in-out; }
.home-sector a:hover { color: #2c3848; }

#home-light { background: #0080e2; /* Old browsers */
background: -moz-linear-gradient(left, #0080e2 0%, #00a3e2 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #0080e2 0%,#00a3e2 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #0080e2 0%,#00a3e2 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0080e2', endColorstr='#00a3e2',GradientType=1 ); /* IE6-9 */ background-size: cover; height: 300px;  padding-top: 50px; }
#home-light h1 { color: #fff; font-weight: lighter; }
#home-light .left { float: left; width: 30%; }
#home-light .right { float: right; width: 60%; }
#home-light .right p { color: #fff; line-height: 25px; margin-top: 40px; }
#home-light .right .btn-yellow { padding: 15px; border-radius: 5px; line-height: 20px; margin-top: 18px;  transition: all .2s ease-in-out; background: #ffbf47;  color: #2c3848; text-transform: uppercase; font-size: 13px; text-decoration: none; font-weight: bold; margin-top: 25px; display: block; float: left; width: 150px; text-align: center; margin-right: 15px; border-bottom: #333 2px solid; }
#home-light .right .btn-yellow:hover { transform:scale(1.05); }
#home-light .right .btn-blue { padding: 15px; border-radius: 5px; line-height: 20px; margin-top: 18px;  transition: all .2s ease-in-out; background: #00263d; /* Old browsers */
background: -moz-linear-gradient(top, #00263d 0%, #2c3848 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #00263d 0%,#2c3848 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #00263d 0%,#2c3848 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00263d', endColorstr='#2c3848',GradientType=0 ); /* IE6-9 */ color: #fff; text-transform: uppercase; font-size: 13px; text-decoration: none; font-weight: bold; margin-top: 25px; display: block; float: left; width: 150px; text-align: center; margin-right: 15px; border-bottom: #111 2px solid; }
#home-light .right .btn-blue:hover { transform:scale(1.05); }
#home-light .right .btn-white { padding: 15px; border-radius: 5px; line-height: 20px; margin-top: 18px;  transition: all .2s ease-in-out; background: #e8e8e8; /* Old browsers */
background: -moz-linear-gradient(top, #e8e8e8 0%, #ffffff 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #e8e8e8 0%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #e8e8e8 0%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8e8e8', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */ color: #2c3848; text-transform: uppercase; font-size: 13px; text-decoration: none; font-weight: bold; margin-top: 25px; display: block; float: left; width: 150px; text-align: center; border-bottom: #333 2px solid; }
#home-light .right .btn-white:hover { transform:scale(1.05); }

#footer { padding-bottom:20px; }
#footer #social { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#38648c+0,30487a+100 */
background: #38648c; /* Old browsers */
background: -moz-linear-gradient(-45deg, #38648c 0%, #30487a 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg, #38648c 0%,#30487a 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg, #38648c 0%,#30487a 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#38648c', endColorstr='#30487a',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ background-size: cover; height: 200px; padding-top: 50px; border-bottom: #eee 10px solid; }
#footer #social h1 {  color: #fff; text-align: center; padding-top: 0px; margin-top: 0px; font-weight: bold; margin-bottom: 20px; font-family: "Allura"; font-size: 60px; }
#footer #social .facebook { color: #fff; text-decoration: none; background: url(../img/facebook-circle.png) left no-repeat; background-size: contain; display: block; height: 45px; width: 135px; padding-left: 60px; line-height: 45px; float: left; box-sizing: border-box; }
#footer #social .twitter { color: #fff; text-decoration: none; background: url(../img/twitter-circle.png) left no-repeat; background-size: contain; display: block; height: 45px; width: 150px; padding-left: 60px; line-height: 45px; float: left; box-sizing: border-box; }
#footer #social .linkedin { color: #fff; text-decoration: none; background: url(../img/linkedin-circle.png) left no-repeat; background-size: contain; display: block; height: 45px; width: 160px; padding-left: 60px; line-height: 45px; float: left; box-sizing: border-box; }
#footer #social .holder { width: 445px; margin: auto; margin-top: 30px; overflow:hidden }
#footer a { color: #000; text-decoration: none; }

#footer #bottom { height: 80px; }
#footer #bottom .logo { width: 280px; height:75px; background: url(../img/footer-logo.png) no-repeat; background-size: contain; display:block; text-decoration: none; margin: 40px auto; float: none; }
#footer #bottom span { font-size: 13px; color: #2c3848; }
#footer #bottom .left { width: 35%; float: left; margin-top: 30px; font-weight: lighter; }
#footer #bottom .left a { color: #333; text-decoration: none; margin-right: 20px; }
#footer #bottom .left a:hover { color: #000; }
#footer #bottom .right { width: 40%; float: right; margin-top: 30px; }
#footer #bottom .right .col { float: left; width: 180px; margin-left: 30px; line-height: 20px; }
#footer #bottom .right .col ul { padding-left: 17px; margin-top: 0px; padding-top: 0px; list-style: none; padding-left: 0px; line-height: 27px; }
#footer #bottom .right .col li { font-size: 14px; }
#footer #bottom .right .col li a { text-decoration: none; line-height: 20px; color: #666; font-weight: lighter; }
#footer #bottom .right .col li a:hover { color: #000; }
#footer #bottom .right .col h2 {  font-size: 24px; color: #2c3848; font-weight: 600; margin-top: 0px; }
#footer #bottom .right .col .footeremail { font-size: 16px; color: #00a3e2; font-weight: 300; margin-top: 0px; margin-bottom: 10px; }
#footer #bottom .right .col .footertel { font-size: 16px; color: #333; font-weight: 300; margin-top: 0px; }
#footer #bottom .right .col strong { color: #000; font-size: 18px; margin-bottom: 5px; display:block; }
.bar-grey { background: #f1f1f1; padding-top: 0px; padding-bottom: 50px; margin-top: 50px;}
#contact-form { padding-top: 50px; max-width: 850px; margin: auto; }
#form { max-width: 850px; margin: auto; margin-top: 40px; }
.contact-h2 { font-size: 20px !important; text-align: center !important; color: #333; }
#form .contact-form-left { float: left; width: 47.5%; margin-right: 5%; margin-bottom: 15px; }
#form .contact-form-right { float: left; width: 47.5%;  margin-bottom: 15px; }
#form input[type=text] { width: 100%; padding: 15px; box-sizing: border-box; font-size: 17px; border: none; border-bottom: #0f1c65 2px solid; background: #fff; border-radius: 3px; font-family: 'Roboto', sans-serif; font-weight: lighter;}
#form .textarea { width: 100%; padding: 15px; box-sizing: border-box; font-size: 17px; resize: none; height: 250px; margin-bottom: 0px; border: none; background: #fff; border-bottom: #0f1c65 2px solid; border-radius: 3px;font-family: 'Roboto', sans-serif; font-weight: lighter; }
#form input[type=submit] { background: #0f1c65; padding: 15px 25px 15px 25px; margin-top: 10px; color: #fff; transition: all .2s ease-in-out; font-size: 18px; border: none; width: 200px; margin: 20px auto;  display: block; font-weight: bold; border-radius: 5px; }
#form input[type=submit]:hover { background: #000; cursor: pointer; }
#form h2 { font-weight: lighter; font-size: 22px; margin-bottom: 50px; color: #444; }
#form h1 { color: #2c3848; font-size: 40px; margin-top: 0px; padding-top: 0px; font-weight: lighter; }

#vacancies { margin-top: 40px; margin-bottom: 40px; }
.board-job { width: 28%; padding: 20px; box-sizing: border-box; float: left; margin-right: 1%; transition: all .2s ease-in-out; background: #f3f3f3; margin-bottom: 5px; border: #f1f1f1 1px solid; }
.board-job:hover { transform: scale(1.05); background: #f9f9f9; border: #ccc 1px solid; }
.board-job .icon { margin-top: -50px !important; margin: auto; display: block; margin-bottom: 20px; }
.board-job h1 { font-size: 20px; text-align: center; color: #002f74; font-weight: bold; padding-top: 0px; margin-top: 0px; margin-bottom:20px; height:50px; }
.board-job h2 { font-size: 12px; color: #333; font-weight: lighter; padding-bottom: 0px; margin-bottom: 10px; }
.board-job .job-info { border: #ececec 1px solid; padding: 10px; text-align: left; color: #333; font-size: 14px; background: #fcfcfc; margin-bottom: 20px; }
.board-job .job-info .labels { float: left; width: 100px; }
.board-job .job-info .labels span { display: block; line-height: 20px; }
.board-job .job-info .values { float: left; width: 150px; }
.board-job .job-info .values span { display: block; line-height: 20px; font-weight: bold; width: 100%; overflow: hidden; white-space: nowrap; }
.board-job p { color: #000; line-height: 20px; font-size: 15px; margin-top: 20px; margin-bottom: 20px; text-align: center; }
.board-job .rm { display: block; width: 100%; margin-bottom: 10px; padding-top: 10px; padding-bottom: 10px; color: #fff; -webkit-border-radius: 5px; border-radius: 5px; text-transform: uppercase; font-weight: bold; transition: all .2s ease-in-out; text-align: center !important; text-decoration: none; background: #2c3848; }
.board-job .rm:hover { background: #000;   }
.board-job .an { display: block; width: 100%; background: #113e7c; padding-top: 10px; padding-bottom: 10px; color: #fff; -webkit-border-radius: 5px; border-radius: 5px;text-transform: uppercase; font-weight: bold; transition: all .2s ease-in-out; text-align: center; text-decoration: none; }
.board-job .an:hover { background: #202399; color: #fff; }

.credit { margin-top: 10px; display: block; }

.ui-menu { height: 500px; overflow:auto; }

.advsearch { display: block; margin: auto; width: 200px; color: #fff; background: #000; padding-top: 10px; padding-bottom: 10px; margin-top:15px; text-decoration:none; text-align: center; }

.showall { display: block; margin: auto; width: 200px; color: #fff; background: #000; padding-top: 10px; padding-bottom: 10px; margin-top:15px; text-decoration:none; float: left; }

#advsearchbox { display: block;height:auto;width:300px; position:absolute; left:50%; margin-left: -150px; }

#overlay { position: absolute; width: 100%; height: 200%; background: rgba(0,0,0,0.8); z-index:9999;}

#overlay #bookcall { background: #f6f8fa ;  width: 500px; position: absolute; left: 50%; margin-left: -250px; top: 5%; text-align: center; padding: 25px 40px 40px 40px; box-shadow: 0px 0px 20px #000; box-sizing: border-box; }
.file_extensions { font-size: 12px; text-align: left; margin-bottom: 15px; color: #333; }

#overlay #bookcall h1 { font-size: 35px; margin-top: 10px; margin-bottom: 10px; }
#overlay #bookcall h2 {  color: #555; font-weight: 400; font-size: 18px; margin-bottom: 30px; line-height: 27px; margin-top: 10px; padding-top: 0px; }
#overlay #bookcall input[type=text] { display: block; width: 100%; padding: 12px; box-sizing: border-box; font-size: 17px; color: #000; border: none; background: #ececec; margin-bottom: 10px; border-bottom: #ccc 2px solid; }
#overlay #bookcall input[type=submit] { display: block; width: 100%; padding: 12px; box-sizing: border-box; font-size: 18px; color: #fff; border: none; background: #42b387; margin-bottom: 10px; font-weight: bold; transition: all .2s ease-in-out; cursor:pointer; -webkit-appearance: none;  }
#overlay #bookcall input[type=submit]:hover { background: #000;}
#overlay #bookcall .close { width: 25px; height: 25px; margin-top: 15px; margin-right: 5px; background: url(../img/close.png); display: block; float: right; text-decoration: none; background-size: contain; opacity: 0.5; transition: all .2s ease-in-out; }
#overlay #bookcall .close:hover { opacity:1.0; }
#overlay #bookcall  form .custom-file-input { margin-bottom: 15px; margin-top: 5px; float:left; }
#overlay #bookcall  form .custom-file-input::-webkit-file-upload-button { visibility: hidden; width: 100px; margin-bottom: 10px; }
#overlay #bookcall  form .custom-file-input::before { content: 'Find File'; display: inline-block; background: #666; width: 100px; text-align: center; outline: none; white-space: nowrap; -webkit-user-select: none; cursor: pointer; font-weight: 400; font-size: 15px; height: 40px; line-height: 40px; color: #fff; float: left; }

.job-desc ul { color: #333; line-height: 30px; }
.job-desc .job-info { border: #ececec 1px solid; padding: 20px; text-align: left; color: #000; font-size: 18px; background: #fcfcfc; }
.job-desc .job-info .labels { float: left; width: 200px; }
.job-desc .job-info .labels span { display: block; line-height: 30px; }
.job-desc .job-info .values { float: left; width: 250px; color: #666; }
.job-desc .job-info .values span { display: block; line-height: 30px; width: 120%; overflow: hidden; white-space: nowrap; }
.job-desc .left-col a { color: #d61b42; text-decoration: none; }
.job-desc .left-col p { line-height: 30px; }

.left-col { width: 60%; margin-right: 5%; float: left; margin-bottom: 40px; }
.right-col { width: 30%; float: right; padding: 0px; margin: 0px; }

.right-col h2 { color: #333; text-transform: capitalize; margin-top: 0px; padding-top: 0px; font-size: 25px; line-height:35px; }
.right-col h3 { color: #666; font-size: 18px; text-align: left; margin-bottom: 20px; }
.right-col .button { display: block; float: none !important; margin-left: 0px;  padding: 15px; color: #fff; background: #0f1c65; text-transform: uppercase; text-decoration: none; transition: all .2s ease-in-out; margin-bottom: 10px;  }
.right-col .button:hover { background: #1c9868; }
.right-col .a2a_kit { margin-top: 15px; padding: 0px; color: #333; float: none; }
.right-col .a2a_kit .label { float:left; margin-right: 15px; }
.right-col .a2a_kit .fa { color: #2c3848; }

.staff-image { width: 340px; height: auto; float: left; margin-right: 30px; transition: all .2s ease-in-out; color: #fff; margin-bottom: 50px; border-radius: 10px; }

.staff-image a { color: #fff; text-decoration: none; }

.staff-image:hover { filter:grayscale(0%); transform:scale(1.05); }

.staff-image .name { width: 100%; background: #42b387; text-align: center; margin-top: 340px; color: #fff; text-decoration: none; padding-top: 20px; padding-bottom: 20px; filter:grayscale(0%); text-decoration: none; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; }

.staff-image .name .fa { color: #ccc; font-size: 25px; margin-bottom: 0px; }

#overlay .staff-profile { background: #fff; width: 1000px; height: auto; position: absolute; left: 50%; margin-left: -500px; top: 10%; border-bottom: #113e7c 10px solid; padding: 20px; margin-bottom: 40px; box-shadow: 0px 0px 20px #000; }
#overlay .staff-profile img { float: left; margin-right: 30px; filter:grayscale(100%); }
#overlay .staff-profile h1 { padding: 0px; margin: 0px; font-weight: lighter; margin-bottom: 10px; }
#overlay .staff-profile h2 { padding: 0px; margin: 0px; font-weight: lighter; color: #888; }
#overlay .staff-profile p { line-height: 32px; font-weight: lighter; }
#overlay .staff-profile .fa { color: #0077B5; font-size: 50px; }
#overlay .staff-profile .fa:hover{ color: #015a89; } 
#overlay .staff-profile .close { float: right; background: #000; width: 20px; height: 20px; background: url(../img/cancel.png); background-size: contain; cursor: pointer; filter:opacity(0.5);  transition: all .2s ease-in-out; }
#overlay .staff-profile .close:hover { filter:opacity(1); }

#advanced_search { background: #fff; width: 500px; position: absolute; z-index:9999; left: 50%; margin-left: -250px; top: 10%; border: #000 10px solid; padding: 20px; }
#advanced_search h1 { text-align: center; margin-top: 10px; color: #000; font-weight: lighter; }
#advanced_search input[type=text] { width: 99%; box-sizing: border-box; padding: 12px; font-size: 14px; background: #fff; color: #333; border:none; margin-top: 10px !important; border: #e8e8e8 1px solid; }.ui-menu { z-index:100000 !important; }.nice-select { width: 99% !important; margin-top: 10px; }
#advanced_search input[type=submit] { background: #113e7c; width: 99%; box-sizing: border-box; border: none; color: #fff; padding: 15px; margin-top: 10px; font-size: 16px; cursor:pointer; -webkit-appearance:none; }
#advanced_search input[type=submit]:hover { background: #c98200 !important; }
#advanced_search .close { width: 25px; height: 25px; margin-top: 15px; margin-right: 5px; background: url(../img/close.png); display: block; float: right; text-decoration: none; background-size: contain; opacity: 0.5; transition: all .2s ease-in-out; }
#advanced_search .close:hover { opacity:1.0; }

.teamcontainer { max-width: 720px; }

#map { width: 100%; height: 300px; }

.confirm-bar { background: #73d76b; color: #fff; padding: 10px; text-align: center; }
.error-bar { background: #eb3158; color: #fff; padding: 10px; text-align: center; }
.error-bar a { color: #fff !important; }

#mobile-nav-button { display: none; width: 40px; height: 40px; float: right !important; background: url(../img/menu.png); background-size: contain; opacity: 0.7; text-decoration: none; }
#mobile-nav-button:hover { opacity:1.0; }

.menu_overlay {display:none;width:100%;height:200%;min-height:150%;background:rgba(0,0,0,.95);position:absolute;left:0;z-index:99999;}
.menu_overlay .menu_holder{margin:0 0 0 0;padding-top:30px}
.menu_overlay .menu_holder a{font-size:22px;line-height:45px;color:#fff;text-align:center;display:block;font-weight:100;text-transform:capitalize;margin:0 0 0 0;text-decoration:none; width: 50%; margin: auto; }
.menu_overlay .menu_holder a:hover{color:#42b387}
.menu_overlay #mobile-close-button { width: 30px; height: 30px; margin-top: 30px; margin-right: 5px; background: url(../img/cancel-white.png); display: block; float: right; text-decoration: none; background-size: contain; opacity: 1; transition: all .2s ease-in-out; }

.sector { width: 24%; float: left; background: #f1f1f1; text-align: center; padding: 15px; box-sizing: border-box; margin-right: 5px; margin-bottom: 5px; height: 190px; display: table; }
.sector img { display: block; margin: auto; float: none !important; }
.sector span { display: block; }

.sector-content { text-align: center;
  vertical-align: middle; }

.service-container {
  display: table;
  width: 13.5%;
  color: #333;
  float: left;
  margin: 2px;
  padding: 20px; box-sizing: border-box;
  transition: all ease-in-out .2s;
	opacity:0.95;
}
.service-container:hover { opacity:1; }

.service-container-content {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  height: 180px;
  line-height: 30px;
  font-size: 20px;
	font-weight: 200;
}

#refer-form { padding-top: 0px; max-width: 850px; margin: auto; }
#refer-form { max-width: 850px; margin: auto; margin-top: 20px; }
.contact-h2 { font-size: 20px !important; text-align: center !important; color: #333; }
#refer-form .contact-form-left { float: left; width: 47.5%; margin-right: 5%; margin-bottom: 15px; }
#refer-form .contact-form-right { float: left; width: 47.5%;  margin-bottom: 15px; }
#refer-form input[type=text] { width: 100%; padding: 15px; box-sizing: border-box; font-size: 17px; border: none; border-bottom: #0f1c65 2px solid; background: #f1f1f1; border-radius: 3px; font-family: 'Roboto', sans-serif; font-weight: lighter;}
#refer-form .textarea { width: 100%; padding: 15px; box-sizing: border-box; font-size: 17px; resize: none; height: 250px; margin-bottom: 0px; border: none; background: #fff; border-bottom: #0f1c65 2px solid; border-radius: 3px;font-family: 'Roboto', sans-serif; font-weight: lighter; }
#refer-form input[type=submit] { background: #0f1c65; padding: 15px 25px 15px 25px; margin-top: 10px; color: #fff; transition: all .2s ease-in-out; font-size: 18px; border: none; width: 200px;  display: block; font-weight: bold; border-radius: 5px; margin-top: 40px; }
#refer-form input[type=submit]:hover { background: #1c9868; cursor: pointer; }
#refer-form h2 { font-weight: lighter; font-size: 22px; margin-bottom: 50px; color: #444; }
#refer-form h1 { color: #2c3848; font-size: 40px; margin-top: 0px; padding-top: 0px; font-weight: lighter; }


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

	#top-nav { height: 120px; }
	#top-nav .links { display: none; }
	
	#top-search { margin-bottom: 60px; }
	#mobile-nav-button { display: block; }
	#fixednav { visibility: none !important; display: none !important; }
	.wave { display: none; }
	#header { height: 700px; }
	#home-light .left { float: none; width: 100% !important;}
	#home-light .right { float: none; width: 100% !important;}
	#home-light { height: auto !important; padding-bottom: 40px; padding-top: 40px !important; }
	#home-light h1 { margin-top: 0px; }
	.home-business-area { width: 100%; float: none !important; }
	.search-form input[type=submit] {  font-size: 12px !important; }

	#home-featured-jobs .featured-job { width: 45%; }

}

@media screen and (max-width: 600px) {
	
	.container { padding-left: 20px; padding-right: 20px; }
	#header .container { padding-left: 20px !important; padding-right: 20px !important; }	
	#header-small .container { padding-left: 20px !important; padding-right: 20px !important; }
	
	#header { height: auto !important; padding-bottom: 40px;  }	
	#header-small { height: auto !important; padding-bottom: 40px; }
	#top-nav { height: 70px; }
	#mobile-nav-button { height: 30px; width: 30px; margin-top: 10px;}
	#header .logo { width: 200px !important; margin-left: 0px !important; }
	#header-small .logo { width: 200px !important; margin-left: 0px !important; }
	#home-intro .left { width: 100%; float: none !important; }
	#home-intro .right { width: 100%; float: none !important; }
	.home-business-area { width: 100%; float: none !important; }
	
	.home-sector { width: 100%; float: none !important; }
	#social .holder { width: 100% !important; }
	#social .holder a { width: 50% !important; margin: auto !important; float: none !important; margin-bottom: 20px !important; display: block; }
	#social { padding-bottom: 40px; height: auto !important;  }
	.search-form input[type=text] { width: 95%; float: none !important; box-sizing: border-box; border-radius: 0px; }
	.search-form input[type=submit] { width: 95%; float: none !important; box-sizing: border-box; -webkit-appearance: none; border-radius: 0px; font-size: 12px; }
	#job-search { height: auto; }
	#footer #bottom { height: auto !important; padding-bottom: 20px; }
	#footer #bottom .left { width: 100%; float: none; }
	#footer #bottom .right { width: 100%; float: none; margin-left: 0px;  }
	#footer #bottom .right .col { margin: 0px; }
	#footer #bottom .logo { width: 220px; margin-left: 0px !important; }
	#home-featured-jobs { padding-left: 20px; padding-right: 20px; }
	.upload-vacancy-button { width: 100% !important; box-sizing: border-box; }
	#home-featured-jobs .featured-job { width: 100%; float: none !important; padding: 20px; box-sizing: border-box; height: auto; }
	#overlay { height: 1000px !important; }
	#overlay #bookcall { background: #f6f8fa ;  width: 100% !important; position: absolute; left: 50%; margin-left: -50%; top: 2%; text-align: center; padding: 25px 40px 40px 40px; border: rgba(0,0,0,0.9) 10px solid; box-sizing: border-box; }
	#overlay #bookcall h1 { font-size: 21px; margin-top: 10px; margin-bottom: 10px; }
	#overlay #bookcall h2 { font-size: 18px !important; }
	#overlay #bookcall input[type=text] { font-size: 13px; }
	.job-desc .left-col .job-info { font-size: 14px !important; }
	.job-desc .left-col .job-info .values { width: 150px !important; }
	.job-desc .left-col .job-info .labels { width: 80px !important; }
	
	.contact-form-left { float: none !important; width: 100% !important; margin-right:0px !important; }
	.contact-form-right { float: none !important; width: 100% !important; }
	
	#contact-form { padding: 0px !important; }
	#contact-form input[type=text] { width: 100% !important; }
	#contact-form input[type=submit] { -webkit-appearance: none; }
	#contact-form .container { padding: 0px !important; width: 95% !important; }
	#contact-form .textarea { width: 100% !important; }
	#contact-form  form { padding-left: 0px !important; }
	#contact-form { padding-top: 10px !important; }
	
	.btn-yellow { margin: auto !important; width: 100% !important; box-sizing: border-box; }
	
	.service-container { width: 100%; padding-bottom: 10px; padding-top: 0px;}
	
	#header h1 { font-size: 40px !important; }
	
}


@media screen and (max-width: 900px) {
	
	#home-featured-jobs .featured-job { width: 100%; float: none !important; padding: 20px; box-sizing: border-box; height: auto; }
	
	#vacancies .featured-job { width: 99%; float: none; }	
	.job-desc .left-col { width: 100% !important; float: none !important; }
	.job-desc .right-col { width: 100%; float: none !important; }
	.staff-image {  margin: auto; margin-bottom: 20px; width: 100%; background-size: contain !important; background-position: top !important; }
	#simon-photo { margin: auto !important; }
	.staff-profile { width: 100% !important; margin: auto !important; position: relative !important; left: 0% !important; box-sizing: border-box; height: auto !important; top: 0% !important; }
	.staff-profile img { float: none !important; width: 100%; height: auto !important; margin-bottom: 20px; }
	
	.btn-white { width: 35% !important; }
	
	.btn-blue { width: 35% !important; }
	#top-nav .logo { width: 200px !important; margin-left: 0px !important; height: 80px; }
	#header-small { height: auto !important; padding-bottom: 40px; }
	
	#map { width: 100%; }
}

.gdpr { font-size: 13px; text-align: left; margin-bottom: 20px; display: block; color: #2c3848; }
.gdpr input[type=checkbox] { padding: 0px; }
.gdpr a { color: #2c3848; text-decoration: none; font-weight: bold; }