@import url('https://fonts.googleapis.com/css?family=Open+Sans');

.Band {
    position: relative;
}

.Pad {
    display: block;
    padding: 1rem;
}

.Clear {
    display: block;
    clear: both;
}

.Drop {
    display: none !important;
}

.Introduce {
    display: block !important;
}

.Fill {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

h1, h2 {
    color: #333;
    font-weight: lighter;
    letter-spacing: -0.1rem;
}

p, li {
    color: #333;
    font-size: 0.8rem;
    line-height: 1.6rem;
}

html {
    background: #efefef;
}

#content {
    position: relative;
    background: #fff url(../Images/Shadow1.jpg) repeat-x top center;
}

#content, #header, #footer {
    position: relative;
}

.attribution-container {
    position: relative;
    z-index: 9999;
}

/***********/
.Band.Corporate {
    background: #f7f7f7;
}

    .Band.Corporate a {
        color: #bbb;
        text-decoration: none;
    }

/***************/
.Band.Video {
    background: #eae1d2;
}

a.YouTube {
    display: block;
    position: relative;
    max-width: 500px;
    margin: 0 auto;
    text-decoration: none;
    color: #333;
}

    a.YouTube img {
        display: block;
        width: 100%;
        height: auto;
    }

    a.YouTube:after {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: url(../Images/IconPlay.png) no-repeat center center;
        opacity: 0.6;
        content: " ";
    }

    a.YouTube:hover:after {
        opacity: 0.2;
    }

.Band.Video a.YouTube h3 {
    margin-top: 0.2rem;
    font-size: 1.6rem;
}

/*********************/
.Action,
.ui.button,
tr.jtable-data-row:after {
    display: block;
    width: 100%;
    border: none;
    padding: 0.4rem 0 0.4rem 0;
    background: #e51f36;
    cursor: pointer;
    border-radius: 4px;
    color: #fff;
    font-size: 0.8rem;
    font-weight: lighter;
    text-align: center;
    text-decoration: none;
    min-height: 32px;
}

    .Action:hover, .ui.button:hover, tr.jtable-data-row:hover:after {
        color: #fff;
        background: #AC1729;
    }

    .Action.LocationDirections {
        color: #fff;
    }

/************************/
body {
    font-family: "Myriad Pro","Myriad Pro Light", Open Sans, Arial, Arial, Helvetica, sans-serif;
    margin: 60px 0 0 0;
}

    body.MobileNav {
        overflow: hidden;
    }

h1, h2, h3, h4, h5 {
    font-family: "Myriad W01 Lt", "Myriad Pro Light", Open Sans, Arial, Arial, Helvetica, sans-serif;
}

/************************/
.Band.Nav {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000;
    width: 100%;
    overflow: hidden;
}

    .Band.Nav .fa-home {
        font-size: 1.4rem;
    }

    .Band.Nav .Fill {
        display: none;
        background: #000;
        opacity: 0.5;
    }

    .Band.Nav .Center {
        background: #fff;
    }

    .Band.Nav .Pad {
        padding: 0;
    }

    .Band.Nav a.Logo, .Band.Nav img {
        display: block;
        width: 120px;
    }

    .Band.Nav .fa-bars {
        display: block;
        position: absolute;
        right: 0rem;
        top: 0rem;
        padding: 1rem;
        cursor: pointer;
        background: #cccccc;
        color: #888888;
        font-size: 2rem;
    }

    .Band.Nav ul {
        display: none;
        margin: 0;
        padding: 0;
        list-style-type: none;
    }

    .Band.Nav li {
        border-top: 1px solid #ddd;
    }

        .Band.Nav li a {
            color: #333;
            text-decoration: none;
            font-size: 1rem;
        }

    .Band.Nav a span {
        display: block;
        padding: 0.5rem;
    }

.MobileNav .Band.Nav {
    overflow-y: scroll;
    height: 100%;
}

    .MobileNav .Band.Nav .Center {
        position: absolute;
        width: 100%;
    }

    .MobileNav .Band.Nav .Fill {
        display: block;
    }

    .MobileNav .Band.Nav ul {
        display: block;
    }

.Band.Nav .Subnav {
    display: none;
}

.Band.Nav ul.Expand {
    display: none;
    text-align: right;
}

    .Band.Nav ul.Expand a {
        display: block;
        padding: 0.5rem;
    }

.MobileNav .Band.Nav li.Dropdown.Active .Expand {
    display: block;
}

/***************/
.Band.Banner {
    overflow: hidden;
}

    .Band.Banner img {
        display: block;
        position: relative;
        left: -35%;
        width: 150%;
        height: auto;
    }

    .Band.Banner h2 {
        position: absolute;
        left: 1rem;
        top: 1rem;
        width: 200px;
        margin: 0;
        color: #333;
    }

