/**********GLOBAL         
***********************************/         
body {         
         
    font-family: 'Open Sans', sans-serif;         
    height: 100%;         
    color: #000;         
         
}         
         
         
a, #featured-job-listing ul li a h3, #featured-job-listing ul li a .h3, #job-listing .listings .job-summary h3, #job-listing .listings .job-summary .h3 {         
   color: #2197cf;         
    transition: all 0.3s ease;         
}         
a:hover {         
    color:#333 ;         
}         
h1, h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {         
         
}         
h2 {         
    font-family: 'Open Sans', sans-serif;         
    font-weight: 300;         
    font-size: 32px;         
    color: #2197cf;         
    -webkit-font-smoothing: antialiased;         
}         
.interior {         
    width: 100%;         
    max-width: 1024px;         
    margin: 0 auto;         
}         
.category-header {         
    max-width: 1024px;         
    margin: auto;         
}         
.site {         
    width: 100%;         
    max-width: 1024px;         
    margin: 0 auto;         
    overflow: hidden;         
    overflow: visible;         
}             
/**********GLOBAL END         
***********************************/         
         
         
/**********HEADER LOGO         
***********************************/         
.home-page #header-content{         
    background: transparent;         
}         
.home-page #header {         
    z-index: 999;         
    clear: both;         
    background-color: rgba(255, 255, 255, .7);         
    position: relative;         
    height: 75px;         
    margin-top: 44px;         
}         
 
#main-content {         
    margin-top: 40px;         
}         
#home-page #main-content {         
    margin-top: 0px;         
}         
.header-content #logo img {         
    max-width: 100%;         
    max-height: 100%;         
}         
.header-content #logo {         
    float: left;         
    padding-right: 30px;         
    padding-top: 10px;         
    max-width: 235px;         
    display: block;         
}         
         
/**********HEADER LOGO END         
***********************************/         
         
         
         
/**********HERO IMAGE         
***********************************/         
         
.hero-expanded {         
    position: absolute;         
    height: 650px;         
    width: 100%;         
    background: url("img/hero-15034.jpg") no-repeat center top / cover;         
    top: -119px;         
    box-shadow: inset 0 0 0 1000px rgba(0, 0, 0, 0.4);         
}         
#hero {         
    background: transparent;         
    height: 520px;         
}         
#hero .site-name-tag {         
    text-align: center;         
    position: absolute;         
    top: 200px;         
    left: 0;         
    right: 0;         
}         
#hero .site-name-tag h1 {         
    margin-bottom: 0;         
    margin-top: 0;         
    line-height: 1;         
    font-family: 'Rokkitt', serif;         
    font-weight: 100;         
    font-size: 65px;         
    color: #fff;         
}         
#hero .site-name-tag em {         
         
    font-size: 65px;         
    color: #fff;         
    font-family: 'Open Sans', sans-serif;         
    font-weight: 100;         
    font-size: 22px;         
    margin-top: -15px;         
}         
#hero #job-search-form form {         
    text-align: center;         
    max-width: 800px;         
    right: 0;         
    float: none;         
    clear: both;         
    margin: auto;         
}         
#hero #job-search-form form fieldset {         
    float: none;         
    border: none;         
    margin: 0;         
    padding: 0 10px 10px;         
    width: 38%;         
    display: inline-block;         
}         
#hero #job-search-form form .location_autocomplete {         
    float: none;         
    border: none;         
    margin: 0;         
    padding: 0 20px 0 0;         
    width: 38%;         
    display: inline-block;         
}         
#hero #job-search-form form fieldset.call-to-action {         
    padding-left: 0;         
    padding-right: 0;         
    width: auto;         
    display: inline;         
    margin: 20px 0;         
}         
#inner-page-header #job-search-form form fieldset.call-to-action .secondary {         
         
    font-family: FontAwesome;         
}         
#inner-page-header #job-search-form form fieldset.call-to-action .secondary {         
    padding: 8.5px 15px;         
}         
#home-page #job-alert-search-form.expanded-img {         
    top: -182px;         
    background: transparent;         
}         
/**********HERO IMAGE END         
***********************************/         
         
