@charset "UTF-8";
/*
#region !!====={ Version Information }=====!!
// %~%@ < 1.3003 > @%~%     // File Version
// %~%# < 03/24/2016 > #%~%   // File Mod Date
// %~%! < Genesis Content > !%~%    // Core Module
// %~%^ < 1.3000 > ^%~%     // Minimum Core Version
#endregion ==================================
*/
/*
#region !!====={ Mod Information }=====!!
#~#$ +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
03/24/2016 - MKA :  * Color Change for Gen 1.3
$#~# +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

#~#$ +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
11/5/2014 - MKA : Added style for comments
$#~# +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

#endregion ==================================
*/
@font-face {
  font-family: "Agency";
  src: url("/Content/fonts/hinted-AgencyFB-Reg.eot");
  src: local("Agency FB"), local("AgencyFB-Reg"), url("/Content/fonts/hinted-AgencyFB-Reg.eot?#iefix") format("embedded-opentype"), url("/Content/fonts/hinted-AgencyFB-Reg.woff2") format("woff2"), url("/Content/fonts/hinted-AgencyFB-Reg.woff") format("woff"), url("/Content/fonts/hinted-AgencyFB-Reg.ttf") format("truetype"), url("/Content/fonts/hinted-AgencyFB-Reg.svg#AgencyFB-Reg") format("svg");
  font-weight: normal;
  font-style: normal;
  /*back with font-family:"Agency", Impact, Helvetica, sans-serif;*/ }

@media screen and (max-width: 450px) {
  .newBtnDisplay .content {
    text-align: center; }
  .newBtnDisplay .content a {
    width: 60%;
    text-align: center;
    margin: 5px auto; } }

.newBtnDisplay {
  text-align: center;
  /*background: #EEE;*/ }

.newBtnDisplay .content {
  background: none;
  padding-bottom: 10px !important; }

.newBtnDisplay .content a {
  background: #0a1d36;
  color: #fff;
  text-decoration: none;
  font-size: 16px;
  line-height: 1em;
  padding: 0;
  text-transform: uppercase;
  font-weight: bold;
  letter-spacing: 2px;
  border-radius: 8px;
  padding: 10px 20px;
  font-family: Open Sans, sans-serif;
  cursor: pointer;
  -webkit-transition: background 300ms, color 300ms;
  -o-transition: background 300ms, color 300ms;
  transition: background 300ms, color 300ms;
  border: 3px solid rgba(255, 255, 255, 0.5);
  display: inline-block; }

.styledTable {
  font-family: inherit;
  margin: 25px 0 35px;
  -webkit-box-shadow: 3px 2px 5px 0px rgba(0, 0, 0, 0.26);
  box-shadow: 3px 2px 5px 0px rgba(0, 0, 0, 0.26); }
  @media only screen and (max-width: 1000px) {
    .styledTable {
      -webkit-box-shadow: none;
      box-shadow: none;
      width: 100%; }
      .styledTable tr {
        display: block;
        margin-bottom: 15px; }
        .styledTable tr td {
          position: relative;
          display: block;
          width: 100%;
          padding-inline: 10px;
          -webkit-box-sizing: border-box;
          box-sizing: border-box;
          line-height: 1.5; }
          .styledTable tr td:before {
            display: inline-block;
            font-size: 16px;
            color: #0a1d36;
            font-style: normal; }
          .styledTable tr td:nth-of-type(1)::before {
            content: "Carpentry Jobs (Starting Location): "; }
          .styledTable tr td:nth-of-type(2)::before {
            content: "Distance to HQ: "; }
          .styledTable tr td:nth-of-type(3)::before {
            content: "Driving Distance: "; } }

.styledTable p {
  margin: 0 3px !important; }

.styledTable td {
  padding: 10px 5px; }

.styledTable td:nth-child(1) {
  font-weight: bold; }

.styledTable td:nth-child(2) {
  font-style: italic; }

.styledTable td:nth-child(3) {
  font-style: italic; }

.styledTable tr:first-of-type {
  background: #142b4a;
  color: #fff;
  font-family: "Agency", Impact, Helvetica, sans-serif;
  font-size: 20px;
  text-transform: uppercase; }
  @media only screen and (max-width: 1000px) {
    .styledTable tr:first-of-type {
      display: none; } }

.styledTable tr:first-of-type td {
  font-style: normal !important;
  padding: 10px 5px; }

.styledTable tr:nth-child(even) {
  background: #eee; }

/*-----------OVERALL STYLES-----------*/
* {
  margin: 0;
  padding: 0; }

body {
  font-family: Open Sans, sans-serif;
  background: #000;
  overflow-x: hidden;
  max-width: 100vw; }

#main {
  max-width: 100vw; }

.page {
  min-height: 100vh;
  position: relative;
  padding-bottom: 330px;
  max-width: 100vw;
  overflow-x: hidden; }

@media all and (device-width: 768px) and (device-height: 1024px) and (orientation: portrait) {
  .page {
    min-height: 1024px; } }

@media all and (device-width: 768px) and (device-height: 1024px) and (orientation: landscape) {
  .page {
    min-height: 768px; }
  #videoOverlay.rollup {
    top: -768px; } }

.ScreenReader {
  position: absolute;
  left: -100vw;
  top: auto;
  width: 1px;
  height: 1px;
  overflow: hidden; }

.content {
  text-align: left; }

.content {
  background: url("/Content/images/Watermark-logo.png") bottom -50px right -150px no-repeat;
  background-size: contain; }

.content ~ .content {
  background: transparent; }

.infoBanner.content p {
  text-align: left;
  max-width: none; }

.content h2 {
  text-align: left;
  font-size: 42px;
  color: #142b4a; }

.content h3 {
  text-align: left;
  color: #22334a; }

.content h4 {
  color: #3a4a5e; }

.content h5 {
  font-family: "Agency", Impact, Helvetica, sans-serif;
  font-size: 2em;
  font-weight: bold;
  text-transform: uppercase;
  color: #cc0200;
  text-decoration: none;
  -webkit-transition: color 100ms;
  -o-transition: color 100ms;
  transition: color 100ms; }

.discoverDropdownItem {
  color: #f00 !important; }

.discoverDropdownItem:hover {
  color: #fff !important;
  background-color: #0a1d36 !important; }

textarea {
  font-family: inherit; }

#main header {
  padding: 0 calc(3rem + 15px) 0 calc(3rem + 15px); }

#main header h1 {
  font-family: "Agency", Impact, Helvetica, sans-serif;
  font-size: 60px;
  font-weight: bold;
  text-transform: uppercase;
  line-height: 1;
  padding: 20px 0;
  text-align: left;
  margin-right: 25vw;
  color: #0a1d36; }

.pb-null {
  padding-bottom: 0 !important; }

@media only screen and (max-width: 500px) {
  .m-center {
    text-align: center !important; } }

.icon-list {
  margin-top: clamp(10px, 4vw, 30px); }
  @media only screen and (min-width: 1531px) {
    .icon-list.vert {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      gap: 30px;
      -webkit-box-align: baseline;
      -ms-flex-align: baseline;
      align-items: baseline; }
      .icon-list.vert li {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        gap: 15px;
        text-align: center;
        max-width: 265px;
        text-wrap: balance; } }
  .icon-list li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: clamp(30px, 3vw, 60px);
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: clamp(30px, 5vw, 60px); }
    @media only screen and (max-width: 1350px) {
      .icon-list li {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: start; } }
    @media only screen and (max-width: 500px) {
      .icon-list li {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        text-align: center;
        gap: 15px; } }
    .icon-list li:nth-child(2) .icon-sq img {
      width: 60%; }
    .icon-list li .icon-sq {
      position: relative;
      display: block;
      background-color: #eeeeee;
      width: clamp(80px, 7vw, 164px);
      height: clamp(80px, 7vw, 164px);
      border-radius: 10px;
      -ms-flex-negative: 0;
      flex-shrink: 0;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center; }
      .icon-list li .icon-sq img {
        position: absolute;
        width: 70%;
        height: 100%;
        -o-object-fit: contain;
        object-fit: contain;
        -o-object-position: center;
        object-position: center; }

.content ul:not(.icon-list):not(.red-marker) {
  position: relative;
  display: inline-block;
  list-style: none; }
  .content ul:not(.icon-list):not(.red-marker) li {
    position: relative;
    padding: 0.5em;
    text-indent: 0;
    padding-left: 1em; }
    .content ul:not(.icon-list):not(.red-marker) li::before {
      content: "";
      display: block;
      position: absolute;
      bottom: auto;
      top: calc(-500px + 1.2em);
      border-bottom: 1px solid;
      width: 0.5em;
      left: 0em;
      border-left: 1px solid;
      height: 500px;
      z-index: 9; }

.red-marker {
  padding-left: 20px; }
  .red-marker li {
    color: #0a1d36;
    line-height: 1.9; }
    .red-marker li::marker {
      color: #cc0006; }

.content ul li h4:first-child {
  background: #fff;
  border: 1px solid;
  position: relative;
  z-index: 10;
  margin: 0;
  margin-left: calc(-1em + 4px);
  padding: 0.5em;
  margin-top: -8px;
  border-right: 0;
  border-bottom: 0;
  padding-right: 2em; }

.content ul li h4:first-child:after {
  content: "";
  display: block;
  position: absolute;
  top: -0.5em;
  left: -1em;
  right: 1em;
  bottom: 0;
  border-right: 1px solid;
  border-bottom: 1px solid; }

#HeadBanner {
  position: relative;
  height: 120px; }

#HeadBanner span {
  position: absolute;
  bottom: 0; }

#HomeEntryBodyID #HeadBanner {
  height: 0; }

.lifeAndBenefits > a:link span {
  position: relative;
  display: inline-block; }

.lifeAndBenefits > a:link span::after {
  content: "";
  display: block;
  position: absolute;
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
  left: 0;
  right: 100%;
  top: 0;
  bottom: 0;
  -webkit-transition: right 250ms;
  -o-transition: right 250ms;
  transition: right 250ms; }

.lifeAndBenefits > a:link:hover span::after {
  right: 0;
  border-top: 1px solid white;
  border-bottom: 1px solid white; }

#lifeAndBenefits > a:link span {
  position: relative;
  display: inline-block; }

#lifeAndBenefits > a:link span::after {
  content: "";
  display: block;
  position: absolute;
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
  left: 0;
  right: 100%;
  top: 0;
  bottom: 0;
  -webkit-transition: right 250ms;
  -o-transition: right 250ms;
  transition: right 250ms; }

#lifeAndBenefits > a:link:hover span::after {
  right: 0;
  border-top: 1px solid white;
  border-bottom: 1px solid white; }

/*------------VIDEO OVERLAY-----------*/
#videoOverlay {
  display: block;
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  height: 100vh;
  background: black;
  z-index: 100;
  user-select: none;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  cursor: default;
  -webkit-transition: top 600ms cubic-bezier(0.175, 0.015, 0.175, 1.025);
  -o-transition: top 600ms cubic-bezier(0.175, 0.015, 0.175, 1.025);
  transition: top 600ms cubic-bezier(0.175, 0.015, 0.175, 1.025);
  overflow: hidden; }

#videoOverlay video {
  position: absolute;
  left: 50%;
  right: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  height: auto;
  min-height: 100%;
  min-width: 180vh;
  -o-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  -moz-transform: translate(-50%, 0);
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0); }

#videoFade {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background-image: url(/Content/images/Video_Overlay.png);
  background-size: cover;
  background-position: center center; }

#videoOverlay.rollup {
  top: -100vh; }

@media all and (device-width: 768px) and (device-height: 1024px) and (orientation: portrait) {
  #videoOverlay {
    height: 1024px; }
  #videoOverlay.rollup {
    top: -1024px; } }

@media all and (device-width: 768px) and (device-height: 1024px) and (orientation: landscape) {
  #videoOverlay {
    height: 768px; }
  #videoOverlay.rollup {
    top: -768px; } }

#replayBanner {
  display: block;
  position: fixed;
  left: 0;
  right: 0;
  top: -4em;
  height: 4em;
  line-height: 4em;
  text-align: center;
  pointer-events: auto;
  z-index: 5000;
  cursor: pointer;
  user-select: none;
  -ms-user-select: none;
  -moz-user-select: none;
  -webkit-user-select: none;
  text-transform: uppercase;
  letter-spacing: 0.1rem;
  background-color: RGBA(10, 29, 54, 0.9);
  color: #fff;
  -webkit-box-shadow: 0 0 2px -2px rgba(0, 0, 0, 0.8);
  box-shadow: 0 0 2px -2px rgba(0, 0, 0, 0.8);
  -webkit-transition: background-color 300ms, top 300ms, -webkit-box-shadow 300ms;
  transition: background-color 300ms, top 300ms, -webkit-box-shadow 300ms;
  -o-transition: background-color 300ms, box-shadow 300ms, top 300ms;
  transition: background-color 300ms, box-shadow 300ms, top 300ms;
  transition: background-color 300ms, box-shadow 300ms, top 300ms, -webkit-box-shadow 300ms; }

#replayBanner:hover {
  background-color: #193151;
  -webkit-box-shadow: 0 0 5px -1px rgba(0, 0, 0, 0.5);
  box-shadow: 0 0 5px -1px rgba(0, 0, 0, 0.5); }

/*-----------TOP NAVIGATION-----------*/
nav.homepageOnly {
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  z-index: 500;
  text-align: center;
  -webkit-transition: top 300ms;
  -o-transition: top 300ms;
  transition: top 300ms; }

nav.homepageOnly .svgLogo {
  max-width: 300px;
  margin-top: 1em;
  -webkit-transition: max-width 300ms, margin-top 300ms;
  -o-transition: max-width 300ms, margin-top 300ms;
  transition: max-width 300ms, margin-top 300ms; }

