html {
    overflow-y: scroll;
}

/* FONTS
-------------------------------------------------- */

.gotham {
    font-family: 'Gotham A', 'Gotham B', 'Helvetica Neue', 'Arial', sans-serif;
}

.sentinel {
    font-family: 'Sentinel A', 'Sentinel B', 'Georgia', serif;
}

h1, h2, h3 {
    font-family: 'Gotham A', 'Gotham B', 'Helvetica Neue', 'Arial', sans-serif;
}

h1 small,
h2 small,
h3 small {
    font-family: 'Sentinel A', 'Sentinel B', 'Georgia', serif;
}

.fa-rotate-325 {
    -webkit-transform: rotate(325deg);
    -moz-transform: rotate(325deg);
    -ms-transform: rotate(325deg);
    -o-transform: rotate(325deg);
    transform: rotate(325deg);
}


/* NAVBAR
-------------------------------------------------- */
.navbar.navbar-dark {
    background-color: #000 !important;
}

.navbar {
    padding: .25rem 1rem;
}

.navbar-nav .nav-item {
    text-transform: uppercase;
    font-family: 'Gotham A', 'Gotham B', 'Helvetica Neue', 'Arial', sans-serif;
    font-size: .8rem;
}

.navbar-dark .navbar-nav .nav-link {
    color: #FFF;
}

.navbar-dark .navbar-nav .active > .nav-link {
    color: #fed200;
}


/* THE CAROUSEL
-------------------------------------------------- */

/* Carousel base class */
.carousel {
    margin-bottom: 4rem;
}
/* Since positioning the image, we need to help out the caption */
.carousel-caption {
    bottom: 1rem;
    z-index: 10;
}

.carousel-caption h1 {
    text-transform: uppercase;
    margin-bottom: 1em;
    font-size: 1.5rem;
}

.carousel-caption h1 .highlight {
    background: #f8d000;
    color: #000;
}

.carousel-caption p {
    font-family: 'Sentinel A', 'Sentinel B', 'Georgia', serif;
    font-size: .9rem;
    max-width: 25rem;
    font-style: italic;
}

.carousel-item {
    background-color: #666;
    /*
    height: 25rem;
    */
}

.carousel-item > img {
    margin: auto;
    display: block;
    max-width: 100%;
    /*
    height: 25rem;
    */
}

/*
.carousel-item > img {
    margin-left: -20em;
}

.carousel-item > img.portrait {
    margin-left: -34em;
}
*/

.carousel-indicators-container {
    display: flex;
    background: #000;
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 15;
    height: 2.5em;
}

.carousel-indicators-container a {
    position: absolute;
    text-transform: uppercase;
    font-size: .85rem;
    font-weight: 600;
    color: #f8d000;
}

.carousel-indicators-container a,
.carousel-caption {
    left: 5%
}

.carousel-indicators {
    position: relative;
    margin: 0;
    bottom: 0;
}

.carousel-indicators li {
    border-radius: 50%;
    width: 8px;
    height: 8px;
    background: #fcfafa;
}

.carousel-indicators li.active {
    background: #f8d000;
}

.carousel-indicators li:hover {
    cursor: pointer;
}

.carousel-caption p,
.carousel-control-prev,
.carousel-control-next {
    display: none;
}

/* Diversity Text
-------------------------------------------------- */

.diversity {
    text-align: center;
    margin-bottom: 4rem;
}

.diversity h3 {
    text-transform: uppercase;
}


/* Benefits Intro
-------------------------------------------------- */

.benefits-intro {
    text-align: center;
    margin: -1rem 0 2rem 0;
}

.benefits-intro h3 {
    text-transform: uppercase;
}


/* FACTOID CONTENT
-------------------------------------------------- */

.factoids {
    background: #f3f3f3;
    padding: 70px 0 55px;
    margin-bottom: 4rem;
}

.factoid-container:last-child .factoid {
    margin-bottom: 0;
}

.factoid {
    background: #e1e1e1;
    padding: 15px;
    text-align: center;
    margin-bottom: 60px;
}

.factoid-icon-svg {
    margin-top: -50px;
}

.factoid-icon {
    fill: #ffd401;
    stroke: #F3F3F3;
    stroke-width: 6px;
}