/**********NAV         
***********************************/         
.header-content #menu {         
    float: right;         
    font-family: 'Source Serif Pro', serif;         
         
}         
.header-content #menu li a {         
    margin: 0;         
    padding: 1.6em 1em;         
    background-image: linear-gradient(transparent, transparent 50%, rgba(48, 76, 116, 1) 50%, rgba(48, 76, 116, 1));         
    background-position: 0 0;         
    background-size: 100% 200%;         
    -webkit-transition: all .2s ease;         
    -moz-transition: all .2s ease;         
    -ms-transition: all .2s ease;         
    -o-transition: all .2s ease;         
    transition: all .2s ease;         
    font-size: 16px;         
    color: #304c74;         
    letter-spacing: .5px;         
}         
.header-content #menu li:hover a{         
    background-position: 0 -100%;         
    color: #fff;         
}         
.header-content #menu li:hover {         
    background-color: transparent;         
}         
.header-content #menu li ul.sub-navigation li a {         
    border-top: 0;         
}         
.header-content #menu li ul.sub-navigation li a:hover {         
    background-color: #395a8a;         
}         
.header-content #menu li ul {         
    background-color: #304c74;         
    min-width: 200px;         
    text-align: left;         
     -webkit-animation: fadein .5s; /* Safari, Chrome and Opera > 12.1 */         
       -moz-animation: fadein .5s; /* Firefox < 16 */         
        -ms-animation: fadein .5s; /* Internet Explorer */         
         -o-animation: fadein .5s; /* Opera < 12.1 */         
            animation: fadein .5s;         
}         
@keyframes fadein {         
    from { opacity: 0; }         
    to   { opacity: 1; }         
}         
         
/* Firefox < 16 */         
@-moz-keyframes fadein {         
    from { opacity: 0; }         
    to   { opacity: 1; }         
}         
         
/* Safari, Chrome and Opera > 12.1 */         
@-webkit-keyframes fadein {         
    from { opacity: 0; }         
    to   { opacity: 1; }         
}         
         
/* Internet Explorer */         
@-ms-keyframes fadein {         
    from { opacity: 0; }         
    to   { opacity: 1; }         
}         
         
/* Opera < 12.1 */         
@-o-keyframes fadein {         
    from { opacity: 0; }         
    to   { opacity: 1; }         
}         
         
.header-content #menu ul li ul li a {         
    margin: 0;         
    background-image: none;         
    font-size: 16px;         
    color: #304c74;         
    letter-spacing: .5px;         
    color: #fff;         
    padding: 1em;         
}         
         
/**********NAV END         
***********************************/         
         
/**********BUTTONS         
***********************************/         
.header-content .call-to-action {         
    margin-bottom: 0;         
    margin-top: 0;         
    background-color: #b5121b;         
    position: absolute;         
    top: -44px;         
    right: 0;         
    line-height: 44px;         
    padding: 0 20px;         
}         
#hero #job-search-form form fieldset .primary {         
    font-size: 24px;         
    float: right;         
    padding: 9px 20px 7px;         
}         
.sideboard-adspace a {         
    width: 100%;         
    text-align: center;         
    padding: 9px 0 7px;         
    font-size: 24px;         
}         
.primary{         
    font-weight: 100;         
    font-size: 24px!important;         
    font-family: 'Rokkitt', serif;         
    background-color: #b5121b;         
    color: #fff;         
    display: inline-block;         
    padding: 9px 20px 7px;         
    letter-spacing: 1px;         
    -webkit-transition: all 700ms;         
    -moz-transition: all 700ms;         
    -ms-transition: all 700ms;         
    -o-transition: all 700ms;         
    transition: all 700ms;         
}         
.primary:hover{         
    background-color: #94141d;         
    color: #fff;         
}         
.secondary {         
    font-weight: 100;         
    font-size: 24px!important;         
    font-family: 'Rokkitt', serif;         
    background-color: #b5121b;         
    color: #fff;         
    display: inline-block;         
    padding: 9px 20px 7px;         
    letter-spacing: 1px;         
    -webkit-transition: all 700ms;         
    -moz-transition: all 700ms;         
    -ms-transition: all 700ms;         
    -o-transition: all 700ms;         
    transition: all 700ms;         
}         
.secondary:hover{         
    background-color: #94141d;         
    color: #fff;         
}         
.tertiary{         
    font-weight: 100;         
    font-size: 24px!important;         
    font-family: 'Rokkitt', serif;         
    background-color: #5ec1c4;         
    color: #fff;         
    display: inline-block;         
    padding: 9px 20px 7px;         
    letter-spacing: 1px;         
    -webkit-transition: all 700ms;         
    -moz-transition: all 700ms;         
    -ms-transition: all 700ms;         
    -o-transition: all 700ms;         
    transition: all 700ms;         
         
}         
.tertiary:hover {         
    background-color: #2197cf;         
    color: #fff;         
    text-decoration: none;         
    cursor: pointer;         
}         
/**********BUTTONS END         
***********************************/         
         
         
         
