/*
Theme Name: Quality Metal Stamping
Theme URI: http://bramblettgrp.com
Author: Bramblett Group
Author URI: http://bramblettgrp.com
Description: Responsive website theme for Quality Metal Stamping
Version: 1.1.3
License: GNU General Public License
License URI: https://www.gnu.org/licenses/gpl.html
*/

@import url('https://fonts.googleapis.com/css?family=Roboto:100,300,300i,400,700,900');
@import url('https://fonts.googleapis.com/css?family=Saira+Semi+Condensed:100,300,400,700,900&display=swap');
@import url('https://fonts.googleapis.com/css?family=Nunito+Sans:200,300,400');
@font-face {
    font-family: 'NunitoSans';
    src: url('font/NunitoSans-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'NunitoSans-Light';
    src: url('font/NunitoSans-ExtraLight.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}


/*
@font-face {
    font-family: 'Saira Semi Condensed', sans-serif;
    src: url('font/Roboto-Black.ttf') format('truetype');

font-weight: normal;
font-style: normal;

}
*/

html,
body {
    height: 100%;
    background-color: #333333;
    color: #ffffff;
    font-family: 'NunitoSans-Light';
    font-size: 16px;
}

h1,
h2,
h3,
h4,
h5 {
    font-family: 'NunitoSans-Light'
}

h1 {
    font-size: 2rem;
}

p {
    font-family: 'NunitoSans-Light'
}

.NunitoSans-Light {
    font-family: 'NunitoSans-Light'
}

.NunitoSans {
    font-family: 'NunitoSans'
}

.Roboto-Black {
    font-family: 'Saira Semi Condensed', sans-serif;
}

.custom-width {
    width: 100%;
}

.custom-height {
    height: 100%
}

.carousel,
.item,
.active {
    height: 100%;
}

.carousel-inner {
    height: 100%;
}

.carousel-caption {
    z-index: 10;
}

.carousel .item {
    background-color: #333;
}

.transparent {
    background-color: transparent !important;
}

.carousel .carousel-inner .bg {
    background-repeat: no-repeat;
    background-size: cover;
    /*background-image: url('img/carousel.jpg');
    background-position: center;*/
}

.skew {
    position: absolute;
    width: 1vw;
    height: 100vw;
    bottom: -15%;
    left: 10%;
    transform: rotate(12deg);
    border-bottom: 3vw solid transparent;
    border-left: 25vw solid rgba(5, 88, 20, .65);
}

.skewDiv {
    height: 10vw;
    width: 26vw;
    border-bottom: 8vw solid rgba(20, 20, 20, 0.856);
    border-left: 2vw solid transparent;
    border-top: 4vw solid transparent;
    margin-left: 3%;
}

.skewDivWords {
    font-family: 'NunitoSans'
}

.skewDiv p {
    font-size: 2vw;
    text-align: right;
    padding: 2.5%;
}

.parallax {
    /* The image used */
    /* Full height */
    height: 30vw;
    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.parallax-head {
    color: #fff;
    /* #079F2C;*/
    font-size: 10vw;
    margin-top: -30vw;
    text-align: center;
    background-color: rgba(0, 0, 0, .40);
    /* was .65 */
    height: 30vw;
    line-height: 30vw;
    width: 100%;
    font-family: 'Saira Semi Condensed', sans-serif;
    letter-spacing: 5px;
    text-transform: uppercase;
}

.letter-space {
    letter-spacing: 3px;
}

.parallax-contain {
    background-color: #333333;
}

.carousel-transparent {
    width: 100%;
    height: 67vw;
    position: absolute;
    top: 0;
    background-color: rgba(20, 20, 20, 0.438);
}

.nameTitle {
    font-size: 3.2vw;
    width: 100%;
    margin-left: -40.5%;
    margin-bottom: -6%;
    font-family: 'NunitoSans';
    font-weight: 600;
    letter-spacing: 2px;
}

.homepage-Sliders img {
    display: block;
    width: 100%;
    height: auto;
}

.trans-overlay-homePage {
    height: 22vw;
    background-color: rgba(0, 44, 11, 0.664);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    transition: all .2s ease-in-out;
}

.trans-overlay-homePage-text {
    text-align: center;
    width: inherit;
    font-size: 2vw;
    margin-left: auto;
    margin-right: auto;
    margin-top: 25%;
    font-weight: 300;
    transition: all .1s ease-in-out;
    letter-spacing: 3px;
    white-space: nowrap;
    border-style: solid;
    border-width: 2px;
    width: 20vw;
    padding: 2%;
}

.overlay-homePage {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    overflow: hidden;
    width: 100%;
    height: 65.5%;
    transition: all .2s ease-in-out;
    opacity: 0;
}

.homepage-Sliders:hover .overlay-homePage {
    background-color: rgba(162, 162, 162, 1.0);
    opacity: 1;
}

.homepage-Sliders:hover .trans-overlay-homePage {
    background-color: rgba(162, 162, 162, 1.0);
    opacity: 1;
}

.homepage-Sliders:hover .trans-overlay-homePage-text {
    background-color: rgba(162, 162, 162, 1.0);
    margin-top: 7%;
}

.text-homePage {
    color: rgb(38, 41, 39);
    font-size: 20px;
    position: absolute;
    top: 45%;
    left: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    text-align: center;
    font-size: 16px;
    line-height: 120%;
    width: 80%;
}

.tsmp-container {
    margin-top: 80px;
}

.tsmp {
    color: white;
    text-align: center;
    margin-left: 10px;
    margin-right: 10px;
}

.tsmp h2 {
    font-weight: 100;
}

.tsmp-desc {
    padding-left: 10%;
    padding-right: 10%;
    font-weight: 100;
}

.tsmp img {
    height: 25vw;
    width: 100%;
}

.tsmp-staggered img {
    height: 30vw;
    width: 100%;
}

.ccqp-container {
    margin-top: 80px;
}

.ccqp {
    color: #333333;
    text-align: center;
    margin-left: 10px;
    margin-right: 10px;
    background-color: #B1B1B1;
    /* #079F2C;*/
    height: 200%;
}

.ccqp p {
    padding-left: 25%;
    padding-right: 25%;
    padding-bottom: 15px;
}

.ccqp img {
    height: 400px;
    width: 100%;
}

.ccqp-staggered {
    background-color: rgba(162, 162, 162, 1.0);
    height: 200%;
}

.ccqp-staggered img {
    height: 500px;
    width: 100%;
}

.mid-line {
    width: 90%;
    border-top-color: #ffffff;
    margin-top: 60px;
}

.promise {
    margin-top: 2%;
    margin-bottom: 8%;
    padding-left: 15%;
    padding-right: 15%;
    color: white;
    text-align: center;
}

.promise img {
    margin-top: 1rem;
    height: 100px;
    width: 200px;
    margin-right: 30px;
}

footer {
    background-color: #111;
}

.footer-logo-box {
    width: 100%;
    height: 100px;
    margin-top: 40px;
}

.footer-logo {
    width: 150px;
    height: 90px;
    display: block;
    margin: auto;
}

.line {
    width: 100%;
    border-bottom: #b1b1b1;
    /*#ffffff;*/
    border-width: 1px;
    border-style: solid;
}

.logo-margin {
    margin-top: -43px;
    width: 181px;
    height: 90px;
    margin-left: auto;
    margin-right: auto;
    background-color: #111;
}

.footer-container {
    background: #111;
    color: #b1b1b1;
    padding-left: 5%;
    padding-right: 5%;
    width: 100%;
}

.footer-container h2 {
    margin-bottom: 50px;
    color: #b1b1b1;
    /*#079F2C;*/
    width: 100%;
}

.engineering {
    /*padding-right: 20%;*/
    margin: 0 auto;
    width: 100%;
}

@media only screen and (min-width: 57em) {
    .engineering {
        margin: 0;
    }
}

.flag-container {
    position: relative;
    width: 100%;
    max-width: 200px;
    margin: 0 auto;
}

.flag-container::before {
    content: "";
    display: block;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
}

@media only screen and (min-width: 57em) {
    .flag-container {
        max-width: none;
        margin: 0;
    }
    .flag-container::before {
        padding-bottom: 66%;
    }
}

.flag {
    /*width: 200px;
    height: 100px;
    margin-right: 10px;
    float: left;*/
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: auto;
    opacity: 0.7;
}

.footerC li {
    list-style: none;
    line-height: 2em;
}

.footerC a:link {
    /* Applies to all unvisited links */
    text-decoration: none;
    color: #ffffff;
}

.footerC a:visited {
    /* Applies to all visited links */
    text-decoration: none;
    color: #b1b1b1;
}

.footerC a:hover {
    /* Applies to links under the pointer */
    text-decoration: underline;
    color: #b1b1b1;
}

.footerC a:active {
    /* Applies to activated links */
    text-decoration: underline;
    color: #b1b1b1;
}

.social {
    width: 20px;
    float: left;
    margin-right: 48px;
    display: block;
    font-size: 30px;
}

.foot {
    text-align: center;
    padding-bottom: 20px;
}

.markets-container {
    margin-top: 25px;
}

.marketsPreface {
    padding: 70px 0;
    text-align: center;
    font-size: 1.5vw;
    width: 65%;
    margin-right: auto;
    margin-left: auto;
}

.gridPic-markets {
    width: 100%;
    height: 100%;
    background-size: 100% 100%;
}

.slider-markets {
    width: 100%;
    height: 100%;
    background: #079F2C;
    opacity: .8;
    color: #ffffff;
    font-size: 26px;
    text-align: center;
    line-height: 27vw;
    font-family: 'NunitoSans-Light'
}

.gridPic-markets:hover .slider-markets {
    text-align: justify;
    color: #000000;
    opacity: 0;
}

.marketsCarousel {
    width: 100%;
    height: 30vw !important;
    min-height: 300px;
}

.carouselTestimonial {
    padding: 70px 0;
    text-align: center;
    font-size: 1.5vw;
    width: 65%;
    margin-right: auto;
    margin-left: auto;
}

.testimonialPreface {
    padding: 70px 0;
    text-align: center;
    font-size: 2vw;
    width: 100%;
    margin-right: auto;
    margin-left: auto;
}

.testimonialPreface h1 {
    font-size: 4vw;
}

.news {
    padding: 4vw 15vw 0vw 15vw;
}

.news-top h3 {
    color: #079F2C;
    font-size: 2vw;
}

.news-top p {
    color: #ffffff;
    font-size: 1.5vw;
    margin-top: 2vw;
}

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

.news-middle h3 {
    color: #ffffff;
    font-size: 2vw;
    text-align: center;
}

.news-middle p {
    color: #ffffff;
    font-size: 1.5vw;
    margin-top: 2vw;
}

.green {
    color: #fff;
    /*#079F2C;*/
    font-family: 'Saira Semi Condensed', sans-serif;
    text-decoration: none;
}

a.green {
    text-decoration: underline;
}

a.green:hover {
    color: #b1b1b1;
    /*#079F2C;*/
    text-decoration: underline;
}

.green-line {
    margin: 5vw 0 0 0;
    border-width: 2px;
    border-bottom-style: solid;
    border-bottom-color: #b1b1b1;
    /*#079F2C;*/
}

.news-bottom {
    padding-bottom: 10vw;
}

.news-bottom h3 {
    color: #ffffff;
    font-size: 2vw;
    text-align: center;
}

.news-bottom p {
    color: #ffffff;
    font-size: 1.5vw;
    margin-top: 2vw;
}

.contact {
    padding: 4vw 15vw 0vw 15vw;
}

.contact-content {
    color: #ffffff;
    font-size: 1.5vw;
    text-align: center;
}

.contact-content p {
    font-size: 1.8vw;
}

.contact-social {
    width: 100%;
    font-size: 30px;
    text-align: center;
}

.logo-contain {
    width: 20%;
    margin: 5vw auto;
    text-align: center;
}

.phone-icon {
    margin-bottom: 25px;
    transform: rotateY(180deg);
}

.content-contain {
    width: 80%;
    margin: 4vw auto;
}

.content-contain h2 {
    color: #b1b1b1;
    /*#079F2C;*/
    font-size: 2vw;
    text-align: center;
}

.content-contain p {
    font-size: 1.2vw;
    text-align: center;
}

.center {
    text-align: center;
    margin: 4vw auto;
}

.center p {
    margin-top: .5vw;
}

.contact-info-contain {
    width: 60%;
    margin: 4vw auto;
}

.contact-info-contain h2 {
    color: #ffffff;
    font-size: 2vw;
    text-align: center;
}

.contact-info {
    margin: 5vw 0;
}

.contact-info p {
    text-align: left;
    font-size: 1.2vw;
    padding-left: 5vw;
}

.emails {
    color: #079F2C;
}

.history-container {
    margin-top: 80px;
}

.history {
    color: white;
    text-align: center;
}

.history p {
    background-color: #B1B1B1;
    color: #333333;
    padding: 1vw 5vw;
    text-align: center;
    font-size: 1.6vw;
}

.staggeredOne img {
    height: 28vw;
    width: 100%;
}

.staggeredTwo img {
    height: 34vw;
    width: 100%;
}

.staggeredTwo p {
    background-color: #ffffff;
}

.staggeredThree img {
    height: 24vw;
    width: 100%;
}

.staggeredFour img {
    height: 32vw;
    width: 100%;
}

.staggeredFour p {
    background-color: #079F2C;
}

.history p {
    padding-left: 10%;
    padding-right: 10%;
}

.history-content {
    margin: 7vw auto;
    padding: 0 10vw;
}

.history-content p {
    margin: 2vw 0;
    font-size: 1.2vw;
}

.capability {
    padding: 4vw 15vw 0vw 15vw;
}

.capability-content {
    color: #ffffff;
    font-size: 1.5vw;
    text-align: center;
}

.capability-content h2 {
    font-size: 4vw;
    margin-bottom: 4vw;
}

.capability-content p {
    font-size: 22px;
    width: 90%;
    margin-right: auto;
    margin-left: auto;
}

.capability-grid {
    margin: 4vw 0;
}

.row-centered {
    text-align: center;
}

@media (min-width: 992px) {
    .row-centered [class*="col-"] {
        display: inline-block !important;
        float: none !important;
        margin-right: -4px;
        vertical-align: top;
    }
}

.capability-grid img {
    width: 100%;
    height: 100%;
}

.capabilities {
    padding: 4vw 15vw 0vw 15vw;
}

.capabilities-content {
    color: #ffffff;
    font-size: 1.5vw;
    text-align: center;
}

.gridPic-capabilities img {
    display: block;
    width: 100%;
    height: auto;
}

.trans-overlay-capabilities {
    height: 35%;
    background-color: rgba(7, 159, 44, .86);
    width: 100%;
    bottom: 0;
    position: absolute;
    transition: all .2s ease-out 0.1s;
}

.trans-overlay-text {
    text-align: center;
    font-size: 1.5vw;
    padding-top: 6%;
    width: 35%;
    height: 100%;
    margin-left: auto;
    margin-right: auto;
}

.trans-overlay-text-special {
    text-align: center;
    font-size: 1.5vw;
    padding-top: 2%;
    width: 36%;
    height: 100%;
    margin-left: auto;
    margin-right: auto;
}

.overlay-capabilities {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    background-color: rgb(47, 145, 33);
    overflow: hidden;
    width: 100%;
    height: 65.5%;
    transition: .2s ease-in;
    opacity: 0;
}

.gridPic-capabilities:hover .overlay-capabilities {
    background-color: rgba(47, 145, 33, 1.0);
    opacity: 1;
}

.gridPic-capabilities:hover .trans-overlay-capabilities {
    background-color: rgba(47, 145, 33, 1.0);
}

.text-capabilities {
    color: #262927;
    font-size: 16px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    text-align: center;
    width: 100%;
    padding: 3%;
}

.employment-container {
    margin-top: 80px;
}

.employment {
    color: white;
    text-align: center;
    overflow: hidden;
}

.image-row-container {
    max-width: 100%;
}

.employment p {
    color: #ffffff;
    padding: 1vw 15vw;
    text-align: center;
    font-size: 1.6vw;
}

.employment-background {
    height: 10vw;
    width: 500px;
    border-bottom: 129px solid rgba(47, 145, 33, 1);
    border-left: 32px solid transparent;
    border-top: 50px solid transparent;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 40px;
}

.job-listing {
    width: 70%;
    margin: 5vw auto;
    text-align: center
}

.job-listing p {
    padding: 0 10vw;
}

.job-title {
    margin-bottom: 20px;
}

.employment-jobs {
    font-size: 22px;
    font-family: 'NunitoSans-Light';
}

.button-special {
    color: #ffffff;
    background-color: rgba(0, 44, 11, 0);
    font-size: 36px;
    margin-left: auto;
    margin-right: auto;
    letter-spacing: 3px;
    white-space: nowrap;
    border-style: solid;
    border-width: 2px;
    width: 320px;
    padding: 10px;
    position: absolute;
    left: 0;
    right: 0;
    margin-top: 23px;
    text-align: center;
}

.button-special:hover {
    background-color: #ffffff;
    color: #079F2C;
    border-color: #ffffff;
    font-style: normal;
    text-decoration: none;
}

.submit-button {
    color: #ffffff;
    background-color: rgba(0, 44, 11, 0);
    border-style: solid;
    border-width: .1vw;
    position: absolute;
    width: 14%;
    padding: 0.5%;
    margin-top: 2.2%;
    margin-left: -7.5%;
    font-size: 36px;
    text-align: center;
}

.submit-button:hover {
    background-color: #ffffff;
    color: #079F2C;
    border-color: #ffffff;
    font-style: normal;
    text-decoration: none;
}

.submit-background {
    height: 10vw;
    width: 30vw;
    border-bottom: 8vw solid rgba(47, 145, 33, 1);
    border-left: 2vw solid transparent;
    border-top: 4vw solid transparent;
    margin-left: auto;
    margin-right: auto;
    padding-left: 14%;
    padding-bottom: 0.8%;
    margin-bottom: 5%;
}

.apply-button {
    color: /*#079F2C;*/
    #b1b1b1;
    margin: 1vw auto;
    font-size: 24px;
    font-family: 'Saira Semi Condensed', sans-serif;
    text-decoration: underline;
}

.apply-button:hover {
    text-decoration: underline;
    color: rgba(177, 177, 177, 1.0);
}

.application-form {
    width: 60%;
    margin-right: auto;
    margin-left: auto;
    text-align: center
}

.application-form div {
    margin: .7%;
}

.resume-button {
    background-color: rgba(162, 162, 162, 1.0);
    margin-left: 1%;
    color: rgba(100, 100, 100, 1.0);
    height: 50px;
    text-align: center;
    padding-top: 1%;
    font-size: 16px;
}

.resume-button:hover {
    text-decoration: none;
    color: white;
    background-color: #079F2C
}

.resume-button:hover {
    text-decoration: none;
    color: white;
    background-color: #079F2C
}

.resume-button:visited {
    text-decoration: none;
}

.navbar-default .navbar-toggle {
    border-color: #DDD;
}

.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
    background-color: #DDD;
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: #CCC;
}

@media (max-width: 1200px) {
    .carousel {
        height: 80%;
    }
    .slider-markets {
        font-size: 15px;
    }
    .text-homePage p {
        color: rgb(38, 41, 39);
        position: absolute;
        top: 45%;
        left: 50%;
        transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        text-align: center;
        line-height: 120%;
        font-size: 18px;
        width: 120%;
    }
    .text-capabilities {
        font-size: 16px;
        width: 100%;
    }
}

@media (max-width: 991px) {
    .trans-overlay-text {
        font-size: 40px;
    }
    .trans-overlay-text-special {
        font-size: 40px;
    }
}

@media (max-width: 920px) {
    p {
        font-size: 14px;
    }
    .text-homePage {
        width: 120%;
    }
    .text-homePage p {
        color: rgb(38, 41, 39);
        position: absolute;
        top: 45%;
        left: 50%;
        transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        text-align: center;
        line-height: 120%;
        font-size: 14px;
        width: 120%;
    }
    .trans-overlay-text {
        font-size: 40px;
    }
    .trans-overlay-text-special {
        font-size: 40px;
    }
    .capability-content h2 {
        font-size: 30px;
    }
    .text-capabilities {
        font-size: 18px;
        width: 100%;
    }
    .trans-overlay-homePage {
        margin-bottom: 5px;
    }
    .marketsPreface {
        font-size: 18px;
        width: 100%;
    }
    .tsmp img {
        height: 100%;
    }
    .ccqp img {
        height: 100%;
    }
    .gridPic-capabilities img {
        height: 100%;
    }
    .history img {
        height: 100%;
    }
    .history-container p {
        font-size: 14px;
    }
    .history-content p {
        font-size: 14px;
    }
    .news h3 {
        font-size: 20px;
    }
    .news p {
        font-size: 14px;
    }
    .employment p {
        font-size: 14px;
    }
    .submit-background {
        width: 50vw;
        border-bottom: 12vw solid rgba(47, 145, 33, 1);
    }
    .contact-info-contain h2 {
        text-align: left;
        font-size: 18px;
    }
    .contact-info p {
        font-size: 14px;
    }
    .contact-content p {
        font-size: 14px;
    }
    .content-contain h2 {
        font-size: 18px;
    }
    .content-contain p {
        font-size: 14px;
    }
    .carouselTestimonial {
        font-size: 14px;
        width: 90%;
    }
    .slider-markets {
        font-size: 2.15vw !important;
    }
}

@media (max-width: 767px) {
    .navbar {
        margin-bottom: 0px;
    }
    .navbar-default .navbar-nav .open .dropdown-menu>li>a {
        color: rgb(207, 207, 207);
    }
    .navbar-default .navbar-nav .open .dropdown-menu>li>a:hover,
    .navbar-default .navbar-nav .open .dropdown-menu>li>a:focus {
        color: #333;
    }
    p {
        font-size: 14px;
    }
    .text-homePage {
        width: 100%;
    }
    .text-homePage p {
        color: rgb(38, 41, 39);
        position: absolute;
        top: 45%;
        left: 50%;
        transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        text-align: center;
        font-size: 18px;
        line-height: 120%;
        width: 100%;
    }
    .trans-overlay-text {
        font-size: 25px;
        margin-top: -2%;
        width: 100%;
    }
    .trans-overlay-text-special {
        font-size: 25px;
        width: 100%;
    }
    .capability-content h2 {
        font-size: 30px;
    }
    .text-capabilities {
        font-size: 18px;
        width: 100%;
    }
    .trans-overlay-homePage {
        margin-bottom: 5px;
    }
    .marketsPreface {
        font-size: 18px;
        width: 100%;
    }
    .tsmp img {
        height: 100%;
    }
    .ccqp img {
        height: 100%;
    }
    .gridPic-capabilities img {
        height: 100%;
    }
    .history img {
        height: 100%;
    }
    .history-container p {
        font-size: 14px;
    }
    .history-content p {
        font-size: 14px;
    }
    .news h3 {
        font-size: 20px;
    }
    .news p {
        font-size: 14px;
    }
    .employment p {
        font-size: 14px;
    }
    .employment img {
        height: 100%;
    }
    .contact-info-contain h2 {
        text-align: left;
        font-size: 18px;
    }
    .contact-info p {
        font-size: 14px;
    }
    .contact-content p {
        font-size: 14px;
    }
    .content-contain h2 {
        font-size: 18px;
    }
    .content-contain p {
        font-size: 14px;
    }
    .carouselTestimonial {
        font-size: 14px;
        width: 90%;
    }
    .slider-markets {
        font-size: 8px;
    }
    .trans-overlay-homePage-text {
        font-size: 3.5vw;
        width: 56vw;
    }
    .wwa {
        width: 35vw;
    }
    .contact-social {
        margin: 10px auto;
    }
    .contact-social-icons {
        margin: 10px;
        padding-bottom: 20px;
        display: block;
    }
    .footer-logo {
        width: 130px;
        height: 80px;
        display: block;
        margin: auto;
    }
    .logo-margin {
        margin-top: -36px;
    }
    .nameTitle {
        font-size: 18px;
        margin-left: -34.5%
    }
}

@media (max-width: 590px) {
    .employment-background {
        height: 10vw;
        width: 280px;
        border-bottom: 104px solid rgba(47, 145, 33, 1);
        border-left: 32px solid transparent;
        border-top: 41px solid transparent;
        margin-right: auto;
        margin-left: auto;
    }
    .button-special {
        color: #ffffff;
        background-color: rgba(0, 44, 11, 0);
        font-size: 20px;
        margin-left: auto;
        margin-right: auto;
        letter-spacing: 3px;
        white-space: nowrap;
        border-style: solid;
        border-width: 2px;
        width: 200px;
        padding: 12px;
        position: absolute;
        left: 23px;
        right: 0;
        margin-top: 23px
    }
    .skew {
        position: absolute;
        width: 1vw;
        height: 88vw;
        opacity: .65;
        bottom: -11%;
        left: 10%;
        transform: rotate(12deg);
        border-bottom: 3vw solid transparent;
        border-left: 100px solid rgba(0, 44, 11, 0.664);
    }
    .skewDiv {
        height: 67px;
        width: 231px;
        border-bottom: 64px solid rgba(20, 20, 20, 0.856);
        border-left: 4vw solid transparent;
        border-top: 4vw solid transparent;
        margin-left: 3%;
    }
    .skewDivWords {
        font-family: 'NunitoSans'
    }
    .skewDiv p {
        font-size: 17px;
        text-align: right;
        padding: 4.5%;
    }
    .nameTitle {
        font-size: 17px;
        width: 325px;
        margin-left: -59px;
        margin-bottom: -18px;
        font-family: 'NunitoSans';
    }
}

@media (min-width: 768px) {
    .nav-justified>li {
        display: block;
        width: auto;
    }
}

@media (max-width: 991px) {
    .navbar {
        margin-bottom: 0px;
    }
}

@media (min-width: 992px) {
    .nav-justified>li {
        display: table-cell;
        width: 1%;
    }
}

@media (max-width: 991px) {
    .navbar-header {
        float: none;
    }
    .navbar-left,
    .navbar-right {
        float: none !important;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
    }
    .navbar-fixed-top {
        top: 0;
        border-width: 0 0 1px;
    }
    .navbar-collapse.collapse {
        display: none !important;
    }
    .navbar-nav {
        float: none !important;
        margin-top: 7.5px;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .collapse.in {
        display: block !important;
    }
}


/*
.home #myCarousel .item::before {
    content: "";
    display: block;
    position: absolute;
    box-sizing: border-box;
    height: 120%;
    width: 300px;
    width: 26vw;
    bottom: 0;
    left: 0;
    background-color: rgba(5, 88, 20, .65);
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    transform: rotate(12deg);
    min-width: 200px;
}*/

.trans-overlay-homePage {
    /*background-color: rgba(5, 88, 20, .65);*/
    background-color: rgba(0, 0, 0, .45);
}

.ui-button-skewed {
    width: 436px;
    width: 240px;
    height: 80px;
    display: block;
    background-color: rgba(47, 145, 33, 1);
    margin: 40px auto;
    position: relative;
    text-decoration: none;
    font-size: 36px;
    font-size: 16px;
    box-sizing: border-box;
}

@media only screen and (min-width: 600px) {
    .ui-button-skewed {
        width: 436px;
        height: 130px;
        font-size: 24px;
    }
}

.ui-button-skewed.ui-submit-button {
    margin-top: 120px;
    margin-bottom: 120px;
}

@media only screen and (min-width: 600px) {
    .ui-button-skewed.ui-submit-button {
        margin-top: 120px;
        margin-bottom: 120px;
    }
}

.ui-button-skewed::before,
.ui-button-skewed::after {
    content: "";
    display: block;
    top: 0;
    position: absolute;
}

.ui-button-skewed::before {
    right: 100%;
    width: 0;
    height: 0;
    border-bottom: 80px solid rgba(47, 145, 33, 1);
    border-left: 24px solid transparent;
    box-sizing: content-box;
}

@media only screen and (min-width: 600px) {
    .ui-button-skewed::before {
        border-bottom: 130px solid rgba(47, 145, 33, 1);
        border-left: 40px solid transparent;
    }
}

.ui-button-skewed::after {
    width: 24px;
    height: 100%;
    left: 100%;
    background-color: rgba(47, 145, 33, 1);
}

@media only screen and (min-width: 600px) {
    .ui-button-skewed::after {
        width: 40px;
    }
}

.ui-button-text {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    color: white;
    transform: translate(-50%, -50%);
    background: rgba(47, 145, 33, 1);
    border: solid white 1px;
    padding: 10px;
    text-align: center;
    width: 180px;
    letter-spacing: 3px;
}

@media only screen and (min-width: 600px) {
    .ui-button-text {
        width: 240px;
    }
}

.ui-button-skewed:hover .ui-button-text {
    background: white;
    color: rgb(47, 145, 33);
    border-color: rgb(47, 145, 33);
}

.ui-button-skewed:hover,
.ui-button-skewed:hover::after {
    background: white;
    color: #079F2C;
}

input[type=submit]::before {
    border-bottom: 130px solid rgba(47, 145, 33, 1);
    border-left: 40px solid transparent;
}

.ui-button-skewed:hover::before {
    border-bottom-color: white;
}

.slide-up-panel-container {
    position: relative;
    height: 300px;
    overflow: hidden;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.slide-up-panel-container::before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    transform: translate3d(0, 0, 0);
    transition: filter .22s .22s ease-out;
}

.slide-up-panel-container .slide-up-panel {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 100%;
    left: 0;
    box-sizing: border-box;
    padding-top: 110px;
    /*background: rgba(7, 159, 44, .86);*/
    background-color: rgba(0, 0, 0, .45);
    transform: translateY(-110px);
    transition: transform .22s .22s ease-out, background .22s .22s ease-out;
    font-size: 0;
}

.slide-up-panel-container--industries:hover .slide-up-panel {
    -webkit-transform: none;
    transform: none;
}

.slide-up-panel-container:hover::before {
    filter: blur(10px);
    transition: filter .22s ease-out;
}

.slide-up-panel-container:hover::before {
    filter: blur(10px);
    transition: filter .22s ease-out;
}

.slide-up-panel-container:hover .slide-up-panel {
    transform: translateY(-100%);
    transition: transform .2s ease-out, background .2s ease-out;
    background: rgba(177, 177, 177, .86);
}

.slide-up-panel-container .slide-up-panel h4 {
    position: absolute;
    top: 55px;
    margin: 0;
    padding: 0 24px;
    transform: translateY(-50%);
    transform: translate3d(0, -50%, 0);
    font-size: 24px;
    line-height: 1.3;
    left: 0;
    width: 100%;
    max-height: 110px;
    text-align: center;
}

.slide-up-panel-container .slide-up-panel .slide-up-content {
    padding: 0 24px 12px;
    display: block;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    max-width: 480px;
    max-height: 100%;
    overflow: auto;
    font-size: 18px;
    text-align: left;
}

.slide-up-panel-container--industries:hover .slide-up-panel {
    -webkit-transform: translateY(-110px);
    transform: translateY(-110px);
    background-color: rgba(0, 0, 0, .45);
}

.slide-up-panel-container--industries:hover::before {
    display: none;
}

.employment-container {
    margin-top: 0;
}

.job-listing p {
    padding: 0 20px;
    margin: 0 auto 10px;
    max-width: 400px;
}

.reveal-grid {
    display: flex;
    font-size: 16px;
    margin: 0;
    padding: 0;
    width: 100%;
    height: auto;
    flex-wrap: wrap;
    text-align: center;
    padding: 0.5em;
    padding: 0;
    background: rgba(117, 117, 117, 1.0);
}

.reveal-grid-title {
    text-transform: uppercase;
    font-style: normal;
    position: absolute;
    bottom: 0;
    background-color: rgba(0, 0, 0, .45);
    width: 100%;
    display: block;
    padding: 1rem;
    min-height: 70px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}

@media only screen and (min-width: 1600px) {
    .reveal-grid {
        background: rgba(7, 159, 44, 1.0);
        padding: 0;
    }
}

.reveal-grid-item {
    display: block;
    width: 100%;
    background: transparent;
    position: relative;
    color: white;
    font-size: 16px;
    padding: 0.5em;
    padding: .7em;
    padding: 0;
    background: rgba(7, 159, 44, 1.0);
}

.reveal-grid-image {
    width: 100%;
    height: 0;
    padding-bottom: 100%;
    position: relative;
    overflow: hidden;
}

.reveal-grid-image-source {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: auto;
    height: 100%;
}

@media only screen and (max-width: 539px) {
    .reveal-grid-image {
        display: none;
    }
    .reveal-grid-title {
        position: relative;
        background: transparent;
        min-height: auto;
    }
    .reveal-grid-item:nth-of-type(even) {
        background: rgba(0, 0, 0, 0.1);
    }
    .reveal-grid-item {
        background-color: transparent;
    }
}

@media only screen and (min-width: 540px) {
    .reveal-grid-item {
        width: 50%;
        background: transparent;
    }
    .reveal-grid-item {
        /*background-size: 100% !important;*/
    }
}

@media only screen and (min-width: 540px) and (max-width: 879px) {
    .reveal-grid-item:nth-child(4n - 1),
    .reveal-grid-item:nth-child(4n - 2) {
        background: rgba(0, 0, 0, 0.1);
    }
    .reveal-grid-item {
        background-size: 0;
    }
}

@media only screen and (min-width: 767px) {
    .reveal-grid-item {
        width: 25%;
        background-size: 0;
    }
}

@media only screen and (min-width: 880px) and (max-width: 1599px) {
    .reveal-grid-item:nth-child(8n - 1),
    .reveal-grid-item:nth-child(8n - 3),
    .reveal-grid-item:nth-child(8n - 4),
    .reveal-grid-item:nth-child(8n - 6) {
        background: rgba(0, 0, 0, 0.1);
    }
}

@media only screen and (min-width: 1600px) {
    .reveal-grid-item {
        padding: 0;
        display: block;
        /*width: 12.5%;*/
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
    }
    .reveal-grid-item:nth-of-type(even):nth-of-type(n+9),
    .reveal-grid-item:nth-of-type(odd):not(:nth-of-type(n+9)) {}
    .reveal-grid-title {
        background: rgba(7, 159, 44, .86);
        color: white;
        display: block;
        text-align: center;
        padding: 2rem 1rem;
        opacity: 1.0;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        -webkit-user-select: none;
        /* Safari 3.1+ */
        -moz-user-select: none;
        /* Firefox 2+ */
        -ms-user-select: none;
        /* IE 10+ */
        user-select: none;
        transition: opacity .2s linear;
    }
}

@media only screen and (min-width: 1600px) {
    .reveal-grid-title {
        font-size: 16px;
    }
    /*.reveal-grid-item:hover .reveal-grid-title {
        opacity: 0;
    }*/
}

.text-homePage,
.text-homePage p {
    color: white;
    font-size: 1.1rem;
}

.ccqp-staggered {
    background-color: #079F2C;
}

.staggered-photo-caption-list {
    list-style-type: none;
    margin: 80px 0 0;
    padding: 0;
    padding: 0 16px;
}

@media only screen and (min-width: 768px) {
    .staggered-photo-caption-list {
        justify-content: space-between;
        display: flex;
        flex-wrap: wrap;
    }
}

.staggered-photo-caption-list>li {
    display: block;
    margin: 0 auto;
    max-width: 400px;
    box-sizing: border-box;
    margin-bottom: 32px;
}

@media only screen and (min-width: 768px) {
    .staggered-photo-caption-list>li {
        width: 46%;
        width: Calc(50% - 16px);
        max-width: none;
    }
}

@media only screen and (min-width: 1200px) {
    .staggered-photo-caption-list>li {
        width: 23%;
        width: Calc(25% - 16px);
        margin-bottom: 0;
    }
}

@media only screen and (min-width: 1200px) {
    .staggered-photo-caption-list>li .content::before {
        padding-bottom: 105%;
    }
}

.staggered-photo-caption-list .content p {
    margin-top: 0;
    text-align: center;
    font-size: 16px;
    padding: 0 16px;
}

.staggered-photo-caption-list .content .title {
    font-family: 'NunitoSans-Light';
    font-size: 30px;
    text-transform: uppercase;
    text-align: center;
    line-break: 1.1em;
    padding: .4em 0 .3em;
    margin: 0;
}

.employment.staggeredOne,
.employment.staggeredTwo,
.employment.staggeredThree,
.employment.staggeredFour {
    overflow: hidden;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.employment.staggeredOne,
.employment.staggeredThree {
    height: 28vw;
}

.employment.staggeredTwo,
.employment.staggeredFour {
    height: 34vw;
    height: 28vw;
}

.employment.staggeredOne img,
.employment.staggeredTwo img,
.employment.staggeredThree img,
.employment.staggeredFour img {
    display: none;
}

.ccqp {
    display: block;
}

.ccqp img {
    display: none;
}

.icon-links-list {
    list-style-type: none;
    margin: 0 auto;
    padding: 0;
    font-size: 0;
    color: transparent;
    white-space: nowrap;
}

.icon-links-list li {
    display: inline-block;
    margin-left: 16px;
}

.icon-links-list li:first-child {
    margin-left: 0;
}

.social-icon-link {
    display: block;
    background: #fff;
    color: #333 !important;
    text-decoration: none !important;
    border: 0 auto;
    font-size: 0;
}

.center .social-icon-link {
    display: inline-block;
}

.social-icon-link:hover {
    background: #222;
    color: #b1b1b1 !important;
}

.social-icon-link::before {
    content: "";
    font-family: Font Awesome\ 5 Brands;
    font-weight: 400;
    display: block;
    line-height: 1.0em;
    box-sizing: content-box;
    width: 1em;
    height: 1em;
    overflow: hidden;
    padding: .35em .3em .25em;
    font-size: 36px;
    text-align: center;
}

.social-icon-link.facebook::before {
    font-family: Font Awesome\ 5 Brands;
    content: "\f39e";
}

.social-icon-link.email::before {
    font-family: Font Awesome\ 5 Free;
    content: "\f0e0";
    font-weight: 900;
}

.social-icon-link.linkedin::before {
    font-family: Font Awesome\ 5 Brands;
    content: "\f0e1";
}

.social-icon-link.map::before {
    font-family: Font Awesome\ 5 Free;
    content: "\f3c5";
    font-weight: 900;
}

.social-icon-link.phone::before {
    font-family: Font Awesome\ 5 Free;
    content: "\f095";
    font-weight: 900;
    transform: scaleX(-1);
}

.navbar-default {
    transition: background .25s linear;
}

@media only screen and (min-width: 992px) {
    .navbar-default.scrolled:hover {
        transition: background .2s linear;
    }
    .navbar-default.scrolled:not(:hover) {
        background-color: rgba(51, 51, 51, 0.88);
    }
}

.logo-contain {
    width: auto;
}

.carouselTestimonial {
    padding: 2.2em 30px;
    margin-bottom: 0;
}

.carousel .item.active,
.carousel .item.prev,
.carousel .item.next {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.testimonialPreface {
    padding: 2.2em 0 0;
}

.home #myCarousel .item .content {
    display: block;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    font-size: 14px;
}

@media only screen and (min-width: 400px) {
    .home #myCarousel .item .content {
        font-size: 20px;
    }
}

@media only screen and (min-width: 600px) {
    .home #myCarousel .item .content {
        font-size: 30px;
    }
}

@media only screen and (min-width: 1200px) {
    .home #myCarousel .item .content {
        font-size: 2.5vw;
    }
}

.home #myCarousel .item h1 {
    position: relative;
    font-size: 2em;
    font-family: 'NunitoSans';
    font-weight: 600;
    letter-spacing: 2px;
    text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
    text-transform: uppercase;
    display: block;
    box-sizing: border-box;
    padding-left: 1.5em;
}

.home #myCarousel .item .header-tag-container {
    font-size: 1em;
    padding-left: 5%;
    /*was 25%*/
    padding-bottom: 2%;
    padding-right: 2%;
    overflow: hidden;
    box-sizing: content-box;
    height: 3.6em;
}