/******************/
.Band.Locations h3 {
    margin: 0;
    padding: 1rem;
    background: #eee;
    font-weight: lighter;
    font-size: 1.5rem;
}

.Band.Locations img {
    display: block;
    width: 100%;
    height: auto;
}

/********************/
.Band.Testimonials {
    margin-top: 1rem;
    margin-bottom: 1rem;
}

    .Band.Testimonials .Pad {
        padding-left: 3rem;
        padding-right: 3rem;
    }

    .Band.Testimonials .slick-slide {
        overflow: hidden;
        height: 220px;
    }

    .Band.Testimonials img {
        position: relative;
        left: -250px;
    }

/*************************/
.Band.Filtered .ad-count {
    display: inline;
}

.Band.Filtered a {
    color: #333;
    font-weight: bold;
    font-size: 1.4rem;
    text-decoration: none;
}

.Band.Filtered i {
    color: #e41f35;
}

/*******************/
.Band.Search .Pad {
    padding: 0.75rem 0;
}

.container-tn {
    display: none;
}

/* Semantic forms */
.float-search-form.ui.form .fields,
.static-search-form.ui.form .fields {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: 0;
}

    .float-search-form.ui.form .fields .field,
    .static-search-form.ui.form .fields .field {
        min-width: unset;
        margin: 0;
        padding: 0 20px 10px;
        width: 100%;
    }

.float-search-form.ui.form .button,
.static-search-form.ui.form .button {
    height: 30px;
}

.ui.form input[type=text],
.ui.form .field > .selection.dropdown {
    background: #e4e1da !important;
    border: 1px solid #fff;
    color: #444;
    font-size: 0.8rem;
    min-height: 32px;
    padding: 0.4rem 0 0.35rem 0.4rem;
}

.ui.form input::-webkit-input-placeholder,
.ui.dropdown:not(.button) > .default.text,
.ui.form .field > .selection.dropdown {
    color: #444;
    font-family: Arial;
    font-weight: 400;
    min-width: unset;
}

.ui.dropdown > .text,
.ui.dropdown:not(.button) > .default.text {
    font-family: Arial;
    color: #444;
}

.ui.form input::-webkit-input-placeholder {
    color: #444;
    opacity: 1;
}

.ui.form input::-moz-placeholder {
    color: #444;
    opacity: 1;
}

.ui.form input:-ms-input-placeholder {
    color: #444;
    opacity: 1;
}

.ui.form input:-moz-placeholder {
    color: #444;
    opacity: 1;
}

.ui.dropdown > .text {
    margin: 3px 0 0 0;
    overflow: hidden;
    max-width: 100px;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ui.dropdown .remove.icon {
    left: -.5em;
    top: 0.25em;
}

.Search form.float-search-form.ui.form label,
.searchjobs .static-search-form.ui.form label,
.join-widget-heading, form .tn-join-widget-container,
.tn-join-widget-container .talent-network-form.ui.form label {
    display: none;
}

.MicrosoftMap .as_container_search {
    width: 92% !important;
}

.MicrosoftMap .as_container .nearBySearchText {
    display: none !important;
    visibility: hidden !important;
}

@media screen and (min-width:960px) {
    .Band.Search .Pad {
        padding: 0.3rem 0;
    }

    .float-search-form.ui.form .fields,
    .static-search-form.ui.form .fields {
        margin: 0.6875em 4.5em 1em 0px;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
    }

    form.float-search-form.ui.form .fields .field,
    form.static-search-form.ui.form .fields .field {
        margin: 0;
        padding: 0 0 0 13px;
    }

        form.static-search-form.ui.form .fields .field:last-of-type,
        form.float-search-form.ui.form .fields .field:last-of-type {
            width: 50%;
        }

    .static-search-form-container form.static-search-form.ui.form {
        position: absolute;
        z-index: 1000;
        margin: -210px 0 0 0;
        right: -1.625em;
        width: 76%;
    }

    .float-search-form.ui.form .field > .selection.dropdown {
        height: unset;
        max-height: 32px;
        max-height: unset;
        min-width: 158px;
        max-width: 158px;
        width: 158px;
    }

    .ui.multiple.dropdown > .text {
        margin: 0;
    }

    form.static-search-form.ui.form .fields .field .dropdown.ui {
        min-width: auto;
        max-width: 158px;
        width: 158px;
    }

    .MicrosoftMap .as_container_search {
        width: 400px !important;
    }
}

.Search .form-data.all {
    display: none;
}

.static-search-tn-data {
}

/* Talent Network Error messages */
.talent-network-form .field-validation-error {
    display: block;
}

.talent-network-form.ui.form .fields > .field {
    width: 100%;
    margin-bottom: 1.25em;
}

    .talent-network-form.ui.form .fields > .field.locationbasedareaofinterest .fields .field {
        width: 50%;
        padding: 0;
    }

.talent-network-form.ui.form .fields .field input,
.talent-network-form.ui.form .field .selection.dropdown {
    border: 1px solid #000;
}

.tn-join-widget-container form.talent-network-form.ui.form .optin {
    padding: 6px 0 0 0;
    margin-left: 6px;
}

    .tn-join-widget-container form.talent-network-form.ui.form .optin label {
        color: #333;
        display: block;
        font-weight: 400;
        white-space: nowrap;
    }

form.talent-network-form .select2-selection.select2-selection--multiple {
    border-radius: 5px;
    border: 1px solid #000;
    background: #e4e1da;
}

.talent-network-form.ui.form .fields .ui .button {
    height: 32px;
}

.talent-network-form.ui.form .fields {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 0;
}

    .talent-network-form.ui.form .fields .fields {
        padding: 0;
        margin: 0;
    }

.talent-network-form .error,
.talent-network-form .field-validation-error,
.settings .alerts .geolocation-error,
.settings .alerts .duplication-error,
.alerts .profile .ui.form .fields .field-validation-error {
    margin-top: 1px;
    display: none;
    font-size: 11px;
    color: #f00;
}

.ui.multiple.dropdown > .text {
    margin: 0;
}

.talent-network-form .field-validation-error {
    display: block;
}

#content > .static-search-tn-data {
    display: none;
}

