/*!
Theme Name: SR Theme
Theme URI: http://www.staffingrobot.com
Author: Staffing Robot
Author URI: http://www.staffingrobot.com
Description: See staffingrobot.com
Version: 2.1
License: GNU General Public License
License URI: license.txt
Text Domain: srbt_theme
Domain Path: /languages/
Tags:

 */
body{
    margin:0;
    padding-top:0;
}
 
.main-navigation a {
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.main-navigation input[type="text"],
.main-navigation input[type="text"]:hover,
.main-navigation input[type="text"]:active,
.main-navigation input[type="text"]:focus,
.main-navigation #searchsubmit {
    padding: 5.5px;
    font-size: 62.5%;
    
    font-size: 16px;
    font-family: "Roboto", Arial, sans-serif;
    color: #333;
    -webkit-text-size-adjust: 100%;
    overflow-y: scroll;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimize-legibility;
    
    width: 100%;
    padding-left: 1em;
    padding-right: 1em;
    border: none;
    border-radius: 0;
    border: 3px solid #ccc;
    margin-bottom: 16px;
    margin-bottom: 1.6rem;
    color: #999;
    font-weight: normal
}

.main-navigation form {
    margin: 0;
}

.alignleft {
    display: inline;
    float: left;
    margin-right: 1.5em
}

.alignright {
    display: inline;
    float: right;
    margin-left: 1.5em
}

.aligncenter {
    clear: both;
    display: block;
    margin: 0 auto
}

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

.is-hidden {
    display: none !important;
    visibility: hidden !important
}

.is-vishidden,.screen-reader-text {
    position: absolute !important;
    overflow: hidden;
    width: 1px;
    height: 1px;
    padding: 0;
    border: 0;
    clip: rect(1px, 1px, 1px, 1px)
}

.right {
    float: right;
    padding: 0 0 10px 10px;
    padding: 0 0 1rem 1rem
}

.right-search {
    float: right;
    padding: 0 0 10px 0;
    padding: 0 0 1rem 0
}

.left {
    float: left;
    padding: 0 10px 10px 0;
    padding: 0 1rem 1rem 0
}

.align-right {
    text-align: right
}

.align-center {
    text-align: center
}

.align-left {
    text-align: left
}

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.visuallyhidden.focusable:active,.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto
}

.invisible {
    visibility: hidden
}

.clearfix {
    zoom:1}

.clearfix:before,.clearfix:after {
    content: "\0020";
    display: block;
    height: 0;
    overflow: hidden
}

.clearfix:after {
    clear: both
}

.displaynone {
    display: none
}

.right {
    float: right
}

.left {
    float: left
}

.clear {
    clear: both
}

html {
    font-size: 62.5%;
    height: 100%
}

body {
    font-size: 16px;
    font-size: 1.6rem;
    font-family: "Roboto",Arial,sans-serif;
    color: #333;
    -webkit-text-size-adjust: 100%;
    overflow-y: scroll;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimize-legibility
}

body.home {
    height: 100%;
    color: #fff
}

#outer-wrap {
    position: relative;
    overflow: hidden;
    width: 100%
}

#inner-wrap {
    position: relative;
    width: 100%
}

form {
    background-color: transparent;
    padding: 0px
}

form ol,form ul {
    list-style: none;
    margin: 0;
    padding: 0
}

form [placeholder]::-webkit-input-placeholder {
    color: #999;
    font-weight: normal;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out
}

form [placeholder]:-moz-placeholder {
    color: #999;
    font-weight: normal;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out
}

form [placeholder]::-moz-placeholder {
    color: #999;
    font-weight: normal;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out
}

form [placeholder]:-ms-input-placeholder {
    color: #999;
    font-weight: normal;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out
}

form textarea:focus,form select:focus,form input:focus {
    outline: none;
    -webkit-tap-highlight-color: rgba(255,255,255,0);
    -webkit-user-modify: read-write-plaintext-only;
    background-color: #eee;
    background-color: rgba(255,255,255,0.8);
    font-weight: normal;
    position: relative
}

form textarea:focus[placeholder]::-webkit-input-placeholder,form select:focus[placeholder]::-webkit-input-placeholder,form input:focus[placeholder]::-webkit-input-placeholder {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0
}

form textarea:focus[placeholder]:-moz-placeholder,form select:focus[placeholder]:-moz-placeholder,form input:focus[placeholder]:-moz-placeholder {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0
}

form textarea:focus[placeholder]::-moz-placeholder,form select:focus[placeholder]::-moz-placeholder,form input:focus[placeholder]::-moz-placeholder {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0
}

form textarea:focus[placeholder]:-ms-input-placeholder,form select:focus[placeholder]:-ms-input-placeholder,form input:focus[placeholder]:-ms-input-placeholder {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0
}

.csstransforms3d.csstransitions form [placeholder]::-webkit-input-placeholder {
    -moz-backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    font-weight: normal
}