.home #myCarousel .item .header-tag-container .header-tag {
    background: rgba(20, 20, 20, 0.856);
    display: inline-block;
    position: relative;
    text-align: left;
    height: 3.6em;
}


/*
.home #myCarousel .item .header-tag-container .header-tag::before {
    content: "";
    box-sizing: content-box;
    height: 100%;
    width: 30px;
    width: 0;
    position: absolute;
    bottom: 0;
    right: 100%;
    border-bottom: 3.6em solid rgba(20, 20, 20, 0.8565);
    border-left: .736em solid transparent;
}*/

.home #myCarousel .item .header-tag-container .header-tag::after {
    content: "";
    display: inline-block;
    width: 0;
    height: 100%;
    vertical-align: middle;
}

.home #myCarousel .item .header-tag-container p {
    display: inline-block;
    vertical-align: middle;
    color: white;
    text-transform: uppercase;
    font-size: 1em;
    font-family: 'Saira Semi Condensed', sans-serif;
    line-height: 1.3;
    padding: .5em .5em .2em;
    max-height: 100%;
    box-sizing: border-box;
    overflow: auto;
}

.history.staggeredOne,
.history.staggeredTwo,
.history.staggeredThree,
.history.staggeredFour {
    display: block;
    margin: 0 auto;
    max-width: 400px;
}