.factoid h2 {
    font-size: 32px;
    text-transform: uppercase;
    font-weight: bold;
    line-height: .85;
    margin-bottom: 15px;
}

.factoid h2.small {
    font-size: 1.5em;
}

.factoid h2 small {
    font-size: 60%;
    font-style: italic;
    text-transform: none;
}

.factoid p {
    margin-bottom: 0;
}

.forbes-container {
    max-width: 110px;
    margin: 0 auto .8em auto;
}

.forbes-container img {
    width: 100%;
}

.compestimator-container{
    margin: 0 auto .8em auto;
}

.compestimator-container img {
    width: 100%;
}
.compestimator-container p{
    font-family: 'Sentinel A', 'Sentinel B', 'Georgia', serif;
    font-style: italic;
    margin: .8em auto;
}
.compestimator-container p a{
    font-size: medium;
}


/* CTAs
------------------------- */

.cta-container {
    margin-bottom: 4rem;
}

.cta-bg {
    background: #333;
    z-index: 10;
}

.cta-image {
    margin-bottom: 60px;
    width: 100%;
    transition: .2s;
    z-index: 5;
}

a:hover .cta-image {
    transition: .2s;
    opacity: .80;
}

.cta-cards .card {
    width: 100%;
    margin-bottom: 3rem;
}


.cta-cards .card-text {
    font-size: .85rem;
}

.cta-cards .btn-light {
    color: #7b7b7b;
    border-color: #7b7b7b;
    border-radius: 0;
    font-size: .8rem;
    text-transform: uppercase;
}

/* CTAs
------------------------- */
.alert + .job-categories {
    margin-top: 7rem;
}

.job-categories {
    margin-top: 5rem;
}

.job-categories h2 {
    font-size: 1.25rem;
    margin-bottom: 1rem;
}

.job-categories .btn-light {
    color: #7b7b7b;
    border-color: #7b7b7b;
    border-radius: 0;
    font-size: .70rem;
    text-transform: uppercase;
}

.job-categories .card {
    width: 100%;
    margin-bottom: 3rem;
}

.job-categories .job-img {
    z-index: 5;
    width: 100%;
}

.job-categories a {
    display: block;
    margin-bottom: 2.25rem;
}

.job-categories a:hover .job-img {
    transition: .2s;
    opacity: .80;
}

.job-categories .job-title {
    position: relative;
    float: left;
    padding: 3px;
    margin-top: -3.25rem;
    margin-left: 1rem;
    background: #f8d000;
    color: #000;
    text-transform: uppercase;
    font-weight: bold;
    font-family: 'Gotham A', 'Gotham B', 'Helvetica Neue', 'Arial', sans-serif;
    font-size: .95rem;
    z-index: 100;
}

.home-job-categories .job-title {
    position: relative;
    float: left;
    padding: 3px;
    margin-top: -3.25rem;
    margin-left: 1rem;
    background: #f8d000;
    color: #000;
    text-transform: uppercase;
    font-weight: bold;
    font-family: 'Gotham A', 'Gotham B', 'Helvetica Neue', 'Arial', sans-serif;
    font-size: 1.9 rem;
    z-index: 100;
}

.home-job-categories{
    margin-bottom: 2rem;
}

.home-job-categories a img {
    width:100%;
}


/* Links Sidebar
------------------------- */

.links-sidebar {
    padding: 3em 1em;
    background: #f3f3f3;
}

.links-sidebar .factoid {
    background-color: #ffffff;
}

.links-sidebar .factoid p {
    font-size: .7rem;
}

.links-sidebar .title {
    text-align: center;
    text-transform: uppercase;
    background: #f8d000;
    color: #000;
    padding: 6px 2px;
    font-weight: bold;
    display: block;
    font-size: 1.25rem;
}

.links-sidebar .grey {
    background-color: #e1e1e1;
}

.links-sidebar ul.links {
    list-style: none;
    margin: 1.5em 0 0 0;
    padding: 0;
}

.links-sidebar li.link {
    border-top: 1px solid #b9b9b9;
    font-size: .90rem;
}

.links-sidebar li.link:last-child {
    border-bottom: 1px solid #b9b9b9;
}

.links-sidebar li.link a {
    display: block;
    padding: 10px 5px;
    color: #000;
}