.csstransforms3d.csstransitions form [placeholder]:-moz-placeholder {
    -moz-backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.csstransforms3d.csstransitions form [placeholder]::-moz-placeholder {
    -moz-backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.csstransforms3d.csstransitions form [placeholder]:-ms-input-placeholder {
    -moz-backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.csstransforms3d.csstransitions form textarea:focus[placeholder]::-webkit-input-placeholder,.csstransforms3d.csstransitions form select:focus[placeholder]::-webkit-input-placeholder,.csstransforms3d.csstransitions form input:focus[placeholder]::-webkit-input-placeholder {
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    -moz-transform: translate3d(-1.6rem, -1.6rem, 0);
    -ms-transform: translate3d(-1.6rem, -1.6rem, 0);
    -webkit-transform: translate3d(-1.6rem, -1.6rem, 0);
    transform: translate3d(-1.6rem, -1.6rem, 0);
    top: 0;
    font-size: .5em;
    padding: .25em .5em
}

.csstransforms3d.csstransitions form textarea:focus[placeholder]:-moz-placeholder,.csstransforms3d.csstransitions form select:focus[placeholder]:-moz-placeholder,.csstransforms3d.csstransitions form input:focus[placeholder]:-moz-placeholder {
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    -moz-transform: translate3d(-1.6rem, -1.6rem, 0);
    -ms-transform: translate3d(-1.6rem, -1.6rem, 0);
    -webkit-transform: translate3d(-1.6rem, -1.6rem, 0);
    transform: translate3d(-1.6rem, -1.6rem, 0);
    top: 0;
    font-size: .5em;
    padding: .25em .5em
}

.csstransforms3d.csstransitions form textarea:focus[placeholder]::-moz-placeholder,.csstransforms3d.csstransitions form select:focus[placeholder]::-moz-placeholder,.csstransforms3d.csstransitions form input:focus[placeholder]::-moz-placeholder {
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    -moz-transform: translate3d(-1.6rem, -1.6rem, 0);
    -ms-transform: translate3d(-1.6rem, -1.6rem, 0);
    -webkit-transform: translate3d(-1.6rem, -1.6rem, 0);
    transform: translate3d(-1.6rem, -1.6rem, 0);
    top: 0;
    font-size: .5em;
    padding: .25em .5em
}

.csstransforms3d.csstransitions form textarea:focus[placeholder]:-ms-input-placeholder,.csstransforms3d.csstransitions form select:focus[placeholder]:-ms-input-placeholder,.csstransforms3d.csstransitions form input:focus[placeholder]:-ms-input-placeholder {
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    -moz-transform: translate3d(-1.6rem, -1.6rem, 0);
    -ms-transform: translate3d(-1.6rem, -1.6rem, 0);
    -webkit-transform: translate3d(-1.6rem, -1.6rem, 0);
    transform: translate3d(-1.6rem, -1.6rem, 0);
    top: 0;
    font-size: .5em;
    padding: .25em .5em
}

form .gform_body ul {
    margin: 0;
    line-height: inherit;
    text-indent: 0;
    color: #333;
    padding: 0
}

form .gform_body ul li:before {
    content: "";
    line-height: inherit;
    margin: 0;
    color: inherit
}

form .gform_body input:focus,form .gform_body input:hover,form .gform_body textarea:focus,form .gform_body textarea:hover,form .gform_body select:focus,form .gform_body select:hover {
    color: #999
}

.gfield_required {
    margin-left: .25em
}

input[type="file"] {
    line-height: 1
}

.gfield {
    position: relative;
    display: block;
    clear: both;
    margin-bottom: 16px;
    margin-bottom: 1.6rem
}

.gfield input,.gfield textarea,.gfield select {
    margin-bottom: 0
}

.gfield--column {
    width: 100%;
    display: block
}

.gfield--hidden {
    display: none
}

.gfield--sel-no-label label {
    display: none
}

.gfield--sel-no-label.gfield_contains_required .ginput_container:after {
    content: "*";
    position: absolute;
    color: red;
    top: .25em;
    right: .25em
}

.gfield input.datepicker_with_icon {
    padding-right: 32px;
    padding-right: 3.2rem
}

.gfield input[type="hidden"] {
    margin-bottom: -16px;
    margin-bottom: -1.6rem
}

@media all and (min-width: 478px) {
    .gfield--column-left,.gfield--column-right {
        width:49%;
        float: left;
        display: inline-block;
        clear: none
    }

    .gfield--column-left {
        margin-right: 2%;
        clear: left
    }
}

.gfield .ui-datepicker-trigger {
    position: absolute;
    bottom: 16px;
    bottom: 1.6rem;
    right: 10px;
    right: 1rem;
    display: inline;
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    margin-top: 0
}

.ginput_complex--name>label {
    position: static;
    padding: inherit;
    font-weight: inherit;
    line-height: inherit;
    cursor: pointer
}

.ginput_complex--name>span:first-of-type input {
    margin-bottom: 16px;
    margin-bottom: 1.6rem
}

.ginput_complex>span:first-of-type input {
    margin-bottom: 16px;
    margin-bottom: 1.6rem
}

.gfield_checkbox,.gfield_radio {
    display: block
}

.gfield_checkbox li,.gfield_checkbox input,.gfield_checkbox label,.gfield_radio li,.gfield_radio input,.gfield_radio label {
    display: inline-block
}

.gfield_checkbox li,.gfield_radio li {
    margin-right: 10px;
    margin-right: 1rem
}

.gfield_checkbox input[type="text"],.gfield_radio input[type="text"] {
    display: inline;
    width: auto
}

.gfield_error .validation_message {
    color: red;
    font-size: 0.8em
}

.gfield_description {
    font-size: 0.8em
}

.gform_footer,.gform_page_footer {
    display: block;
    overflow: hidden;
    width: 100%;
    text-align: center
}

@media all and (min-width: 478px) {
    .gform_footer input[type="submit"],.gform_page_footer input[type="submit"] {
        width:auto;
        float: right
    }
}

.gform_previous_button,.gform_next_button {
    margin: 16px 0;
    margin: 1.6rem 0
}

@media all and (min-width: 478px) {
    .gform_previous_button {
        float:left
    }
}

.gform_ajax_spinner {
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    position: fixed;
    z-index: 5000;
    top: 10%;
    left: 50%
}

.gform_wrapper .validation_error {
    text-align: center;
    margin: 16px;
    margin: 1.6rem
}

.gform_confirmation_message {
    color: #0d5cab;
    font-size: 1.8em;
    font-weight: bold;
    padding: 16px;
    padding: 1.6rem;
    text-align: center;
    display: block;
    overflow: hidden;
    max-width: 24em;
    margin: 16px auto;
    margin: 1.6rem auto
}

.gfield_required {
    color: red
}

.js .gfield--float-label {
    position: relative;
    margin-bottom: 16px;
    margin-bottom: 1.6rem
}

.js .gfield--float-label input,.js .gfield--float-label textarea,.js .gfield--float-label select {
    margin-bottom: 0;
    line-height: 1.2
}

.js .gfield--float-label label {
    position: absolute;
    padding: 1em;
    font-weight: normal;
    line-height: 1.2;
    cursor: text;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    top: 0;
    left: 0;
    z-index: 1;
    font-size: 1em;
    color: #999;
    text-transform: none
}

.js .gfield--float-label.ginput_complex--name>label {
    position: static;
    padding: inherit;
    font-weight: inherit;
    line-height: inherit;
    cursor: pointer
}

.js .gfield--float-label.ginput_complex--name .ginput_complex>span {
    position: relative;
    display: block
}

.js .gfield--float-label.ginput_complex--name .ginput_complex>span:first-child label {
    display: block
}

.js .gfield--float-label.ginput_complex--name.sr-active>label {
    top: inherit;
    font-size: inherit;
    padding: inherit
}

.js .gfield--float-label .ginput_complex>span {
    position: relative;
    display: block
}

.js .gfield--float-label .ginput_complex>span:first-child label {
    display: none
}

.js .gfield--float-label.sr-active label {
    top: 0;
    font-size: .5em;
    padding: .25em .5em
}

.searchform {
    max-width: 40em;
    padding: 0;
    position: relative
}

.searchform ::-webkit-input-placeholder {
    color: #999
}

.searchform :-moz-placeholder {
    color: #999
}

.searchform ::-moz-placeholder {
    color: #999
}

.searchform :-ms-input-placeholder {
    color: #999
}

.searchform input[type="text"] {
    padding-right: 50px;
    padding-right: 5rem;
    border-color: #ccc;
    color: #333
}

.searchform input:focus {
    outline-color: #d4d4d4
}

.searchform input[type="submit"],.searchform #searchsubmit {
    font-size: 20px;
    font-size: 2rem;
    padding: 15px;
    padding: 1.5rem;
    bottom: 16px;
    bottom: 1.6rem;
    position: absolute;
    top: 0;
    right: 0;
    background-color: #0d5cab;
    color: #fff;
    min-width: 0;
    width: auto;
    border: none;
    margin: 0
}

.searchform input[type="submit"]:hover,.searchform input[type="submit"]:active,.searchform #searchsubmit:hover,.searchform #searchsubmit:active {
    background-color: #09427c
}

.last {
    margin-right: 0 !important;
    margin-bottom: 1.4em;
    clear: right
}

.clearboth {
    clear: both;
    display: block;
    font-size: 0;
    height: 0;
    line-height: 0;
    width: 100%
}

.header-content {
    margin: 0 auto
}

.site-header {
    overflow: hidden;
    padding: 0
}

.site-branding {
    position: relative;
    z-index: 1800;
    margin: 16px;
    margin: 1.6rem
}

.page-template-template-hub-php .site-branding {
    margin: 16px 0 32px;
    margin: 1.6rem 0 3.2rem
}

.site-branding a {
    display: block;
    overflow: hidden
}

@media all and (min-width: 768px) {
    .site-branding {
        margin:16px 32px;
        margin: 1.6rem 3.2rem;
        max-width: 260px;
        max-width: 26rem
    }
}

figure.fixedratio {
    margin: 0;
    padding-top: 42.85714%;
    background-position: center;
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover
}

.svg figure.fixedratio {
    background: url(https://www.cdiengineeringsolutions.com/wp-content/uploads/2019/01/CDI_Engineering-Solutions-logo.png);
    background-repeat: no-repeat;
}

.svg .page-template-template-hub-php figure.fixedratio {
    background: url(https://www.cdiengineeringsolutions.com/wp-content/uploads/2019/01/CDI_Engineering-Solutions-logo.png);
    background-repeat: no-repeat;
}

.svg .engineering-group figure.fixedratio {
    background: url(https://www.cdicorp.com/wp-content/themes/cdi_theme/assets/images/logo-engineering.svg)
}

.svg .staffing-group figure.fixedratio {
    background: url(https://www.cdicorp.com/wp-content/themes/cdi_theme/assets/images/logo-staffing.svg)
}

.svg .technology-group figure.fixedratio {
    background: url(https://www.cdicorp.com/wp-content/themes/cdi_theme/assets/images/logo-technology.svg)
}

.svg .page-asset figure.fixedratio {
    background: url(https://www.cdicorp.com/wp-content/themes/cdi_theme/assets/images/logo-asset.svg)
}

.svg .page-anderselite figure.fixedratio {
    background: url(https://www.cdicorp.com/wp-content/themes/cdi_theme/assets/images/logo-anderselite.svg)
}

figure.fixedratio {
    background: url(https://www.cdicorp.com/wp-content/themes/cdi_theme/assets/images/logo-secondary.png)
}

.page-template-template-hub-php figure.fixedratio {
    background: url(https://www.cdicorp.com/wp-content/themes/cdi_theme/assets/images/logo.svg)
}

.engineering-group figure.fixedratio {
    background: url(https://www.cdicorp.com/wp-content/themes/cdi_theme/assets/images/logo-engineering.png)
}

.staffing-group figure.fixedratio {
    background: url(https://www.cdicorp.com/wp-content/themes/cdi_theme/assets/images/logo-staffing.png)
}

.technology-group figure.fixedratio {
    background: url(https://www.cdicorp.com/wp-content/themes/cdi_theme/assets/images/logo-technology.png)
}

.page-asset figure.fixedratio {
    background: url(https://www.cdicorp.com/wp-content/themes/cdi_theme/assets/images/logo-asset.png)
}

.page-anderselite figure.fixedratio {
    background: url(https://www.cdicorp.com/wp-content/themes/cdi_theme/assets/images/logo-anderselite.svg)
}

.logo {
    max-width: 260px;
    max-width: 26rem;
    width: 70%
}

@media all and (min-width: 478px) {
    .logo {
        width:100%;
        float: left
    }
}

.page-template-template-hub-php .logo {
    max-width: 244px;
    max-width: 24.4rem
}

.main-navigation,header {
    padding: 0
}

.site-header {
    background: transparent;
    margin: 0 auto;
    position: relative
}

.site-header h1,.site-header h2,.site-header .byline a,.byline .site-header a {
    margin: 0
}

.site-header .nav-btn {
    position: absolute;
    z-index: 2000;
    -moz-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    -webkit-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
    display: inline-block;
    right: 0;
    text-decoration: none
}

.site-header.site-hub--header {
    max-width: 1040px;
    max-width: 104rem
}

.main-navigation {
    margin: 0;
    padding-left: 0;
    overflow: hidden;
    color: #fff;
    -moz-box-shadow: inset 1.5em 0 1.5em -0.75em rgba(0,0,0,0.25);
    -webkit-box-shadow: inset 1.5em 0 1.5em -0.75em rgba(0,0,0,0.25);
    box-shadow: inset 1.5em 0 1.5em -0.75em rgba(0,0,0,0.25);
    position: absolute;
    top: 0;
    right: -70%;
    padding-top: 3em;
    width: 70%;
    height: 100%;
    background: #333333;
    padding-right: 16px;
    padding-right: 1.6rem
}

.main-navigation a {
    text-decoration: none
}

.main-navigation ul {
    margin: 0
}

.main-navigation .block {
    z-index: 2;
    position: relative;
    margin: 0 auto;
    padding: 1.5em 0 1.35em 1.5em;
    max-width: 60em;
    right: 0em
}

.main-navigation ul {
    *zoom:1;display: block;
    margin: 0;
    padding: 0
}

.main-navigation li {
    display: block;
    overflow: hidden;
    margin-bottom: 0;
    position: relative;
    border-top: 1px solid rgba(255,255,255,0.1)
}

.main-navigation li:last-child {
    border-bottom: 1px solid rgba(255,255,255,0.1)
}

.main-navigation li.nav-button {
    border: none
}

.main-navigation li.nav-button a {
    font-size: 0.9em;
    background: #0d5cab;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    text-align: center;
    margin: 10px 16px;
    margin: 1rem 1.6rem
}

.main-navigation li a {
    display: block;
    color: #fff;
    line-height: 1.28571em;
    font-weight: bold;
    outline: none;
    letter-spacing: .07em;
    text-transform: uppercase;
    padding: .75em
}

.main-navigation li .sub-menu {
    padding-left: 16px;
    padding-left: 1.6rem
}

.main-navigation li .sub-menu li {
    border: none
}

.main-navigation li .sub-menu a {
    font-family: "Roboto",Arial,sans-serif;
    letter-spacing: 0;
    text-transform: none;
    padding: .75em .75em .75em 1.5em
}

.main-navigation li i {
    margin-left: .5em
}

.main-navigation li:hover,.main-navigation li:active {
    color: #fff;
    background: rgba(255,255,255,0.1)
}

.main-navigation li.is-active a {
    color: #fff
}

.main-navigation .sub-menu li {
    padding: .5em 1em
}

.main-navigation .sub-menu li a:hover {
    background: transparent
}

.main-navigation .sub-menu li:last-child {
    border-bottom: none
}

.main-navigation .menu.primary-menu>li {
    display: block;
    border-right: none
}

.main-navigation .menu.primary-menu>li .sub-menu {
    font-size: 0.9em;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    padding-left: 16px;
    padding-left: 1.6rem;
    font-weight: normal;
    position: static;
    max-height: none;
    width: auto;
    background: transparent;
    border: none;
    padding: 0;
    margin: 0
}

.main-navigation .menu.primary-menu>li .sub-menu li {
    padding: 0
}

.main-navigation .menu.primary-menu>li .sub-menu li a:hover {
    background: transparent
}

.main-navigation .menu.primary-menu>li .sub-menu li:last-child {
    border-bottom: none
}

.main-navigation .menu.primary-menu>li .sub-menu a {
    font-weight: normal;
    color: #fff
}

.main-navigation .menu.primary-menu>li .sub-menu .sub-menu-close {
    display: block;
    padding: 0;
    background: gray
}

.main-navigation .menu.primary-menu>li .sub-menu .sub-menu-close a {
    padding: .75em
}

.main-navigation .menu.primary-menu>li .sub-menu .sub-menu-close i {
    margin: 0 .25em 0 0
}

.main-navigation .menu.primary-menu>li:hover>ul {
    max-height: none;
    border: none
}

.main-navigation .menu.primary-menu .menu-parent-item {
    position: relative;
    overflow: visible
}

.main-navigation .menu.primary-menu .menu-parent-item>ul {
    -moz-transition: left 0.5s ease-out;
    -o-transition: left 0.5s ease-out;
    -webkit-transition: left 0.5s ease-out;
    transition: left 0.5s ease-out;
    position: absolute;
    z-index: 5000;
    background: #999;
    background: rgba(153,153,153,0.95);
    width: 95%;
    left: 120%;
    top: 20px;
    top: 2rem
}

.main-navigation .menu.primary-menu .menu-parent-item.sub-active>ul {
    left: 10%
}

.main-navigation .sr-active {
    display: block
}

.main-navigation li {
    float: none
}

.main-navigation .menu-parent-item {
    cursor: pointer
}

.main-navigation ul {
    display: block
}

.main-navigation li:hover>ul,.main-navigation li:target ul {
    max-height: 800px
}

#nav-toggle {
    padding-top: 6px;
    padding-top: 0.6rem;
    margin: 0 auto;
    width: 30px
}

#nav-toggle span:before {
    content: "\e2af"
}

.close-btn,.nav-btn {
    font-size: 30px;
    font-size: 3rem;
    padding: 16px 16px 32px 16px;
    padding: 1.6rem 1.6rem 3.2rem 1.6rem;
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    display: block;
    overflow: hidden;
    outline: none;
    border: 0;
    color: #0d5cab;
    text-align: center;
    white-space: nowrap;
    -webkit-tap-highlight-color: transparent;
    text-align: center
}

.close-btn:focus,.close-btn:hover,.nav-btn:focus,.nav-btn:hover {
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    color: #09427c
}

.close-btn i,.nav-btn i {
    padding: .5em
}

.close-btn .menu-text,.nav-btn .menu-text {
    padding-top: 6px;
    padding-top: 0.6rem;
    display: block;
    width: 100%;
    text-align: center;
    text-transform: uppercase;
    font-weight: bold;
    font-size: .4em;
    line-height: 1
}

#inner-wrap {
    right: 0
}

body:not(:target) #outer-wrap .navigation-close {
    display: none;
    text-indent: -999em;
    padding: 0;
    margin: 0
}

body:not(:target) #outer-wrap #inner-wrap {
    left: 0;
    -moz-transition: left 0.3s ease-out;
    -o-transition: left 0.3s ease-out;
    -webkit-transition: left 0.3s ease-out;
    transition: left 0.3s ease-out
}

body:not(:target) #outer-wrap:target .navigation-close,body:not(:target) #outer-wrap.sr-active .navigation-close {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2500;
    display: inline;
    background: rgba(0,0,0,0.2)
}

body:not(:target) #outer-wrap:target #inner-wrap,body:not(:target) #outer-wrap.sr-active #inner-wrap {
    left: -70%
}

@media screen and (min-width: 800px) {
    body:not(:target) .main-navigation {
        width:30%;
        right: -30%
    }

    body:not(:target) .main-navigation li a {
        font-size: 1.2em
    }

    body:not(:target) .main-navigation li.nav-button a {
        font-size: 0.9em
    }

    body:not(:target) #outer-wrap:target #inner-wrap,body:not(:target) #outer-wrap.sr-active #inner-wrap {
        left: -30%
    }
}

.csstransforms3d.csstransitions body:not(:target) #outer-wrap {
    -moz-backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.csstransforms3d.csstransitions body:not(:target) #outer-wrap #nav-toggle {
    cursor: pointer;
    padding: 1.6rem 30px 16px 0px
}

.csstransforms3d.csstransitions body:not(:target) #outer-wrap #nav-toggle span,.csstransforms3d.csstransitions body:not(:target) #outer-wrap #nav-toggle span:before,.csstransforms3d.csstransitions body:not(:target) #outer-wrap #nav-toggle span:after {
    cursor: pointer;
    border-radius: 1px;
    height: 2px;
    width: 30px;
    background: #0d5cab;
    position: absolute;
    display: block;
    content: ''
}

.csstransforms3d.csstransitions body:not(:target) #outer-wrap #nav-toggle span:before {
    top: -10px;
    left: 0
}

.csstransforms3d.csstransitions body:not(:target) #outer-wrap #nav-toggle span:after {
    bottom: -10px;
    right: 0
}

.csstransforms3d.csstransitions body:not(:target) #outer-wrap #nav-toggle span,.csstransforms3d.csstransitions body:not(:target) #outer-wrap #nav-toggle span:before,.csstransforms3d.csstransitions body:not(:target) #outer-wrap #nav-toggle span:after,.csstransforms3d.csstransitions body:not(:target) #outer-wrap #nav-toggle .menu-text {
    -moz-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    -webkit-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out
}

.csstransforms3d.csstransitions body:not(:target) #outer-wrap #nav-toggle:hover span,.csstransforms3d.csstransitions body:not(:target) #outer-wrap #nav-toggle:hover span:before,.csstransforms3d.csstransitions body:not(:target) #outer-wrap #nav-toggle:hover span:after {
    background: #09427c
}

.csstransforms3d.csstransitions body:not(:target) #outer-wrap #nav {
    right: 0;
    -moz-transform: translate3d(100%, 0, 0);
    -ms-transform: translate3d(100%, 0, 0);
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    -moz-backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.csstransforms3d.csstransitions body:not(:target) #outer-wrap #inner-wrap {
    right: 0 !important;
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -moz-transition: -moz-transform 0.5s ease;
    -o-transition: -o-transform 0.5s ease;
    -webkit-transition: -webkit-transform 0.5s ease;
    transition: transform 0.5s ease;
    -moz-backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.csstransforms3d.csstransitions body:not(:target) #outer-wrap #nav .block {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
    opacity: 0.7;
    -moz-transition: opacity 0.3s ease 0.1s,-moz-transform 0.5s ease;
    -o-transition: opacity 0.3s ease 0.1s,-o-transform 0.5s ease;
    -webkit-transition: opacity 0.3s ease,-webkit-transform 0.5s ease;
    -webkit-transition-delay: 0.1s,0s;
    transition: opacity 0.3s ease 0.1s,transform 0.5s ease;
    -moz-transform: translate3d(0%, 0, 0) scale3d(0.9, 0.9, 0.9);
    -ms-transform: translate3d(0%, 0, 0) scale3d(0.9, 0.9, 0.9);
    -webkit-transform: translate3d(0%, 0, 0) scale3d(0.9, 0.9, 0.9);
    transform: translate3d(0%, 0, 0) scale3d(0.9, 0.9, 0.9);
    -moz-transform-origin: -50% 0% 50%;
    -ms-transform-origin: -50% 0% 50%;
    -webkit-transform-origin: -50% 0% 50%;
    transform-origin: -50% 0% 50%
}