nav.homepageOnly .upperNavRow {
  display: inline-block;
  width: auto;
  margin: 0 auto;
  border-bottom: 1px solid #fff; }

nav.homepageOnly .upperNavRow > a {
  display: inline-block;
  position: relative;
  color: #fff;
  text-decoration: none;
  text-transform: uppercase;
  padding: 0.5em 1em 1em 1em;
  margin: 0.5em 0 0 0; }

nav.homepageOnly .upperNavRow > a.getHired {
  color: #fff; }

nav.homepageOnly .upperNavRow .drop {
  display: inline; }

nav.homepageOnly .upperNavRow .drop > a {
  display: inline-block;
  position: relative;
  color: #fff;
  text-decoration: none;
  text-transform: uppercase;
  padding: 0.5em 1em 1em 1em;
  margin: 0.5em 0 0 0; }

nav.homepageOnly .upperNavRow .drop > a:after,
nav.homepageOnly .upperNavRow > a:after {
  content: "";
  display: block;
  position: absolute;
  left: 0.4em;
  top: 0.4em;
  width: 0;
  height: 0;
  pointer-events: none;
  -webkit-transition: height 200ms, width 200ms;
  -o-transition: height 200ms, width 200ms;
  transition: height 200ms, width 200ms; }

nav.homepageOnly .upperNavRow .drop > a:before,
nav.homepageOnly .upperNavRow > a:before {
  content: "";
  display: block;
  position: absolute;
  right: 0.4em;
  bottom: 0.6em;
  width: 0;
  height: 0;
  pointer-events: none;
  -webkit-transition: height 200ms, width 200ms;
  -o-transition: height 200ms, width 200ms;
  transition: height 200ms, width 200ms; }

nav.homepageOnly .upperNavRow .drop:hover > a:after,
nav.homepageOnly .upperNavRow > a:hover:after {
  width: 100%;
  height: 100%;
  border-left: 1px solid #fff;
  border-top: 1px solid #fff; }

nav.homepageOnly .upperNavRow .drop:hover > a:before,
nav.homepageOnly .upperNavRow > a:hover:before {
  width: 100%;
  height: 100%;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff; }

nav.homepageOnly .upperNavRow .drop ul {
  display: none;
  position: absolute;
  left: 0;
  right: 0;
  text-align: center;
  list-style: none;
  padding: 1em;
  width: 100%;
  max-width: 1000px;
  margin: 0 auto; }

nav.homepageOnly .upperNavRow .drop:hover ul {
  display: block; }

nav.homepageOnly .upperNavRow .drop ul li {
  display: inline-block; }

nav.homepageOnly .upperNavRow .drop ul li a {
  color: #fff;
  text-decoration: none;
  padding: 0.5em;
  line-height: 2.8;
  position: relative; }

nav.homepageOnly .upperNavRow .drop ul li a:after {
  content: "";
  display: block;
  width: 0;
  height: 90%;
  position: absolute;
  left: 0;
  bottom: 0;
  -webkit-transition: width 200ms, height 200ms, bottom 200ms, opacity 250ms;
  -o-transition: width 200ms, height 200ms, bottom 200ms, opacity 250ms;
  transition: width 200ms, height 200ms, bottom 200ms, opacity 250ms; }

nav.homepageOnly .upperNavRow .drop ul li:hover a:after {
  width: 100%;
  border-bottom: 1px solid #fff;
  border-top: 1px solid #fff;
  opacity: 1; }

nav.homepageOnly .upperNavRow .drop ul li a:active:after {
  height: 0;
  bottom: 1em;
  opacity: 0; }

nav.secondaryOnly .drop label:before {
  content: "";
  position: absolute;
  left: -30px;
  right: -30px;
  top: -30px;
  bottom: -10px;
  border-left: 1px solid; }

nav.secondaryOnly {
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  z-index: 500;
  background: #fff; }

nav.secondaryOnly .svgLogo {
  max-width: 200px;
  margin: 1em;
  float: left; }

nav.secondaryOnly .upperNavRow {
  display: block;
  position: absolute;
  left: 200px;
  right: 2em;
  text-align: right;
  height: 100px;
  line-height: 100px; }

nav.secondaryOnly .upperNavRow > a,
nav.secondaryOnly .upperNavRow > .drop {
  display: inline-block;
  position: relative; }

nav.secondaryOnly .drop ul {
  position: absolute;
  left: 0;
  background: #fff;
  list-style: none;
  text-align: left;
  overflow: hidden;
  border: 0px solid transparent;
  border-top: none;
  z-index: 400;
  max-height: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: none;
  -o-transition: none;
  transition: none;
  top: 4em; }

nav.secondaryOnly .upperNavRow > .drop:hover ul {
  display: block;
  max-height: 350px;
  border-left: 1px solid #000;
  border-bottom: 1px solid #000;
  -webkit-transition: max-height 300ms 80ms;
  -o-transition: max-height 300ms 80ms;
  transition: max-height 300ms 80ms; }

nav.secondaryOnly a {
  color: #000;
  text-decoration: none;
  text-transform: uppercase;
  padding: 0 0.5em;
  white-space: nowrap;
  position: relative; }

nav.secondaryOnly .drop > a:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 100%;
  -webkit-transition: width 150ms ease-in;
  -o-transition: width 150ms ease-in;
  transition: width 150ms ease-in; }

nav.secondaryOnly .drop > a:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 0;
  -webkit-transition: height 100ms 150ms ease-out;
  -o-transition: height 100ms 150ms ease-out;
  transition: height 100ms 150ms ease-out; }

nav.secondaryOnly .upperNavRow > a {
  height: 2em;
  line-height: 2em; }

nav.secondaryOnly .upperNavRow > a:after {
  content: "";
  width: 0;
  height: 0;
  position: absolute;
  left: 0.1em;
  top: 0.3em;
  pointer-events: none;
  -webkit-transition: width 100ms, height 100ms;
  -o-transition: width 100ms, height 100ms;
  transition: width 100ms, height 100ms; }

nav.secondaryOnly .upperNavRow > a:before {
  content: "";
  width: 0;
  height: 0;
  position: absolute;
  right: 0.1em;
  bottom: 0.1em;
  pointer-events: none;
  -webkit-transition: width 100ms, height 100ms;
  -o-transition: width 100ms, height 100ms;
  transition: width 100ms, height 100ms; }

nav.secondaryOnly .upperNavRow > a:hover:after {
  width: 100%;
  height: 100%;
  border-top: 1px solid #000;
  border-left: 1px solid #000; }

nav.secondaryOnly .upperNavRow > a:hover:before {
  width: 100%;
  height: 100%;
  border-bottom: 1px solid #000;
  border-right: 1px solid #000; }

nav.secondaryOnly .drop:hover > a:after {
  width: 100%;
  border-top: 1px solid #000;
  border-bottom: 1px solid #000; }

nav .drop:hover > a:before {
  height: 110%;
  border-right: 1px solid #000; }

nav.secondaryOnly ul li {
  line-height: 1.6; }

nav.secondaryOnly ul li a {
  width: 100%;
  display: inline-block;
  border-bottom: 1px solid #fff; }

nav.secondaryOnly ul li:hover a {
  color: #fff;
  background: #f00; }

nav.secondaryOnly .upperNavRow > .drop:after {
  content: "";
  display: block;
  position: absolute;
  top: 40%;
  left: 0;
  height: 0;
  -webkit-transition: height 80ms linear;
  -o-transition: height 80ms linear;
  transition: height 80ms linear; }

nav.secondaryOnly .upperNavRow > .drop:hover:after {
  content: "";
  height: 60%;
  border-left: 1px solid #000; }

nav.secondaryOnly .contactNav {
  display: inline-block;
  float: right; }

#tabletNavDrop {
  position: absolute;
  left: -150vw; }

nav .drop label {
  position: relative; }

.applyCTA {
  background: #f00;
  color: #fff; }

nav.secondaryOnly .applyCTA a {
  color: #fff;
  font-weight: bold; }

nav.homepageOnly .upperNavRow .drop ul .applyCTA {
  padding: 0;
  height: 2em;
  position: relative;
  width: 270px; }

nav.homepageOnly .upperNavRow .drop ul .applyCTA a {
  padding: 0;
  position: absolute;
  top: 1px;
  bottom: 3px;
  left: 0;
  right: 0;
  line-height: 1.6em;
  font-weight: bold; }

@media screen and (max-width: 1040px) {
  nav.homepageOnly .upperNavRow {
    border-bottom: 0; }
  nav.secondaryOnly {
    display: block;
    position: absolute;
    background: #fff;
    left: 0;
    right: 0;
    top: 0;
    height: 100px;
    z-index: 200; }
  nav.secondaryOnly .svgLogo {
    max-height: 90px;
    margin: 5px; }
  nav.secondaryOnly .upperNavRow {
    display: block;
    position: absolute;
    background-color: #f00;
    color: #fff;
    width: 50%;
    top: 0;
    right: 0;
    left: auto;
    overflow: hidden;
    height: auto;
    max-height: 0;
    padding: 0 1em 0 1em;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: max-height 300ms, padding 300ms;
    -o-transition: max-height 300ms, padding 300ms;
    transition: max-height 300ms, padding 300ms;
    z-index: 400;
    max-width: 350px; }
  nav #upperNavDrop + .upperNavRow {
    padding: 0 1em 0 1em;
    max-height: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%; }
  nav #upperNavDrop:checked + .upperNavRow {
    max-height: 200vh;
    padding: 280px 1em 1em 1em; }
  nav.homepageOnly:not(.vidEnded) #upperNavDrop:checked + .upperNavRow {
    top: 85vh; }
  nav.secondaryOnly .upperNavRow a,
  nav.tabletOnly .upperNavRow div {
    display: block;
    color: #fff;
    text-decoration: none;
    font-family: "Agency", Impact, Helvetica, sans-serif;
    font-size: 36px;
    text-transform: uppercase;
    white-space: nowrap;
    font-weight: bold;
    width: 100%;
    position: relative;
    border: 0; }
  nav.secondaryOnly .drop ul {
    list-style: none;
    display: block;
    height: auto;
    max-height: 0;
    overflow: hidden;
    -webkit-transition: max-height 150ms 50ms;
    -o-transition: max-height 150ms 50ms;
    transition: max-height 150ms 50ms; }
  nav .drop input:checked + label + ul {
    height: auto;
    max-height: 100vh; } }

@media screen and (max-width: 1040px) and (max-width: 1040px) and (min-width: 640px) {
  nav.secondaryOnly .contactNav:first-of-type {
    right: 100px; } }

@media screen and (max-width: 1040px) {
  nav .drop label {
    width: 0;
    height: 0;
    border-top: 0.4em solid #fff;
    border-left: 0.6em solid transparent;
    border-right: 0.6em solid transparent;
    border-bottom: 0 solid #fff;
    position: absolute;
    right: 0;
    top: 0.5em;
    -webkit-transition: border-top 100ms, top 100ms;
    -o-transition: border-top 100ms, top 100ms;
    transition: border-top 100ms, top 100ms; }
  nav .drop label:after {
    content: "";
    width: 0;
    height: 0;
    border-bottom: 0 solid #fff;
    border-left: 0.6em solid transparent;
    border-right: 0.6em solid transparent;
    border-top: 0 solid #fff;
    position: absolute;
    right: -0.6em;
    top: -0.4em;
    -webkit-transition: border-bottom 100ms, top 100ms;
    -o-transition: border-bottom 100ms, top 100ms;
    transition: border-bottom 100ms, top 100ms; }
  nav .drop input:checked + label {
    border-top: 0 solid #fff;
    border-bottom: 0 solid #fff;
    top: 0.9em; }
  nav .drop input:checked + label:after {
    border-top: 0 solid #fff;
    border-bottom: 0.4em solid #fff;
    top: -0.4em; }
  nav.secondaryOnly .drop input {
    display: block;
    position: fixed;
    left: -200vw; }
  nav.secondaryOnly .drop ul li a {
    font-size: 1rem;
    font-family: sans-serif;
    margin-left: 1.5rem;
    padding: 0.25em 0; }
  nav.secondaryOnly .contactNav {
    display: block;
    position: absolute;
    top: 0;
    right: 15px;
    left: auto;
    z-index: 500;
    text-transform: uppercase;
    height: 75px;
    padding-top: 38px;
    text-align: right; }
  nav.secondaryOnly .contactNav a {
    text-decoration: none;
    color: #000;
    height: 2em;
    line-height: 1em;
    margin: 0 0.5em;
    white-space: nowrap; }
  nav.homepageOnly {
    display: block;
    position: absolute;
    left: 20vw;
    right: 20vw;
    top: 0;
    text-align: center; }
  nav .svgLogo {
    max-height: 150px;
    display: inline-block;
    margin: 1em;
    z-index: 500;
    position: relative; }
  nav .contactNav {
    display: block;
    z-index: 500;
    position: relative; }
  nav .contactNav label {
    color: #fff;
    background: #f00;
    padding: 0.1em 0.45em;
    margin: 0 0.1em;
    border: 2px solid; }
  nav .upperNavRow {
    max-height: 0;
    overflow: hidden; }
  nav #tabletNavDrop:checked + .upperNavRow {
    max-height: 200vh;
    padding: 105px 1em 0 1em; }
  nav #tabletNavDrop + .upperNavRow {
    padding: 0 1em 0 1em;
    width: 100%;
    line-height: 1;
    z-index: 480; }
  nav #tabletNavDrop + .upperNavRow {
    width: 100%; }
  nav .drop ul {
    max-height: 0;
    overflow: hidden; }
  nav.secondaryOnly .upperNavRow > .drop:hover ul {
    max-height: 0; }
  nav.secondaryOnly .drop:hover input:checked + label + ul {
    max-height: 200vh; }
  nav .drop input:checked + label + ul {
    max-height: 200vh; }
  nav .upperNavRow {
    border-bottom: 0;
    display: block;
    position: absolute;
    background-color: #f00;
    color: #fff;
    width: 100%;
    top: 0;
    right: 0;
    left: auto;
    overflow: hidden;
    height: auto;
    max-height: 0;
    padding: 0 1em 0 1em;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: max-height 300ms, padding 300ms;
    -o-transition: max-height 300ms, padding 300ms;
    transition: max-height 300ms, padding 300ms;
    z-index: 400; }
  nav .contactNav {
    display: block;
    position: relative;
    z-index: 500;
    text-transform: uppercase;
    text-align: center; }
  nav .contactNav a {
    text-decoration: none;
    color: #fff;
    height: 2em;
    line-height: 1em;
    margin: 0 0.5em;
    white-space: nowrap; }
  nav .upperNavRow a,
  nav .upperNavRow div {
    display: block;
    color: #fff;
    text-decoration: none;
    font-family: "Agency", Impact, Helvetica, sans-serif;
    font-size: 36px;
    text-transform: uppercase;
    white-space: nowrap;
    font-weight: bold;
    width: 100%;
    position: relative; }
  nav .drop label {
    width: 0;
    height: 0;
    border-top: 0.4em solid #fff;
    border-left: 0.6em solid transparent;
    border-right: 0.6em solid transparent;
    border-bottom: 0 solid #fff;
    position: absolute;
    right: 0;
    top: 0.5em;
    -webkit-transition: border-top 100ms, top 100ms;
    -o-transition: border-top 100ms, top 100ms;
    transition: border-top 100ms, top 100ms; }
  nav .drop label:after {
    content: "";
    width: 0;
    height: 0;
    border-bottom: 0 solid #fff;
    border-left: 0.6em solid transparent;
    border-right: 0.6em solid transparent;
    border-top: 0 solid #fff;
    position: absolute;
    right: -0.6em;
    top: -0.4em;
    -webkit-transition: border-bottom 100ms, top 100ms;
    -o-transition: border-bottom 100ms, top 100ms;
    transition: border-bottom 100ms, top 100ms; }
  nav .drop input:checked + label {
    border-top: 0 solid #fff;
    border-bottom: 0 solid #fff;
    top: 0.9em; }
  nav .drop input:checked + label:after {
    border-top: 0 solid #fff;
    border-bottom: 0.4em solid #fff;
    top: -0.4em; }
  nav .drop input {
    display: block;
    position: fixed;
    left: -200vw; }
  nav .drop ul li a {
    font-size: 1rem;
    font-family: sans-serif;
    margin-left: 1.5rem;
    padding: 0.25em 0; }
  nav .upperNavRow {
    text-align: left; }
  .tallPipe {
    display: inline-block;
    height: 1.7em;
    width: 1px;
    background: #fff;
    vertical-align: middle; }
  .getHired {
    font-weight: bold; }
  nav .upperNavRow .drop > a,
  nav.homepageOnly .upperNavRow > a {
    padding: 0;
    margin: 0;
    text-align: left; }
  nav .upperNavRow a,
  nav .upperNavRow div,
  nav.homepageOnly .upperNavRow .drop {
    display: block;
    color: #fff;
    text-decoration: none;
    font-family: "Agency", Impact, Helvetica, sans-serif;
    font-size: 36px;
    text-transform: uppercase;
    white-space: nowrap;
    font-weight: bold;
    width: 100%;
    position: relative;
    line-height: 1.5; }
  nav.homepageOnly .upperNavRow .drop ul,
  nav.homepageOnly .upperNavRow .drop ul li {
    display: block;
    position: relative;
    text-align: left;
    margin: 0;
    padding: 0; }
  nav.homepageOnly .upperNavRow .drop ul li a {
    padding: 0.25em 0;
    margin: 0;
    line-height: 1.5;
    margin-left: 1.5rem; }
  nav.secondaryOnly .upperNavRow > a {
    height: 2em;
    line-height: 2em;
    display: inline-block;
    position: relative;
    padding: 0 0.5em; }
  nav.secondaryOnly .upperNavRow .upperNavRow {
    text-align: left; }
  nav.secondaryOnly .drop ul {
    position: relative;
    left: 0;
    background: transparent;
    list-style: none;
    text-align: left;
    overflow: hidden;
    border: 0px solid transparent;
    border-top: none;
    z-index: 400;
    max-height: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
    top: 0; }
  nav.secondaryOnly .contactNav {
    display: none; }
  nav.secondaryOnly .drop > a:after,
  nav.secondaryOnly .drop > a:before {
    display: none; }
  nav.secondaryOnly .upperNavRow > .drop:hover ul {
    border: none; }
  nav.secondaryOnly .upperNavRow > .drop:hover::after,
  nav.secondaryOnly .upperNavRow > .drop:hover::before {
    display: none; }
  nav.secondaryOnly .upperNavRow > a.dropLogo {
    display: none; }
  nav.homepageOnly .upperNavRow .drop > a {
    margin: 0;
    padding: 0; }
  nav.homepageOnly .upperNavRow .drop > a::after,
  nav.homepageOnly .upperNavRow > a::after,
  nav.homepageOnly .upperNavRow .drop > a::before,
  nav.homepageOnly .upperNavRow > a::before {
    display: none; }
  nav.secondaryOnly .upperNavRow > a.dropLogo::after,
  nav.secondaryOnly .upperNavRow > a.dropLogo::before {
    display: none; } }

@media screen and (max-width: 640px) {
  nav.homepageOnly {
    left: 0;
    right: 0; }
  nav.homepageOnly .contactNav {
    display: block !important;
    left: 0;
    right: 0;
    width: auto;
    text-align: center;
    top: 40px;
    height: 10px;
    pointer-events: none; }
  nav.homepageOnly .contactNav:first-of-type {
    top: 0px; }
  nav.homepageOnly .contactNav label,
  nav.homepageOnly .contactNav a {
    pointer-events: auto; }
  nav {
    display: block;
    left: 0;
    right: 0;
    text-align: center; }
  nav .svgLogo {
    max-height: 150px;
    display: inline-block;
    margin: 1em;
    z-index: 500;
    position: relative; }
  nav .contactNav {
    display: block;
    z-index: 500;
    position: relative; }
  nav .contactNav label {
    color: #fff;
    background: #f00;
    padding: 0.1em 0.45em;
    margin: 0 0.1em;
    border: 2px solid; }
  nav .upperNavRow {
    max-height: 0;
    overflow: hidden; }
  nav #mobileNavDrop:checked + .upperNavRow {
    max-height: 200vh;
    padding: 225px 1em 0 1em; }
  nav .drop ul {
    max-height: 0;
    overflow: hidden; }
  nav .drop input:checked + label + ul {
    max-height: 200vh; }
  nav .upperNavRow {
    display: block;
    position: absolute;
    background-color: #f00;
    color: #fff;
    width: 100%;
    top: 0;
    right: 0;
    left: auto;
    overflow: hidden;
    height: auto;
    max-height: 0;
    padding: 0 1em 0 1em;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: max-height 300ms, padding 300ms;
    -o-transition: max-height 300ms, padding 300ms;
    transition: max-height 300ms, padding 300ms;
    z-index: 400; }
  nav .contactNav {
    display: block;
    position: relative;
    z-index: 500;
    text-transform: uppercase;
    text-align: center; }
  nav .contactNav a {
    text-decoration: none;
    color: #fff;
    height: 2em;
    line-height: 1em;
    margin: 0 0.5em;
    white-space: nowrap; }
  nav .upperNavRow a,
  nav .upperNavRow div,
  nav.homepageOnly .upperNavRow .drop {
    display: block;
    color: #fff;
    text-decoration: none;
    font-family: "Agency", Impact, Helvetica, sans-serif;
    font-size: 36px;
    text-transform: uppercase;
    white-space: nowrap;
    font-weight: bold;
    width: 100%;
    position: relative;
    line-height: 1.5; }
  nav .drop label {
    width: 0;
    height: 0;
    border-top: 0.4em solid #fff;
    border-left: 0.6em solid transparent;
    border-right: 0.6em solid transparent;
    border-bottom: 0 solid #fff;
    position: absolute;
    right: 0;
    top: 0.5em;
    -webkit-transition: border-top 100ms, top 100ms;
    -o-transition: border-top 100ms, top 100ms;
    transition: border-top 100ms, top 100ms; }
  nav .drop label:after {
    content: "";
    width: 0;
    height: 0;
    border-bottom: 0 solid #fff;
    border-left: 0.6em solid transparent;
    border-right: 0.6em solid transparent;
    border-top: 0 solid #fff;
    position: absolute;
    right: -0.6em;
    top: -0.4em;
    -webkit-transition: border-bottom 100ms, top 100ms;
    -o-transition: border-bottom 100ms, top 100ms;
    transition: border-bottom 100ms, top 100ms; }
  nav .drop input:checked + label {
    border-top: 0 solid #fff;
    border-bottom: 0 solid #fff;
    top: 0.9em; }
  nav .drop input:checked + label:after {
    border-top: 0 solid #fff;
    border-bottom: 0.4em solid #fff;
    top: -0.4em; }
  nav .drop input {
    display: block;
    position: fixed;
    left: -200vw; }
  nav .drop ul li a {
    font-size: 1rem;
    font-family: sans-serif;
    margin-left: 1.5rem;
    padding: 0.25em 0; }
  nav .upperNavRow {
    text-align: left; }
  nav.secondaryOnly {
    display: block;
    position: absolute;
    background: #fff;
    left: 0;
    right: 0;
    top: 0;
    height: 200px; }
  nav.secondaryOnly .contactNav {
    left: 0;
    right: 0;
    text-align: center;
    top: 130px;
    height: 40px;
    pointer-events: none;
    white-space: nowrap; }
  nav.secondaryOnly .contactNav:first-of-type {
    top: 102px; }
  nav.secondaryOnly .contactNav label,
  nav.secondaryOnly .contactNav a {
    pointer-events: auto; }
  nav.secondaryOnly .svgLogo {
    float: none;
    max-height: 110px;
    top: 20px;
    z-index: 450; }
  nav.secondaryOnly .upperNavRow > a.dropLogo {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    padding: 0;
    margin: 0;
    z-index: 470; }
  nav.secondaryOnly .upperNavRow > a.dropLogo img {
    left: 0;
    right: 0;
    width: 100%;
    max-width: none;
    margin: 0; }
  nav #tabletNavDrop:checked + .upperNavRow {
    padding: 200px 1em 0 1em; }
  nav #tabletNavDrop + .upperNavRow {
    max-width: none; } }

.tallPipe {
  display: inline-block;
  height: 1.7em;
  width: 1px;
  background: #fff;
  vertical-align: middle;
  z-index: 470; }

.secondaryOnly .tallPipe {
  background: #000; }

.getHired {
  font-weight: bold;
  position: relative; }

.getHiredLink,
nav.secondaryOnly .getHiredLink {
  font-weight: bold;
  color: #f00; }

@media screen and (min-width: 1040px) {
  .upperNavRow .getHired:not(:hover):after {
    border-left: 1px solid !important;
    height: 60% !important; } }

nav.secondaryOnly .contactNav a:after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 0;
  height: 0;
  pointer-events: none;
  -webkit-transition: height 200ms, width 200ms;
  -o-transition: height 200ms, width 200ms;
  transition: height 200ms, width 200ms; }

nav.secondaryOnly .contactNav a:before {
  content: "";
  display: block;
  position: absolute;
  right: 0;
  bottom: 0;
  width: 0;
  height: 0;
  pointer-events: none;
  -webkit-transition: height 200ms, width 200ms;
  -o-transition: height 200ms, width 200ms;
  transition: height 200ms, width 200ms; }

nav.secondaryOnly .contactNav a:hover:after {
  width: 110%;
  height: 120%;
  border-left: 1px solid #000;
  border-top: 1px solid #000; }

nav.secondaryOnly .contactNav a:hover:before {
  width: 110%;
  height: 120%;
  border-right: 1px solid #000;
  border-bottom: 1px solid #000; }

/*---------WORK FOR/WITH HERO---------*/
.heroHolder {
  display: block;
  width: 100%;
  height: 100vh;
  position: relative; }

.left {
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 50%; }

.right {
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 50%; }

.heroImageBackground {
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 1; }

#workForUsImage {
  background-color: #8994a2;
  background-image: url("/Content/images/Banner_ColorWorkForUs.jpg");
  background-size: cover;
  max-height: 100vh; }

#workWithUsImage {
  background-color: #b0a17d;
  background-image: url("/Content/images/Banner_ColorWorkWithUs.jpg");
  background-size: cover;
  max-height: 100vh; }

#workForUsImage .heroImageBackground {
  background-color: #090909;
  background-image: url("/Content/images/Banner_GrayWorkForUs.jpg");
  background-size: cover;
  -webkit-transition: opacity 800ms;
  -o-transition: opacity 800ms;
  transition: opacity 800ms; }

#workWithUsImage .heroImageBackground {
  background-color: #090909;
  background-image: url("/Content/images/Banner_GrayWorkWithUs.jpg");
  background-size: cover;
  -webkit-transition: opacity 800ms;
  -o-transition: opacity 800ms;
  transition: opacity 800ms; }

#workForUsImage.open .heroImageBackground,
#workWithUsImage.open .heroImageBackground {
  opacity: 0; }

@media all and (device-width: 768px) and (device-height: 1024px) and (orientation: portrait) {
  #workForUsImage,
  #workWithUsImage,
  .heroHolder {
    max-height: 1024px;
    height: 100vh; } }

@media all and (device-width: 768px) and (device-height: 1024px) and (orientation: landscape) {
  #workForUsImage,
  #workWithUsImage,
  .heroHolder {
    max-height: 768px;
    height: 100vh; } }

.heroHolder .left .labelHolder {
  position: absolute;
  width: 50%;
  right: 0;
  height: 56%;
  bottom: 0;
  -webkit-transition: right 400ms ease-in;
  -o-transition: right 400ms ease-in;
  transition: right 400ms ease-in;
  z-index: 2; }

.heroHolder .right .labelHolder {
  position: absolute;
  width: 50%;
  left: 0;
  height: 56%;
  bottom: 0;
  -webkit-transition: left 400ms ease-in;
  -o-transition: left 400ms ease-in;
  transition: left 400ms ease-in;
  z-index: 2; }

.heroHolder .labelHolder a {
  display: block;
  position: absolute;
  left: 20px;
  right: 20px;
  height: 1.2em;
  line-height: 1.2em;
  margin-top: -0.5em;
  font-size: 40px;
  font-size: 2.25vw;
  text-transform: uppercase;
  font-weight: 800;
  color: #fff;
  padding: 0 0.2em;
  text-align: center;
  white-space: nowrap;
  user-select: none;
  -ms-user-select: none;
  -moz-user-select: none;
  -webkit-user-select: none;
  cursor: pointer; }

.heroHolder .left .labelHolder a {
  background-color: #0a1d36;
  left: auto; }

.heroHolder .right .labelHolder a {
  background-color: #ff0000;
  right: auto; }

.heroHolder .left .labelHolder a:after {
  content: "";
  display: block;
  position: absolute;
  left: -12px;
  right: 0;
  bottom: -50px;
  height: 45px;
  background-image: url("/Content/images/Chevrow_Left.png");
  background-repeat: no-repeat;
  background-size: auto;
  background-position: top left;
  -webkit-transition: left 300ms ease-in, right 300ms ease-in;
  -o-transition: left 300ms ease-in, right 300ms ease-in;
  transition: left 300ms ease-in, right 300ms ease-in; }

.heroHolder .right .labelHolder a:after {
  content: "";
  display: block;
  position: absolute;
  right: -12px;
  left: 0;
  bottom: -50px;
  height: 45px;
  background-image: url("/Content/images/Chevrow_Right.png");
  background-repeat: no-repeat;
  background-size: auto;
  background-position: top right;
  -webkit-transition: left 300ms ease-in, right 300ms ease-in;
  -o-transition: left 300ms ease-in, right 300ms ease-in;
  transition: left 300ms ease-in, right 300ms ease-in; }