@media only screen and (min-width: 768px) {
    .history.staggeredOne,
    .history.staggeredTwo,
    .history.staggeredThree,
    .history.staggeredFour {
        max-width: none;
    }
}

.navbar-default .navbar-nav>li:not(#site-logo)>a {
    transform: scale(1.0);
    transform: translate3d(0, 0, 0) scale(1.0);
    transform: translate3d(0, 0, 0) perspective(1px) scale(1.0);
    transition: transform .25s linear, color .25s linear;
    transition: transform .2s linear, color .2s linear;
    text-shadow: none;
    font-size: 115%;
    font-size: 110%;
    transform: translate3d(0, 0, 0) perspective(1px) scale(0.85);
    font-weight: bold;
    text-transform: uppercase;
}

.navbar-default .navbar-nav>li:not(#site-logo)>a.current,
.navbar-default .navbar-nav>li:not(#site-logo)>a:hover,
.navbar-default .navbar-nav>li:not(#site-logo)>a:focus {
    color: white;
    transform: scale(1.1);
    transform: translate3d(0, 0, 0) scale(1.1);
    transform: translate3d(0, 0, 0) perspective(1px) scale(1.2);
    transform: translate3d(0, 0, 0) perspective(1px) scale(1.0);
    transition: transform .2s linear, color .2s linear;
}

.navbar-default .navbar-nav>li:not(#site-logo)>a.current {
    text-transform: uppercase;
}

.navbar-default .navbar-nav>li>a.current {
    cursor: default;
    pointer-events: none;
}

@media only screen and (min-width: 992px) {
    #navbar .nav {
        display: flex;
        align-items: center;
        justify-content: center;
    }
    #site-logo {
        padding: 0 !important;
    }
    #site-logo a {
        padding-left: 0;
        padding-right: 0;
    }
    #site-logo img {
        display: block;
        margin: 0 auto;
        max-width: 180px;
        width: 100%;
        height: auto;
    }
    #site-logo svg {
        display: block;
        margin: 0 auto;
        width: 100%;
        height: auto;
    }
    #site-logo svg #qm-text-svg path {
        fill: white;
        transition: fill .15s linear;
    }
    #site-logo:hover svg #qm-text-svg path {
        fill: white;
        fill: #079F2C;
    }
    .nav-justified>li {
        display: block;
        width: auto;
        flex-grow: 1;
        flex-basis: 175px;
        flex-grow: 0;
        flex-shrink: 1;
    }
    .nav-justified>li#site-logo {
        flex-basis: 220px;
        flex-grow: 0;
        flex-shrink: 0;
    }
}