/**********FEATURED JOBS         
***********************************/         
         
#home-page section#featured-jobs {         
    margin-top: 20px;         
    padding-bottom: 25px;         
}         
#featured-job-listing {         
    background: transparent;         
}         
#featured-job-listing ul li:before {         
    content: '';         
    display: block;         
    height: 35px;         
    width: 35px;         
    background: url(img/arrow-15034.jpg);         
    vertical-align: top;         
    position: absolute;         
    -webkit-transition: all 500ms;         
    -moz-transition: all 500ms;         
    -ms-transition: all 500ms;         
    -o-transition: all 500ms;         
    transition: all 500ms;         
    margin-left: -45px;         
}         
#featured-job-listing ul li:hover:before {         
    margin-left: -35px;         
         
}         
#featured-job-listing ul li a h3{         
    color:#333E47;         
    display: inline-block;         
    font-size: 20px;         
    font-family: 'Rokkitt', serif;         
    font-weight: 400;         
    letter-spacing: .5px;         
    -webkit-transition: all 750ms;         
    -moz-transition: all 500ms;         
    -ms-transition: all 500ms;         
    -o-transition: all 500ms;         
    transition: all 500ms;         
    text-overflow: ellipsis;         
}         
#featured-job-listing ul {         
         
    padding-left: 27px;         
}         
.featured-job-promo {         
    background: transparent;         
}         
         
/*sliding box ad sideboard adspace*/         
.sideboard-adspace div>div {         
    background: url(img/actionBlock-15034.jpg) no-repeat center center transparent;         
    height: 325px;         
    border: 0;         
    margin-bottom: 0px;         
    position: relative;         
    box-sizing: border-box;         
    background-size: cover;         
         
}         
         
 #hp-action-boxes {         
     overflow: hidden;         
     border: 1px solid rgba(26, 56, 101, .9);         
         
}         
 .slide-text h2 {         
    color: #fff;         
    font-size: 19px;         
    font-weight: normal;         
    margin-bottom: 12px;         
    margin-top: 0px;         
    text-transform: uppercase;         
}         
 .slide-text p {         
    width: 92%;         
    margin: 0 auto;         
    line-height: 23px;         
}         
.slide-text .tertiary  {         
    display: inline-block;         
    margin-top: 15px;         
    padding: 10px 25px;         
    width: auto;         
}         
.one .bg{         
   background: rgba(26, 56, 101, 0.9);         
}         
         
.action-box img {         
    display: block;         
    width: 100%;         
   filter: brightness(60%);         
}         
         
.action-box .slide-text {         
       bottom: -260px;         
    left: 0;         
    min-height: 100px;         
    width: 100%;         
}         
         
.action-box:hover .slide-text {         
    bottom: 0;         
}         
         
.slide-text {         
    background: rgba(0, 0, 0, 0.65) none repeat scroll 0 0;         
    color: #fff;         
    cursor: pointer;         
    padding: 20px 20px 25px 20px;         
    position: absolute;         
    text-align: center;         
    transition: all 0.6s ease 0s;         
}         
/**********FEATURED JOBS END         
***********************************/         
         
/**********FEATURED SERVICES         
***********************************/         
         