.heroHolder .left .labelHolder a:before {
  content: "";
  display: block;
  position: absolute;
  left: -12px;
  right: 0;
  bottom: -50px;
  height: 45px;
  background-image: url("/Content/images/Chevrow_LeftBlue.png");
  background-repeat: no-repeat;
  background-size: auto;
  background-position: top left;
  -webkit-transition: left 300ms ease-in;
  -o-transition: left 300ms ease-in;
  transition: left 300ms ease-in; }

.heroHolder .right .labelHolder a:before {
  content: "";
  display: block;
  position: absolute;
  right: -12px;
  left: 0;
  bottom: -50px;
  height: 45px;
  background-image: url("/Content/images/Chevrow_RightRed.png");
  background-repeat: no-repeat;
  background-size: auto;
  background-position: top right;
  -webkit-transition: right 300ms ease-in;
  -o-transition: right 300ms ease-in;
  transition: right 300ms ease-in; }

.heroHolder .left .labelHolder a:hover:after {
  right: 110%; }

.heroHolder .right .labelHolder a:hover:after {
  left: 110%; }

.heroHolder .left.open .labelHolder a:after {
  left: -500px; }

.heroHolder .right.open .labelHolder a:after {
  right: -500px; }

.heroHolder .left.open .labelHolder {
  right: 100%; }

.heroHolder .right.open .labelHolder {
  left: 100%; }

.heroNav .closeButton {
  display: inline-block;
  position: relative;
  width: 44px;
  height: 44px;
  -webkit-box-shadow: inset 0 0 44px 1px rgba(255, 255, 255, 0.5);
  box-shadow: inset 0 0 44px 1px rgba(255, 255, 255, 0.5);
  border-radius: 100%;
  line-height: 44px;
  font-size: 0;
  color: transparent;
  -webkit-transition: -webkit-box-shadow 150ms;
  transition: -webkit-box-shadow 150ms;
  -o-transition: box-shadow 150ms;
  transition: box-shadow 150ms;
  transition: box-shadow 150ms, -webkit-box-shadow 150ms;
  cursor: pointer; }

.heroNav .closeButton:hover {
  -webkit-box-shadow: inset 0 0 0.4px 1px #fff;
  box-shadow: inset 0 0 0.4px 1px #fff; }

.heroNav .closeButton:after {
  content: "";
  display: block;
  position: absolute;
  left: 6px;
  width: 32px;
  top: 21px;
  height: 1px;
  background-color: #fff;
  transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -webkit-transform: rotate(45deg); }

.heroNav .closeButton:before {
  content: "";
  display: block;
  position: absolute;
  left: 6px;
  width: 32px;
  top: 21px;
  height: 1px;
  background-color: #fff;
  transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg); }

.heroNav {
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  opacity: 0;
  background-color: rgba(0, 0, 0, 0.58);
  -webkit-transition: opacity 300ms, -webkit-box-shadow 400ms;
  transition: opacity 300ms, -webkit-box-shadow 400ms;
  -o-transition: opacity 300ms, box-shadow 400ms;
  transition: opacity 300ms, box-shadow 400ms;
  transition: opacity 300ms, box-shadow 400ms, -webkit-box-shadow 400ms;
  pointer-events: none;
  color: #fff;
  text-align: center;
  padding-top: 36vh;
  -webkit-box-shadow: inset 0 0 10px #000;
  box-shadow: inset 0 0 10px #000; }

.heroNav h2 {
  font-size: 50px;
  cursor: default; }

.heroNav p {
  width: 100%;
  max-width: 80%;
  margin: 1em auto;
  cursor: default; }

.heroNav a {
  font-size: 22px;
  color: #fff;
  text-decoration: none;
  margin: 0.5em;
  white-space: nowrap;
  display: inline-block; }

.heroNav a:after {
  content: "";
  display: inline-block;
  width: 1.5em;
  height: 0.7em;
  background-image: url("/Content/images/Arrows_Right.png");
  background-position: center right;
  background-repeat: no-repeat;
  background-size: contain; }

.heroNav a {
  color: transparent;
  background: #fff -webkit-linear-gradient(0deg, #ae0505 50%, #fff 50%);
  background: #fff -moz-linear-gradient(0deg, #ae0505 50%, #fff 50%);
  background: #fff -webkit-gradient(linear, left top, right top, color-stop(50%, #ae0505), color-stop(50%, #fff));
  background: #fff -webkit-linear-gradient(left, #ae0505 50%, #fff 50%);
  background: #fff -o-linear-gradient(left, #ae0505 50%, #fff 50%);
  background: #fff linear-gradient(90deg, #ae0505 50%, #fff 50%);
  background-size: 200%;
  background-position: top right;
  -webkit-background-clip: text;
  -moz-background-clip: text;
  background-clip: text;
  -webkit-transition: background-position 200ms ease-in;
  -o-transition: background-position 200ms ease-in;
  transition: background-position 200ms ease-in; }

.heroNav a:hover {
  background-position: top 0% left 200%; }

.heroNav a:hover:after {
  background-image: url("/Content/images/Arrows_RightRed.png"); }

.heroHolder div.open .heroNav {
  opacity: 1;
  pointer-events: auto;
  -webkit-box-shadow: inset 0 0 100px #000;
  box-shadow: inset 0 0 100px #000;
  z-index: 2; }

/*-----OPENINGS/CARPENTRY VIS NAV-----*/
.visualNav {
  display: block;
  position: relative;
  width: 100%;
  height: 600px; }

.visualNav > div > div {
  display: block;
  height: 50%;
  width: 100%;
  font-size: 36px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  text-transform: uppercase;
  font-weight: bold;
  color: #fff;
  text-decoration: none;
  position: relative;
  position: relative;
  background-position: center center;
  background-size: cover; }

.visualNav .left div a {
  color: #fff;
  text-decoration: none;
  position: absolute;
  line-height: 1;
  width: auto;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  padding-top: 22%;
  text-align: left;
  padding-left: 15%; }

.visualNav .right div a {
  color: #fff;
  text-decoration: none;
  position: absolute;
  line-height: 1;
  width: auto;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  padding-top: 22%;
  text-align: right;
  padding-right: 15%; }

.visualNav .left a:after {
  content: "";
  display: block;
  position: absolute;
  right: 0;
  left: 0;
  bottom: 0;
  height: 10%;
  background-image: url("/Content/images/Stripes_Left.png");
  background-position: top left;
  background-repeat: no-repeat; }

.visualNav .right a:after {
  content: "";
  display: block;
  position: absolute;
  right: 0;
  left: 0;
  bottom: 0;
  height: 10%;
  background-image: url("/Content/images/Stripes_Right.png");
  background-position: top right;
  background-repeat: no-repeat; }

.openingsEntryLink,
.openingsExperiencedLink {
  text-align: right;
  padding-right: 50%;
  overflow: hidden;
  background: #0a1d36; }

.carpentryFinishLink,
.carpentryRoughLink {
  text-align: left;
  padding-left: 50%;
  overflow: hidden;
  background: #ae0505; }

.visNavImg {
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  -webkit-transition: opacity 1s cubic-bezier(0.185, 0, 0.38, 0), -webkit-transform 1s cubic-bezier(0.185, 0, 0.38, 0), -webkit-filter 1s cubic-bezier(0.185, 0, 0.38, 0);
  transition: opacity 1s cubic-bezier(0.185, 0, 0.38, 0), -webkit-transform 1s cubic-bezier(0.185, 0, 0.38, 0), -webkit-filter 1s cubic-bezier(0.185, 0, 0.38, 0);
  -o-transition: transform 1s cubic-bezier(0.185, 0, 0.38, 0), opacity 1s cubic-bezier(0.185, 0, 0.38, 0), filter 1s cubic-bezier(0.185, 0, 0.38, 0);
  transition: transform 1s cubic-bezier(0.185, 0, 0.38, 0), opacity 1s cubic-bezier(0.185, 0, 0.38, 0), filter 1s cubic-bezier(0.185, 0, 0.38, 0);
  transition: transform 1s cubic-bezier(0.185, 0, 0.38, 0), opacity 1s cubic-bezier(0.185, 0, 0.38, 0), filter 1s cubic-bezier(0.185, 0, 0.38, 0), -webkit-transform 1s cubic-bezier(0.185, 0, 0.38, 0), -webkit-filter 1s cubic-bezier(0.185, 0, 0.38, 0); }

.visualNav div:hover > .visNavImg {
  transform: scale(1.5);
  -o-transform: scale(1.5);
  -ms-transform: scale(1.5);
  -moz-transform: scale(1.5);
  -webkit-transform: scale(1.5);
  opacity: 0.2;
  -webkit-filter: blur(10px);
  filter: blur(10px); }

.openingsExperiencedLink .visNavImg {
  background: #0a1d36 url("/Content/images/Visnav_OpeningsExperienced.jpg") center/cover no-repeat; }

.openingsEntryLink .visNavImg {
  background: #0a1d36 url("/Content/images/Visnav_OpeningsEntry.jpg") center/cover no-repeat; }

.carpentryFinishLink .visNavImg {
  background: #ae0505 url("/Content/images/Visnav_CarpentryFinish.jpg") center/cover no-repeat; }

.carpentryRoughLink .visNavImg {
  background: #ae0505 url("/Content/images/Visnav_CarpentryRough.jpg") center/cover no-repeat; }

/*------------INFO BANNERS------------*/
.infoBanner {
  display: block;
  position: relative;
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  text-align: center;
  padding: 1em 0; }

.infoBanner:not(.contactUs):not(.content) {
  padding: 25px 25px 55px 25px; }

.infoBanner h2,
#ContactForm h2 {
  font-family: "Agency", Impact, Helvetica, sans-serif;
  font-size: 80px;
  text-align: center;
  font-weight: bold;
  text-transform: uppercase; }

.infoBanner:not(.content) p:not(#ExperienceSlider):not(#OTHERSLIDER) {
  text-align: center;
  width: 100%;
  max-width: 1025px;
  margin: 0 auto;
  font-size: 16px;
  line-height: 1.5;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 0 1em 0; }

.infoBanner:not(.content)
div
p:not(#ExperienceSlider):not(#OTHERSLIDER):not(#SendButton) {
  text-align: left; }

.infoBanner div p {
  text-transform: none;
  font-size: 16px;
  line-height: 1.3;
  font-weight: normal; }

.doubleInfoBanner {
  display: block;
  position: relative;
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  text-align: center;
  float: left;
  overflow: hidden; }

#ContactForm #FormSelectButtons {
  max-width: 545px !important; }

/*-----------LIFE & BENEFITS----------*/
.lifeAndBenefits,
.benefitsForCarpenters,
.benefitsForClients,
.benefitLinksForCarpenters {
  background-color: #0a1d36;
  color: #fff;
  overflow: hidden;
  border-top: 30px solid;
  margin-top: 30px;
  border-image-source: url("/Content/images/Border_BlueStripe.png");
  border-image-slice: 74 18 74 18;
  border-image-width: 2;
  border-image-outset: 1;
  border-image-repeat: repeat;
  padding-bottom: 0;
  z-index: 1;
  text-align: center; }

.benefitsForClients {
  height: auto; }

.benefitsForClients {
  background: #ae0505;
  border-image-source: url("/Content/images/Border_RedStripe.png"); }

#HomeEntryBodyID #lifeAndBenefits {
  border-top: none;
  height: 486px; }

.benefitsForClients {
  border-top: 30px solid;
  border-bottom: none;
  margin-top: 0; }

.benefitsForClients a[class^="workIcon"] {
  background-color: #000;
  color: #fff;
  -webkit-filter: invert(1);
  filter: invert(1); }

.benefitsForCarpenters,
.benefitLinksForCarpenters {
  overflow: visible;
  height: auto; }

.lifeAndBenefits > a,
.lifeAndBenefits > div,
.benefitsForCarpenters > div,
.benefitsForClients > div,
.benefitLinksForCarpenters > a {
  display: inline-block;
  width: calc(100% / 7);
  height: 260px;
  font-weight: bold;
  font-size: 20px;
  text-transform: uppercase;
  padding-top: 200px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  vertical-align: top;
  text-align: center;
  background-position: center center;
  background-repeat: no-repeat;
  user-select: none;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  margin-top: 0;
  cursor: default;
  text-decoration: none;
  -webkit-box-shadow: inset 0 0 40px -50px #fff;
  box-shadow: inset 0 0 40px -50px #fff;
  border-radius: 5px;
  min-width: 140px; }

.lifeAndBenefits > a:link {
  cursor: pointer; }

.benefitLinksForCarpenters > a:link {
  cursor: pointer; }

.lifeAndBenefits > a span,
.lifeAndBenefits > div a,
.benefitsForCarpenters > div,
.benefitLinksForCarpenters > a {
  color: #fff;
  text-decoration: none; }

.benefitsForClients > div {
  color: #fff;
  text-decoration: none; }

.benefitsForCarpenters > div,
.benefitsForClients > div,
.benefitLinksForCarpenters > a {
  width: calc(100% / 6.5);
  height: auto;
  background-position: top center;
  padding-top: 135px;
  margin: 45px 5px 0 5px; }

.benefitsForCarpenters > div {
  width: calc(100% / 4.5);
  margin: 45px 1vw 0 1vw; }

.lifeAndBenefits.lowered > a {
  margin-top: 300px; }

.lifeIconGrowth {
  background-image: url("/Content/images/Life_Growth.svg");
  background-size: 40%;
  -webkit-transition: margin-top 300ms ease-in 0ms, -webkit-box-shadow 200ms;
  transition: margin-top 300ms ease-in 0ms, -webkit-box-shadow 200ms;
  -o-transition: margin-top 300ms ease-in 0ms, box-shadow 200ms;
  transition: margin-top 300ms ease-in 0ms, box-shadow 200ms;
  transition: margin-top 300ms ease-in 0ms, box-shadow 200ms, -webkit-box-shadow 200ms; }

.lifeIconTraining {
  background-image: url("/Content/images/Life_Training.svg");
  background-size: 52%;
  -webkit-transition: margin-top 300ms ease-in 30ms, -webkit-box-shadow 200ms;
  transition: margin-top 300ms ease-in 30ms, -webkit-box-shadow 200ms;
  -o-transition: margin-top 300ms ease-in 30ms, box-shadow 200ms;
  transition: margin-top 300ms ease-in 30ms, box-shadow 200ms;
  transition: margin-top 300ms ease-in 30ms, box-shadow 200ms, -webkit-box-shadow 200ms; }

.lifeIconInsurance {
  background-image: url("/Content/images/Life_Insurance.svg");
  background-size: 32%;
  -webkit-transition: margin-top 300ms ease-in 90ms, -webkit-box-shadow 200ms;
  transition: margin-top 300ms ease-in 90ms, -webkit-box-shadow 200ms;
  -o-transition: margin-top 300ms ease-in 90ms, box-shadow 200ms;
  transition: margin-top 300ms ease-in 90ms, box-shadow 200ms;
  transition: margin-top 300ms ease-in 90ms, box-shadow 200ms, -webkit-box-shadow 200ms; }

.lifeIconCulture {
  background-image: url("/Content/images/Life_Culture.svg");
  background-size: 53%;
  -webkit-transition: margin-top 300ms ease-in 120ms, -webkit-box-shadow 200ms;
  transition: margin-top 300ms ease-in 120ms, -webkit-box-shadow 200ms;
  -o-transition: margin-top 300ms ease-in 120ms, box-shadow 200ms;
  transition: margin-top 300ms ease-in 120ms, box-shadow 200ms;
  transition: margin-top 300ms ease-in 120ms, box-shadow 200ms, -webkit-box-shadow 200ms; }

.lifeIcon401k {
  background-image: url("/Content/images/Life_401k.svg");
  background-size: 46%;
  -webkit-transition: margin-top 300ms ease-in 150ms, -webkit-box-shadow 200ms;
  transition: margin-top 300ms ease-in 150ms, -webkit-box-shadow 200ms;
  -o-transition: margin-top 300ms ease-in 150ms, box-shadow 200ms;
  transition: margin-top 300ms ease-in 150ms, box-shadow 200ms;
  transition: margin-top 300ms ease-in 150ms, box-shadow 200ms, -webkit-box-shadow 200ms; }

.lifeIconEducation {
  background-image: url("/Content/images/Life_Education.svg");
  background-size: 60%;
  -webkit-transition: margin-top 300ms ease-in 180ms, -webkit-box-shadow 200ms;
  transition: margin-top 300ms ease-in 180ms, -webkit-box-shadow 200ms;
  -o-transition: margin-top 300ms ease-in 180ms, box-shadow 200ms;
  transition: margin-top 300ms ease-in 180ms, box-shadow 200ms;
  transition: margin-top 300ms ease-in 180ms, box-shadow 200ms, -webkit-box-shadow 200ms; }

.workIconExperience {
  background-image: url("/Content/images/Work_ExperienceWhite.png");
  background-size: 41%;
  -webkit-transition: margin-top 300ms ease-in 180ms, -webkit-box-shadow 200ms;
  transition: margin-top 300ms ease-in 180ms, -webkit-box-shadow 200ms;
  -o-transition: margin-top 300ms ease-in 180ms, box-shadow 200ms;
  transition: margin-top 300ms ease-in 180ms, box-shadow 200ms;
  transition: margin-top 300ms ease-in 180ms, box-shadow 200ms, -webkit-box-shadow 200ms; }

.workIconMotivated {
  background-image: url("/Content/images/Work_MotivatedWhite.png");
  background-size: 55%;
  -webkit-transition: margin-top 300ms ease-in 180ms, -webkit-box-shadow 200ms;
  transition: margin-top 300ms ease-in 180ms, -webkit-box-shadow 200ms;
  -o-transition: margin-top 300ms ease-in 180ms, box-shadow 200ms;
  transition: margin-top 300ms ease-in 180ms, box-shadow 200ms;
  transition: margin-top 300ms ease-in 180ms, box-shadow 200ms, -webkit-box-shadow 200ms; }

.workIconProactive {
  background-image: url("/Content/images/Work_ProactiveWhite.png");
  background-size: 42%;
  -webkit-transition: margin-top 300ms ease-in 180ms, -webkit-box-shadow 200ms;
  transition: margin-top 300ms ease-in 180ms, -webkit-box-shadow 200ms;
  -o-transition: margin-top 300ms ease-in 180ms, box-shadow 200ms;
  transition: margin-top 300ms ease-in 180ms, box-shadow 200ms;
  transition: margin-top 300ms ease-in 180ms, box-shadow 200ms, -webkit-box-shadow 200ms; }

.workIconResponsible {
  background-image: url("/Content/images/Work_ResponsibleWhite.png");
  background-size: 42%;
  -webkit-transition: margin-top 300ms ease-in 180ms, -webkit-box-shadow 200ms;
  transition: margin-top 300ms ease-in 180ms, -webkit-box-shadow 200ms;
  -o-transition: margin-top 300ms ease-in 180ms, box-shadow 200ms;
  transition: margin-top 300ms ease-in 180ms, box-shadow 200ms;
  transition: margin-top 300ms ease-in 180ms, box-shadow 200ms, -webkit-box-shadow 200ms; }

.benefitsForCarpenters > div.lifeIconTraining {
  background-image: url("/Content/images/Life_Training.svg");
  background-size: 30%;
  -webkit-transition: margin-top 300ms ease-in 30ms, -webkit-box-shadow 200ms;
  transition: margin-top 300ms ease-in 30ms, -webkit-box-shadow 200ms;
  -o-transition: margin-top 300ms ease-in 30ms, box-shadow 200ms;
  transition: margin-top 300ms ease-in 30ms, box-shadow 200ms;
  transition: margin-top 300ms ease-in 30ms, box-shadow 200ms, -webkit-box-shadow 200ms; }

.benefitsForCarpenters > div.lifeIconInsurance {
  background-image: url("/Content/images/Life_Insurance.svg");
  background-size: 20%;
  -webkit-transition: margin-top 300ms ease-in 90ms, -webkit-box-shadow 200ms;
  transition: margin-top 300ms ease-in 90ms, -webkit-box-shadow 200ms;
  -o-transition: margin-top 300ms ease-in 90ms, box-shadow 200ms;
  transition: margin-top 300ms ease-in 90ms, box-shadow 200ms;
  transition: margin-top 300ms ease-in 90ms, box-shadow 200ms, -webkit-box-shadow 200ms; }

.benefitsForCarpenters > div.lifeIcon401k {
  background-image: url("/Content/images/Life_401k.svg");
  background-size: 30%;
  -webkit-transition: margin-top 300ms ease-in 150ms, -webkit-box-shadow 200ms;
  transition: margin-top 300ms ease-in 150ms, -webkit-box-shadow 200ms;
  -o-transition: margin-top 300ms ease-in 150ms, box-shadow 200ms;
  transition: margin-top 300ms ease-in 150ms, box-shadow 200ms;
  transition: margin-top 300ms ease-in 150ms, box-shadow 200ms, -webkit-box-shadow 200ms; }

.benefitsForCarpenters > div.lifeIconEducation {
  background-image: url("/Content/images/Life_Education.svg");
  background-size: 39%;
  -webkit-transition: margin-top 300ms ease-in 180ms, -webkit-box-shadow 200ms;
  transition: margin-top 300ms ease-in 180ms, -webkit-box-shadow 200ms;
  -o-transition: margin-top 300ms ease-in 180ms, box-shadow 200ms;
  transition: margin-top 300ms ease-in 180ms, box-shadow 200ms;
  transition: margin-top 300ms ease-in 180ms, box-shadow 200ms, -webkit-box-shadow 200ms; }

.CarpentryJobsSalarySEBodyClass .lifeIconGrowth,
.CarpentryJobsTrainingSEBodyClass .lifeIconTraining,
.CarpentryJobs401kSEBodyClass .lifeIcon401k,
.CarpentryJobsInsuranceSEBodyClass .lifeIconInsurance,
.CarpentryJobsWorkCultureSEBodyClass .lifeIconCulture,
.CarpentryJobsEducationSEBodyClass .lifeIconEducation {
  display: none; }

.hoverInfoIcon .hoverInfoText {
  position: absolute;
  background-color: #ae0505;
  height: 70px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  pointer-events: none;
  opacity: 0;
  text-transform: none;
  top: 7.5rem;
  width: 100%;
  max-width: 1030px;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  -webkit-transition: opacity 200ms 400ms;
  -o-transition: opacity 200ms 400ms;
  transition: opacity 200ms 400ms; }

.hoverInfoIcon:hover .hoverInfoText {
  opacity: 1;
  pointer-events: auto;
  -webkit-transition: opacity 200ms;
  -o-transition: opacity 200ms;
  transition: opacity 200ms; }

/*------------FEATURED WORK-----------*/
.featuredWork {
  background-color: #ae0505;
  color: #fff;
  height: 500px;
  border-image-source: url("/Content/images/Border_RedStripe.png");
  border-top: 30px solid;
  margin-bottom: 70px;
  border-image-slice: 74 18 74 18;
  border-image-width: 2;
  border-image-outset: 1;
  border-image-repeat: repeat;
  padding-top: 0 !important; }

.featuredWork.touchOnly {
  background-color: transparent;
  border: 0; }

.infoBanner.featuredWork.touchOnly h2,
.infoBanner.featuredWork.touchOnly p,
.infoBanner.featuredWork.touchOnly .featuredList {
  background-color: #ae0505;
  padding-top: 0.5em; }

#HomeEntryBodyID .featuredWork {
  background-color: #fff;
  color: #000;
  border: 0;
  margin-bottom: 0;
  margin-top: 3em; }

.featuredWork .featuredWrap {
  height: 300px;
  width: 100%;
  white-space: nowrap;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  -o-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  margin-top: 1em;
  overflow: hidden;
  background: #fff;
  padding-top: 4px; }

#FeaturedContainer {
  display: block;
  position: absolute;
  width: 110vw;
  left: -5vw; }

.featuredSkew {
  transform: skew(-20deg);
  -o-transform: skew(-20deg);
  -ms-transform: skew(-20deg);
  -moz-transform: skew(-20deg);
  -webkit-transform: skew(-20deg);
  overflow: hidden;
  width: 19.5%;
  display: inline-block;
  text-align: center;
  height: 300px;
  vertical-align: middle;
  position: relative;
  -webkit-transition: width 300ms, margin-top 300ms;
  -o-transition: width 300ms, margin-top 300ms;
  transition: width 300ms, margin-top 300ms;
  cursor: pointer;
  text-align: center; }

.featuredSkew:hover {
  width: 21%; }

.featuredSkew img {
  transform: skew(20deg) translateY(-50%);
  -o-transform: skew(20deg) translateY(-50%);
  -ms-transform: skew(20deg) translateY(-50%);
  -moz-transform: skew(20deg) translateY(-50%);
  -webkit-transform: skew(20deg) translateY(-50%);
  left: 4%;
  top: 50%;
  min-height: 100%;
  position: absolute;
  -webkit-transition: width 200ms;
  -o-transition: width 200ms;
  transition: width 200ms;
  min-width: 121%;
  height: auto; }

.featuredSkew:first-child,
.featuredSkew:last-child {
  width: 20.75% !important; }

.featuredSkew:not(.fullView):not(.collapsed):first-child:hover,
.featuredSkew:not(.fullView):not(.collapsed):last-child:hover {
  width: 22.75% !important; }

.featuredSkew:first-child img {
  margin-left: 11%; }

.featuredSkew.fullView {
  width: 75vw !important;
  background: #fff;
  cursor: auto; }

.featuredSkew.fullView img {
  left: -3.5%;
  width: 600px;
  min-width: 0;
  height: auto; }

.featuredSkew.collapsed {
  width: 7% !important; }

.featuredSkew.collapsed img {
  left: -50%;
  width: 600px;
  height: auto; }

.featuredSkew.fullView:first-child img {
  margin-left: 10%; }

.featuredInfo {
  position: absolute;
  left: 800px;
  right: 0;
  white-space: normal;
  text-align: left;
  background: #ae0505;
  color: #fff;
  top: 0;
  bottom: 0; }

.featuredInfo > div {
  transform: skew(20deg) translate(50%, 50%);
  -o-transform: skew(20deg) translate(50%, 50%);
  -ms-transform: skew(20deg) translate(50%, 50%);
  -moz-transform: skew(20deg) translate(50%, 50%);
  -webkit-transform: skew(20deg) translate(50%, 50%);
  width: 500px;
  position: absolute;
  bottom: 50%;
  right: 60%;
  text-align: center; }

.featuredInfo p {
  text-align: center !important;
  padding-top: 50px !important; }

.featuredInfo h2 {
  font-family: "Open Sans", sans-serif;
  font-size: 32px; }

.featuredInfo h3 {
  font-family: "Open Sans", sans-serif;
  font-size: 32px;
  text-align: center;
  font-weight: bold;
  text-transform: uppercase; }

.featuredInfo a {
  position: absolute;
  bottom: 30px;
  right: 30px;
  color: #ae0505;
  text-decoration: none;
  text-transform: uppercase;
  background-color: #fff;
  padding: 0.5em 2em;
  border-radius: 0.5em;
  font-weight: 700;
  letter-spacing: 0.05em;
  -o-transform: skew(20deg);
  -ms-transform: skew(20deg);
  -moz-transform: skew(20deg);
  -webkit-transform: skew(20deg);
  transform: skew(20deg);
  white-space: nowrap;
  -webkit-box-shadow: inset 0 0 0 1em #fff;
  box-shadow: inset 0 0 0 1em #fff;
  -webkit-transition: -webkit-box-shadow 100ms;
  transition: -webkit-box-shadow 100ms;
  -o-transition: box-shadow 100ms;
  transition: box-shadow 100ms;
  transition: box-shadow 100ms, -webkit-box-shadow 100ms; }

.featuredInfo a:hover {
  background: transparent;
  color: #fff;
  -webkit-box-shadow: inset 0 0 0 3px #fff;
  box-shadow: inset 0 0 0 3px #fff; }

.featuredSkew.fullView .featuredInfo a {
  display: inline-block;
  position: relative;
  bottom: auto;
  right: auto;
  transform: skew(0deg);
  -o-transform: skew(0deg);
  -ms-transform: skew(0deg);
  -moz-transform: skew(0deg);
  -webkit-transform: skew(0deg); }

.featuredSkew.fullView .featuredInfo {
  left: 410px; }

.featuredSkew.fullView:first-child .featuredInfo {
  left: 510px; }

.featuredSkew.fullView:last-of-type .featuredInfo {
  right: 0;
  padding-right: 110px; }

.featuredArrowLeft,
.featuredArrowRight {
  display: block;
  position: absolute;
  bottom: calc(50% - 10px);
  width: 100px;
  font-size: 0;
  color: transparent;
  background-repeat: no-repeat;
  background-position: center center;
  z-index: 1;
  cursor: pointer;
  height: 40px; }

.featuredArrowLeft span,
.featuredArrowRight span {
  display: block;
  position: absolute;
  top: calc(50% - 15px);
  bottom: calc(50% - 15px);
  width: 100px;
  line-height: 30px;
  font-size: 16px;
  color: transparent;
  -webkit-box-shadow: inset 0 0 100px -100px #ae0505;
  box-shadow: inset 0 0 100px -100px #ae0505;
  -webkit-transition: color 200ms, -webkit-box-shadow 400ms 200ms;
  transition: color 200ms, -webkit-box-shadow 400ms 200ms;
  -o-transition: color 200ms, box-shadow 400ms 200ms;
  transition: color 200ms, box-shadow 400ms 200ms;
  transition: color 200ms, box-shadow 400ms 200ms, -webkit-box-shadow 400ms 200ms;
  user-select: none;
  -ms-user-select: none;
  -moz-user-select: none;
  -webkit-user-select: none;
  cursor: pointer;
  text-transform: uppercase;
  font-weight: bold; }

.closeSkew {
  display: block;
  position: absolute;
  width: 3rem;
  height: 3rem;
  line-height: 3rem;
  font-size: 2rem;
  top: 0.5rem;
  right: 60%;
  color: #fff;
  cursor: pointer;
  user-select: none;
  -ms-user-select: none;
  -moz-user-select: none;
  -webkit-user-select: none; }

.fullView .closeSkew {
  z-index: 5; }

.featuredArrowLeft {
  left: 5.5vw;
  background-image: url("/Content/images/Arrows_Left.png"); }

.featuredArrowRight {
  right: 5.5vw;
  background-image: url("/Content/images/Arrows_Right.png"); }

.featuredArrowRight:hover span {
  color: #fff;
  -webkit-box-shadow: inset -200px 0 100px -100px #ae0505;
  box-shadow: inset -200px 0 100px -100px #ae0505;
  -webkit-transition: color 200ms 400ms, -webkit-box-shadow 400ms;
  transition: color 200ms 400ms, -webkit-box-shadow 400ms;
  -o-transition: color 200ms 400ms, box-shadow 400ms;
  transition: color 200ms 400ms, box-shadow 400ms;
  transition: color 200ms 400ms, box-shadow 400ms, -webkit-box-shadow 400ms; }

.featuredArrowLeft:hover span {
  color: #fff;
  -webkit-box-shadow: inset 200px 0 100px -100px #ae0505;
  box-shadow: inset 200px 0 100px -100px #ae0505;
  -webkit-transition: color 200ms 400ms, -webkit-box-shadow 400ms;
  transition: color 200ms 400ms, -webkit-box-shadow 400ms;
  -o-transition: color 200ms 400ms, box-shadow 400ms;
  transition: color 200ms 400ms, box-shadow 400ms;
  transition: color 200ms 400ms, box-shadow 400ms, -webkit-box-shadow 400ms; }

#FeaturedContainerMobile {
  display: block;
  position: relative;
  width: 100%; }

.featuredList .featuredItem img {
  height: auto;
  max-width: 500px;
  width: 100%; }

.featuredInfoMobile a {
  display: block;
  color: #ae0505;
  text-decoration: none;
  text-transform: uppercase;
  background-color: #fff;
  padding: 0.5em 2em;
  border-radius: 0.5em;
  font-weight: 700;
  letter-spacing: 0.05em;
  white-space: nowrap;
  -webkit-box-shadow: inset 0 0 0 1em #fff;
  box-shadow: inset 0 0 0 1em #fff;
  -webkit-transition: -webkit-box-shadow 100ms;
  transition: -webkit-box-shadow 100ms;
  -o-transition: box-shadow 100ms;
  transition: box-shadow 100ms;
  transition: box-shadow 100ms, -webkit-box-shadow 100ms;
  margin: 1em auto 2em auto;
  max-width: 300px;
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

.infoBanner:not(.content)
#FeaturedContainerMobile
.featuredInfoMobile
p:not(#ExperienceSlider):not(#OTHERSLIDER) {
  margin: 5%;
  text-align: left;
  width: 90%; }

.infoBanner.featuredWork:not(.content)
#FeaturedContainerMobile
.featuredInfoMobile
p:not(#ExperienceSlider):not(#OTHERSLIDER) {
  padding: 0;
  margin: 0; }

#FeaturedContainerMobile {
  padding-bottom: 0.5em; }

/*-------------CONTACT US-------------*/
.contactUs {
  background-color: #fff;
  color: #1b1b1b;
  padding-top: 3em;
  padding-bottom: 3em; }

/*---------------CONTACT--------------*/
#ContactForm {
  background: #000;
  color: #fff;
  text-align: center;
  padding: 25px 0;
  background-image: url("/Content/images/Contact_Wide.jpg");
  background-size: cover;
  background-position: center center;
  height: 100%; }

#ContactForm input[type="radio"] {
  opacity: 0;
  position: fixed;
  left: -100vw;
  top: -100vh; }