#navbar .mobile-home-link img {
    display: block;
    width: 100%;
    max-width: 220px;
    height: auto;
    margin: 0 auto;
}

.navbar-fixed-top .navbar-collapse,
.navbar-fixed-bottom .navbar-collapse {
    max-height: 100vh;
    max-height: Calc(100vh - 60px);
}

#timeline-indicator {
    display: block;
    display: none;
    background: #b1b1b1;
    /*#079F2C;*/
    color: #333;
    /*white;*/
    margin-bottom: 60px;
    margin-bottom: 30px;
    margin-top: 100px;
    position: relative;
    z-index: 1;
}

@media only screen and (min-width: 992px) {
    #timeline-indicator {
        display: block;
    }
}

#timeline-year-list {
    display: flex;
    flex-direction: row;
    list-style-type: none;
    padding: 10px 0 30px;
    justify-content: space-between;
    align-content: center;
    align-items: center;
    width: 100%;
    overflow: hidden;
}

#timeline-year-list>li {
    flex-grow: 0.1;
    flex-grow: 1;
    flex-grow: 0.5;
    flex-grow: 0.3;
    flex-basis: 10rem;
    padding: 10px 6px;
    position: relative;
    padding-bottom: 30px;
    transition: flex .4s ease-out;
    cursor: pointer;
}