.csstransforms3d.csstransitions body:not(:target) #outer-wrap:target #nav-toggle span,.csstransforms3d.csstransitions body:not(:target) #outer-wrap.sr-active #nav-toggle span {
    background-color: transparent
}

.csstransforms3d.csstransitions body:not(:target) #outer-wrap:target #nav-toggle span:before,.csstransforms3d.csstransitions body:not(:target) #outer-wrap:target #nav-toggle span:after,.csstransforms3d.csstransitions body:not(:target) #outer-wrap.sr-active #nav-toggle span:before,.csstransforms3d.csstransitions body:not(:target) #outer-wrap.sr-active #nav-toggle span:after {
    top: 0
}

.csstransforms3d.csstransitions body:not(:target) #outer-wrap:target #nav-toggle span:before,.csstransforms3d.csstransitions body:not(:target) #outer-wrap.sr-active #nav-toggle span:before {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg)
}

.csstransforms3d.csstransitions body:not(:target) #outer-wrap:target #nav-toggle span:after,.csstransforms3d.csstransitions body:not(:target) #outer-wrap.sr-active #nav-toggle span:after {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: 1px
}

.csstransforms3d.csstransitions body:not(:target) #outer-wrap:target #inner-wrap,.csstransforms3d.csstransitions body:not(:target) #outer-wrap.sr-active #inner-wrap {
    -moz-transform: translate3d(-70%, 0, 0) scale3d(1, 1, 1);
    -ms-transform: translate3d(-70%, 0, 0) scale3d(1, 1, 1);
    -webkit-transform: translate3d(-70%, 0, 0) scale3d(1, 1, 1);
    transform: translate3d(-70%, 0, 0) scale3d(1, 1, 1);
    left: 0
}