@media all and (device-width: 768px) and (device-height: 1024px) and (orientation: portrait) {
  #ContactForm input[type="radio"] {
    top: -1024px; } }

@media all and (device-width: 768px) and (device-height: 1024px) and (orientation: landscape) {
  #ContactForm input[type="radio"] {
    top: -768px; } }

.startCareerButton,
.startProjectButton {
  display: inline-block;
  padding: 0.5em 1em;
  border-radius: 5px;
  -webkit-transition: -webkit-box-shadow 200ms;
  transition: -webkit-box-shadow 200ms;
  -o-transition: box-shadow 200ms;
  transition: box-shadow 200ms;
  transition: box-shadow 200ms, -webkit-box-shadow 200ms; }

.startCareerButton {
  -webkit-box-shadow: inset 0 0 0 2px #1a2d56;
  box-shadow: inset 0 0 0 2px #1a2d56;
  width: 49%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-left: -6px; }

.startProjectButton {
  -webkit-box-shadow: inset 0 0 0 2px #8b0404;
  box-shadow: inset 0 0 0 2px #8b0404;
  width: 49%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

input[type="radio"]:checked + .startCareerButton {
  -webkit-box-shadow: inset 0 0 0 32px #0a1d36;
  box-shadow: inset 0 0 0 32px #0a1d36; }

input[type="radio"]:checked + .startProjectButton {
  -webkit-box-shadow: inset 0 0 0 32px #7b0404;
  box-shadow: inset 0 0 0 32px #7b0404; }

#ContactForm
p:not(#ExperienceSlider):not(#OTHERSLIDER):not(#FormSelectButtons) {
  padding: 1em 0; }

#ContactForm #FormSelectButtons {
  max-width: 532px;
  width: 100%;
  margin: 0 auto;
  text-align: center;
  position: relative; }

#ContactForm #FormSelectButtons label {
  display: inline-block;
  width: 49%; }

#ContactForm input {
  display: inline-block;
  width: 532px;
  background: none;
  border: 3px solid rgba(255, 255, 255, 0.5);
  height: 2.25em;
  line-height: 2.25em;
  color: #fff;
  padding: 0.25em;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 0; }

#ContactForm textarea {
  display: inline-block;
  width: 532px;
  background: none;
  border: 3px solid rgba(255, 255, 255, 0.5);
  resize: vertical;
  color: #fff;
  padding: 0.25em;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 0;
  height: 7em;
  min-height: 2.25em; }

#ContactForm p label {
  user-select: none;
  -ms-user-select: none;
  -moz-user-select: none;
  -webkit-user-select: none;
  cursor: pointer; }

#ContactForm
p:not(#ExperienceSlider):not(#OTHERSLIDER):not(#FormSelectButtons)
label:not(.error) {
  display: inline-block;
  width: 100px;
  margin-right: 428px;
  margin-left: -528px;
  line-height: 1;
  text-align: left;
  text-transform: uppercase;
  height: 2em;
  line-height: 2em;
  color: rgba(255, 255, 255, 0.4);
  vertical-align: top;
  -webkit-transition: margin-left 300ms, margin-right 300ms;
  -o-transition: margin-left 300ms, margin-right 300ms;
  transition: margin-left 300ms, margin-right 300ms;
  pointer-events: none;
  -webkit-pointer-events: none;
  -moz-pointer-events: none;
  -ms-pointer-events: none; }

#ContactForm
p:not(#ExperienceSlider):not(#OTHERSLIDER):not(#FormSelectButtons)
input:focus
+ label {
  margin-left: -628px;
  margin-right: 528px; }

#ContactForm
p:not(#ExperienceSlider):not(#OTHERSLIDER):not(#FormSelectButtons)
textarea:focus
+ label {
  margin-left: -628px;
  margin-right: 528px; }

.sliderLabel {
  display: block;
  position: absolute;
  top: -26px;
  text-transform: uppercase; }

#ExperienceSlider {
  display: block;
  max-width: 532px;
  width: 100%;
  margin: 34px auto;
  background-color: #0a1d36;
  height: 4px;
  position: relative; }

#XPfill {
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 0%;
  background-color: #17365e;
  -webkit-box-shadow: inset 0 2px 0 #2a3d99;
  box-shadow: inset 0 2px 0 #2a3d99;
  -webkit-transition: width 180ms cubic-bezier(0.47, -0.365, 0.675, 0.915);
  -o-transition: width 180ms cubic-bezier(0.47, -0.365, 0.675, 0.915);
  transition: width 180ms cubic-bezier(0.47, -0.365, 0.675, 0.915); }

#ExperienceSlider label {
  display: inline-block;
  width: 125px;
  line-height: 2em;
  height: 2em;
  text-align: center;
  text-transform: uppercase; }

#OTHERSLIDER {
  display: block;
  max-width: 532px;
  width: 100%;
  margin: 34px auto;
  background-color: #450404;
  height: 4px;
  position: relative; }

#OTfill {
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 0%;
  background-color: #7b0404;
  -webkit-box-shadow: inset 0 2px 0 #9b0404;
  box-shadow: inset 0 2px 0 #9b0404;
  -webkit-transition: width 180ms cubic-bezier(0.47, -0.365, 0.675, 0.915);
  -o-transition: width 180ms cubic-bezier(0.47, -0.365, 0.675, 0.915);
  transition: width 180ms cubic-bezier(0.47, -0.365, 0.675, 0.915); }

#OTHERSLIDER label {
  display: inline-block;
  width: 30%;
  line-height: 2em;
  height: 2em;
  text-align: center;
  text-transform: uppercase; }

label.error {
  padding: 3px 12px;
  color: #111;
  border: 1px solid #939f20;
  background: #c2d12c;
  font-weight: bold; }

p label.error {
  position: absolute;
  margin-left: -300px;
  margin-top: 15px; }

#emoji-slider {
  max-width: 436px;
  width: 100%;
  margin: 120px auto 10px auto; }

#SendButton input {
  background: #fff;
  color: #000;
  font-size: 16px;
  height: 32px;
  line-height: 1em;
  padding: 0;
  text-transform: uppercase;
  font-weight: bold;
  letter-spacing: 2px;
  border-radius: 8px;
  font-family: Open Sans, sans-serif;
  cursor: pointer;
  width: 100%;
  -webkit-transition: background 300ms, color 300ms;
  -o-transition: background 300ms, color 300ms;
  transition: background 300ms, color 300ms; }

#SendButton input:hover {
  background: #17365e;
  color: #fff; }

#SubmissionWrap {
  display: inline-block;
  width: 100%;
  max-width: 532px;
  background: none;
  padding: 0.25em;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

#SubmissionWrap .g-recaptcha {
  text-align: center; }

#SubmissionWrap .g-recaptcha div {
  display: inline-block; }

/*------------TESTIMONIALS------------*/
.testimonialBanner,
.videoTestimonialBanner {
  background-color: #0a1d36;
  color: #fff; }

.videoTestimonialBanner {
  background-image: url("/Content/images/Background_Testimonial.jpg");
  background-size: cover;
  max-height: 725px;
  overflow: hidden;
  background-position: bottom center; }

.testimonialBanner .featuredWrap {
  min-height: 430px;
  position: relative;
  width: 100%;
  overflow: visible; }

.testimonialBanner .testimonialItem {
  height: 430px;
  display: block;
  width: 100%;
  max-width: 800px;
  margin: 0 auto; }

.testimonialBanner .testimonialItem:not(:first-child) {
  height: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden; }

.testimonialItem cite {
  font-style: normal;
  display: block;
  margin: 0.5em 0 1em 0; }

.testimonialItem img {
  border-radius: 100%;
  max-width: 130px;
  height: auto; }

.testimonialItem .authorName {
  display: block;
  font-weight: bold; }

.testimonialItem .authorSub {
  display: block; }

.testimonialItem .authorSub a:link {
  color: #5987b4; }

.testimonialItem .authorSub a:visited {
  color: #8967a4; }

.testimonialItem .authorSub a:hover {
  color: #6997d4; }

.clientBanner .authorSub a:link {
  color: #959595; }

.clientBanner .authorSub a:visited {
  color: #7a7a7a; }

.clientBanner .authorSub a:hover {
  color: #cbc8bc; }

.testimonialItem blockquote {
  margin: 0 4em; }

.quoteBodyWrapper {
  background: #fff;
  position: relative;
  color: #1b1b1b;
  padding: 2em 2.5em; }

.quoteBodyWrapper:before {
  content: "";
  display: block;
  position: absolute;
  width: 68px;
  left: -34px;
  top: -26px;
  height: 54px;
  background-image: url("/Content/images/Quotes_Left.png");
  background-repeat: no-repeat;
  background-size: contain; }

.quoteBodyWrapper:after {
  content: "";
  display: block;
  position: absolute;
  width: 68px;
  right: -34px;
  height: 54px;
  bottom: -26px;
  background-image: url("/Content/images/Quotes_Right.png");
  background-repeat: no-repeat;
  background-size: contain; }

.quoteBodyWrapper p {
  white-space: normal;
  text-align: left;
  font-size: 16px;
  line-height: 1.8; }

.quoteBodyWrapper a {
  display: inline-block;
  background: rgba(23, 54, 94, 0.5);
  color: #fff;
  text-transform: uppercase;
  padding: 0 0.25em;
  text-decoration: none; }

.quoteBodyWrapper a:hover {
  background: rgba(23, 54, 94, 0.75); }

.testimonialArrowLeft,
.testimonialArrowRight {
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  width: 100px;
  font-size: 0;
  color: transparent;
  background-repeat: no-repeat;
  background-position: center center;
  z-index: 1;
  cursor: pointer; }

.testimonialArrowLeft {
  left: 2.5vw;
  background-image: url("/Content/images/Arrow_SingleLeft.png");
  -webkit-transition: left 300ms;
  -o-transition: left 300ms;
  transition: left 300ms; }

.testimonialArrowRight {
  right: 2.5vw;
  background-image: url("/Content/images/Arrow_SingleRight.png");
  -webkit-transition: right 300ms;
  -o-transition: right 300ms;
  transition: right 300ms; }

.testimonialArrowRight:hover {
  right: 2vw; }

.testimonialArrowLeft:hover {
  left: 2vw; }

canvas {
  image-rendering: optimizequality; }

#EmployeeGroup {
  line-height: 425px;
  width: 85%;
  left: 8%; }

.vidTestimonyWrap {
  position: relative;
  width: 29%;
  display: inline-block;
  top: 0;
  left: 0;
  cursor: pointer;
  padding-top: 50%;
  vertical-align: top;
  margin: 0 0 50vh 0;
  line-height: 1;
  max-width: 200px; }

.vidTestimonyWrap canvas {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  height: 110%;
  width: auto;
  margin-left: 0; }

.vidTestimonyWrap img {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  height: 110%;
  width: auto;
  margin-left: 0; }

.vidTestimonyWrap video {
  display: none; }

.vidTestimonyWrap span {
  position: relative;
  z-index: 10;
  font-weight: bold;
  text-transform: uppercase;
  text-shadow: 0 2px 5px #000; }

.infoBanner .videoTestimonialBanner {
  padding: 0; }

.vidTestimonyWrap[data-playState="playing"]:hover:after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 20%;
  pointer-events: none;
  background-image: url("/Content/images/Icon-Pause.png");
  background-repeat: no-repeat;
  background-position: center center; }

.vidTestimonyWrap[data-playState="paused"]:hover:after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 20%;
  pointer-events: none;
  background-image: url("/Content/images/Icon-Play.png");
  background-repeat: no-repeat;
  background-position: center center; }

/*---------------FOOTER---------------*/
#footer {
  background-color: #fff;
  color: #000;
  text-align: center;
  padding: 25px 0;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  float: left; }

#footer img.cred {
  display: block;
  position: absolute;
  top: 1em;
  left: 1em; }

#footer .credentials {
  display: inline-block;
  text-align: right; }

#footer .credentials img {
  width: 100px;
  height: auto;
  border-radius: 2px; }

#footer .vWrap {
  display: inline-block;
  text-align: left;
  vertical-align: bottom;
  line-height: 2.5;
  margin-left: 1em; }