@media screen and (min-width:960px) {
    .talent-network-form.ui.form .fields > .field,
    .talent-network-form.ui.form .fields.opt-in-inputs > .field:first-of-type {
        width: 50%;
    }

        .talent-network-form.ui.form .fields > .field:first-of-type,
        .talent-network-form.ui.form .fields.opt-in-inputs > .field:first-of-type input {
            width: 100%;
        }

        .talent-network-form.ui.form .fields > .field.locationbasedareaofinterest .fields .field {
            width: 50%;
            padding: 0 0.5em;
        }

    .talent-network-form.ui.form .fields .field:first-of-type input {
        width: 49.5%;
    }

    .talent-network-form.ui.form .fields > .field.locationbasedareaofinterest {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        padding: 0;
        width: 100%;
    }

        .talent-network-form.ui.form .fields > .field.locationbasedareaofinterest .field {
            padding: 0 0.25em;
        }

    .talent-network-form.ui.form .fields .fields,
    .talent-network-form.ui.form .fields > .field.capcha-container {
        width: 100%;
    }
}

/* #region Talent Network Settings */
.settings .intro h1 {
    font-weight: 600;
    text-transform: unset;
    font-size: 1.6rem;
}

.settings .alerts,
.settings .alerts h2 {
    text-align: left;
}

.settings #content {
    background: #fff;
    padding: 1em 0 0 0;
    border-top: 1px solid #e4e1da;
}

.removealertsdata .ui.form .fields > .field:first-child {
    width: 100%;
}

.removealertsdata label {
    height: 0;
}

.settings .alerts .profile .ui.form .fields {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

    .settings .alerts .profile .ui.form .fields > .field {
        width: 50%;
    }

.settings .alerts .ui.form .fields .field .ui.button {
    margin-bottom: 0.5em;
}

.settings .alerts .newsub .ui.form .fields {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}
/* #endregion */



/**********************/
.Band .social {
    padding: 0.5rem;
    width: 95%;
}

    .Band .social:before {
        display: block;
        content: "Share:";
        margin: 6px 6px 0 0;
    }

    .Band .social a {
        width: 23%;
        padding-top: 8px;
        height: 28px;
    }

/**************/
.mapsocial {
    padding: 1rem;
}

#map {
    height: 350px;
}

    #map .location-popup-title {
        display: none;
    }

    #map .marker-cluster-small {
        background: rgba(229, 31, 54, 0.5);
    }

        #map .marker-cluster-small div {
            background: rgba(229, 31, 54, 1);
            color: #fff;
        }

    #map .marker-cluster-medium {
        background: rgba(229, 31, 54, 0.5);
    }

        #map .marker-cluster-medium div {
            background: rgba(229, 31, 54, 1);
            color: #fff;
        }

    #map .marker-cluster-large {
        background: rgba(229, 31, 54, 0.5);
    }

        #map .marker-cluster-large div {
            background: rgba(229, 31, 54, 1);
            color: #fff;
        }

/*************/
.Band.Copy .Center {
    text-align: center;
}