.csstransforms3d.csstransitions body:not(:target) #outer-wrap:target #nav .block,.csstransforms3d.csstransitions body:not(:target) #outer-wrap.sr-active #nav .block {
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.csstransforms3d.csstransitions .main-navigation .menu.primary-menu .menu-parent-item>ul {
    left: 0;
    -moz-transition: -moz-transform 0.5s ease;
    -o-transition: -o-transform 0.5s ease;
    -webkit-transition: -webkit-transform 0.5s ease;
    transition: transform 0.5s ease;
    -moz-transform: translate3d(120%, 0, 0) scale3d(0.9, 0.9, 0.9);
    -ms-transform: translate3d(120%, 0, 0) scale3d(0.9, 0.9, 0.9);
    -webkit-transform: translate3d(120%, 0, 0) scale3d(0.9, 0.9, 0.9);
    transform: translate3d(120%, 0, 0) scale3d(0.9, 0.9, 0.9)
}

.csstransforms3d.csstransitions .main-navigation .menu.primary-menu .menu-parent-item.sub-active>ul {
    -moz-transform: translate3d(10%, 0, 0) scale3d(1, 1, 1);
    -ms-transform: translate3d(10%, 0, 0) scale3d(1, 1, 1);
    -webkit-transform: translate3d(10%, 0, 0) scale3d(1, 1, 1);
    transform: translate3d(10%, 0, 0) scale3d(1, 1, 1)
}