#footer.blue {
  background-color: #17355c;
  color: #fff; }

.blue .blueOnly {
  display: block; }

#footer p {
  display: inline-block; }

#FootPhone {
  font-weight: bold;
  font-size: 1.5em; }

#FootPhone a {
  color: #8b9aad;
  text-decoration: none; }

#FootPhone a:hover {
  color: #ffffff;
  text-decoration: underline; }

#footer nav a {
  display: inline-block;
  padding: 0 0.5em;
  text-transform: uppercase;
  height: 2em;
  line-height: 2em;
  color: inherit;
  text-decoration: none;
  position: relative; }

#footer nav a:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  bottom: 6px;
  left: 0;
  right: 100%;
  -webkit-transition: right 300ms;
  -o-transition: right 300ms;
  transition: right 300ms;
  border-bottom: 1px solid transparent; }

#footer nav a:hover:after {
  border-bottom: 1px solid;
  right: 0; }

#vcard {
  display: block; }

#vcard a {
  text-decoration: none;
  color: #ffffff; }

#vcard a:hover {
  text-decoration: none;
  color: #f7f0b8; }

#footer .svgLogo {
  width: 100%;
  height: 150px;
  -webkit-transition: all 300ms;
  -o-transition: all 300ms;
  transition: all 300ms;
  max-width: 250px;
  margin: 0 auto; }

abbr[title] {
  text-decoration: none; }

/*-------OVERALL SECONDARY PAGES------*/
body {
  max-width: 1920px;
  margin: 0 auto; }
  body#CarpenterJobsYouthApprenticeSEBodyID, body#CarpentryJobsTrainingSEBodyID {
    max-width: 2000px;
    line-height: 1.4; }
    body#CarpenterJobsYouthApprenticeSEBodyID #main, body#CarpentryJobsTrainingSEBodyID #main {
      padding-top: 220px; }
      body#CarpenterJobsYouthApprenticeSEBodyID #main .newBtnDisplay, body#CarpentryJobsTrainingSEBodyID #main .newBtnDisplay {
        padding-bottom: 20px; }

body:not(#HomeEntryBodyID) {
  background-color: #fff;
  background-repeat: no-repeat;
  background-position: top center; }

body:not(#HomeEntryBodyID):not(#CarpenterJobsYouthApprenticeSEBodyID):not(
#CarpenterJobsSBodyID
)
#main {
  padding-top: 220px; }

body:not(#HomeEntryBodyID) .page #HeadBanner span {
  height: 100px;
  color: #fff;
  padding: 0 0.5em;
  margin: 0 0 70px 0;
  font-size: 55px;
  text-transform: uppercase;
  font-weight: 800;
  line-height: 1; }

body:not(#HomeEntryBodyID) .testimonialBanner,
.videoTestimonialBanner {
  width: 50%;
  padding: 30px 0 55px 0;
  float: left;
  height: 670px; }

body:not(#HomeEntryBodyID) .testimonialArrowLeft,
body:not(#HomeEntryBodyID) .testimonialArrowRight {
  bottom: 300px; }

body:not(#HomeEntryBodyID) .videoTestimonialBanner .testimonialArrowLeft,
body:not(#HomeEntryBodyID) .videoTestimonialBanner .testimonialArrowRight {
  bottom: 0;
  z-index: 10; }

body:not(#HomeEntryBodyID) .videoTestimonialBanner .testimonialArrowLeft span,
body:not(#HomeEntryBodyID) .videoTestimonialBanner .testimonialArrowRight span {
  line-height: 2; }

body:not(#HomeEntryBodyID) .contactBanner {
  width: 50%;
  float: right;
  padding: 0;
  height: 670px; }

body#ContactStreamBodyID:not(#HomeEntryBodyID) .contactBanner {
  float: left; }

body:not(#HomeEntryBodyID)
.contactBanner
p:not(#ExperienceSlider):not(#OTHERSLIDER):not(#FormSelectButtons) {
  padding: 0.25em 0; }

body:not(#HomeEntryBodyID) .contactBanner input {
  height: 3em; }

#CarpenterJobsYouthApprenticeSEBodyID #PositionIntro {
  background-color: white; }
  #CarpenterJobsYouthApprenticeSEBodyID #PositionIntro.content {
    padding: 0; }

#CarpenterJobsYouthApprenticeSEBodyID .lower-container.content {
  padding: 0; }

.content {
  padding: 0 calc(3em + 15px) calc(1em + 90px) calc(3em + 15px);
  text-align: left; }

.content p {
  margin-bottom: 2em; }

.content h1 {
  font-family: "Agency", Impact, Helvetica, sans-serif;
  font-size: 60px;
  font-weight: bold;
  text-transform: uppercase;
  line-height: 1;
  padding: 20px 0;
  text-align: left;
  margin-right: 25vw;
  color: #0a1d36; }

.content h2,
.content .larger {
  font-family: "Agency", Impact, Helvetica, sans-serif;
  font-size: 40px;
  font-weight: bold;
  text-transform: uppercase;
  line-height: 1;
  padding: 20px 0;
  text-align: left;
  margin-right: 25vw; }

.content h3 {
  font-size: 1.5em;
  margin: 0.5em 0 0.5em 0;
  font-weight: 300;
  color: #0a1d36; }

.content h3:first-child {
  margin: 1.5em 0 0.5em 0; }

.content h2 + h3 {
  margin: 0 0 0.5em 0; }

.content h4 {
  font-size: 1.25em;
  margin: 0.5em 0 0.5em 0; }

.content h4:first-child {
  margin: 1.5em 0 0.5em 0; }

.content ul:not(.icon-list):not(.red-marker),
.content ol {
  text-indent: 1em;
  padding: 1em;
  overflow: hidden; }

.content ul li ul {
  display: block;
  padding-left: 0;
  padding-top: 0; }

.content .CallToAction {
  font-family: "Agency", Impact, Helvetica, sans-serif;
  font-size: 2em;
  font-weight: bold;
  text-transform: uppercase;
  color: #cc0200;
  text-decoration: none;
  -webkit-transition: color 100ms;
  -o-transition: color 100ms;
  transition: color 100ms; }

.content .CallToAction:visited {
  color: #990014; }

.content .CallToAction:hover {
  color: #ff0000; }

.content a {
  position: relative;
  text-decoration: none;
  border-bottom: 1px solid;
  display: inline-block;
  text-indent: 0;
  color: #cc0200; }

.content a:after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  right: 100%;
  top: 0;
  bottom: -1px;
  border-bottom: 0px solid transparent;
  -webkit-transition: right 200ms;
  -o-transition: right 200ms;
  transition: right 200ms; }

.content a:hover:after {
  right: 0;
  border-bottom: 3px solid; }

/*-----------SECONDARY PAGES----------*/
body:not(.FeaturedWorkSEBodyClass) {
  background-image: -webkit-linear-gradient(#f00 130px, #fff 320px);
  background-image: -o-linear-gradient(#f00 130px, #fff 320px);
  background-image: linear-gradient(#f00 130px, #fff 320px); }

#EmployeeTestimonialsSBodyID,
#CarpenterJobsConstructionSEBodyID,
#TrainingCarpentersConstructionEntryLevelJobsMilwaukeeSEBodyID {
  background-image: url("/Content/images/BKG_Construction.jpg"); }

#CarpenterJobsCarpentryTraineeSEBodyID {
  background-image: url("/Content/images/BKG_Training.jpg"); }

#CarpenterJobsFramingCarpentrySEBodyID {
  background-image: url("/Content/images/BKG_Forming.jpg"); }

#CarpenterJobsRoughersSEBodyID {
  background-image: url("/Content/images/BKG_RoughCarpentry.jpg"); }

#CarpenterJobsFinishersSEBodyID {
  background-image: url("/Content/images/BKG_FinishCarpentry.jpg"); }

#CarpenterJobsResidentialSEBodyID {
  background-image: url("/Content/images/BKG_Residential.jpg"); }

#CarpenterJobsCommercialSEBodyID {
  background-image: url("/Content/images/BKG_Commercial.jpg"); }

#CarpenterJobsTrimCarpentrySEBodyID {
  background-image: url("/Content/images/BKG_Trim.jpg"); }

#CarpenterJobsIndustrialSEBodyID {
  background-image: url("/Content/images/BKG_Commercial.jpg"); }

#CarpenterJobsApprenticeSEBodyID,
#TrainingCarpentersConstructionApprenticeshipsMilwaukeeSEBodyID,
#TrainingCarpentersConstructionApprenticeshipsWaukeshaSEBodyID,
#TrainingCarpentersConstructionApprenticeshipsBrookfieldSEBodyID {
  background-image: url("/Content/images/BKG_Apprentice.jpg"); }

#CarpenterJobsJourneymanSEBodyID {
  background-image: url("/Content/images/BKG_Journeyman.jpg"); }

#CarpenterJobsEntryLevelSEBodyID {
  background-image: url("/Content/images/BKG_Education.jpg"); }

#CarpenterJobsFormCarpentrySEBodyID {
  background-image: url("/Content/images/BKG_Formwork.jpg"); }

#CarpenterJobsJoinersSEBodyID {
  background-image: url("/Content/images/BKG_Joiners.jpg"); }

#CarpenterJobsOpeningsSEBodyID {
  background-image: url("/Content/images/BKG_RoughCarpentry.jpg"); }

#CarpenterJobsApplySEBodyID {
  background-image: url("/Content/images/BKG_RoughCarpentry.jpg"); }

#CarpentersRoughFramingSEBodyID {
  background-image: url("/Content/images/BKG_WorkRoughCarpentry.jpg"); }

#CarpentersFinishSEBodyID {
  background-image: url("/Content/images/BKG_WorkFinishCarpentry.jpg"); }

#CarpentersSpecialProjectsSEBodyID {
  background-image: url("/Content/images/BKG_WorkSpecialty.jpg"); }

#ContactStreamBodyID {
  background-image: url("/Content/images/BKG_Residential.jpg"); }

#CarpentersSBodyID {
  background-image: url("/Content/images/BKG_WorkSpecialty.jpg"); }

#CarpentryProjectsBusinessesSEBodyID {
  background-image: url("/Content/images/BKG_WorkCommercial.jpg"); }

#CarpentryProjectsHomesSEBodyID {
  background-image: url("/Content/images/BKG_WorkResidential.jpg"); }

#CarpentryProjectsSchoolsSEBodyID {
  background-image: url("/Content/images/BKG_WorkEducation.jpg"); }

#CarpentryProjectsChurchesSEBodyID {
  background-image: url("/Content/images/BKG_WorkReligious.jpg"); }

#CarpentryProjectsPublicSEBodyID {
  background-image: url("/Content/images/BKG_WorkPublic.jpg"); }

#CarpentryJobsSBodyID,
#CarpenterJobsYouthApprenticeSEBodyID {
  background-image: url("/Content/images/BKG_Life&Benefits.jpg"); }

#CarpentryJobsSalarySEBodyID {
  background-image: url("/Content/images/BKG_Life&Benefits.jpg"); }

#CarpentryJobsTrainingSEBodyID {
  background-image: url("/Content/images/BKG_Life&Benefits.jpg"); }

#CarpentryJobs401kSEBodyID {
  background-image: url("/Content/images/BKG_Life&Benefits.jpg"); }

#CarpentryJobsInsuranceSEBodyID {
  background-image: url("/Content/images/BKG_Life&Benefits.jpg"); }

#CarpentryJobsWorkCultureSEBodyID {
  background-image: url("/Content/images/BKG_Life&Benefits.jpg"); }

#CarpentryJobsEducationSEBodyID {
  background-image: url("/Content/images/BKG_Life&Benefits.jpg"); }

#ClientTestimonialsSBodyID {
  background-image: url("/Content/images/BKG_WorkSpecialty.jpg"); }

#AMCSErrorSEBodyID {
  background-image: url("/Content/images/BKG_WorkSpecialty.jpg"); }

.ContactMilwaukeeCarpentersSEBodyClass {
  background-image: url("/Content/images/BKG_FinishCarpentry.jpg"); }

.FeaturedWorkSEBodyClass {
  background-image: url("/Content/images/BKG_GalleryPages.jpg"); }

#PositionIntro {
  display: block;
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0 auto; }

#CarpenterJobsSBodyID {
  position: relative; }

#CarpenterJobsSBodyID #main li {
  display: inline-block;
  width: 23vw;
  height: 11vw;
  margin: 0.5vw;
  text-align: left;
  background-color: #0a1d36;
  position: relative;
  background-size: cover;
  background-position: center center; }

#CarpenterJobsSBodyID #main li a {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  color: rgba(0, 0, 0, 0); }

#CarpenterJobsSBodyID #main ul {
  text-align: center; }

#CarpenterJobsSBodyID #main li h4 {
  position: absolute;
  left: 1.6em;
  bottom: 1.6em;
  font-size: 1.6vw;
  color: #fff;
  text-transform: uppercase;
  right: 40px; }

#TrainingCarpentersConstructionApprenticeshipsMilwaukeeSEBodyID #main,
#TrainingCarpentersConstructionApprenticeshipsWaukeshaSEBodyID #main,
#TrainingCarpentersConstructionApprenticeshipsBrookfieldSEBodyID #main,
#TrainingCarpentersConstructionEntryLevelJobsMilwaukeeSEBodyID #main {
  padding-top: 160px !important; }
  @media only screen and (max-width: 640px) {
    #TrainingCarpentersConstructionApprenticeshipsMilwaukeeSEBodyID #main,
    #TrainingCarpentersConstructionApprenticeshipsWaukeshaSEBodyID #main,
    #TrainingCarpentersConstructionApprenticeshipsBrookfieldSEBodyID #main,
    #TrainingCarpentersConstructionEntryLevelJobsMilwaukeeSEBodyID #main {
      padding-top: 220px !important; } }
  #TrainingCarpentersConstructionApprenticeshipsMilwaukeeSEBodyID #main header,
  #TrainingCarpentersConstructionApprenticeshipsWaukeshaSEBodyID #main header,
  #TrainingCarpentersConstructionApprenticeshipsBrookfieldSEBodyID #main header,
  #TrainingCarpentersConstructionEntryLevelJobsMilwaukeeSEBodyID #main header {
    position: relative;
    margin: 0 calc(3em + 15px) 125px 0; }
    @media only screen and (max-width: 760px) {
      #TrainingCarpentersConstructionApprenticeshipsMilwaukeeSEBodyID #main header,
      #TrainingCarpentersConstructionApprenticeshipsWaukeshaSEBodyID #main header,
      #TrainingCarpentersConstructionApprenticeshipsBrookfieldSEBodyID #main header,
      #TrainingCarpentersConstructionEntryLevelJobsMilwaukeeSEBodyID #main header {
        margin: 0 1em 125px; } }
    @media only screen and (max-width: 400px) {
      #TrainingCarpentersConstructionApprenticeshipsMilwaukeeSEBodyID #main header,
      #TrainingCarpentersConstructionApprenticeshipsWaukeshaSEBodyID #main header,
      #TrainingCarpentersConstructionApprenticeshipsBrookfieldSEBodyID #main header,
      #TrainingCarpentersConstructionEntryLevelJobsMilwaukeeSEBodyID #main header {
        margin: 0 0 65px; } }
    #TrainingCarpentersConstructionApprenticeshipsMilwaukeeSEBodyID #main header h1,
    #TrainingCarpentersConstructionApprenticeshipsWaukeshaSEBodyID #main header h1,
    #TrainingCarpentersConstructionApprenticeshipsBrookfieldSEBodyID #main header h1,
    #TrainingCarpentersConstructionEntryLevelJobsMilwaukeeSEBodyID #main header h1 {
      color: white;
      position: absolute; }
      @media only screen and (max-width: 1300px) {
        #TrainingCarpentersConstructionApprenticeshipsMilwaukeeSEBodyID #main header h1,
        #TrainingCarpentersConstructionApprenticeshipsWaukeshaSEBodyID #main header h1,
        #TrainingCarpentersConstructionApprenticeshipsBrookfieldSEBodyID #main header h1,
        #TrainingCarpentersConstructionEntryLevelJobsMilwaukeeSEBodyID #main header h1 {
          font-size: 45px; } }
      @media only screen and (max-width: 640px) {
        #TrainingCarpentersConstructionApprenticeshipsMilwaukeeSEBodyID #main header h1,
        #TrainingCarpentersConstructionApprenticeshipsWaukeshaSEBodyID #main header h1,
        #TrainingCarpentersConstructionApprenticeshipsBrookfieldSEBodyID #main header h1,
        #TrainingCarpentersConstructionEntryLevelJobsMilwaukeeSEBodyID #main header h1 {
          font-size: 1.8em; } }
      @media only screen and (max-width: 400px) {
        #TrainingCarpentersConstructionApprenticeshipsMilwaukeeSEBodyID #main header h1,
        #TrainingCarpentersConstructionApprenticeshipsWaukeshaSEBodyID #main header h1,
        #TrainingCarpentersConstructionApprenticeshipsBrookfieldSEBodyID #main header h1,
        #TrainingCarpentersConstructionEntryLevelJobsMilwaukeeSEBodyID #main header h1 {
          position: relative;
          font-size: 1.7em;
          margin: 0; } }

.preHover {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background-size: cover;
  background-position: center center;
  -webkit-transition: opacity 300ms;
  -o-transition: opacity 300ms;
  transition: opacity 300ms;
  opacity: 1; }

li:hover > .preHover {
  opacity: 0; }

.ConstructionLiClass .preHover {
  background-image: url("/Content/images/LinkImage_Construction.jpg"); }

.CarpentryTraineeLiClass .preHover {
  background-image: url("/Content/images/LinkImage_Trainee.jpg"); }

.FramingCarpentryLiClass .preHover {
  background-image: url("/Content/images/LinkImage_Framers.jpg"); }

.ApplyLiClass .preHover {
  background-image: url("/Content/images/LinkImage_DiscoverWorth.jpg"); }

.OpeningsLiClass .preHover {
  background-image: url("/Content/images/LinkImage_JobOpenings.jpg"); }

.RoughersLiClass .preHover {
  background-image: url("/Content/images/LinkImage_RoughCarpentry.jpg"); }

.FinishersLiClass .preHover {
  background-image: url("/Content/images/LinkImage_FinishCarpentry.jpg"); }

.ResidentialLiClass .preHover {
  background-image: url("/Content/images/LinkImage_Residential.jpg"); }

.CommercialLiClass .preHover {
  background-image: url("/Content/images/LinkImage_Commercial.jpg"); }

.TrimCarpentryLiClass .preHover {
  background-image: url("/Content/images/LinkImage_Trim.jpg"); }

.IndustrialLiClass .preHover {
  background-image: url("/Content/images/LinkImage_Industrial.jpg"); }

.ApprenticeLiClass .preHover {
  background-image: url("/Content/images/LinkImage_Apprentice.jpg"); }

.JourneymanLiClass .preHover {
  background-image: url("/Content/images/LinkImage_Journeyman.jpg"); }

.EntryLevelLiClass .preHover {
  background-image: url("/Content/images/LinkImage_EntryLevel.jpg"); }