/**********************/
.Band.Featured {
    max-width: 1100px;
}

    .Band.Featured h3 {
        margin: 0;
        padding: 0rem 1rem 1rem 1rem;
        color: #e41f33;
        text-align: center;
        font-weight: lighter;
        font-size: 2rem;
    }

    .Band.Featured .FeaturedJob {
        left: 1%;
        width: 98%;
        margin-bottom: 0.5rem;
        background: #5d5d5d;
        font-weight: lighter;
    }

    .Band.Featured .slick-dots {
        position: relative;
        bottom: auto;
    }

        .Band.Featured .slick-dots li button:before {
            font-size: 60px;
        }

    .Band.Featured li.slick-active button:before {
        color: #e51f36;
        opacity: 1;
    }

.Band .slick-arrow {
    z-index: 100;
    width: 30px;
    height: 30px;
    top: 30%;
    border: 1px solid #333;
    border-radius: 50%;
    color: #333;
}

.Band .slick-prev {
    left: -50px;
}

    .Band .slick-prev:before {
        position: relative;
        left: -1px;
        top: -1px;
        font-family: FontAwesome;
        content: "\f104";
        color: #333;
    }

.Band .slick-next {
    right: -50px;
}

    .Band .slick-next:before {
        position: relative;
        left: 1px;
        top: -1px;
        font-family: FontAwesome;
        content: "\f105";
        color: #333;
    }

.Band.Featured .featured-jobs-carousel.slick-initialized {
    width: 85%;
    margin: 0 auto;
}

.Band.Featured button:before {
    color: #000;
}

.Band.Testimonials .slick-prev {
    top: 30%;
    left: 15px;
}

.Band.Testimonials .slick-next {
    top: 30%;
    right: 15px;
}

/*************/
#footer {
    clear: both;
}

.Band.SignUp {
    background: #fff;
}

    .Band.SignUp .Pad {
        padding-top: 2.5rem;
    }

    .Band.SignUp .Instructions {
        position: relative;
        max-width: 500px;
        padding-left: 80px;
    }

        .Band.SignUp .Instructions h3 {
            margin-top: 0;
            margin-bottom: 0.3rem;
            font-size: 1.6rem;
        }

        .Band.SignUp .Instructions img {
            position: absolute;
            top: 1rem;
            left: 0.3rem;
        }

.Band.Footer {
    overflow: hidden;
    background: #1a1a1a;
    color: #fff;
}

    .Band.Footer .Social {
        width: 200px;
        text-align: left;
    }

        .Band.Footer .Social strong {
            display: block;
            margin-bottom: 1rem;
        }

        .Band.Footer .Social a {
            display: block;
            color: #aaa;
            text-decoration: none;
            font-weight: lighter;
            font-size: 0.8rem;
        }

        .Band.Footer .Social img {
            display: inline;
            width: 30px;
            height: 30px;
        }

        .Band.Footer .Social span {
            position: relative;
            left: 0.4rem;
            top: -0.6rem;
        }

    .Band.Footer p {
        clear: both;
        color: #aaa;
        font-size: 0.7rem;
        font-weight: lighter;
    }

    .Band.Footer .Cap {
        display: block;
        width: 100%;
        height: auto;
    }

    .Band.Footer .Logo {
        width: 150px;
        height: auto;
        display: block;
        float: left;
    }

        .Band.Footer .Logo img {
            position: relative;
            display: block;
            width: 100%;
            left: -2rem;
        }

        .Band.Footer .Logo a {
            color: inherit;
        }

/******************/
.modal-dialog {
    margin-top: 100px;
}

    .modal-dialog iframe {
        width: 568px;
        height: 320px;
    }

/*****************/
table.jtable, table.jtable tbody, tr.jtable-data-row, tr.jtable-data-row td {
    display: block;
}

    table.jtable thead {
        display: none;
    }

tr.jtable-data-row {
    padding: 1rem;
    margin-bottom: 0.5rem;
    background: #efefef;
    cursor: pointer;
}

    tr.jtable-data-row:after {
        content: "View Job Details and Apply";
    }

    tr.jtable-data-row td {
        padding: 0.5rem 0 0.5rem 0;
        border-top: 1px solid #aaa;
        font-size: 0.8rem;
        font-weight: lighter;
    }

        tr.jtable-data-row td.title-column {
            border-top: none;
            font-size: 1.3rem;
        }

        tr.jtable-data-row td span {
            margin-right: 0.5rem;
        }

.jtable-left-area {
    padding: 1rem;
}