@media screen and (min-width: 800px) {
    .csstransforms3d.csstransitions body:not(:target) #outer-wrap #nav .block {
        -moz-transform:translate3d(-30%, 0, 0) scale3d(0.9, 0.9, 0.9);
        -ms-transform: translate3d(-30%, 0, 0) scale3d(0.9, 0.9, 0.9);
        -webkit-transform: translate3d(-30%, 0, 0) scale3d(0.9, 0.9, 0.9);
        transform: translate3d(-30%, 0, 0) scale3d(0.9, 0.9, 0.9)
    }

    .csstransforms3d.csstransitions body:not(:target) #outer-wrap:target #inner-wrap,.csstransforms3d.csstransitions body:not(:target) #outer-wrap.sr-active #inner-wrap {
        -moz-transform: translate3d(-30%, 0, 0) scale3d(1, 1, 1);
        -ms-transform: translate3d(-30%, 0, 0) scale3d(1, 1, 1);
        -webkit-transform: translate3d(-30%, 0, 0) scale3d(1, 1, 1);
        transform: translate3d(-30%, 0, 0) scale3d(1, 1, 1)
    }
}

[role=complementary] {
    overflow: hidden
}

@media all and (min-height: 768px) and (min-width: 768px) {
    .csstransforms3d.csstransitions body:not(:target).page-template-template-hub-php #outer-wrap {
        height:100%;
        -moz-transform-style: preserve-3d;
        -webkit-transform-style: preserve-3d;
        transform-style: preserve-3d
    }

    .csstransforms3d.csstransitions body:not(:target).page-template-template-hub-php #outer-wrap #inner-wrap {
        position: relative;
        z-index: 1000;
        top: 45%;
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }
}