.FormCarpentryLiClass .preHover {
  background-image: url("/Content/images/LinkImage_Formwork.jpg"); }

.JoinersLiClass .preHover {
  background-image: url("/Content/images/LinkImage_Joiners.jpg"); }

.ConstructionLiClass {
  background-image: url("/Content/images/LinkImage_ConstructionH.jpg"); }

.CarpentryTraineeLiClass {
  background-image: url("/Content/images/LinkImage_TraineeH.jpg"); }

.FramingCarpentryLiClass {
  background-image: url("/Content/images/LinkImage_FramersH.jpg"); }

.ApplyLiClass {
  background-image: url("/Content/images/LinkImage_DiscoverWorthH.jpg"); }

.OpeningsLiClass {
  background-image: url("/Content/images/LinkImage_JobOpeningsH.jpg"); }

.RoughersLiClass {
  background-image: url("/Content/images/LinkImage_RoughCarpentryH.jpg"); }

.FinishersLiClass {
  background-image: url("/Content/images/LinkImage_FinishCarpentryH.jpg"); }

.ResidentialLiClass {
  background-image: url("/Content/images/LinkImage_ResidentialH.jpg"); }

.CommercialLiClass {
  background-image: url("/Content/images/LinkImage_CommercialH.jpg"); }

.TrimCarpentryLiClass {
  background-image: url("/Content/images/LinkImage_TrimH.jpg"); }

.IndustrialLiClass {
  background-image: url("/Content/images/LinkImage_IndustrialH.jpg"); }

.ApprenticeLiClass {
  background-image: url("/Content/images/LinkImage_ApprenticeH.jpg"); }

.JourneymanLiClass {
  background-image: url("/Content/images/LinkImage_JourneymanH.jpg"); }

.EntryLevelLiClass {
  background-image: url("/Content/images/LinkImage_EntryLevelH.jpg"); }

.FormCarpentryLiClass {
  background-image: url("/Content/images/LinkImage_FormworkH.jpg"); }

.JoinersLiClass {
  background-image: url("/Content/images/LinkImage_JoinersH.jpg"); }

#CarpenterJobsSBodyID > .page > #main > #HeadBanner {
  display: none; }

#CarpenterJobsSBodyID > .page > #main {
  padding-top: 135px; }

#WalkPause {
  display: block;
  position: absolute;
  left: 20px;
  bottom: 20px;
  background: transparent;
  border: 1px solid #fff;
  width: 32px;
  height: 32px;
  border-radius: 100%;
  z-index: 500;
  background-size: contain;
  pointer-events: auto;
  cursor: pointer; }

#WalkPause {
  background-position: center center;
  background-repeat: no-repeat;
  background-color: rgba(0, 0, 0, 0.1);
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transition: opacity 600ms, -webkit-transform 400ms;
  transition: opacity 600ms, -webkit-transform 400ms;
  -o-transition: opacity 600ms, transform 400ms;
  transition: opacity 600ms, transform 400ms;
  transition: opacity 600ms, transform 400ms, -webkit-transform 400ms; }

#WalkPause:after {
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  top: 10%;
  bottom: 10%;
  width: 1px;
  background: #fff; }

#WalkPause:before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 10%;
  right: 10%;
  height: 1px;
  background: #fff; }

#WalkPause.out {
  opacity: 0;
  -webkit-transform: rotate(-45deg) scale(0.1);
  -ms-transform: rotate(-45deg) scale(0.1);
  transform: rotate(-45deg) scale(0.1); }

.imagePreview {
  display: inline-block;
  width: 35vw;
  height: 35vw;
  max-width: 170px;
  max-height: 170px;
  background: #d0d0d0;
  vertical-align: top;
  text-align: center;
  border: 10px solid #d0d0d0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 1em;
  overflow: hidden; }

.imagePreview a:after {
  display: none; }

.imagePreview a {
  border-bottom: none; }

.imagePreview a img {
  max-height: 100%;
  width: auto; }

.lightbox {
  display: block;
  position: fixed;
  background-position: center center;
  background-repeat: no-repeat;
  background-color: rgba(0, 0, 0, 0.9);
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  -webkit-box-shadow: inset 0 0 100px 20px #000;
  box-shadow: inset 0 0 100px 20px #000;
  z-index: 5000; }

.activeLink:not([href="/"]) {
  font-weight: bold;
  opacity: 0.5; }

.testimonialPageWrap {
  display: inline-block;
  width: 40%;
  text-align: left;
  vertical-align: top; }

.testimonialPageItem {
  padding: 0.5em 1em; }

a:target + .testimonialPageItem {
  border: 1px solid; }

.lightbox::after {
  content: "×";
  display: block;
  position: absolute;
  border-radius: 100%;
  width: 100px;
  height: 100px;
  border: 1px solid;
  color: rgba(255, 255, 255, 0.5);
  top: 0;
  top: 20px;
  right: 20px;
  height: 36px;
  width: 36px;
  font-size: 32px;
  text-align: center;
  line-height: 32px;
  cursor: pointer;
  user-select: none;
  -ms-user-select: none;
  -moz-user-select: none;
  -webkit-user-select: none; }

body[id*="FeaturedWork"] .content {
  text-align: center; }

/*-------JOB APPLICATION STYLING------*/
#ApplicationForm > div {
  display: inline-block;
  width: 100%;
  max-width: 1000px;
  margin: 1em auto;
  border: 1px solid #fff;
  background: rgba(255, 255, 255, 0.5);
  -webkit-box-shadow: 0 2px 4px -2px #000;
  box-shadow: 0 2px 4px -2px #000;
  text-align: left; }

#ApplicationForm {
  text-align: center;
  margin-top: 8em; }

#ApplicationForm p {
  text-align: left; }

#ApplicationForm .left {
  position: unset;
  float: left;
  width: 50%; }

#ApplicationForm .right {
  position: static;
  float: right;
  width: 50%;
  pointer-events: none; }

#ApplicationForm .right * {
  pointer-events: auto; }

#ApplicationForm label {
  display: block;
  text-align: left; }

#ApplicationForm textarea {
  width: 100%;
  resize: vertical;
  border: 1px solid rgba(0, 0, 0, 0.25);
  background: #fff;
  min-height: 4.5em; }

#ApplicationForm input {
  display: block;
  width: 95%;
  padding: 0.25em;
  border: 1px solid rgba(0, 0, 0, 0.25);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-bottom: 1em; }

#ApplicationForm input[type="radio"] {
  position: absolute;
  left: -100vw; }

#ApplicationForm input[type="radio"] + label {
  display: inline-block;
  border: 1px solid rgba(0, 0, 0, 0.25);
  text-transform: uppercase;
  cursor: pointer; }

#ApplicationForm input[type="radio"] + label:hover,
#ApplicationForm input[type="radio"]:focus + label {
  background-color: rgba(22, 53, 94, 0.5);
  color: #fff; }

#ApplicationForm input[type="radio"]:checked + label {
  background-color: #17365e;
  color: #fff; }

#ApplicationForm input[type="checkbox"] {
  position: fixed;
  left: -100vw; }

#ApplicationForm input[type="checkbox"] + label {
  position: relative; }

#ApplicationForm input[type="checkbox"] + label:before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  border: 1px solid rgba(0, 0, 0, 0.25);
  height: 1em;
  width: 1em;
  margin: 0 0.25em; }

#ApplicationForm input[type="checkbox"]:checked + label:before {
  background-color: #17365e;
  border: 1px solid #000;
  -webkit-box-shadow: inset 0 0 0 2px #fff;
  box-shadow: inset 0 0 0 2px #fff; }

#ApplicationExperience h3 {
  width: 100%;
  display: block;
  text-align: left;
  clear: both; }

#ApplicationForm p.selectRow {
  display: block;
  border: 1px solid transparent;
  text-align: right !important;
  padding: 1em !important;
  text-align: left !important;
  padding-bottom: 3em !important; }

#ApplicationForm p.selectRow span {
  text-align: left;
  margin-right: 1em; }

#ApplicationForm p.selectRow:hover {
  border-bottom: 1px solid #000; }

#ApplicationForm p.selectRow input[type="radio"] + label {
  font-size: 14px;
  padding: 0.25em;
  vertical-align: top;
  font-size: 11px;
  float: right;
  margin: 0 0.25em; }

#ApplicationForm p.selectRow:nth-child(2n-1) {
  background-color: rgba(0, 0, 0, 0.125); }

#ApplicationWorkHistory div div {
  padding: 1em;
  border: 1px solid rgba(0, 0, 0, 0.25);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0.5em 0.25em; }

/*CONTACT MAP*/
.doubleInfoBanner .mapBetter {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: 50%;
  max-height: 100vh; }

@media all and (device-width: 768px) and (device-height: 1024px) and (orientation: portrait) {
  .doubleInfoBanner .mapBetter {
    max-height: 1024px; } }

@media all and (device-width: 768px) and (device-height: 1024px) and (orientation: landscape) {
  .doubleInfoBanner .mapBetter {
    max-height: 768px; } }

/*-------------RESPONSIVE-------------*/
.page > nav .upperNav {
  -webkit-transition: width 200ms, margin-left 200ms;
  -o-transition: width 200ms, margin-left 200ms;
  transition: width 200ms, margin-left 200ms; }

.mobileOnly,
.tabletOnly,
.touchOnly {
  display: none !important; }

.testimonialBanner,
.videoTestimonialBanner {
  -ms-user-select: none;
  -moz-user-select: none;
  -webkit-user-select: none;
  user-select: none; }

@media screen and (max-width: 1400px) {
  .page > nav .upperNav {
    width: 676px;
    margin-left: -338px;
    width: 710px; }
  .visualNav a {
    font-size: 2.2vw; }
  .featuredSkew {
    width: 27%; }
  .featuredSkew:hover {
    width: 30%; }
  .visualNav .left a:after {
    content: "";
    display: block;
    position: absolute;
    right: 150px;
    left: 0;
    bottom: 0;
    height: 1em;
    background-image: url("/Content/images/Stripes_Left.png");
    background-position: top right;
    background-size: auto; }
  .visualNav .right a:after {
    content: "";
    display: block;
    position: absolute;
    right: 0;
    left: 150px;
    bottom: 0;
    height: 1em;
    background-image: url("/Content/images/Stripes_Right.png");
    background-position: top left;
    background-size: auto; } }

@media screen and (max-width: 1360px) {
  .testimonialArrowLeft,
  .testimonialArrowRight {
    bottom: auto;
    height: 100%; }
  .infoBanner:not(.videoTestimonialBanner) .testimonialArrowLeft,
  .infoBanner:not(.videoTestimonialBanner) .testimonialArrowRight {
    bottom: auto;
    height: 33.3%; }
  .quoteBodyWrapper::before {
    left: 6px; }
  .quoteBodyWrapper::after {
    right: 6px; }
  .featuredSkew {
    width: 33%; }
  .featuredSkew:not(.fullview):first-child {
    width: 33% !important; }
  .featuredSkew:not(.fullview):last-child {
    width: 33% !important; }
  .featuredSkew:not(.fullView):not(.collapsed):first-child:hover,
  .featuredSkew:not(.fullView):not(.collapsed):last-child:hover {
    width: 38% !important; }
  .featuredSkew:not(.fullView):not(.collapsed):first-child img,
  .featuredSkew:not(.fullView):not(.collapsed):last-child img {
    -webkit-transition: left 300ms;
    -o-transition: left 300ms;
    transition: left 300ms; }
  .featuredSkew:not(.fullView):not(.collapsed):first-child:hover img,
  .featuredSkew:not(.fullView):not(.collapsed):last-child:hover img {
    left: -2% !important; }
  .featuredSkew.collapsed:first-child {
    width: 5% !important; }
  .featuredSkew:hover {
    width: 38%; }
  .featuredSkew.fullView,
  .featuredSkew.fullView:first-child,
  .featuredSkew.fullView:last-child {
    position: absolute;
    left: -5px;
    right: -5px;
    width: auto !important;
    z-index: 1; }
  .featuredSkew.fullView:first-child img {
    margin-left: 0; }
  .featuredSkew.fullView:first-child .featuredInfo {
    left: 420px; } }

.secondaryToplevel {
  display: block;
  width: 100%;
  height: 100%;
  line-height: 1;
  border: 1px solid red;
  position: absolute;
  top: 0;
  left: 0; }

@media screen and (max-width: 1100px) {
  .secondaryToplevel {
    display: block;
    position: absolute;
    line-height: 1;
    width: 100%;
    height: 100%; }
  .secondaryToplevel > * {
    display: block; }
  .featuredInfo > div {
    width: 440px;
    right: 66%; }
  .featuredInfo a {
    bottom: 60px;
    right: 170px; }
  .vidTestimonyWrap {
    width: 20%;
    padding-top: 40%; }
  body:not(#HomeEntryBodyID) .testimonialBanner,
  .videoTestimonialBanner,
  body:not(#HomeEntryBodyID) .contactBanner {
    width: 100%;
    float: left; }
  .testimonialPageWrap {
    display: inline-block;
    width: 90%; }
  .doubleInfoBanner .mapBetter {
    display: inline-block;
    position: relative;
    width: 80%;
    height: 110vw; }
  .visualNav .left a:after {
    right: 0; }
  .visualNav .right a:after {
    left: 0; } }

@media screen and (max-width: 1040px) {
  #workForUsImage,
  #workWithUsImage {
    background-position: center center; }
  .heroHolder .labelHolder a {
    font-size: 3.5vw; }
  .heroHolder .left .labelHolder a::before,
  .heroHolder .left .labelHolder a::after,
  .heroHolder .right .labelHolder a::before,
  .heroHolder .right .labelHolder a::after {
    height: 4.5vw;
    background-size: cover;
    bottom: -5vw; }
  .visualNav .left div a {
    right: 32px; }
  .visualNav .right div a {
    left: 32px; }
  .visualNav a {
    font-size: 30px; }
  .infoBanner p {
    font-size: 16px; }
  .infoBanner h2 {
    font-size: 67px; }
  .openingsEntryLink {
    padding-right: 10%; }
  .openingsExperiencedLink {
    padding-right: 10%; }
  .carpentryFinishLink {
    padding-left: 10%; }
  .carpentryRoughLink {
    padding-left: 10%; }
  #lifeAndBenefits,
  .benefitsForCarpenters,
  .benefitLinksForCarpenters,
  #HomeEntryBodyID #lifeAndBenefits {
    height: auto; }
  #lifeAndBenefits.lowered div {
    margin-top: 0; }
  #lifeAndBenefits div p {
    display: none; }
  #lifeAndBenefits div,
  .benefitsForCarpenters div {
    width: 20vw;
    font-size: 16px;
    height: 14vw;
    padding: 12vw 0 0 0; }
  .featuredInfo h2 {
    font-size: 23px; }
  .featuredInfo p {
    font-size: 15px; }
  #EmployeeGroup {
    line-height: 39vw;
    height: 39vw; }
  .tabletOnly {
    display: block !important; }
  .touchOnly {
    display: block !important; }
  .tabletOnly {
    display: unset !important; }
  .touchOnly {
    display: unset !important; }
  .desktopOnly {
    display: none !important; }
  #CarpenterJobsSBodyID {
    background-image: url("/Content/images/BKG_RoughCarpentry.jpg");
    position: relative; }
  #CarpenterJobsSBodyID > .page > #main {
    padding-top: 350px; }
  .lightbox {
    background-size: contain; }
  .lifeAndBenefits.lowered > a {
    margin-top: 1em; }
  #lifeAndBenefits div.hoverInfoText {
    display: none; }
  #footer {
    padding-top: 20px; }
  .infoBanner.featuredWork.touchOnly h2,
  .infoBanner.featuredWork.touchOnly p,
  .infoBanner.featuredWork.touchOnly .featuredList {
    background: #fff;
    color: #000; }
  body:not(#HomeEntryBodyID) .page #HeadBanner span {
    margin: 0 0 125px 0; }
  nav.homepageOnly:not(.vidEnded) {
    top: -95vh; }
  nav.homepageOnly:not(.vidEnded) .svgLogo {
    max-width: 48vw;
    margin-top: 100vh; }
  .loadboy svg {
    margin-top: -20px; }
  #raisedTestimonyHolder {
    display: none; }
  .content h2,
  #main header h1 {
    margin-right: 0; } }

@media all and (device-width: 768px) and (device-height: 1024px) and (orientation: portrait) {
  nav.homepageOnly:not(.vidEnded) .svgLogo {
    margin-top: 1024px; } }

@media all and (device-width: 768px) and (device-height: 1024px) and (orientation: landscape) {
  nav.homepageOnly:not(.vidEnded) .svgLogo {
    margin-top: 768px; } }

@media screen and (max-width: 760px) {
  #main .heroHolder {
    height: 150vw; }
  .infoBanner:not(.content) p:not(#ExperienceSlider):not(#OTHERSLIDER) {
    font-size: 14px;
    line-height: 1.3; }
  #main header h1 {
    margin: 0;
    padding: 0;
    text-align: center;
    margin: 0.6em 0 0; }
  #main header {
    padding: 0 1em; }
  .content {
    padding: 1em; }
  .content h5 {
    margin-bottom: 1em; } }

@media screen and (max-width: 640px) {
  .page > nav > .upperNav > a.homepageOnly {
    z-index: 3;
    position: relative; }
  .page > nav .upperNav {
    width: 100%;
    margin: 0;
    position: absolute;
    left: 0;
    top: 0; }
  .desktopOnly {
    display: none !important; }
  .tabletOnly {
    display: none !important; }
  .mobileOnly {
    display: block !important; }
  .mobileOnly {
    display: unset !important; }
  #lifeAndBenefits div,
  .benefitsForCarpenters div,
  .benefitLinksForCarpenters a {
    width: 35vw;
    font-size: 16px;
    height: 17vw;
    padding: 20vw 0 0 0;
    margin: 45px 8px;
    min-width: 0; }
  .lifeAndBenefits {
    max-height: none; }
  .page > nav .upperNav .svgLogo {
    height: 130px;
    margin-top: 20px; }
  .heroHolder .left .labelHolder,
  .heroHolder .right .labelHolder {
    right: 0;
    left: 0;
    height: 0;
    bottom: 0;
    width: auto; }
  .heroHolder .left .labelHolder a,
  .heroHolder .right .labelHolder a {
    margin: 0;
    margin-top: -4.5em;
    height: 4.5em;
    line-height: 1;
    left: 0;
    right: 0;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    white-space: normal;
    padding: 1.25em 2em;
    font-size: 16px; }
  .heroHolder .left .labelHolder a:after,
  .heroHolder .right .labelHolder a:after {
    display: none; }
  .heroHolder .left .labelHolder a:before,
  .heroHolder .right .labelHolder a:before {
    height: 6vw;
    top: -3vw; }
  .infoBanner.featuredWork {
    display: none; }
  #main .heroHolder div.open .heroNav {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 1000;
    background-color: rgba(0, 0, 0, 0.9);
    padding-top: 20vh;
    overflow-x: auto; }
  .mobileMenuButton {
    display: block;
    background: transparent;
    -webkit-box-shadow: 0 0 0 3px #fff;
    box-shadow: 0 0 0 3px #fff;
    border-right: 1px solid #000; }
  .visualNav {
    height: 400px; }
  .visualNav a {
    font-size: 16px; }
  .visualNav .right a::after {
    left: -75px; }
  .visualNav .left a::after {
    right: -75px; }
  .infoBanner.featuredWorkMobile {
    background: url("/Content/images/MobileBanner_OurWork.jpg");
    color: #fff;
    background-size: cover;
    display: block !important; }
  .infoBanner.featuredWorkMobile a {
    color: #fff;
    text-decoration: none; }
  .infoBanner.featuredWorkMobile h2 {
    font-size: 42px;
    padding: 1em 0; }
  .infoBanner h2,
  #ContactForm h2 {
    font-size: 42px; }
  .startCareerButton,
  .startProjectButton {
    margin: 0.5em 0;
    width: 80%; }
  #ContactForm input,
  #ContactForm textarea {
    width: 90%; }
  #ContactForm
p:not(#ExperienceSlider):not(#OTHERSLIDER):not(#FormSelectButtons) {
    position: relative;
    width: 100%; }
  #ContactForm