section#featured-services {         
    background: url(img/zone-bg-15034.jpg)no-repeat fixed 0 0 / cover;         
    max-width: 100%;         
    box-shadow: inset 0 0 0 1000px rgba(26, 42, 62, 0.3);         
    padding: 60px 0;         
}         
#featured-services .interior .swiper-wrapper .swiper-slide h5, #featured-services .interior .swiper-wrapper .swiper-slide .h5 {         
         
    color: #333E47;         
    font-size: 20px;         
    font-family: 'Rokkitt', serif;         
    font-weight: 400;         
    letter-spacing: .5px;         
    -webkit-transition: all 750ms;         
    -moz-transition: all 500ms;         
    -ms-transition: all 500ms;         
    -o-transition: all 500ms;         
    transition: all 500ms;         
}         
#featured-services .swiper-slide img {         
    border: 1px solid #333;         
}             
#featured-services .interior .swiper-wrapper .swiper-slide {         
  background: transparent;         
  padding: 0;         
  display: inline-block;         
  vertical-align: top;         
    margin: 5px; 
  min-height: 0;                
}         
#featured-services .interior .swiper-wrapper .swiper-slide a{         
  color: #fff;         
  font-size: 22px;         
  position: relative;         
  display: block;         
  background: rgba(26, 56, 101, 0.9);         
  height: auto;         
  text-align: left;         
  width: auto;         
  padding: 35px 20px 35px 95px;    
  width: 315px;            
}         
      
#featured-services .interior .swiper-wrapper .swiper-slide a:before{         
  content: url(img/cert-hover.png);         
  position: absolute;         
  left: 15px;         
  top: 53%;         
  -webkit-transform: translateY(-50%);         
  transform: translateY(-50%);             
}         
#featured-services .interior .swiper-wrapper .swiper-slide:nth-child(1) a:before{         
  content: url(img/briefcase.png);         
}         
#featured-services .interior .swiper-wrapper .swiper-slide:nth-child(2) a:before{         
  content: url(img/alert.png);         
}         
#featured-services .interior .swiper-wrapper .swiper-slide:nth-child(3) a:before{         
  content: url(img/resume.png);         
}         
#featured-services .interior .swiper-wrapper .swiper-slide a:hover{         
  background: #2197cf;         
}         
#featured-services .interior .featured-services-swiper {         
    width: 100%;         
    max-width: 1024px;         
    margin: 0 auto;         
}         
#featured-services .interior {         
    padding: 0;         
    background-color: rgba(255, 255, 255, .7);         
    max-width: 100%;         
    min-height: 0;         
    padding: 10px 0 30px;         
}         
#featured-services  .category-header  h2 {         
  max-width: 1024px;         
  margin: auto;         
  padding-top: 20px;         
  color: #333;         
  text-align: center;         
  padding-bottom: 20px;         
}         
#featured-services  .category-header {         
    margin: auto;         
    max-width: 100%;         
    background-color: rgba(255, 255, 255, .7);         
}         
/**********FEATURED SERVICES END         
***********************************/         
         
/**********FEATURED EMPLOYERS         
***********************************/         
#featured-employers .interior {         
    background: transparent;         
    padding: 0;         
}         
         
/**********FEATURED EMPLOYERS END         
***********************************/         
         
         
/**********FEEDBACK/FOOTER         
***********************************/         
#feedback {         
    padding-top: 25px;         
    max-width: 100%;         
    background: rgb(232,232,232);         
         
         
}         
#feedback a{         
         
    -webkit-transition: color 500ms;         
    -moz-transition: color 500ms;         
    -ms-transition: color 500ms;         
    -o-transition: color 500ms;         
    transition: color 500ms;         
}         
#feedback a:hover{         
    color: #2197cf;         
}         
#feedback .interior {         
    background: transparent;         
    text-align: center;         
}         
#feedback  .h4 {         
        font-size: 1.25em;         
    font-weight: 700;         
    display: block;         
}         
.footer-content p {         
    margin-bottom: auto;         
    font-size: 16px;         
    line-height: 1.5;         
    font-weight: 300;         
}         
.powered-by a img {         
         
}         
#footer {         
    max-width: 100%;         
    color: #fff;         
    background: rgb(232,232,232);         
    background: -moz-linear-gradient(top, rgba(232,232,232,1) 0%, rgba(255,255,255,1) 100%);         
    background: -webkit-linear-gradient(top, rgba(232,232,232,1) 0%,rgba(255,255,255,1) 100%);         
    background: linear-gradient(to bottom, rgba(232,232,232,1) 0%,rgba(255,255,255,1) 100%);         
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8e8e8', endColorstr='#ffffff',GradientType=0 );         
}         
#footer a{         
         
    -webkit-transition: color 500ms;         
    -moz-transition: color 500ms;         
    -ms-transition: color 500ms;         
    -o-transition: color 500ms;         
    transition: color 500ms;         
}         
#footer a:hover{         
    color: #2197cf;         
}         
#footer .powered-by {         
         
    background: transparent;         
}         
.footer-content {         
    padding: 20px 10px;         
    background-color: #2197cf;         
    color: #fff;         
    text-align: center;         
         
}         
         
         
section#blank-module {         
    background: url(img/zone-bg-15034.jpg)no-repeat fixed 0 0 / cover;         
    max-width: 100%;         
    box-shadow: inset 0 0 0 1000px rgba(26, 42, 62, 0.3);         
    padding: 60px 0;         
}         
#blank-module .interior {         
    background-color: rgba(255, 255, 255, .7);         
}         
#blank-module .interior h3{         
    color: #333E47;         
    display: inline-block;         
    font-size: 20px;         
    font-family: 'Rokkitt', serif;         
    font-weight: 400;         
    letter-spacing: .5px;         
}         
/**********ADS         
***********************************/         
         
         
         