#timeline-year-list>li::before {
    content: "";
    display: block;
    width: 100%;
    height: 2px;
    background: #333;
    /*#FBFDFB;*/
    position: absolute;
    top: 100%;
    right: 0;
    margin-top: -1px;
}

#timeline-year-list>li:first-of-type::before {
    width: 50%;
}

#timeline-year-list>li::after {
    content: "";
    display: block;
    background: #333;
    position: absolute;
    top: 100%;
    left: 50%;
    border-radius: 50%;
    width: 12px;
    height: 12px;
    transform: translate(-50%, -50%) scale(1.0);
}

#timeline-year-list>li em,
#timeline-year-list>li::after {
    transition: transform .25s ease-out;
}

#timeline-year-list>li:hover em,
#timeline-year-list>li:hover::after {
    transition: transform .25s ease-out;
}

#timeline-year-list>li:hover::after {
    transform: translate(-50%, -50%) scale(1.5);
}

#timeline-year-list>li.active {
    flex-grow: 2;
    flex-basis: 20rem;
    cursor: default;
}

#timeline-year-list>li.active::after {
    transform: translate(-50%, -50%) scale(2.0);
}

#timeline-year-list>li em {
    font-family: 'Saira Semi Condensed', sans-serif;
    font-size: 3rem;
    display: block;
    text-align: center;
    font-style: normal;
    text-transform: uppercase;
    transform: scale(0.5);
    margin: 0 auto;
    width: 10rem;
}