p:not(#ExperienceSlider):not(#OTHERSLIDER):not(#FormSelectButtons)
label:not(.error) {
    position: absolute;
    top: 0;
    left: 0;
    margin: 0.5em 6.3%;
    line-height: 2em;
    text-indent: 0.1em; }
  #ExperienceSlider {
    margin-bottom: 60px; }
  .sliderLabel {
    width: 100%;
    text-align: center; }
  #emoji-slider * {
    max-width: 100%; }
  .testimonialBanner .featuredWrap {
    height: 520px; }
  .testimonialBanner .testimonialItem {
    height: 520px; }
  .testimonialArrowLeft,
  .testimonialArrowRight {
    height: 25%;
    width: 36px; }
  .testimonialArrowLeft span,
  .testimonialArrowRight span {
    display: none; }
  #footer nav nav {
    display: none !important; }
  #vcard {
    border-left: none;
    margin-left: 0;
    padding-left: 0; }
  body:not(#HomeEntryBodyID) .page #HeadBanner span {
    height: 0;
    margin: 24px 0 105px 0;
    text-align: center;
    font-size: 1.8em;
    line-height: 1;
    width: 100%;
    padding: 0; }
  body .content h2,
  body .content .larger {
    font-size: 25px; }
  .testimonialItem blockquote {
    margin: 0.75em; }
  .quoteBodyWrapper::before,
  .quoteBodyWrapper::after {
    height: 32px; }
  .quoteBodyWrapper::before {
    left: -30px;
    top: 10px; }
  .quoteBodyWrapper::after {
    right: -55px;
    bottom: 10px; }
  .quoteBodyWrapper {
    padding: 1.25em; }
  #ExperienceSlider label {
    width: 23%; }
  #CarpenterJobsApplySEBodyID form .left,
  #CarpenterJobsApplySEBodyID form .right {
    width: 100%; }
  p.selectRow:hover {
    border: 1px solid transparent; }
  p.selectRow input[type="radio"] + label {
    float: none;
    width: 29%;
    display: inline-block;
    font-size: 10px; }
  p.selectRow span {
    display: block;
    padding-top: 1em; }
  .infoBanner:not(.content) p:not(#ExperienceSlider):not(#OTHERSLIDER) {
    font-size: 14px; }
  .vidTestimonyWrap {
    width: 60%;
    margin: 0 20%;
    padding-top: 112%; }
  .infoBanner.videoTestimonialBanner {
    padding: 16px 16px 0 16px;
    height: 180vw; }
  #EmployeeGroup {
    line-height: 500px;
    height: 500px; }
  .content a {
    display: inline; }
  .content a:after {
    display: none; }
  #CarpenterJobsSBodyID #main li {
    width: 45vw;
    height: 23vw; }
  #CarpenterJobsSBodyID #main li h4 {
    left: 0.5em;
    bottom: 0.4em;
    font-size: 2.5vw; }
  .quoteBodyWrapper {
    margin: 3em; }
  body[id*="FeaturedWork"] {
    background-image: url(/Content/images/BKG_WorkMobile.jpg); }
  .doubleInfoBanner .mapBetter {
    display: inline-block;
    position: relative;
    width: 80%;
    height: 80vw;
    margin-bottom: 30px;
    -webkit-box-shadow: 0 2px 10px -2px;
    box-shadow: 0 2px 10px -2px; }
  #ContactStreamBodyID .doubleInfoBanner {
    padding-top: 40px; }
  #ScrollMinder {
    width: 0;
    margin-bottom: 55px;
    max-height: 45px; }
  .infoBanner.testimonialBanner {
    padding-bottom: 0 !important; }
  #HomeEntryBodyID .lifeAndBenefits {
    margin-top: 0; }
  body:not(#HomeEntryBodyID) .testimonialBanner {
    padding: 1em 1em 0 1em;
    height: 670px; }
  #HomeEntryBodyID .loadboy svg {
    margin-left: -60px;
    bottom: calc(-50vh + 103px);
    top: auto !important; }
  #videoOverlay video {
    min-width: 90vh; }
  .visualNav .left div a {
    padding-top: 125px;
    text-align: right; }
  .visualNav .right div a {
    padding-top: 125px;
    text-align: left; } }

@media screen and (max-width: 500px) {
  .infoBanner:not(.contactUs) {
    padding: 36px; }
  .page > nav .upperNav {
    border-bottom: none; }
  .lifeAndBenefits a,
  .benefitsForCarpenters div,
  .benefitLinksForCarpenters a {
    width: 36vw;
    height: 40vw;
    padding-top: 30vw; }
  .page > nav > .upperNav > a.homepageOnly {
    max-width: 200px; }
  .page > nav .upperNav nav {
    height: 55px;
    line-height: 55px; }
  .infoBanner.videoTestimonialBanner {
    padding: 16px 16px 0 16px;
    height: 180vw; }
  .page {
    padding-bottom: 450px; }
  #main header h1 {
    font-size: 50px; } }

@media screen and (max-width: 400px) {
  .quoteBodyWrapper {
    margin: 0.5em;
    padding: 1.15em; } }

/*----------LOADER/TRANSITION---------*/
.loadboy {
  display: block;
  position: fixed;
  left: 50%;
  top: 50vh;
  width: 0;
  height: 0;
  border-radius: 100%;
  border: 0px solid #fff;
  /* margin-left: -150px; */
  /* margin-top: -150px; */
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-shadow: 0 0 0 140vh;
  box-shadow: 0 0 0 140vh;
  -webkit-transition: width 500ms, height 500ms, border 500ms, opacity 800ms;
  -o-transition: width 500ms, height 500ms, border 500ms, opacity 800ms;
  transition: width 500ms, height 500ms, border 500ms, opacity 800ms;
  transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  z-index: 500; }

.loadboy.out {
  width: 150vw;
  height: 150vw;
  border: 0px solid #fff;
  pointer-events: none;
  opacity: 0; }

.loadboy svg {
  display: block;
  position: relative;
  content: "";
  top: 50%;
  left: 50%;
  margin-left: -60px;
  margin-top: -60px;
  width: 120px;
  height: 120px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: width 300ms, height 300ms, margin-left 300ms, margin-top 300ms,
 opacity 300ms;
  -o-transition: width 300ms, height 300ms, margin-left 300ms, margin-top 300ms,
 opacity 300ms;
  transition: width 300ms, height 300ms, margin-left 300ms, margin-top 300ms,
 opacity 300ms; }

.loadboy:before {
  content: "";
  display: block;
  position: fixed;
  top: -50vh;
  bottom: 0;
  left: -50vw;
  right: 0;
  background-image: url(/Content/images/BlurIntro.jpg);
  width: auto;
  height: auto;
  width: 100vw;
  height: 100vh;
  background-size: cover;
  -webkit-transition: opacity 100ms, left 200ms;
  -o-transition: opacity 100ms, left 200ms;
  transition: opacity 100ms, left 200ms; }

@media all and (device-width: 768px) and (device-height: 1024px) and (orientation: portrait) {
  .loadboy:before {
    height: 1024px; } }

@media all and (device-width: 768px) and (device-height: 1024px) and (orientation: landscape) {
  .loadboy:before {
    height: 768px; } }

.loadboy.out svg {
  width: 200vw;
  height: 200vw;
  margin-left: -100vw;
  margin-top: -100vw;
  opacity: 0; }

.loadboy.out:before {
  opacity: 0;
  left: -25vw; }

#HomeEntryBodyID .loadboy svg {
  top: calc(50vh - 104px); }

#HomeEntryBodyID .loadboy:after {
  content: "Loading Video...";
  position: absolute;
  top: 44vh;
  left: -106px;
  width: 200px;
  text-align: center;
  color: white; }

/*----------GENESIS OVERLOADS---------*/
#MemberLoginBodyID,
#ForgotPasswordBodyID {
  background-image: url("/Content/images/BKG_RoughCarpentry.jpg"); }

#LoginFormWrap {
  color: #0a1d36;
  overflow: hidden;
  padding-bottom: 0;
  z-index: 1;
  text-align: center;
  margin-top: 2em; }

#LoginFormWrap h2 {
  font-family: "Agency", Impact, Helvetica, sans-serif;
  font-size: 40px;
  text-align: center;
  font-weight: bold;
  text-transform: uppercase; }

#LoginFormWrap p {
  width: 100%;
  display: block;
  max-width: 532px;
  margin: 0 auto;
  position: relative; }

#LoginFormWrap input {
  background: none;
  border: 3px solid #0a1d36;
  height: 2.25em;
  line-height: 2.25em;
  color: #0a1d36;
  padding: 0.25em;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%; }

#LoginFormWrap strong {
  display: inline-block;
  width: 532px;
  text-align: left; }

#LoginFormWrap button {
  float: right;
  padding: 0.25em;
  background: #0a1d36;
  color: #fff;
  text-transform: uppercase;
  border: none;
  border-radius: 5px;
  font-size: 16px;
  width: 66%;
  margin: 1em 0;
  height: 2em;
  -webkit-transition: background 100ms;
  -o-transition: background 100ms;
  transition: background 100ms;
  cursor: pointer; }

#LoginFormWrap button:hover {
  background: #17365e; }

#LoginFormWrap a[href*="ForgotPassword"] {
  display: inline-block;
  height: 2em;
  float: left;
  width: 33%;
  padding: 0.25em;
  font-size: 16px;
  border-radius: 5px;
  margin: 1em 0;
  text-transform: uppercase;
  color: #17365e;
  border: 1px solid;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  text-decoration: none; }

.required {
  font-weight: bold;
  color: #0a1d36; }

.forError {
  display: block;
  text-align: center; }

p .forError label.error {
  margin-left: 0;
  margin-top: 1.5em; }

/*IE 8,9,10*/
@media screen\0 {
  a img {
    border: none;
    outline: none; }
  .loadboy {
    display: none; }
  #ApplicationForm > div {
    overflow: hidden;
    display: inline-block;
    display: block; }
  #ApplicationForm .left {
    position: relative; }
  #ApplicationExperience h3 {
    margin-top: 58px; }
  .heroHolder .labelHolder a {
    font-size: 36px; }
  .heroHolder .left .labelHolder,
  .heroHolder .right .labelHolder {
    width: 420px; }
  .heroNav a {
    color: #fff; }
  nav.secondaryOnly {
    height: 140px; }
  nav.secondaryOnly .svgLogo {
    margin: 0 1em; }
  .lifeAndBenefits > a,
  .lifeAndBenefits > div,
  .benefitsForClients > div,
  .benefitLinksForCarpenters > a {
    background-size: 6vw 6vw;
    background-position: top 40% left 50%; }
  .content h5 {
    margin-bottom: 2em; }
  .featuredSkew img {
    min-width: 115%;
    height: auto; }
  .benefitsForCarpenters > div.lifeIconTraining {
    background-size: 36%; }
  .benefitsForCarpenters > div.lifeIconInsurance {
    background-size: 40%; }
  .benefitsForCarpenters > div.lifeIcon401k {
    background-size: 45%; }
  .benefitsForCarpenters > div.lifeIconEducation {
    background-size: 39%; } }

.playButton {
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: -120px;
  z-index: 200; }

.playButton:hover {
  background: url("/Content/images/Icon-Play.png") top 33% left 50% no-repeat; }

.playButton.forPause:hover {
  background: url("/Content/images/Icon-Pause.png") top 33% left 50% no-repeat; }

.lightright {
  display: block;
  position: absolute;
  top: 50%;
  right: 20px;
  height: 6.3vw;
  width: 6.3vw;
  margin-top: -50px;
  background-size: cover;
  cursor: pointer;
  max-width: 120px;
  max-height: 120px;
  min-width: 50px;
  min-height: 50px; }

.lightleft {
  display: block;
  position: absolute;
  top: 50%;
  left: 20px;
  height: 6.3vw;
  width: 6.3vw;
  margin-top: -50px;
  background-size: cover;
  cursor: pointer;
  max-width: 120px;
  max-height: 120px;
  min-width: 50px;
  min-height: 50px; }

.lightright:after {
  content: "";
  display: block;
  position: absolute;
  top: calc(50% - 20px);
  left: calc(50% - 15px);
  height: 0;
  width: 0;
  border: 20px solid transparent;
  border-left: 33px solid rgba(255, 255, 255, 0.85);
  -webkit-transition: border-left 200ms, -webkit-transform 100ms;
  transition: border-left 200ms, -webkit-transform 100ms;
  -o-transition: border-left 200ms, transform 100ms;
  transition: border-left 200ms, transform 100ms;
  transition: border-left 200ms, transform 100ms, -webkit-transform 100ms; }

.lightleft:after {
  content: "";
  display: block;
  position: absolute;
  top: calc(50% - 20px);
  right: calc(50% - 15px);
  height: 0;
  width: 0;
  border: 20px solid transparent;
  border-right: 33px solid rgba(255, 255, 255, 0.85);
  -webkit-transition: border-right 200ms, -webkit-transform 100ms;
  transition: border-right 200ms, -webkit-transform 100ms;
  -o-transition: border-right 200ms, transform 100ms;
  transition: border-right 200ms, transform 100ms;
  transition: border-right 200ms, transform 100ms, -webkit-transform 100ms; }

.lightright:hover:after {
  border-left: 33px solid white;
  -webkit-transform: scale(1.1) translate(2px, 0);
  -ms-transform: scale(1.1) translate(2px, 0);
  transform: scale(1.1) translate(2px, 0); }

.lightleft:hover:after {
  border-right: 33px solid white;
  -webkit-transform: scale(1.1) translate(-2px, 0);
  -ms-transform: scale(1.1) translate(-2px, 0);
  transform: scale(1.1) translate(-2px, 0); }

#ApplicationForm p#AppResponsibilities,
#ApplicationForm p#AppResponsibilities span {
  text-align: left !important; }

@media screen and (max-width: 1250px) {
  .lightright,
  .lightleft {
    top: auto;
    bottom: 20px;
    -webkit-box-shadow: 0 0 0 2px #fff, 0 2px 12px -3px #000;
    box-shadow: 0 0 0 2px #fff, 0 2px 12px -3px #000; }
  .lightleft:hover:after,
  .lightright:hover:after {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none; } }

.videoTestimonialBanner h3 {
  font-size: 30px;
  padding: 1.2em 0; }

/* Moving the employees to the top on their respective pages */
#raisedTestimonyHolder {
  position: absolute;
  top: 150px;
  right: 70px;
  left: auto;
  width: 100px;
  padding-left: 145px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

#raisedTestimonyHolder .playButton {
  left: -145px;
  right: 145px; }

#raisedTestimonyHolder .playButton:after {
  content: "hear my story";
  position: absolute;
  left: 100%;
  width: 200px;
  top: 120px;
  font-size: 14px;
  color: rgba(255, 255, 255, 0.75); }

#raisedTestimonyHolder .playButton.forPause:after {
  content: "click to stop"; }

#raisedTestimonyHolder .vidTestimonyWrap {
  position: absolute;
  width: 100%;
  color: #fff;
  padding-top: 50%; }

#raisedTestimonyHolder .vidTestimonyWrap img,
#raisedTestimonyHolder .vidTestimonyWrap canvas {
  position: absolute;
  width: 140px;
  height: auto;
  color: #fff;
  left: -145px; }

#CarpentryJobsTrainingSEBodyID .featuredWork {
  height: 445px;
  overflow: hidden; }

#CarpentryJobsTrainingSEBodyID #FeaturedContainer {
  white-space: nowrap; }

#CarpentryJobsTrainingSEBodyID .featuredArrowLeft,
#CarpentryJobsTrainingSEBodyID .featuredArrowRight {
  bottom: calc(50% - 80px); }

#CarpentryJobsTrainingSEBodyID .featuredArrowLeft {
  background-image: url("/Content/images/Arrows_LeftOutline.png"); }

#CarpentryJobsTrainingSEBodyID .featuredArrowRight {
  background-image: url("/Content/images/Arrows_RightOutline.png"); }

.galleryBackButton {
  display: block;
  top: 362px;
  left: 2em;
  margin-left: 5em; }

.galleryBackButton a {
  color: #0a1d36;
  font-weight: bold;
  text-transform: uppercase; }

nav.homepageOnly .upperNavRow .drop:hover ul {
  display: block;
  max-width: 95%; }

nav.homepageOnly .upperNavRow .drop ul li.applyCTA {
  display: block; }

@media (min-width: 1040px) {
  nav.homepageOnly .upperNavRow .drop ul li.applyCTA {
    margin: 0 auto; } }

.heroHolder .right .labelHolder {
  bottom: -20px; }

.heroHolder .left .labelHolder {
  bottom: -20px; }

.CarpenterJobsYouthApprenticeSEBodyClass ol li::marker {
  font-weight: bold; }

.CarpenterJobsYouthApprenticeSEBodyClass ol li {
  line-height: 1.5em;
  margin-bottom: 1em; }

.CarpenterJobsYouthApprenticeSEBodyClass ol li strong {
  display: block;
  font-size: 110%; }

.wrapper {
  padding: calc(1em + 80px) calc(3em + 15px); }
  @media only screen and (max-width: 1300px) {
    .wrapper {
      padding: calc(1em + 60px) calc(3em + 15px); } }
  @media only screen and (max-width: 760px) {
    .wrapper {
      padding: calc(1em + 60px) 1em; } }
  @media only screen and (max-width: 640px) {
    .wrapper {
      padding: 10px 1em; } }
  .wrapper a {
    position: relative;
    text-decoration: none;
    border-bottom: 1px solid;
    display: inline-block;
    text-indent: 0;
    color: #cc0200; }
    .wrapper a:hover::before {
      right: 0;
      border-bottom: 3px solid; }
    .wrapper a::before {
      content: "";
      display: block;
      position: absolute;
      left: 0;
      right: 100%;
      top: 0;
      bottom: -1px;
      border-bottom: 0px solid transparent;
      -webkit-transition: right 200ms;
      -o-transition: right 200ms;
      transition: right 200ms; }

.fifty-fifty {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[2];
  grid-template-columns: repeat(2, 1fr);
  gap: 40px 25px; }
  @media only screen and (max-width: 1300px) {
    .fifty-fifty {
      -ms-grid-columns: (1fr)[1];
      grid-template-columns: repeat(1, 1fr); } }
  @media only screen and (max-width: 760px) {
    .fifty-fifty {
      text-align: center; } }
  @media only screen and (max-width: 640px) {
    .fifty-fifty {
      padding-bottom: 60px; } }
  @media only screen and (max-width: 500px) {
    .fifty-fifty {
      padding-bottom: 0px; } }
  @media only screen and (max-width: 364px) {
    .fifty-fifty {
      padding-bottom: 60px; } }
  .fifty-fifty .fifty-left {
    line-height: 1.6; }
    .fifty-fifty .fifty-left h2,
    .fifty-fifty .fifty-left h3,
    .fifty-fifty .fifty-left h4,
    .fifty-fifty .fifty-left h5,
    .fifty-fifty .fifty-left h6 {
      margin-top: 1.2em; }
    .fifty-fifty .fifty-left p {
      margin-top: 0.4em; }
    .fifty-fifty .fifty-left ul {
      padding-left: 1em;
      margin-block: 20px 40px;
      text-align: left; }
  .fifty-fifty .fifty-right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: end;
    line-height: 1.6; }
    @media only screen and (max-width: 1300px) {
      .fifty-fifty .fifty-right {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center; } }
    .fifty-fifty .fifty-right img {
      max-width: 670px;
      width: 100%; }