.section-img-bg {
    background: transparent
}

.section-img-bg picture {
    width: 100%;
    display: block;
    overflow: hidden
}

.section-img-bg picture img {
    width: 100%
}

@media all and (min-width: 768px) {
    .section-img-bg {
        position:absolute;
        top: 0;
        left: 0;
        right: 0
    }
}

@font-face {
    font-family: 'sr-icon';
    src: url("assets/fonts/sr-icon.eot");
    src: url("assets/fonts/sr-icon.eot?#iefix") format("embedded-opentype"),url("assets/fonts/sr-icon.ttf") format("truetype"),url("assets/fonts/sr-icon.woff") format("woff"),url("assets/fonts/sr-icon.svg#sr-icon") format("svg");
    font-weight: normal;
    font-style: normal
}

.sr-icon,a[href$=".pdf"]:before,.searchform input[type="submit"],.searchform #searchsubmit,#nav-toggle span,.nav-previous .meta-nav,.nav-next .meta-nav,[class^="sr-icon-"],[class*=" sr-icon-"] {
    font-family: 'sr-icon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.sr-icon-trophy2:before {
    content: "\e63a"
}

.sr-icon-factory:before {
    content: "\e635"
}

.sr-icon-government:before {
    content: "\e636"
}

.sr-icon-hand-globe:before {
    content: "\e637"
}