#timeline-year-list>li:hover em {
    transform: scale(0.7);
}

#timeline-year-list>li.active em {
    transform: scale(1.0);
}

#timeline-marker {
    display: block;
    width: 0;
    height: 0;
    box-sizing: content-box;
    padding: 0;
    border-bottom: solid #b1b1b1 30px;
    border-right: solid transparent 30px;
    border-left: solid transparent 30px;
    position: absolute;
    top: 100%;
    left: 30px;
    margin-left: -30px;
    margin-top: -1px;
    transform: rotate(180deg) translateX(-200px);
    transform: rotate(180deg);
    border-bottom: solid #b1b1b1 0;
    border-right: solid transparent 30px;
    border-left: solid transparent 30px;
    transition: left .4s ease-out, transform .4s ease-out, border .4s ease-out;
    z-index: -1;
}

#timeline-marker.active {
    border-bottom: solid #b1b1b1 30px;
}

#timeline-container {
    width: 100%;
    overflow: hidden;
    position: relative;
}

@media only screen and (min-width: 992px) {
    #timeline-container {
        margin-bottom: 20px;
    }
}

#timeline-list {
    display: block;
    font-family: 'Saira Semi Condensed', sans-serif;
    margin-bottom: 0;
}

@media only screen and (min-width: 992px) {
    #timeline-list {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        width: 100%;
        overflow: visible;
        align-content: center;
        align-items: center;
        margin-left: 0;
    }
}

@media only screen and (min-width: 992px) {
    #timeline-list {
        transition: margin .4s ease-out;
    }
}

#timeline-list dt,
#timeline-list .floating-timeline-header {
    display: block;
    color: #333;
    text-align: center;
    background: #b1b1b1;
    text-align: center;
    font-size: 2.5rem;
    padding: 12px;
    position: relative;
    text-transform: uppercase;
    font-weight: bold;
}

#timeline-list .floating-timeline-header {
    position: absolute;
    width: 100%;
    bottom: 100%;
    left: 0;
    z-index: 4;
}

@media only screen and (min-width: 992px) {
    #timeline-list dt,
    #timeline-list .floating-timeline-header {
        display: none;
    }
}

#timeline-list dd {
    display: block;
    width: 100%;
    flex-grow: 0;
    flex-shrink: 0;
    padding: 60px;
    position: relative;
}

@media only screen and (min-width: 992px) {}

#timeline-list dd .content {
    max-width: 1024px;
    margin: 0 auto;
    text-align: center;
    font-family: 'Saira Semi Condensed', sans-serif;
    background-color: #333333;
}

@media only screen and (min-width: 992px) {
    #timeline-list dd .content {
        padding: 0 60px;
    }
}

#timeline-list p,
#timeline-list h4 {
    font-family: 'Saira Semi Condensed', sans-serif;
}

#timeline-list h4 {
    color: #fff;
    /*#079F2C;*/
    font-size: 2.5rem;
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 2rem;
}

#timeline-list p {
    font-size: 1.5rem;
    line-height: 1.6;
}

#timeline-container button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    background: transparent;
    font-size: 0;
    display: block;
    display: none;
    width: 60px;
    height: 100%;
    position: absolute;
    top: 0;
    background: rgba(51, 51, 51, 0.4);
    background-color: transparent;
    background-position: center;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

@media only screen and (min-width: 992px) {
    #timeline-container button {
        display: block;
    }
}

#timeline-container button::after {
    content: "";
    display: block;
    width: 30px;
    height: 30px;
    border-left: solid #B1B1B1 4px;
    border-top: solid #B1B1B1 4px;
    position: absolute;
    top: 50%;
    margin-top: -15px;
    transition: border .1s linear;
}

#timeline-container button:hover::after {
    border-color: white;
    transition: border .2s linear;
}

#timeline-container #timeline-prev {
    left: 0;
    top: 0;
    background-image: linear-gradient(to right, rgba(51, 51, 51, 0.6), rgba(51, 51, 51, 0.0));
}

#timeline-prev::after {
    left: 30px;
    transform: rotate(-45deg);
}

#timeline-container #timeline-next {
    right: 0;
    top: 0;
    background-image: linear-gradient(to right, rgba(51, 51, 51, 0.0), rgba(51, 51, 51, 0.6));
}

#timeline-next::after {
    right: 30px;
    transform: rotate(135deg);
}