.gray-bg {
  background-color: #eeeeee; }
  .gray-bg > *:first-child {
    margin-top: 0 !important;
    padding-top: 0; }
  .gray-bg > *:last-child {
    margin-bottom: 0;
    padding-bottom: 0; }
  .gray-bg table {
    background-color: white; }

.white-bg {
  background-color: #fff; }

.content-padding {
  padding-block: clamp(40px, 5vw, 75px);
  padding-inline: clamp(25px, 6vw, 63px); }
  .content-padding h2 {
    margin-right: 0;
    font-family: "Agency", Impact, Helvetica, sans-serif;
    font-size: 40px;
    font-weight: bold;
    text-transform: uppercase;
    line-height: 1;
    text-align: left;
    padding-bottom: 20px; }

.heading-sm {
  font-family: "Agency", Impact, Helvetica, sans-serif;
  font-size: clamp(20px, 3vw, 28px) !important;
  font-weight: bold;
  text-transform: uppercase;
  color: #cc0200;
  text-decoration: none;
  -webkit-transition: color 100ms;
  -o-transition: color 100ms;
  transition: color 100ms; }

.split-img-layout {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  @media only screen and (max-width: 1200px) {
    .split-img-layout {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column; } }
  @media only screen and (max-width: 1200px) {
    .split-img-layout.rv-split {
      -webkit-box-orient: vertical;
      -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
      flex-direction: column-reverse; } }
  .split-img-layout.p-block {
    padding-block: clamp(40px, 5vw, 75px); }
    @media only screen and (max-width: 1200px) {
      .split-img-layout.p-block {
        padding-top: 0;
        gap: 30px; } }
    .split-img-layout.p-block .content-split {
      padding-block: 0; }
      .split-img-layout.p-block .content-split .styledTable {
        margin-block: 30px; }
  .split-img-layout .content-split {
    width: 50%;
    padding-inline: clamp(25px, 6vw, 63px);
    padding-block: clamp(40px, 5vw, 75px); }
    @media only screen and (max-width: 1200px) {
      .split-img-layout .content-split {
        width: 100%;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        margin: 0 auto; } }
    .split-img-layout .content-split > *:first-child {
      margin-top: 0;
      padding-top: 0; }
    .split-img-layout .content-split > *:last-child {
      margin-bottom: 0;
      padding-bottom: 0; }
    .split-img-layout .content-split.split-70 {
      width: 60%; }
      @media only screen and (max-width: 1200px) {
        .split-img-layout .content-split.split-70 {
          width: 100%; } }
    .split-img-layout .content-split.split-55 {
      width: 55%; }
      @media only screen and (max-width: 1200px) {
        .split-img-layout .content-split.split-55 {
          width: 100%; } }
    .split-img-layout .content-split h2 {
      margin-right: 0;
      padding-bottom: 20px;
      font-family: "Agency", Impact, Helvetica, sans-serif;
      font-size: 40px;
      font-weight: bold;
      text-transform: uppercase;
      line-height: 1;
      text-align: left; }
    .split-img-layout .content-split a {
      position: relative;
      text-decoration: none;
      border-bottom: 1px solid;
      display: inline-block;
      text-indent: 0;
      color: #cc0200; }
      .split-img-layout .content-split a:hover::after {
        right: 0;
        border-bottom: 3px solid; }
      .split-img-layout .content-split a::after {
        content: "";
        display: block;
        position: absolute;
        left: 0;
        right: 100%;
        top: 0;
        bottom: -1px;
        border-bottom: 0px solid transparent;
        -webkit-transition: right 200ms;
        -o-transition: right 200ms;
        transition: right 200ms; }
    .split-img-layout .content-split .container {
      margin-top: clamp(30px, 5vw, 60px); }
  .split-img-layout .img-split {
    position: relative;
    width: 50%; }
    @media only screen and (max-width: 1200px) {
      .split-img-layout .img-split {
        width: 100%;
        height: 32vw;
        max-height: 400px;
        min-height: 200px; } }
    .split-img-layout .img-split.split-70 {
      width: 60%; }
      @media only screen and (max-width: 1200px) {
        .split-img-layout .img-split.split-70 {
          width: 100%; } }
    .split-img-layout .img-split.split-45 {
      width: 45%; }
      @media only screen and (max-width: 1200px) {
        .split-img-layout .img-split.split-45 {
          width: 100%; } }
    .split-img-layout .img-split img {
      position: absolute;
      width: 100%;
      height: 100%;
      -o-object-fit: cover;
      object-fit: cover;
      -o-object-position: center;
      object-position: center; }
      @media only screen and (max-width: 1200px) {
        .split-img-layout .img-split img {
          -o-object-position: center 12%;
          object-position: center 12%; } }

.heading-med {
  font-size: clamp(20px, 3vw, 28px) !important;
  font-family: "Agency", Impact, Helvetica, sans-serif;
  font-weight: bold;
  text-transform: uppercase;
  color: #cc0200;
  text-decoration: none;
  -webkit-transition: color 100ms;
  -o-transition: color 100ms;
  transition: color 100ms; }

.wood-bg {
  background-image: url("/Content/images/woodBg.jpg");
  background-position: center;
  background-size: contain;
  background-repeat: round;
  background-attachment: fixed; }

.job-duties {
  padding-inline: clamp(25px, 6vw, 63px);
  padding-block: clamp(40px, 5vw, 75px); }
  .job-duties > *:first-child {
    margin-top: 0 !important;
    padding-top: 0; }
  .job-duties > *:last-child {
    margin-bottom: 0;
    padding-bottom: 0; }
  .job-duties .job-duty {
    background-color: white;
    border-radius: 10px;
    -webkit-box-shadow: 3px 2px 5px 0px rgba(0, 0, 0, 0.26);
    box-shadow: 3px 2px 5px 0px rgba(0, 0, 0, 0.26);
    padding: clamp(20px, 5vw, 40px); }
    .job-duties .job-duty:not(:last-child) {
      margin-bottom: clamp(30px, 5vw, 60px); }
    .job-duties .job-duty p strong {
      font-size: clamp(18px, 3vw, 24px);
      color: #142b4a; }

.service-slider-container {
  padding-inline: clamp(25px, 6vw, 63px);
  padding-block: clamp(40px, 5vw, 75px);
  margin-top: clamp(30px, 5vw, 60px);
  color: #0a1d36; }
  .service-slider-container > *:first-child {
    margin-top: 0 !important;
    padding-top: 0; }
  .service-slider-container > *:last-child {
    margin-bottom: 0;
    padding-bottom: 0; }
  .service-slider-container .text-wrap-container {
    max-width: 900px;
    text-wrap: balance; }
  .service-slider-container .heading-med {
    font-size: clamp(18px, 3vw, 24px);
    font-weight: 500; }
  .service-slider-container .service-slider {
    position: relative; }
    .service-slider-container .service-slider .swiper {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      padding-inline: 50px;
      gap: 20px; }
      .service-slider-container .service-slider .swiper::before, .service-slider-container .service-slider .swiper::after {
        content: "";
        position: absolute;
        background-color: #eeeeee;
        width: 50px;
        height: 100%;
        z-index: 2; }
      .service-slider-container .service-slider .swiper::before {
        left: 0; }
      .service-slider-container .service-slider .swiper::after {
        right: 0; }
      .service-slider-container .service-slider .swiper .swiper-btn-prev,
      .service-slider-container .service-slider .swiper .swiper-btn-next {
        position: relative;
        z-index: 4;
        cursor: pointer; }
      .service-slider-container .service-slider .swiper .swiper-wrapper .swiper-slide .service-item .img-wrap {
        position: relative;
        overflow: hidden;
        border-radius: 5px;
        height: 34vw;
        max-height: 316px;
        min-height: 200px; }
        .service-slider-container .service-slider .swiper .swiper-wrapper .swiper-slide .service-item .img-wrap img {
          position: absolute;
          width: 100%;
          height: 100%;
          -o-object-fit: cover;
          object-fit: cover;
          -o-object-position: center;
          object-position: center; }
      .service-slider-container .service-slider .swiper .swiper-wrapper .swiper-slide .service-item .text-wrap {
        margin-top: clamp(20px, 3vw, 30px);
        text-align: center;
        font-size: clamp(18px, 3vw, 24px);
        font-weight: bold; }

.item-grid {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[4];
  grid-template-columns: repeat(4, 1fr);
  -webkit-column-gap: clamp(30px, 4vw, 80px);
  column-gap: clamp(30px, 4vw, 80px);
  row-gap: 30px;
  margin-top: 30px; }
  @media only screen and (max-width: 1450px) {
    .item-grid {
      -ms-grid-columns: (1fr)[2];
      grid-template-columns: repeat(2, 1fr); } }
  @media only screen and (max-width: 700px) {
    .item-grid {
      -ms-grid-columns: (1fr)[1];
      grid-template-columns: repeat(1, 1fr); } }
  .item-grid .img-wrap {
    position: relative;
    max-height: 320px;
    height: 24vw;
    min-height: 200px; }
    .item-grid .img-wrap img {
      position: absolute;
      width: 100%;
      height: 100%;
      -o-object-fit: cover;
      object-fit: cover;
      -o-object-position: center 25%;
      object-position: center 25%; }
  .item-grid .text-wrap h3 {
    text-align: center;
    margin-top: 15px;
    font-size: clamp(18px, 3vw, 24px);
    margin-bottom: 15px; }
  .item-grid .text-wrap a {
    position: relative;
    text-decoration: none;
    border-bottom: 1px solid;
    display: inline-block;
    text-indent: 0;
    color: #cc0200; }
    .item-grid .text-wrap a:hover::after {
      right: 0;
      border-bottom: 3px solid; }
    .item-grid .text-wrap a::after {
      content: "";
      display: block;
      position: absolute;
      left: 0;
      right: 100%;
      top: 0;
      bottom: -1px;
      border-bottom: 0px solid transparent;
      -webkit-transition: right 200ms;
      -o-transition: right 200ms;
      transition: right 200ms; }

.carpenterJobsContentSplit {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 5fr;
  grid-template-columns: 1fr 5fr;
  gap: 100px;
  padding-inline: clamp(25px, 6vw, 63px);
  padding-block: clamp(40px, 5vw, 75px);
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }
  @media only screen and (max-width: 1150px) {
    .carpenterJobsContentSplit {
      -ms-grid-columns: 1fr;
      grid-template-columns: 1fr;
      gap: 20px;
      text-align: center; }
      .carpenterJobsContentSplit h2 {
        text-align: center !important; } }
  .carpenterJobsContentSplit h2 {
    margin-right: 0;
    padding-bottom: 10px;
    font-family: "Agency", Impact, Helvetica, sans-serif;
    font-size: 40px;
    font-weight: bold;
    text-transform: uppercase;
    line-height: 1;
    text-align: left; }
    .carpenterJobsContentSplit h2:last-of-type {
      padding-bottom: 0; }
  .carpenterJobsContentSplit .awardWinningP {
    margin-top: 35px;
    color: #0d1c30;
    font-style: italic;
    font-weight: bold; }

.carpenterJobHR {
  margin-inline: clamp(25px, 6vw, 63px);
  border: none;
  background: #e3e3e3;
  height: 3px; }

.carpenterAwards {
  padding-inline: clamp(25px, 6vw, 63px);
  padding-block: clamp(40px, 5vw, 75px);
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[4];
  grid-template-columns: repeat(4, 1fr);
  gap: 13px; }
  @media only screen and (max-width: 1450px) {
    .carpenterAwards {
      -ms-grid-columns: (1fr)[3];
      grid-template-columns: repeat(3, 1fr); } }
  @media only screen and (max-width: 1150px) {
    .carpenterAwards {
      -ms-grid-columns: (1fr)[2];
      grid-template-columns: repeat(2, 1fr); } }
  @media only screen and (max-width: 640px) {
    .carpenterAwards {
      -ms-grid-columns: (1fr)[1];
      grid-template-columns: repeat(1, 1fr); } }
  .carpenterAwards div {
    background: #f2f2f2;
    border-radius: 8px;
    padding: 24px;
    color: #0d1c30;
    font-weight: bold;
    font-size: 18px; }
    .carpenterAwards div a {
      color: #0d1c30;
      text-decoration: none; }
    .carpenterAwards div h4 {
      border-bottom: 3px solid #e3e3e3;
      padding-bottom: 10px;
      margin-bottom: 10px;
      font-size: 22px;
      font-weight: 900; }
    .carpenterAwards div img {
      max-width: 100%;
      margin-bottom: 10px; }

/* Updated Carpenter Jobs */
body.geoJobsClass {
  background: none; }
  body.geoJobsClass #main {
    padding-top: 140px !important; }

.geoImageBar img {
  max-width: 100%;
  height: auto; }

.geoBanner {
  background: url(/Content/images/geoBanners.jpg) top center no-repeat;
  height: 680px;
  color: #FFF;
  display: -ms-grid;
  display: grid;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }
  @media only screen and (max-width: 640px) {
    .geoBanner {
      padding: 100px 5%;
      width: 90%;
      background: url(/Content/images/geoBanners.jpg) bottom center no-repeat #142537;
      height: auto; } }
  .geoBanner .content.lower-container {
    max-width: 1110px;
    width: 100%;
    margin: 0 auto;
    text-align: center; }
    @media only screen and (max-width: 1300px) {
      .geoBanner .content.lower-container {
        padding: 0 5%;
        width: 90%; } }
    .geoBanner .content.lower-container h1 {
      color: #FFF;
      display: block;
      width: 100%;
      text-align: center;
      font-size: 60px;
      margin: 0;
      padding: 5px 0;
      letter-spacing: 1px; }
      @media only screen and (max-width: 1300px) {
        .geoBanner .content.lower-container h1 {
          font-size: 40px; } }
    .geoBanner .content.lower-container h2 {
      color: #FFF;
      display: block;
      width: 100%;
      text-align: center;
      font-size: 60px;
      margin: 0;
      padding: 5px 0;
      letter-spacing: 1px; }
      @media only screen and (max-width: 1300px) {
        .geoBanner .content.lower-container h2 {
          font-size: 40px; } }
    .geoBanner .content.lower-container h3 {
      color: #FFF;
      display: block;
      width: 100%;
      text-align: center;
      font-size: 32px;
      margin: 0;
      padding: 5px 0;
      letter-spacing: 1px;
      font-family: "Agency", Impact, Helvetica, sans-serif; }
      @media only screen and (max-width: 1300px) {
        .geoBanner .content.lower-container h3 {
          font-size: 25px; } }
    .geoBanner .content.lower-container h4 {
      color: #FFF;
      background: #ff1c1c;
      font-family: "Agency", Impact, Helvetica, sans-serif;
      font-size: 29px;
      text-transform: uppercase;
      margin: 0;
      padding: 8px 35px;
      letter-spacing: 0.8px;
      display: inline-block; }
      @media only screen and (max-width: 1300px) {
        .geoBanner .content.lower-container h4 {
          font-size: 20px; } }
    .geoBanner .content.lower-container p {
      letter-spacing: 1px;
      line-height: 2em;
      margin: 25px 0; }
    .geoBanner .content.lower-container .jobButtons {
      width: 100%;
      margin: 0 auto;
      max-width: 670px;
      display: -ms-grid;
      display: grid;
      -ms-grid-columns: 1fr 1.5fr 1fr;
      grid-template-columns: 1fr 1.5fr 1fr;
      text-transform: uppercase;
      color: #FFF;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center; }
      @media only screen and (max-width: 640px) {
        .geoBanner .content.lower-container .jobButtons {
          -ms-grid-columns: 1fr;
          grid-template-columns: 1fr;
          gap: 20px; } }
      .geoBanner .content.lower-container .jobButtons a {
        color: #FFF;
        font-weight: bold;
        display: inline-block;
        text-decoration: underline;
        border: none;
        letter-spacing: 1px;
        -webkit-transition: all 0.25s ease;
        -o-transition: all 0.25s ease;
        transition: all 0.25s ease;
        font-size: 20px; }
        .geoBanner .content.lower-container .jobButtons a:hover {
          color: #ff1c1c;
          -webkit-transition: all 0.25s ease;
          -o-transition: all 0.25s ease;
          transition: all 0.25s ease; }
        .geoBanner .content.lower-container .jobButtons a:before, .geoBanner .content.lower-container .jobButtons a:after {
          border: none; }
      .geoBanner .content.lower-container .jobButtons .applyBtn {
        background: #FFF;
        color: #000;
        padding: 22px 55px;
        text-decoration: none;
        border-radius: 7px; }
        .geoBanner .content.lower-container .jobButtons .applyBtn:hover {
          background: #ff1c1c;
          -webkit-transition: all 0.25s ease;
          -o-transition: all 0.25s ease;
          transition: all 0.25s ease;
          color: #FFF; }

.content.contentGeoSplit {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 25% 75%;
  grid-template-columns: 25% 75%;
  gap: 2%;
  margin: 30px 0;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }
  @media only screen and (max-width: 1300px) {
    .content.contentGeoSplit {
      -ms-grid-columns: (1fr)[1];
      grid-template-columns: repeat(1, 1fr); } }
  .content.contentGeoSplit h2 {
    display: block;
    font-size: 60px;
    line-height: 1.2em;
    letter-spacing: 1px;
    width: 100%;
    margin: 0;
    padding: 0; }

.availableCarpentryGrid {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[3];
  grid-template-columns: repeat(3, 1fr);
  gap: 25px; }
  @media only screen and (max-width: 1300px) {
    .availableCarpentryGrid {
      -ms-grid-columns: (1fr)[2];
      grid-template-columns: repeat(2, 1fr); } }
  @media only screen and (max-width: 850px) {
    .availableCarpentryGrid {
      -ms-grid-columns: (1fr)[1];
      grid-template-columns: repeat(1, 1fr); } }
  .availableCarpentryGrid .availableJobBlock {
    background: #f2f2f2;
    border-radius: 5px;
    padding: 30px 42px; }
    .availableCarpentryGrid .availableJobBlock h4 {
      color: #0d1c30;
      font-size: 20px;
      letter-spacing: 1px;
      margin: 0;
      padding: 0 0 5px; }
    .availableCarpentryGrid .availableJobBlock p {
      margin: 0;
      padding: 0;
      letter-spacing: 1px;
      line-height: 1.5em; }
      .availableCarpentryGrid .availableJobBlock p a {
        font-weight: bold;
        color: #ff1c1c; }

.jobreqQualifSection.content h2 {
  margin: 60px 0 20px;
  text-align: center;
  display: block;
  width: 100%; }

.jobreqQualifSection.content .jobRequirementsInfo3Set {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 14px;
  letter-spacing: 0.5px; }
  @media only screen and (max-width: 1300px) {
    .jobreqQualifSection.content .jobRequirementsInfo3Set {
      -ms-grid-columns: (1fr)[1];
      grid-template-columns: repeat(1, 1fr); } }
  .jobreqQualifSection.content .jobRequirementsInfo3Set div {
    background: #f2f2f2;
    border-radius: 5px;
    padding: 30px 42px; }
    .jobreqQualifSection.content .jobRequirementsInfo3Set div h4 {
      color: #142b4a;
      margin-bottom: 0; }
    .jobreqQualifSection.content .jobRequirementsInfo3Set div ul {
      list-style-type: disc;
      margin: 0;
      padding-top: 5px; }
      .jobreqQualifSection.content .jobRequirementsInfo3Set div ul li {
        margin: 0 0 0 5px;
        padding: 5px 0;
        font-size: 17px;
        letter-spacing: 1px; }
        .jobreqQualifSection.content .jobRequirementsInfo3Set div ul li:before {
          display: none; }

.jobreqQualifSection.content .drivingDirectionsBlock {
  background: #f2f2f2;
  border-radius: 5px;
  padding: 30px 42px;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 100px;
  margin: 14px 0;
  letter-spacing: 0.5px; }
  @media only screen and (max-width: 1300px) {
    .jobreqQualifSection.content .drivingDirectionsBlock {
      -ms-grid-columns: (1fr)[1];
      grid-template-columns: repeat(1, 1fr);
      gap: 30px; } }
  .jobreqQualifSection.content .drivingDirectionsBlock ol li {
    margin: 8px 0 8px 10px; }
  .jobreqQualifSection.content .drivingDirectionsBlock h4 {
    color: #142b4a;
    margin-bottom: 0; }
  .jobreqQualifSection.content .drivingDirectionsBlock iframe {
    width: 100%; }

.availableCarpentryJobsSpan {
  font-size: 25PX;
  border-bottom: 2px solid #e3e3e3;
  display: block;
  padding-bottom: 10px;
  margin-bottom: 30px; }

#alertBannerSection {
  margin: 0;
  text-align: center;
  background: #0a1d36;
  color: #FFF;
  padding: 20px calc(3rem + 15px); }
  #alertBannerSection span {
    max-width: 1000px;
    margin: 0 auto; }

.updatedBenefitsBanner {
  display: -ms-grid;
  display: grid;
  place-items: center;
  text-align: center;
  min-height: 1000px;
  height: auto;
  color: #fff;
  overflow: hidden;
  margin-top: 30px;
  background: url(/Content/images/newBenefitsBG.jpg) bottom center no-repeat #050b17;
  background-size: cover;
  padding-bottom: 50px;
  z-index: 1;
  text-align: center; }
  @media only screen and (max-width: 1200px) {
    .updatedBenefitsBanner {
      background: #050b17;
      padding: 100px 50px; } }
  .updatedBenefitsBanner .benefitsInner {
    width: 100%; }
  .updatedBenefitsBanner h2 {
    letter-spacing: 2px;
    margin-bottom: 20px;
    font-family: "Agency", Impact, Helvetica, sans-serif;
    font-size: 80px;
    font-weight: bold;
    text-transform: uppercase; }
    @media only screen and (max-width: 1000px) {
      .updatedBenefitsBanner h2 {
        font-size: 50px; } }
    @media only screen and (max-width: 500px) {
      .updatedBenefitsBanner h2 {
        font-size: 40px; } }
  .updatedBenefitsBanner p {
    font-size: 15px !important;
    max-width: 1580px;
    margin: 20px auto;
    line-height: 1.55em; }
  .updatedBenefitsBanner .fourPackSection {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (1fr)[4];
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
    margin: 80px 0 0; }
    @media only screen and (max-width: 1200px) {
      .updatedBenefitsBanner .fourPackSection {
        -ms-grid-columns: (1fr)[2];
        grid-template-columns: repeat(2, 1fr); }
        .updatedBenefitsBanner .fourPackSection div {
          max-width: 100% !important; } }
    @media only screen and (max-width: 1000px) {
      .updatedBenefitsBanner .fourPackSection {
        -ms-grid-columns: (1fr)[1];
        grid-template-columns: repeat(1, 1fr); }
        .updatedBenefitsBanner .fourPackSection div {
          margin: 50px auto; } }
    .updatedBenefitsBanner .fourPackSection div {
      max-width: 330px;
      text-align: center;
      margin: 0 auto; }
      .updatedBenefitsBanner .fourPackSection div p {
        padding: 0 15px;
        line-height: 1.55em; }
      .updatedBenefitsBanner .fourPackSection div h4 {
        font-size: 18px;
        margin: 20px auto 10px;
        line-height: 1.3em;
        max-width: 224px;
        letter-spacing: 0.5px; }

.reviews-slider {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  padding-block: 2.5em;
  overflow: visible !important; }
  .reviews-slider .swiper-wrapper {
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }
    .reviews-slider .swiper-wrapper .swiper-slide {
      height: auto; }
    .reviews-slider .swiper-wrapper .employee-review {
      background: #efefef;
      border-radius: 10px;
      padding: clamp(20px, 2.6vw, 40px);
      -webkit-box-shadow: 0 0 10px rgba(175, 175, 175, 0.5);
      box-shadow: 0 0 10px rgba(175, 175, 175, 0.5);
      -webkit-box-sizing: border-box;
      box-sizing: border-box; }
      .reviews-slider .swiper-wrapper .employee-review .additional-content p {
        line-height: 1.7;
        font-size: 14px;
        margin-bottom: 20px; }

.employee-review-wrapper {
  margin-top: 30px; }
  .employee-review-wrapper h2 {
    margin-bottom: 30px; }
  .employee-review-wrapper .swiper-button-prev,
  .employee-review-wrapper .swiper-button-next {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    place-items: center;
    background-color: #0a1d36 !important;
    border-radius: 50%;
    height: 36px;
    width: 36px;
    -webkit-transition: 0.3s all ease;
    -o-transition: 0.3s all ease;
    transition: 0.3s all ease; }
    .employee-review-wrapper .swiper-button-prev:after,
    .employee-review-wrapper .swiper-button-next:after {
      -webkit-transform: scale(0.35);
      -ms-transform: scale(0.35);
      transform: scale(0.35);
      -webkit-filter: brightness(0) invert(100%);
      filter: brightness(0) invert(100%); }
  .employee-review-wrapper .swiper-button-prev {
    left: -30px; }
    @media screen and (max-width: 760px) {
      .employee-review-wrapper .swiper-button-prev {
        left: 0; } }
  .employee-review-wrapper .swiper-button-next {
    right: -30px; }
    @media screen and (max-width: 760px) {
      .employee-review-wrapper .swiper-button-next {
        right: 0; } }

.padding-inline {
  padding-inline: clamp(40px, 5vw, 75px); }
  .padding-inline .employee-review-wrapper {
    padding-block: 30px; }