.jtable-page-list > * {
    padding: 0.3rem 0.6rem 0.3rem 0.6rem !important;
    margin-right: 0.3rem;
    background: #5d5d5d;
    cursor: pointer;
    color: #fff;
}

    .jtable-page-list > *:hover, .jtable-page-list > *.ui-state-active {
        background: #a74b2a;
    }

.ui-state-disabled, .jtable-page-number-next, .jtable-page-number-previous, .jtable-page-number-first, .jtable-page-number-last {
    display: none !important;
}

/**************/
.Job {
    padding: 1rem;
}

    .Job li {
        line-height: 1.8rem;
    }

    .Job .Apply.Internal {
        margin-top: 0.5rem;
    }

    .Job .Details {
        margin: 0;
        padding: 0;
        list-style-type: none;
    }

        .Job .Details li {
            margin-top: 0.3rem;
            padding: 0.2rem 0.8rem 0.2rem 0.8rem;
            background: #cccccc;
        }

        .Job .Details .details-label {
            font-weight: bolder;
            min-width: 105px;
            display: inline-block;
        }

    .Job .Description {
        margin-top: 1rem;
    }

        .Job .Description * {
            color: inherit !important;
            font-size: inherit !important;
            font-family: inherit !important;
            line-height: 1.6rem;
        }

        .Job .Description .Apply.Bottom {
            color: #fff !important;
            font-size: 0.8rem !important;
        }

.JobDetails .DescriptionMap .map-data {
    height: 300px;
}

.JobDetails .DescriptionMap .directions-container a {
    display: block;
    width: 100%;
    padding: 0.7rem;
    background: #e51f36;
    border-radius: 0;
    color: #fff;
    text-decoration: none;
    z-index: 999;
    position: absolute;
    text-align: center;
}

.JobDetails .DescriptionMap {
    margin-top: 1em;
}

    .JobDetails .DescriptionMap .leaflet-marker-pane a.map-button {
        text-decoration: none;
        background-color: #e15829;
        color: #fff;
        font-weight: 600;
        padding: 0.75em 1.25em;
        width: auto;
        text-align: center;
        border-radius: 4px;
        top: 5em;
        cursor: pointer;
        display: block;
        font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
        font-size: 1.25em;
        position: absolute;
        top: 0px;
        transform: matrix(1, 0, 0, 1, 224, 100);
        user-select: none;
        vertical-align: baseline;
        z-index: 100;
    }

@media all and (min-width: 960px) {
    .JobDetails .DescriptionMap {
        float: right;
        width: 35%;
    }
}
/* Similar Jobs */
.Job .Similar-Jobs .similar-jobs-header {
    padding: 0.5em;
    border-bottom: 2px solid #eee;
    text-align: center;
}

    .Job .Similar-Jobs .similar-jobs-header:before {
        content: 'Jobs You May Also Like';
        color: #333;
        font-size: 1.3rem;
        font-weight: bolder;
    }

.Job .Similar-Jobs .similar-job {
    display: inline-block;
    font-family: "Myriad W01 Lt", "Myriad Pro Light", Open Sans, Arial, Arial, Helvetica, sans-serif;
    margin: 1em 0 0 0;
    width: 100%;
}

.Job .Similar-Jobs .similar-job-title {
    font-size: 17px;
    font-weight: bold;
    line-height: 1.2em;
    margin-bottom: 0.5em;
}

.Job .Similar-Jobs .fulladdress_address,
.Job .Similar-Jobs .fulladdress_city,
.Job .Similar-Jobs .fullstate_division {
    text-align: center;
    font-size: 15px;
    margin: 0 0 -4px 0px;
}

.Job .Similar-Jobs .fulladdress_city,
.Job .Similar-Jobs .fullstate_division {
    display: inline-block;
}

.Job .Similar-Jobs .Action {
    border-radius: 0;
    padding: 1em;
    width: 100%;
}

.job-results tbody tr.featured:before {
    background: #e51f36;
    color: #fff;
    content: "Featured Job";
    display: block;
    float: none;
    font-family: "Myriad W01 Lt", "Myriad Pro Light", Open Sans, Arial, Arial, Helvetica, sans-serif;
    font-weight: bolder;
    height: 30px;
    left: 0;
    letter-spacing: 0.1rem;
    padding: 0.35em;
    position: absolute;
    right: 0;
    text-align: center;
    text-transform: uppercase;
    top: 0;
}

tr.jtable-data-row.featured {
    border: 2px solid #e15a2b;
    padding: 2.25em 1.5rem 1.5rem 1.5rem;
}