* {
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

main,
body {
    display: block;
}

.body--active {
    overflow: hidden;
}

@media only screen and (min-width: 57rem) {
    .body--active {
        overflow: auto;
    }
}

.nav-bar {
    background-color: #333333;
    color: #fff;
    height: 5rem;
    position: fixed;
    z-index: 20;
    width: 100%;
}

@media only screen and (min-width: 57rem) {
    .nav-bar {
        height: auto;
    }
}

.nav-bar__content {
    height: 5rem;
    position: relative;
    background-color: #333333;
}

@media only screen and (min-width: 57rem) {
    .nav-bar__content {
        height: auto;
        padding: 0 2rem;
    }
}

.nav-bar__logo {
    display: block;
    height: 100%;
    position: relative;
    max-width: 150px;
    margin-left: 0;
    margin-right: auto;
}

.nav-bar__logo-source {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    height: 100%;
    width: auto;
    padding: .5rem;
}

@media only screen and (min-width: 57rem) {
    .nav-bar__logo-source {
        width: 100%;
        height: auto;
    }
}

.nav-bar__logo--hidden-at-lg {
    display: block;
}

@media only screen and (min-width: 57rem) {
    .nav-bar__logo--hidden-at-lg {
        display: none;
    }
}

.nav-bar__logo--main {
    display: none;
}

@media only screen and (min-width: 57rem) {
    .nav-bar__logo--main {
        display: block;
        position: relative;
        -ms-flex-preferred-size: 220px;
        flex-basis: 300px;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        max-width: 300px;
        margin: 0;
    }
    .nav-bar__logo--main::before {
        content: "";
        display: block;
        height: 0;
        width: 100%;
        padding-bottom: 60%;
    }
}

.nav-bar__nav {
    position: absolute;
    z-index: -1;
    top: 100%;
    left: 0;
    width: 100%;
    background-color: #333333;
    -webkit-transition: -webkit-transform .2s ease-out;
    transition: -webkit-transform .2s ease-out;
    transition: transform .2s ease-out;
    transition: transform .2s ease-out, -webkit-transform .2s ease-out;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
    background-color: #404040;
    height: 330px;
    overflow: auto;
    overflow-y: hidden;
}

.nav-bar__nav--active {
    -webkit-transform: translateY(0);
    transform: translateY(0);
}

@media only screen and (min-width: 57rem) {
    .nav-bar__nav {
        position: relative;
        -webkit-transform: translate(0);
        transform: translate(0);
        z-index: 0;
        top: auto;
        left: auto;
        background-color: #333333;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        height: auto;
        overflow: auto;
        overflow-y: hidden;
    }
}

.nav-bar__btn {
    position: absolute;
    right: 10px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    display: block;
    width: 50px;
    height: 50px;
    overflow: hidden;
    text-indent: -1000000000px;
    outline: 0;
    cursor: pointer;
    background-color: #333333;
    border: none;
}

@media only screen and (min-width: 57rem) {
    .nav-bar__btn {
        display: none;
    }
}

.nav-bar__btn-ui {
    -webkit-transform: translate(-50%, -50%) rotate(0);
    transform: translate(-50%, -50%) rotate(0);
    width: 2rem;
    height: 2px;
    top: 50%;
    left: 50%;
    -webkit-transition: -webkit-transform .2s ease-out;
    transition: -webkit-transform .2s ease-out;
    transition: transform .2s ease-out;
    transition: transform .2s ease-out, -webkit-transform .2s ease-out;
    display: block;
    border-radius: 1px;
    background: #fff;
    position: absolute;
}

.nav-bar__btn-ui::before {
    -webkit-transform: translateY(-10px) rotate(0);
    transform: translateY(-10px) rotate(0);
}

.nav-bar__btn-ui::after {
    -webkit-transform: translateY(10px) rotate(0);
    transform: translateY(10px) rotate(0);
}

.nav-bar__btn-ui::after,
.nav-bar__btn-ui::before {
    content: "";
    -webkit-transition: -webkit-transform .2s ease-out;
    transition: -webkit-transform .2s ease-out;
    transition: transform .2s ease-out;
    transition: transform .2s ease-out, -webkit-transform .2s ease-out;
    display: block;
    border-radius: 1px;
    background: #fff;
    position: absolute;
    height: 2px;
    width: 100%;
}

.nav-bar__btn-ui--active {
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
    transform: translate(-50%, -50%) rotate(45deg);
}

.nav-bar__btn-ui--active::before,
.nav-bar__btn-ui--active::after {
    -webkit-transform: translateY(0) rotate(-90deg);
    transform: translateY(0) rotate(-90deg);
}

.nav-list {
    margin: 0;
}

@media only screen and (min-width: 57rem) {
    .nav-list {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-preferred-size: 200px;
        flex-basis: 200px;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        -ms-flex-negative: 1;
        flex-shrink: 1;
        max-width: 400px;
        margin-left: auto;
        margin-right: 0;
    }
    .nav-list--right {
        margin-left: 0;
        margin-right: auto;
    }
}

.nav-list__item {
    text-align: center;
    display: block;
}

@media only screen and (min-width: 57rem) {
    .nav-list__item {
        -ms-flex-preferred-size: 100px;
        flex-basis: 100px;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        -ms-flex-negative: 1;
        flex-shrink: 1;
    }
}

a.nav-list__item-link {
    display: block;
    color: #fff;
    text-transform: uppercase;
    font-family: "Nunito Sans", sans-serif;
    text-decoration: none;
    padding: 1rem;
    cursor: pointer;
}

a.nav-list__item-link:hover,
a.nav-list__item-link:visited {
    -webkit-transform: translate3d(0, 0, 0) perspective(1px) scale(1.1);
    transform: translate3d(0, 0, 0) perspective(1px) scale(1.1);
    -webkit-transition: color .2s linear, -webkit-transform .2s linear;
    transition: color .2s linear, -webkit-transform .2s linear;
    transition: transform .2s linear, color .2s linear;
    transition: transform .2s linear, color .2s linear, -webkit-transform .2s linear;
    color: #fff;
    text-decoration: none;
}

.header {
    padding-top: 5rem;
}

@media only screen and (min-width: 57rem) {
    .header {
        padding-top: 11rem;
    }
}

.navigation {
    padding: 20px 0px;
}

.navigation li a,
.navigation li a:hover,
.navigation li.active a,
.navigation li.disabled {
    color: #fff;
    text-decoration: none;
}

.navigation li {
    display: inline;
}

.navigation li a,
.navigation li a:hover,
.navigation li.active a,
.navigation li.disabled {
    background-color: transparent;
    border-radius: 3px;
    cursor: pointer;
    padding: 12px;
    padding: 0.75rem;
}

.navigation li a:hover,
.navigation li.active a {
    background-color: #fff;
    color: #262927;
}

.upper {
    text-transform: uppercase;
}

.footer-content {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: stretch;
    max-width: 57rem;
    margin: 0 auto;
    padding-bottom: 5rem;
    flex-wrap: wrap;
    padding-top: 20px;
}

.footer-content__half {
    flex-basis: 400px;
    flex-grow: 0;
    flex-shrink: 1;
}

.footer-content__half--image {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-direction: column;
    flex-wrap: nowrap;
}

.footerC {
    text-align: center;
}

a.news-link,
a.news-link:hover,
a.news-link:active,
a.news-link:visited {
    text-decoration: underline;
    color: #b1b1b1;
}

@media only screen and (max-width: 600px) {
    .home #myCarousel .item .header-tag-container p {
        font-size: 0.8em;
    }
    .home #myCarousel .item .header-tag-container {
        padding-left: 2%;
    }
}

@media only screen and (min-width: 57rem) {
    .footer-content__half {
        flex-basis: 400px;
        flex-grow: 0;
        flex-shrink: 1;
    }
    .footer-content__half:first-child {
        padding-right: 4rem;
    }
    .footer-content__half:last-child {
        padding-left: 4rem;
    }
    .footerC {
        text-align: left;
    }
}

.horizontal-carousel {
    max-width: 61rem;
    margin: 0 auto;
    padding: 0 4rem;
    position: relative;
}

@media only screen and (max-width: 767px) {
    .horizontal-carousel {
        padding: 0 2rem;
    }
}

.horizontal-carousel__carousel {
    width: 100%;
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    font-size: 0;
    position: relative;
}

.horizontal-carousel__slide {
    display: inline-block;
    white-space: normal;
    width: 100%;
    vertical-align: text-top;
}

.horizontal-carousel__slide:first-child {
    margin-left: 0%;
    -webkit-transition: margin-left .4s ease-out;
    transition: margin-left .4s ease-out;
}

.horizontal-carousel__btn {
    position: absolute;
    top: 0;
    font-size: 0;
    color: transparent;
    height: 100%;
    width: 3rem;
    background-color: transparent;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    outline: none;
}

@media only screen and (max-width: 767px) {
    .horizontal-carousel__btn {
        display: none;
    }
}

.horizontal-carousel__btn::before {
    content: "";
    display: block;
    position: absolute;
    height: 15px;
    width: 15px;
}

.horizontal-carousel__btn--next {
    right: 1rem;
}

.horizontal-carousel__btn--next::before {
    right: .5rem;
    border-right: solid 2px #fff;
    border-bottom: solid 2px #fff;
    -webkit-transform: translateY(-50%) rotate(-45deg);
    transform: translateY(-50%) rotate(-45deg);
}

.horizontal-carousel__btn--prev {
    left: 1rem;
}

.horizontal-carousel__btn--prev::before {
    left: .5rem;
    border-left: solid 2px #fff;
    border-bottom: solid 2px #fff;
    -webkit-transform: translateY(-50%) rotate(45deg);
    transform: translateY(-50%) rotate(45deg);
}

.carousel-image {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative;
}

.carousel-image::before {
    content: "";
    display: block;
    position: relative;
    width: 100%;
    padding-bottom: 56.25%;
    height: 0;
}

.carousel-image__source {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 100%;
    height: auto;
}

.carousel-grid__grid {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    list-style: none;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    max-width: 57rem;
    margin: 0 auto;
    padding: 0 2rem;
}

.carousel-grid__item {
    -ms-flex-preferred-size: 280px;
    flex-basis: 280px;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-negative: 1;
    flex-shrink: 1;
    background-color: #b9b9b9;
    padding: 1rem;
    margin: 1rem;
}

.carousel-grid__item:nth-child(even) {
    margin-right: 0;
}

.carousel-grid__item:nth-child(odd) {
    margin-left: 0;
}

@media only screen and (max-width: 767px) {
    .carousel-grid__item {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        padding: 1rem;
        margin: 1rem 0;
    }
}

.carousel-grid__item-text {
    text-transform: uppercase;
    text-align: center;
    color: #333333;
    font-weight: 400;
    font-family: 'Roboto';
    font-size: 1.25rem;
}

.timeline-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-wrap: 1rem;
    flex-wrap: 1rem;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.timeline__image {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    width: 100%;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    margin-bottom: 1.5rem;
}

.timeline__image-source {
    width: 100%;
    height: auto;
}