/**********ADS END         
***********************************/         
         
/**********MEDIA QUERIES         
***********************************/         
@media (max-width: 1212px){         
.header-content #menu li:last-of-type ul {         
    left: auto;         
    right: 0;         
}         
}         
@media (max-width: 1200px){         
.hero-expanded {         
    height: 600px;         
         
}         
#hero .site-name-tag {         
    top: 140px;         
         
}         
#home-page section#featured-jobs {         
    margin-top: 0;         
}         
#job-search-form form {         
    bottom: 40px;         
}         
#hero {         
    background: transparent;         
    height: 480px;         
}         
#blank-module .interior{         
  max-width: none;         
width: 93%;         
}         
}         
@media (max-width: 960px){         
  #featured-services .interior .swiper-slide{         
    width: auto;         
  }         
  #featured-services .interior .swiper-slide a{         
    display: block;         
  }         
}         
@media (max-width: 768px){         
/*nav tragger*/         
.header-content #menu {         
    position: relative;         
    float: none;         
    top: 0;         
    left: auto;         
    width: 100%;         
    margin: 0;         
    padding: 0;         
}         
.header-content #menu>ul>li {         
    float: none;         
    width: 100%;         
    clear: both;         
    display: block;         
    text-align: center;         
}         
.header-content #menu .mobile-hide {         
        display: none;         
 }         
         
.header-content #menu #nav-trigger {         
    display: block;         
    font-size: 2.5em;         
    padding: 0;         
    position: relative;         
    cursor: pointer;         
    float: right;         
    text-decoration: none;         
    color: #304c74;         
    margin-right: 10px;         
    margin-top: 15px;         
    padding-bottom: 13px;         
}         
        
.header-content #menu ul {         
        float: none;         
        display: none;         
        height: 100%;         
        width: 100%;         
        box-sizing: border-box;         
    }         
.header-content #menu ul li ul {         
    margin-left: 0;         
        width: 100%;         
        float: none;         
        display: block;         
        background-color: ;         
        box-shadow: none;         
        border: 0;         
        padding: 0;         
    position: static;         
}         
.header-content #menu li {         
        position: static;         
        clear: both;         
    }         
.header-content #menu li ul {         
        float: none;         
        display: block;         
        height: 100%;         
        width: 100%;         
        position: static;         
        padding: 0;         
         
    }         
.header-content #menu li ul .collapse {         
    display: block;         
    padding: .5em;         
    margin: 0 10px;         
    font-size: 16px;         
    color: #fff;         
    letter-spacing: .5px;         
    padding-left: 15px;         
    border-bottom: 1px dashed rgba(255, 255, 255, 0.2);         
         
}         
         