@media(min-width:960px) {
    .Job .Similar-Jobs .similar-job {
        padding: 0.5em 0.5em 0.5em 0;
        vertical-align: top;
        width: 33%;
    }

    .Job .Similar-Jobs {
        width: 96.5%;
    }

    tr.jtable-data-row.featured:after {
        top: 4em;
    }

    tr.jtable-data-row.featured {
        padding-bottom: 1.5rem;
        padding-left: 3rem;
        padding-top: 2.25rem;
    }
}
/**************/
.ui-helper-hidden-accessible {
    display: none;
}

ul.ui-autocomplete {
    z-index: 99999;
    max-width: 93%;
    background: #fff;
    padding: 0;
    list-style-type: none;
    border: 1px solid #ddd;
}

    ul.ui-autocomplete li {
        border-top: 1px solid #ddd;
        padding: 0.3rem;
        cursor: pointer;
    }

        ul.ui-autocomplete li:hover {
            background: #015289;
            color: #fff;
        }

@media(min-width:961px) {
    #header, #content, #footer {
        min-width: 960px;
        width: 90%;
        max-width: 1100px;
        margin: 0 auto;
    }

    .Backdrop {
        position: fixed;
        min-width: 960px;
        width: 90%;
        max-width: 1100px;
        height: 100%;
        padding-bottom: 60px;
        background: #fff;
        box-shadow: 0px 0px 20px #333;
    }

    body {
        margin: 0;
    }

        body.MobileNav {
            overflow: scroll;
        }

    .Pad {
        position: relative;
        padding: 1rem 3rem 1rem 3rem;
    }

    .Drop {
        display: block !important;
    }

    .Introduce {
        display: none !important;
    }

    .Columns {
        overflow: hidden;
    }

        .Columns .Column {
            width: 50%;
            float: left;
        }

    /********************/
    .Band.Nav {
        position: relative;
        background: #fff;
        overflow: visible;
    }

        .Band.Nav .Pad {
            padding-right: 2rem;
        }

        .Band.Nav a.Logo, .Band.Nav img {
            display: block;
            width: 180px;
        }

        .Band.Nav .Action.Applied {
            width: 300px;
            float: right;
            background: #8fbed8;
        }

            .Band.Nav .Action.Applied span {
                padding: 0;
            }

        .Band.Nav ul {
            display: block;
            position: relative;
            width: 100%;
            clear: both;
            overflow: hidden;
        }

            .Band.Nav ul.Main {
                width: 95%;
                margin: 0 auto;
            }

        .Band.Nav li {
            float: left;
            border: none;
            font-weight: bolder;
            width: 25%;
        }

            .Band.Nav li.two,
            .Band.Nav li.three {
                text-align: center;
            }

            .Band.Nav li.four {
                text-align: right;
            }


            .Band.Nav li a:hover {
                color: #e51f36;
            }

            .Band.Nav li a span {
                padding: 0.6rem 1rem 0.6rem 1rem;
            }

        .Band.Nav .Subnav {
            display: none;
            position: absolute;
            top: 100%;
            width: 100%;
            background: #fff url(../Images/Shadow1.jpg) repeat-x top center;
            box-shadow: 0px 3px 10px #ccc;
        }

            .Band.Nav .Subnav .Pad {
                padding: 1rem 2rem 1rem 2rem;
                overflow: hidden;
            }

    .Subnav .Column {
        width: 22%;
        margin-right: 3%;
        float: left;
    }

    .Subnav p {
        font-weight: bolder;
        margin: 0;
    }

    .Subnav a {
        display: block;
        margin-top: 0.8rem;
        color: #000;
        font-size: 1rem;
        font-family: "Myriad W01 Lt", "Myriad Pro Light", Open Sans, Arial, Arial, Helvetica, sans-serif;
        text-decoration: none;
    }

        .Subnav a:first-child {
            margin-top: 0;
        }

    .Subnav i {
        color: #e51f36;
    }

    .Subnav .Rule {
        border-top: 1px solid #e51f36;
        margin-bottom: 1rem;
    }

    .Band.Nav .Label {
        position: absolute;
        display: block;
        width: 100px;
        top: -0.6rem;
        right: 3rem;
        text-align: right;
        font-size: 1.6rem;
    }

    /*************************/
    .Band.Banner {
        font-size: 2rem;
    }

        .Band.Banner img {
            left: 0%;
            width: 100%;
            height: auto;
        }

        .Band.Banner h2 {
            position: absolute;
            left: 3rem;
            top: 3rem;
            width: 400px;
            margin: 0;
            color: #333;
        }

    /********************/
    .Band.Title .Pad {
        overflow: hidden;
    }

    .Band.Title h1 {
        width: 70%;
        float: left;
    }

    .Band .social {
        width: 20%;
        float: right;
        margin-top: 1.5rem;
    }

        .Band .social a {
            width: 32px;
            height: 32px;
            border-radius: 50%;
        }

        .Band.Social > .Pad {
            width: 70%;
        }

    /********************/
    .Band.Search {
        position: absolute;
        width: 78%;
        z-index: 1500;
        top: 5.25rem;
        right: -1.5rem;
        background: none;
    }

        .Band.Search .Pad {
            padding-top: 0.3rem;
        }

    form.talent-network-form {
        overflow: visible;
    }

    form.search-form-float {
        width: 100%;
        margin: 0 auto 0 -1em;
        display: inline-block;
    }

        form.search-form-float .form-data {
            width: 19.5%;
        }

            form.search-form-float .form-data.largeradiuscollection {
                width: 16.5%;
            }

    form .form-data {
        float: left;
        width: 27%;
        min-height: 45px;
        margin-right: 2%;
    }

    form .opt-in-inputs, form .capcha-container {
        clear: both;
    }

    form.talent-network-form {
        margin: 0 auto;
        background: none;
    }

    form.search-form-static {
        margin: 0 1em 0 auto;
    }

        form.search-form-static .form-data {
            float: left;
            width: 19.5%;
            margin-right: 2%;
        }

        form.search-form-static .largeradiuscollection {
            width: 16.5%;
        }

        form.search-form-static .form-data.submit {
            width: 10%;
        }

    form .select2-container--default .select2-selection--single .select2-selection__rendered,
    .select2-container--default .select2-selection--single .select2-selection__placeholder {
        color: #444;
        font-weight: 400 !important;
        font-family: Arial;
    }

    form .form-data.submit {
        width: 10%;
    }

    /*********/
    .Accent .Pad {
        z-index: 10;
    }

    .Accent .Action {
        width: 400px;
        margin: 0 auto;
    }

    .Accent img.Fill {
        position: absolute;
        left: auto;
        top: auto;
        right: 0;
        bottom: 0;
    }

    .Accent.Map {
        min-height: 340px;
    }

        .Accent.Map .Action {
            margin-top: 100px;
        }

    /****************/
    .Band.Area .Pad {
        padding-left: 300px;
    }

    .Band.Area img {
        position: absolute;
        left: 0;
    }

    .Band.Area .Action {
        width: 300px;
    }

    /****************/
    .mapsocial {
        padding: 0;
    }

    #map {
        margin-bottom: 0.5rem;
    }

    /***********/
    .Band.Featured .featured-jobs-carousel.slick-initialized {
        width: 90%;
    }

    .Band.Featured .featured-job.slick-slide {
        padding: 0.5rem;
    }

    /****************/
    .Band.Video .Pad {
        overflow: hidden;
    }

    .Band.Video.Two a.YouTube {
        width: 50%;
        float: left;
    }

    .Band.Video.Three a.YouTube {
        width: 33%;
        float: left;
    }

    /*************/
    .Band.Testimonials .Pad {
        margin-top: -230px;
        width: 40%;
        left: 42%;
    }

    .Band.Testimonials img {
        position: relative;
        left: -100px;
    }

    .Band.Testimonials .slick-prev, .Band.Testimonials .slick-next {
        top: 30%;
    }

    /**************/
    tr.jtable-data-row {
        position: relative;
        padding-left: 3rem;
        overflow: hidden;
        padding-right: 330px;
    }

        tr.jtable-data-row td {
            float: left;
            border-top: none;
            border-right: 1px solid #000;
            padding: 0 0.5rem 0 0;
            margin-right: 1rem;
            margin-bottom: 0.5rem;
        }

        tr.jtable-data-row:after {
            position: absolute;
            top: 1.5rem;
            right: 3rem;
            width: 230px;
        }

        tr.jtable-data-row td:last-child {
            border-right: none;
            padding-right: 0;
            margin-right: 0;
        }

        tr.jtable-data-row td.title-column {
            width: 100%;
            margin-bottom: 1rem;
            border: none;
        }

    /**************/
    .Job {
        margin: 0 auto;
        overflow: hidden;
        padding: 1rem 0 1rem 3rem;
    }

        .Job .Action {
            width: 250px;
        }

        .Job .Description {
            width: 60%;
            float: left;
        }

        .Job .Details {
            width: 35%;
            float: right;
        }

            .Job .Details li {
                overflow: hidden;
            }

            .Job .Details .details-data {
                width: 60%;
                float: right;
            }

    /***************/
    .Band.Footer .Social {
        float: right;
        width: 200px;
        text-align: left;
    }
}