@media only screen and (min-width: 767px) {
    .timeline__image {
        -ms-flex-preferred-size: 300px;
        flex-basis: 300px;
        margin-left: 1.5rem;
        margin-bottom: 0;
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
    }
}

.timeline__p--image {
    text-align: left;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    width: 100%;
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
}

@media only screen and (min-width: 767px) {
    .timeline__p--image {
        -ms-flex-preferred-size: 300px;
        flex-basis: 300px;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
    }
}

.timeline-desc {
    text-align: center;
    color: #fff;
    font-size: 22px;
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    font-family: 'NunitoSans-Light';
    background-color: #333;
    padding: 1rem;
    max-width: 1024px;
    margin: 0 auto;
    padding-top: 2rem;
}

.section {
    max-width: 100%;
    margin: 0 auto;
}

@media only screen and (min-width: 1024px) {
    .section {
        max-width: 70%;
    }
}

.section-title {
    font-size: 2rem;
    font-family: 'Saira Semi Condensed', sans-serif;
    text-transform: uppercase;
    padding: 0 1rem;
}

.section-desc {
    margin-top: 1rem;
    margin-bottom: 4rem;
    padding: 0 1rem;
    font-size: 1.25rem;
}

.icon-description {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin: 1rem;
    margin-bottom: 2rem;
    min-height: 90px;
    padding-right: 1rem;
}

.icon-description__title {
    margin-top: 0;
}

.icon-description__description {
    padding-left: 1.5rem;
}

.icon-description__icon-source {
    max-width: 50px;
    height: auto;
    width: 50px;
    height: 50px;
}

.mt-3 {
    margin-top: 3rem;
}

.mb-3 {
    margin-bottom: 3rem;
}

.job-listing__main-image {
    padding: 0 1rem;
    width: 100%;
    max-width: 100%;
    margin-right: 1rem;
    position: relative;
    overflow: hidden;
    margin: 0 auto;
}

@media only screen and (min-width: 750px) {
    .job-listing__main-image {
        float: right;
        width: calc(50% - 2rem);
        max-width: 60%;
        margin-right: 1rem;
        padding: 0;
    }
}

.job-listing__main-image::before {
    content: "";
    display: block;
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 66.66%;
}

@media only screen and (min-width: 1200px) {
    .job-listing__main-image::before {
        padding-bottom: 300px;
    }
}

@media only screen and (min-width: 1500px) {
    .job-listing__main-image::before {
        padding-bottom: 300px;
    }
}

.job-listing__main-image-source {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%) scale(1.1);
    transform: translate(-50%, -50%) scale(1.1);
    width: auto;
    height: 100%;
    z-index: 5;
}

@media only screen and (min-width: 1500px) {
    .job-listing__main-image-source {
        width: 100%;
        height: auto;
        margin-right: 1rem;
    }
}

.job-listing__main-image-link {
    position: absolute;
    bottom: 0rem;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 10;
    width: 100%;
    padding: .75rem 1rem;
    background-color: rgba(119, 119, 119, 0.8);
    color: #fff;
    text-align: center;
    text-decoration: none;
    -webkit-transition: background-color .2s ease-out;
    transition: background-color .2s ease-out;
    font-weight: 600;
    font-size: 1.85rem;
}

.job-listing__main-image-link:hover {
    color: #fff;
    text-decoration: none;
    background-color: #777777;
}

.job-listing__grid {
    font-size: 0;
}

.job-listing__grid-item {
    display: inline-block;
    padding: 1rem;
    width: 100%;
    text-align: center;
}

@media only screen and (min-width: 650px) {
    .job-listing__grid-item {
        width: 50%;
    }
}

@media only screen and (min-width: 1024px) {
    .job-listing__grid-item {
        width: 25%;
    }
}

.job-listing__grid-item:nth-child(1),
.job-listing__grid-item:nth-child(2) {
    padding-top: 1rem;
}

@media only screen and (min-width: 750px) {
    .job-listing__grid-item:nth-child(1),
    .job-listing__grid-item:nth-child(2) {
        padding-top: 0;
    }
}

.job-listing__job {
    display: block;
    border: solid 2px #fff;
    color: #fff;
    font-size: 1.25rem;
    padding: .75rem 0;
    height: 100%;
    width: 100%;
    background-color: transparent;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-transition: background-color .2s ease-out, color .2s ease-out;
    transition: background-color .2s ease-out, color .2s ease-out;
    min-height: 90px;
}

.job-listing__job:hover {
    background-color: #fff;
    color: #333333;
}

.job-listing__job-shift {
    font-size: 1rem;
}

.job-listing__job--active {
    background-color: #fff;
    color: #333333;
}

.job-listing__legal {
    padding: 0 1rem;
    margin-top: 3rem;
    padding-bottom: 3rem;
    font-size: 1.25rem;
}

.job-listing__legal a {
    color: #fff;
    text-decoration: underline;
}

.job-listing__legal a:hover,
.job-listing__legal a:visited {
    color: #fff;
}

.form-container .row {
    max-width: 100%;
    padding-left: 15px;
    padding-right: 15px;
}

@media only screen and (min-width: 1300px) {
    .form-container .row {
        max-width: 80%;
        margin: 0 auto;
    }
}

.form__group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 1rem 2rem;
}

.form__group--vert {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.form__group--horizontal {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.form__group--radio {
    padding: 0;
}

.form__group-radio {
    padding: 1rem 2rem;
}

.form__label,
.form__radio-label {
    color: #fff;
    margin-right: 1rem;
    font-weight: bold;
    font-family: 'Saira Semi Condensed', sans-serif;
    font-size: 24px;
}

.form__label--radio,
.form__radio-label--radio {
    font-weight: 400;
    font-family: "Nunito Sans", sans-serif;
    font-size: 1rem;
    margin-bottom: 0;
}

.form__radio {
    margin-right: 1rem !important;
}

.form__input {
    color: #000;
    padding: 8px;
    max-height: 42px;
    width: 100%;
    background: transparent;
    color: #fff;
    border: none;
    border-bottom: solid 3px #fff;
}


.form__input,
.form__textarea,
.form__select {
    background-color: #666666;
    border-bottom: solid 1px #fff;
    border-radius: 5px;
}

.form__input::-webkit-calendar-picker-indicator,
.form__textarea::-webkit-calendar-picker-indicator,
.form__select::-webkit-calendar-picker-indicator {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="15" viewBox="0 0 24 24"><path fill="%23ffffff" d="M20 3h-1V1h-2v2H7V1H5v2H4c-1.1 0-2 .9-2 2v16c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 18H4V8h16v13z"/></svg>');
}

.form__select {
    width: 100%;
    padding: 8px;
}

.form__submit {
    background-color: #00522A;
    color: #fff;
    font-family: 'Saira Semi Condensed', sans-serif;
    padding: 8px 24px;
    font-weight: bold;
    text-transform: uppercase;
    border: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 1rem 2rem;
    float: right;
    margin-bottom: 0;
    margin-top: auto;
    -webkit-transition: color .2s ease-out, background-color .2s ease-out;
    transition: color .2s ease-out, background-color .2s ease-out;
}

.form__submit:hover {
    background-color: #006c37;
}

.form__radio {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.form__radio .first {
    margin-left: 0;
}

.form__radio .last {
    margin-left: 0;
}

.form__section-header {
    background-color: #1F1F1F;
    color: #fff;
    text-align: center;
    font-size: 32px;
    font-weight: bold;
    padding: 1rem;
    margin: 1rem 0;
    font-family: 'Saira Semi Condensed', sans-serif;
}

.form__section-header h3 {
    margin: 0;
    font-family: inherit;
    font-weight: bold;
    text-transform: uppercase;
}

.form__subinput {
    font-size: 14px;
    margin-top: .5rem;
}

.form__textarea {
    height: 100px;
    width: 100%;
    resize: none;
    padding: 8px 8px;
}

.px-0 {
    padding-left: 0;
    padding-right: 0;
}

.work {
    margin-bottom: 6rem;
}

.reference {
    margin-bottom: 4rem;
}

@media only screen and (min-width: 992px) {
    .reference {
        margin-bottom: 0;
    }
}

.application-info {
    padding: 1rem 2rem;
}

.mb-3 {
    margin-bottom: 3rem !important;
}

.form-title {
    font-family: 'Saira Semi Condensed', sans-serif;
    text-align: center;
    font-size: 3rem;
    font-weight: bold;
}

.form-sub-title {
    text-align: center;
    font-size: 16px;
    max-width: 500px;
    margin: 0 auto;
    margin-bottom: 3rem;
}

.hidden {
    display: none;
}

.wpcf7-form-control-wrap {
    width: 100%;
}

.partner-form {
  max-width: 100%;
  margin: 0 auto;
  margin-bottom: 4rem;
  overflow: auto;
}

@media only screen and (min-width: 768px) {
  .partner-form {
    max-width: 60%;
  }
}

.mb-2 {
  margin-bottom: 1.5rem;
}

.form__group br {
    display: none;
}