.sr-icon-organization:before {
    content: "\e638"
}

.sr-icon-plane:before {
    content: "\e639"
}

.sr-icon-people-stack:before {
    content: "\e634"
}

.sr-icon-person-circles:before {
    content: "\e62a"
}

.sr-icon-calendar2:before {
    content: "\e62b"
}

.sr-icon-clipboard-pencil:before {
    content: "\e62c"
}

.sr-icon-search2:before {
    content: "\e62d"
}

.sr-icon-clipboard:before {
    content: "\e62e"
}

.sr-icon-star:before {
    content: "\e62f"
}

.sr-icon-chat-bubbles:before {
    content: "\e630"
}

.sr-icon-book-stack:before {
    content: "\e631"
}

.sr-icon-thumbs-up:before {
    content: "\e632"
}

.sr-icon-man:before {
    content: "\e633"
}

.sr-icon-h-square:before {
    content: "\f0fd"
}

.sr-icon-trophy:before {
    content: "\f091"
}

.sr-icon-lightbulb-o:before {
    content: "\f0eb"
}

.sr-icon-ambulance:before {
    content: "\f0f9"
}

.sr-icon-twitter:before {
    content: "\f099"
}

.sr-icon-facebook:before {
    content: "\f09a"
}

.sr-icon-linkedin:before {
    content: "\f0e1"
}

.sr-icon-angle-left:before {
    content: "\f104"
}

.sr-icon-angle-right:before {
    content: "\f105"
}

.sr-icon-angle-up:before {
    content: "\f106"
}

.sr-icon-angle-down:before {
    content: "\f107"
}

.sr-icon-instagram:before {
    content: "\f16d"
}

.sr-icon-radio:before {
    content: "\e068"
}

.sr-icon-library:before {
    content: "\e075"
}

.sr-icon-users:before {
    content: "\e18f"
}

.sr-icon-stack-checkmark:before {
    content: "\e348"
}