.links-sidebar li.link a:hover {
    text-decoration: none;
    background: #f8d000;
    color: #000;
}

.links-sidebar li.link a .fa {
    color: #7b7b7b;
}

.links-sidebar li.link a:hover .fa {
    color: #000;
}

.links-sidebar .icon-container {
    width: 1.25rem;
    display: inline-block;
    text-align: center;
    margin: 0 5px;
}

.links-sidebar + .links-sidebar {
    margin-top: 3em;
    margin-bottom: 2em;
    padding: 1.5em 1.5em;
}

.links-sidebar + .links-sidebar h3.title {
    margin: 0;
}
/* BANNER AD HOME
---------------------------------------------------*/


/* FOOTER
-------------------------------------------------- */
.footer {
    background-color: #f3f3f3;
    padding: 15px 0;
}

.footer p {
    margin: 0;
}


/* RESPONSIVE CSS
-------------------------------------------------- */

/*
@media (min-width: 30em) {
    .carousel-item > img.portrait {
        margin-left: -25em;
    }
}
*/


/* Small devices (landscape phones, 34em and up) */
@media (min-width: 36em) {
    .factoid-container:nth-last-child(-n+2) .factoid {
        margin-bottom: 0;
    }
}

/* Medium devices (tablets, 48em and up) */
@media (min-width: 48em) {

    .carousel-indicators-container a,
    .carousel-caption {
        left: 7%;
    }

    /*
    .carousel-item > img {
        margin-left: -6em;
    }

    .carousel-item > img.portrait {
        margin-left: -7em;
    }

    .carousel-caption h1 {
        font-size: 1.75rem;
        margin-bottom: 2.75em;
    }
    */

    .carousel-caption p {
        display: block;
    }

    .cta-cards .card {
        width: 100%;
    }

    .job-categories .btn-light {
        font-size: .8rem;
    }

    .job-categories h2 {
        font-size: 1.5rem;
    }

}

/* Large devices (desktops, 62em and up) */
@media (min-width: 62em) {

    .carousel-item {
        height: 32rem;
    }

    .carousel-indicators-container a,
    .carousel-caption {
        left: 12%;
    }

    .carousel-indicators {
        padding-right: 4rem;
    }

    .carousel-item > img {
        height: 32rem;
        margin-left: auto;
    }

    /*
    .carousel-item > img.portrait {
        margin-left: -9em;
    }
    */

    .carousel-caption h1 {
        font-size: 2rem;
    }

    .carousel-caption p {
        font-size: 1rem;
    }

    .carousel-control-prev,
    .carousel-control-next {
        display: flex;
    }

    .factoid {
        margin-bottom: 0;
    }

    .cta-image {
        margin-bottom: 0;
    }

    .cta-cards .card {
        width: 20rem;
    }

    .cta-cards .card:nth-child(odd) {
        margin-right: 2rem;
    }

    .cta-cards .card-text {
        font-size: 1rem;
    }

    .job-categories h2 {
        font-size: 2rem;
        margin-bottom: 1.5rem;
    }

    .links-sidebar h3.title {
        font-size: 1rem;
    }

    .links-sidebar .factoid + h3.title {
        margin-top: 3em;
    }
}

/* Extra large devices (large desktops, 75em and up) */
@media (min-width: 75em) {

    .carousel-indicators-container a,
    .carousel-caption {
        left: 16%;
    }

    .carousel-item > img.portrait {
        margin: auto;
    }

    .cta-cards .card {
        width: 24rem;
    }

    .cta-cards .card:nth-child(odd) {
        margin-right: 3rem;
    }

    .job-categories .job-title {
        font-size: 1.20rem;
    }

    .job-categories .btn-light {
        font-size: .9rem;
    }

    .links-sidebar {
        padding: 3em 1.5em;
    }

    .links-sidebar h3.title {
        font-size: 1.25rem;
    }

    .links-sidebar li.link {
        font-size: .95rem;
    }

    .carousel-item .background {
        content : "";
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 32rem;
        opacity : 0.4;
        filter: blur(11px);
        background-size: cover;
        z-index: -1;
    }

}

@media (min-width: 125em) {
    .carousel-caption {
        left: 25%;
    }
}

#container .jSearchBox {
    height: 200px;
}