td.address-data-column:empty,
td.city-state-column:empty {
    display: none;
}

td.address-data-column span,
td.city-state-column span {
    display: block;
}

span.details-data span {
    display: block;
}

@media(max-width:960px) {
    .tn-join-widget-container form.talent-network-form.ui.form .optin label {
        white-space: normal;
    }

    .Band .social a {
        height: auto;
    }

    .Band .social {
        padding-bottom: 0;
    }

    .Band.Title.Activate.SearchJobs h1,
    .Band.Title.Activate.Locations h1,
    .Band.Title.Activate.JobDetails h1 {
        margin-top: 0;
        margin-bottom: 0;
    }
}

tr.jtable-no-data-row, tr.jtable-no-data-row td {
    display: initial;
}

@media(max-width:960px) {
    .field.geolocation i.search-find-me {
        -moz-transform: translateY(-65%);
        -o-transform: translateY(-65%);
        -ms-transform: translateY(-65%);
        -webkit-transform: translateY(-65%);
        transform: translateY(-65%);
        right: 35px;
    }
}

/* #region Events - Listings Search Bar */
.event-search-inputs {
    background: #e4e1da;
    padding: 20px 3rem 5px 3rem;
}

    .event-search-inputs form {
        max-width: 760px;
    }

        .event-search-inputs .fields .field {
            flex: 1 !important;
        }

        .event-search-inputs .fields .field label {
            display: none;
        }

        .event-search-inputs .fields .field input,
        .event-search-inputs .ui.form .field > .selection.dropdown {
            background: #fff !important;
        }

        @media (max-width: 759px) {
            .event-search-inputs {
                padding: 20px 20px 5px;
            }
            .event-search-inputs .fields .field {
                width: 100%;
                flex: none !important;
                margin-bottom: 10px !important;
            }
        }
