.messageStackSuccess {
    background-color: #32CD32;
    padding: 8px 8% !important;
}
@font-face {
        font-family: 'GothamBook';
        src: url('/career/recruitmentfonts/GothamBook.eot');
        src: url('/career/recruitmentfonts/GothamBook.eot') format('embedded-opentype'),
            url('/career/recruitmentfonts/GothamBook.woff2') format('woff2'),
            url('/career/recruitmentfonts/GothamBook.woff') format('woff'),
            url('/career/recruitmentfonts/GothamBook.ttf') format('truetype'),
            url('/career/recruitmentfonts/GothamBook.svg#GothamBook') format('svg');
    }
    @font-face {
        font-family: 'GothamMedium';
        src: url('/career/recruitmentfonts/GothamMedium.eot');
        src: url('/career/recruitmentfonts/GothamMedium.eot') format('embedded-opentype'),
            url('/career/recruitmentfonts/GothamMedium.woff2') format('woff2'),
            url('/career/recruitmentfonts/GothamMedium.woff') format('woff'),
            url('/career/recruitmentfonts/GothamMedium.ttf') format('truetype'),
            url('/career/recruitmentfonts/GothamMedium.svg#GothamMedium') format('svg');
    }
    @font-face {
        font-family: 'GothamBold';
        src: url('/career/recruitmentfonts/GothamBold.eot');
        src: url('/career/recruitmentfonts/GothamBold.eot') format('embedded-opentype'),
            url('/career/recruitmentfonts/GothamBold.woff2') format('woff2'),
            url('/career/recruitmentfonts/GothamBold.woff') format('woff'),
            url('/career/recruitmentfonts/GothamBold.ttf') format('truetype'),
            url('/career/recruitmentfonts/GothamBold.svg#GothamBold') format('svg');
    }
    @font-face {
        font-family: 'GothamBlack';
        src: url('/career/recruitmentfonts/GothamBlack.eot');
        src: url('/career/recruitmentfonts/GothamBlack.eot') format('embedded-opentype'),
            url('/career/recruitmentfonts/GothamBlack.woff2') format('woff2'),
            url('/career/recruitmentfonts/GothamBlack.woff') format('woff'),
            url('/career/recruitmentfonts/GothamBlack.ttf') format('truetype'),
            url('/career/recruitmentfonts/GothamBlack.svg#GothamBlack') format('svg');
    }
    .recruitmentBannerRow {
        position: relative;
        max-height: 600px;
        overflow: hidden;
    }
    .recruitmentBannerRow h2 {
        position: absolute;
        top: 30px;
        left: 0;
        right: 0;
        width: 100%;
        text-align: center;
        font-family: 'GothamBold';
        color: #fff;
        text-shadow: 0px 0px 10px rgba(0,0,0,0.5);
        font-size: 55px;
    }
    .recruitmentBannerRow img {
        width: 100%;
    }
    .recruitmentCol img {
        width: 100%;
    }
    .applyRow {
        padding: 30px 100px;
        text-align: center;
        font-size: 20px;
        font-family: 'GothamBlack';
        line-height: 36px;
    }
    .recruitmentBtn {
        display: inline-block;
        vertical-align: top;
        margin: 20px 0;
    }
    .recruitmentBtn a {
        color: #fff;
        display: block;
        vertical-align: top;
        background-color: #9c3040;
        border-radius: 7px;
        padding: 10px 20px;
        min-width: 200px;
        letter-spacing: 2px;
        text-transform: uppercase;
        font-family: 'GothamMedium';
        font-size: 20px;
        text-align: center;
    }
    .recruitmentinfo {
        padding: 30px 100px;
        text-align: center;
        font-size: 20px;
        font-family: 'GothamMedium';
        line-height: 36px;
    }
    .recruitmentinfo ul {
        margin: 30px 0;
        padding: 0;
        list-style: none;
    }
    .recruitmentinfo ul li {
        font-family: 'GothamBook';
        display: inline-block;
        vertical-align: top;
    }
    .recruitmentinfo ul li a {
        color: #424345;
    }
    .recruitmentRow {
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 0;
        background-color: #e6e6e6;
        text-align: center;
    }
    .recruitmentRow .recruitmentCol {
        width: 50%;
    }
    .recruitmentBox .recruitmentRow:nth-child(even) .recruitmentCol:nth-child(1) {
        order: 1;
    }
    .recruitmentRow h3 {
        padding: 0 20px;
        text-align: center;
        font-size: 20px;
        font-family: 'GothamMedium';
        line-height: 30px;
    }
    .recruitmentBox {
        font-family: 'GothamBook';
        font-size: 18px;
        line-height: 32px;
    }
    .recruitmentBox p {
        padding: 0 20px;
        margin: 10px 0;
    }
    .recruitmentRedStrap {
        background-color: #9c3040;
        padding: 15px;
        display: block;
        vertical-align: top;
        text-align: center;
        color: #fff;
        font-size: 24px;
        font-family: 'GothamMedium';
        line-height: 40px;
    }
    .recruitmentDesc {
        padding: 50px 0;
    }
    .recruitmentDesc {
        font-family: 'GothamBook';
        font-size: 18px;
        line-height: 32px;
    }
    .recruitmentDesc h4 {
        margin: 0;
        padding: 0;
    }
    .recruitmentDesc ul {
        margin: 10px 0 30px;
        padding: 0 0 0 20px;
        list-style: disc;
    }
    .recruitmentForm {
        font-family: 'GothamBook';
        font-size: 18px;
        line-height: 32px;
    }
    .recruitmentForm h2 {
        color: #9c3040;
        font-family: 'GothamBold';
        font-size: 30px;
    }
    .recruitmentForm .recruitFormCol label {
        font-size: 20px;
        line-height: 40px;
        font-family: 'GothamBlack';
        margin-right: 15px;
    }
    .recruitmentForm {
        display: table;
    }
    .recruitFormCol {
        float: left;
        width: 50%;
        margin-bottom: 20px;
    }
    .recruitmentForm .recruitFormCol input {
        width: 50%;
        border: 0px solid #000;
        border-bottom: 1px solid #000;
        padding: 5px;
        height: 20px;
    }
    .recruitmentForm .recruitFormCol input[type="file" i] {
        border-bottom: 0;
    }
    @media only screen and (max-width: 1199px) {

    }
    @media only screen and (max-width: 991px) {
        .recruitmentBannerRow h1 {
            font-size: 40px;
        }
        .applyRow {
            padding: 31px 50px;
            font-size: 18px;
            line-height: 30px;
        }
        .recruitmentinfo {
            padding: 30px 50px;
            font-size: 18px;
            line-height: 30px;
        }
        .recruitmentBox {
            font-size: 16px;
            line-height: 24px;
        }
        .recruitmentRow h3 {
            padding: 0 15px;
            font-size: 16px;
            line-height: 24px;
        }
        .recruitmentBox p {
            padding: 0 15px;
            margin: 5px 0;
        }
        .recruitmentDesc {
            padding: 30px;
            font-size: 16px;
            line-height: 32px;
        }
        .recruitmentForm {
            padding: 0 30px;
        }
        .recruitmentForm .recruitFormCol label {
            font-size: 16px;
            line-height: 32px;
        }
    }
    @media only screen and (max-width: 767px) {
        .recruitmentBannerRow h1 {
            font-size: 32px;
        }
        .applyRow {
            padding: 20px;
        }
        .applyRow p {
            font-size: 16px;
            line-height: 24px;
        }
        .recruitmentBtn a {
            padding: 10px 15px;
            min-width: 170px;
            font-size: 17px;
        }
        .recruitmentinfo {
            padding: 20px;
            font-size: 16px;
            line-height: 28px;
        }
        .recruitmentinfo p {
            font-size: 16px;
            line-height: 24px;
        }
        .recruitmentRow h3 {
            padding: 0 15px;
            font-size: 14px;
            line-height: 20px;
            margin: 0;
        }
        .recruitmentForm .recruitFormCol label {
            font-size: 14px;
            line-height: 28px;
            margin: 0;
        }
        .recruitmentForm .recruitFormCol input {
            width: 48%;
        }

    }
    @media only screen and (max-width: 575px) {
        .recruitmentBannerRow h1 {
            font-size: 28px;
        }
        .applyRow {
            padding: 10px;
        }
        .recruitmentinfo {
            padding: 10px;
            font-size: 14px;
            line-height: 24px;
        }
        .recruitmentBtn {
            margin: 10px;
        }
        .recruitmentRow {
            display: block;
            vertical-align: top;
        }
        .recruitmentRow .recruitmentCol {
            width: 100%;
        }
        .recruitmentRow h3 {
            font-size: 18px;
            line-height: 30px;
        }
        .recruitmentBox p {
            font-size: 14px;
            line-height: 24px;
        }
        .recruitmentRow .recruitmentCol:nth-child(2) {
            padding: 20px 0;
        }
        .recruitmentDesc {
            padding: 20px 10px;
            font-size: 14px;
            line-height: 24px;
        }
        .recruitFormCol {
            float: none;
            width: 100%;
        }
    }
    /******************/
    .input-file-container {
        position: relative;
        display: inline-block;
    }
    .js .input-file-trigger {
        display: inline-block;
        padding: 0;
        background: #fff;
        color: #00adee;
        transition: all .4s;
        cursor: pointer;
    }
    .js .input-file {
        position: absolute;
        top: 0; left: 0;
        width: 225px;
        opacity: 0;
        padding: 14px 0;
        cursor: pointer;
    }
    .js .input-file:hover + .input-file-trigger,
    .js .input-file:focus + .input-file-trigger,
    .js .input-file-trigger:hover,
    .js .input-file-trigger:focus {
        background: #fff;
        color: #39D2B4;
    }

    .file-return {
        margin: 0;
    }
    .file-return:not(:empty) {
        margin: 0 0;
    }
    .js .file-return {
        font-style: italic;
        font-size: 12px;
        font-weight: bold;
    }
    .js .file-return:not(:empty):before {
        content: "Selected file: ";
        font-style: normal;
        font-weight: normal;
    }