.sr-icon-fire:before {
    content: "\e625"
}

.sr-icon-file-pdf:before {
    content: "\e624"
}

.sr-icon-menu:before {
    content: "\e2af"
}

.sr-icon-phone2:before {
    content: "\e0dc"
}

.sr-icon-plus-circle:before {
    content: "\e35e"
}

.sr-icon-plus-circle2:before {
    content: "\e35f"
}

.sr-icon-minus-circle:before {
    content: "\e361"
}

.sr-icon-minus-circle2:before {
    content: "\e360"
}

.sr-icon-arrow-up:before {
    content: "\e3b0"
}

.sr-icon-arrow-left:before {
    content: "\e3b3"
}

.sr-icon-arrow-down:before {
    content: "\e3b2"
}

.sr-icon-arrow-right:before {
    content: "\e3b1"
}

.sr-icon-share:before {
    content: "\e47b"
}

.sr-icon-location:before {
    content: "\e0f1"
}

.sr-icon-envelop:before {
    content: "\e0ef"
}

.sr-icon-arrow-up2:before {
    content: "\e3b4"
}

.sr-icon-arrow-right2:before {
    content: "\e3b5"
}

.sr-icon-arrow-down2:before {
    content: "\e3b6"
}

.sr-icon-arrow-left2:before {
    content: "\e3b7"
}

.sr-icon-circle:before {
    content: "\e43b"
}

.sr-icon-radio-unchecked:before {
    content: "\e439"
}

.sr-icon-circle2:before {
    content: "\e43a"
}

.sr-icon-close:before {
    content: "\e36d"
}

.sr-icon-close2:before {
    content: "\e36e"
}

.sr-icon-close3:before {
    content: "\e36c"
}

.sr-icon-feed:before {
    content: "\e4a0"
}

.sr-icon-feed2:before {
    content: "\e4a1"
}

.sr-icon-search:before {
    content: "\e1b7"
}

.sr-icon-calendar:before {
    content: "\e115"
}

.sr-icon-spinner:before {
    content: "\e1a9"
}

.sr-icon-trophy-star:before {
    content: "\e21f"
}

.sr-icon-signup:before {
    content: "\e296"
}

.sr-icon-list:before {
    content: "\e29a"
}

.sr-icon-network:before {
    content: "\e2c8"
}

.sr-icon-loop:before {
    content: "\e3a7"
}

.sr-icon-connection:before {
    content: "\e97c"
}

.sr-icon-hour-glass2:before {
    content: "\eb1d"
}

.sr-icon-youtube:before {
    content: "\e600"
}

.sr-icon-tweeter:before {
    content: "\e601"
}

.sr-icon-pinterest:before {
    content: "\e602"
}

.sr-icon-phone:before {
    content: "\e603"
}

.sr-icon-linkedin2:before {
    content: "\e605"
}

.sr-icon-instagram2:before {
    content: "\e606"
}

.sr-icon-gplus:before {
    content: "\e609"
}

.sr-icon-facebook2:before {
    content: "\e60a"
}

.sr-icon-blog:before {
    content: "\e60b"
}

.sr-icon-nav_arrow_l:before {
    content: "\e60c"
}

.sr-icon-nav_arrow_r:before {
    content: "\e60d"
}

.sr-icon-thumbsup:before {
    content: "\e60e"
}

.sr-icon-vine:before {
    content: "\e60f"
}

.sr-icon-stand-out:before {
    content: "\e610"
}

.sr-icon-reward-employees:before {
    content: "\e611"
}

.sr-icon-reward-employees-2:before {
    content: "\e612"
}

.sr-icon-new-strategies:before {
    content: "\e613"
}

.sr-icon-invest-in-your-brand:before {
    content: "\e614"
}

.sr-icon-increase-leads:before {
    content: "\e615"
}

.sr-icon-increase-leads-2:before {
    content: "\e616"
}

.sr-icon-improve-roi:before {
    content: "\e617"
}

.sr-icon-go-mobile:before {
    content: "\e618"
}

.sr-icon-go-mobile-2:before {
    content: "\e619"
}

.sr-icon-get-social:before {
    content: "\e61a"
}

.sr-icon-get-found:before {
    content: "\e61b"
}

.sr-icon-get-found-2:before {
    content: "\e61c"
}

.sr-icon-attract-top-talent:before {
    content: "\e61d"
}

.sr-icon-create-great-content-2:before {
    content: "\e61e"
}

.sr-icon-create-great-content:before {
    content: "\e61f"
}

.sr-icon-customer-happiness:before {
    content: "\e620"
}

.sr-icon-data:before {
    content: "\e621"
}

.sr-icon-earn-more-client:before {
    content: "\e622"
}

.sr-icon-engage:before {
    content: "\e623"
}

.sr-icon-cdi:before {
    content: "\e63b"
}

.sr-icon-information:before {
    content: "\e626"
}

.sr-icon-mail:before {
    content: "\e627"
}

.sr-icon-map:before {
    content: "\e628"
}

.sr-icon-social:before {
    content: "\e629"
}

.sr-icon-engineering:before,.sr-icon-carp-sq:before {
    content: "\e604"
}

.sr-icon-staffing:before,.sr-icon-people:before {
    content: "\e607"
}

.sr-icon-technology:before,.sr-icon-plug:before {
    content: "\e608"
}