.header-content #menu ul li {         
    width: auto;         
}         
#hero #job-search-form form fieldset {         
    width: 38%;         
}         
.header-content #logo img {         
         
    padding-left: 10px;         
}         
.header-content #menu ul li ul li a {         
    padding: .7em;         
    padding-left: 30px;         
}         
.header-content #menu li ul.sub-navigation li a {         
    margin: 0 10px;         
}         
#featured-job-listing {         
    min-height: auto;         
    width: 100%;         
    float: none;         
    max-width: 600px;         
    margin: auto;         
         
}         
#featured-job-listing ul {         
    padding-left: 37px;         
}         
#home-page .featured-job-promo {         
    float: none;         
    display: block;         
    width: 100%;         
    max-width: 100%;         
    height: auto;         
    margin: 20px 0;         
}         
#featured-job-listing .secondary {         
    font-size: 1.2em;         
    text-align: center;         
    float: none;         
    display: block;         
    width: 70%;         
    margin: 0 auto;         
}         
}         
         
@media (max-width: 480px){ 
    #featured-services .interior .swiper-wrapper .swiper-slide{
        display: flex;
        margin: 0;
    }        
#hero #job-search-form form {         
    background: transparent;         
    margin-top: 100px;         
    padding-bottom: 0;         
    position: absolute;         
    bottom: 0;         
}         
#hero #job-search-form form fieldset .primary {         
    font-size: 24px;         
         
}         
#job-search-form form fieldset.call-to-action {         
    margin: 0;         
}         
#hero #job-search-form form fieldset {         
    width: 100%;         
    padding: 10px 0;         
}         
#hero #job-search-form form .location_autocomplete {         
    float: none;         
    border: none;         
    margin: 0;         
    padding: 0;         
    width: 100%;         
    display: block;         
    clear: both;         
}         
#hero #job-search-form form fieldset.call-to-action {         
         
    width: 100%;         
    margin: 10px 0;         
}         
.header-content #menu ul li ul li {         
    border-bottom: 0;         
}         
.header-content #menu li ul .collapse {         
         
    background-color: transparent;         
}         
#hero .site-name-tag {         
    top: 70px;         
    padding: 0 10px;         
    background: transparent;         
}         
#hero .site-name-tag h1 {         
    font-size: 45px;         
}         
.hero-expanded {         
        height: 430px;         
       background-position-x: 0px;         
}         
#hero {         
height: 330px;         
}         
#home-page #job-alert-search-form.expanded-img {         
    top: 0;         
         
}         
#featured-services .interior .swiper-wrapper .swiper-slide{         
  width: 280px;         
}         
#featured-services .interior {         
         
    margin-top: 0;         
}         
ul#featured-services-carousel img{         
    border: 1px solid #333;         
}         
#featured-employers .call-to-action .secondary {         
         
    margin: 5px auto 15px;         
         
}         
#featured-services .interior .swiper-wrapper .swiper-slide a:before{         
  content: url(img/cert-hover.png)         
}         
         
#featured-services .interior .swiper-wrapper .swiper-slide:nth-child(1) a:before{         
  content: url(img/briefcase.png);         
}         
#featured-services .interior .swiper-wrapper .swiper-slide:nth-child(2) a:before{         
  content: url(img/alert.png);         
}         
#featured-services .interior .swiper-wrapper .swiper-slide:nth-child(3) a:before{         
  content: url(img/resume.png);         
}         
.header-content .call-to-action{         
  width: auto;         
}         
.header-content #logo{         
  max-width: 220px;         
}         
}         
/**********MEDIA QUERIES END         
***********************************/   
#featured-services .interior .swiper-slide h5, #featured-services .interior .swiper-slide .h5 {        
        
    color: #333E47;        
    font-size: 20px;        
    font-family: 'Rokkitt', serif;        
    font-weight: 400;        
    letter-spacing: .5px;        
    -webkit-transition: all 750ms;        
    -moz-transition: all 500ms;        
    -ms-transition: all 500ms;        
    -o-transition: all 500ms;        
    transition: all 500ms;        
}   
#featured-services .interior .swiper-slide a{        
  color: #fff;        
  font-size: 22px;        
  position: relative;        
  display: block;        
  background: rgba(26, 56, 101, 0.9);        
  height: auto;        
  text-align: left;        
  width: auto;        
  padding: 35px 20px 35px 95px;            
}   
  
#featured-services .interior .swiper-slide a:hover{        
  background: #2197cf;        
}