/* #endregion */
/* #region Events - Listings */
.event-data .event-details {
    position: relative;
    padding: 20px 50px 10px;
    border-bottom: 5px solid #e4e1da;
}

    .event-data .event-details .title {
        padding: 0 100px 0 0;
        margin-top: 0;
        font-weight: bold;
        font-size: 20px;
    }

    .event-data .event-details .date {
        position: absolute;
        right: 50px;
        top: 6px;
        font-weight: bold;
        font-size: 14px;
    }

    .event-data .event-details .details-link {
        display: inline-block;
        width: auto;
    }

        .event-data .event-details .details-link a {
            padding-left: 20px;
            padding-right: 20px;
            font-weight: bold;
        }
/* #endregion */
/* #region Events - Details */
.event-details-data {
    background: #efefef;
}

    .event-details-data .description-details-container {
        position: relative;
        z-index: 1;
        width: 50%;
        float: left;
        padding: 0 50px;
        min-height: 460px;
        box-shadow: 15px 0 30px -15px rgba(0,0,0,0.5);
    }

    .event-details-data .event-date {
        font-size: 20px;
        font-weight: bold;
    }

    .event-details-data .event-time {
        font-size: 16px;
    }

    .event-details-data .add-to-calendar-container {
        margin: 0 100% 20px 0;
        width: 165px;
        border: 1px solid #ddd;
        display: inline-block;
        padding: 5px 10px;
        border-radius: 3px;
        cursor: pointer;
        transition: border-color 500ms ease;
    }

        .event-details-data .add-to-calendar-container:hover,
        .event-details-data .add-to-calendar-container:hover .atcb-list {
            border-color: #000;
        }

        .event-details-data .add-to-calendar-container .atcb-list {
            left: -32px;
            top: 26px;
            padding: 10px 30px;
            border: 1px solid #ddd;
        }

    .event-details-data .venue-container {
        position: absolute;
        z-index: 2;
        padding: 0 30px 20px 30px;
        background: #000;
        left: 50%;
        color: #fff;
    }

    .event-details-data .venue-address {
        margin: 5px 0;
    }

    .event-details-data .venue-name {
        font-weight: bold;
    }

    .event-details-data .EventDirections {
        margin-top: 20px;
        font-weight: bold;
    }

        .event-details-data .EventDirections i {
            display: none;
        }

    .event-details-data .event-map-details .venue-map {
        min-height: 460px;
        height: 460px;
    }

@media (max-width: 959px) {
    .event-details-data .description-details-container {
        width: 100%;
        min-height: 0;
        float: none;
        box-shadow: none;
        padding: 10px 50px 30px 50px;
    }

    .event-details-data .venue-container {
        position: relative;
        left: 0;
        padding: 5px 30px 20px 30px;
    }

    .event-details-data .event-map-details {
        float: none;
        width: 100%;
    }

    .event-details-data .EventDirections {
        display: inline-block;
        width: auto;
        padding-left: 20px;
        padding-right: 20px;
    }

    .event-details-data .event-map-details .venue-map {
        height: 300px;
        min-height: 0;
    }
}
/* #endregion */
