.hideme {
    display: none;
}

#whoweare-header {
    margin: 0 0 1.5rem;
    padding: 0;
}

#whoweare-header .row h1 {
    color: #445c6d;
    margin-bottom: 0.4em;
}

#whoweare-header .row p {
    margin: 0;
    padding: 0;
}

#whoweare-header .row p img {
    margin: 5em 0 0;
}

h3 {
    color: #4d4d4d;
    font-size: 1em;
    font-weight: 600;
}

#section1 {
    margin-bottom: 3.4em;
}

#our-values {
    margin-top: 4.2em;
}

#core-values-list {
    margin: 4em 0;
}

#core-values-list .values {
    margin-bottom: 2em;
}

#core-values-list img {
    float: left;
    margin: 1em 1em 2em 0;
    width: 80px;
}

#about-wrapper #core-values-list p {
    /*font-size: 1em !important;*/
    /*font-weight: 300;*/
    overflow: hidden;
}

#section1 p {
    /*font-size: 1em !important;*/
    /*font-weight: 300;*/
}

.clear-tablet, .clear-mobile, .bio-fourth {
    clear: both;
}

#leadership {
    margin: 0 auto 5em;
}

#leadership-gallery {
    clear: both;
    padding-top: 4em;
}

#leadership-gallery a h5 {
    font-size: 1em !important;
    margin: 0.5em 0 0 !important;
    padding: 0;
}

#leadership-gallery a h6 {
    color: #4e4e4e;
    font-size: 14px;
    margin: 0.1em 0 1.6em !important;
}

.prevnext {
    bottom: 1em;
    left: 0;
    margin-top: 1em;
    position: absolute;
}

.prevnext a {
    color: #8a8c8e !important;
    font-size: 16px !important;
    font-weight: 300 !important;
    padding: 2px 0;
}

.prevnext a.prev {
    /*background: transparent url("") no-repeat scroll left 6px / 15px 15px;*/
    padding: 2px 0 0 24px;
}

/*.prevnext a.next {*/
/*    background: transparent url("") no-repeat scroll right 6px / 15px 15px;*/
/*    padding: 2px 24px 0 0;*/
/*}*/

/*.prevnext a.prev:hover {*/
/*    background: transparent url('') no-repeat scroll left 6px / 15px 15px;*/
/*}*/

/*.prevnext a.next:hover {*/
/*    background: transparent url('') no-repeat scroll right 6px / 15px 15px;*/
/*}*/

.prevnext img {
    margin: -2px 6px 0;
    width: 12px;
}

#about-wrapper .bio-placeholder h5 {
    font-size: 1.5em !important;
    font-weight: 500 !important;
    margin: 0 !important;
    padding: 0;
}

#about-wrapper .bio-placeholder h6 {
    color: #4e4e4e;
    font-size: 1.25em !important;
    font-weight: 200 !important;
    margin: 0.1em 0 1em !important;
}

#about-wrapper h2.company-leadership {
    color: #4e4e4e !important;
    font-size: 1.6875em !important;
    font-weight: 200 !important;
}

#whoweare-header .row p#leadership-details {
    font-size: 1.125rem !important;
    padding: 1rem 11rem 0 !important;
    color: black !important;
}

.bio {
    border: 1px solid #edeeef;
    box-shadow: 0 0 1px #edeeef;
    min-height: 24em;
    margin: 2em 0;
    padding-bottom: 1.5em;
    padding-top: 1.5em;
    z-index: 25;
}

a.bio-link {
    height: auto;
    outline: medium none;
    position: relative;
}

a.bio-link:hover,
a.bio-link h5:hover {
    text-decoration: none !important;
}

a.bio-link img:hover + .image-overlay {
    opacity: 1.0 !important;
}

.close-bio {
    margin: 1em;
    padding: 10px;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 30;
}

.image-overlay {
    /*background: transparent none;*/
    /*height: auto;*/
    /*left: 0;*/
    /*position: absolute;*/
    /*top: 0;*/
    /*width: auto;*/
    /*z-index: 333;*/
}

.main-bio-image {
    position: relative;
    vertical-align: top;
    z-index: 200;
}

.image-overlay {
    /*background-image: url("");*/
    background-repeat: no-repeat;
    background-size: contain;
    cursor: pointer;
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 9999;
}

.image-overlay:hover, .image-overlay.hover:hover {
    opacity: 0.8 !important;
}

.image-overlay img {
    z-index: 334;
}

.close-bio a {
    /*background: transparent url("") no-repeat scroll 56px 4px / 15px 15px;*/
    color: #8a8c8e !important;
    font-weight: 300 !important;
    padding: 2px 26px 2px 2px;
    text-transform: uppercase;
    vertical-align: middle;
    z-index: 999;
}

.close-bio a:hover {
    /*background-image: url("");*/
    color: #4d4d4d !important;
    text-decoration: none !important;
}

.relative {
    position: relative;
}

.close-bio a img {
    float: right;
    position: relative;
    right: -5px;
    top: 7px;
}

#bio-next, #bio-prev {
    display: inline-block;
}

div#learn-more.
company-honor-footer {
    background: #eaeaea url("../images/leader/company_honor_footer.jpg") no-repeat scroll center 0;
}

.prevnext a:hover {
    color: #4d4d4d !important;
    text-decoration: none !important;
}

.x-small-header-graphic img {
    width: 60%;
}

@media only screen and (max-width: 50em) {
    #about-wrapper h1 {
        margin: 78px 0 10px;
    }
}

@media (max-width: 1024px) {
    .bio {
        margin: 1em 0;
    }

    #leadership {
        margin: 0 auto 3.75em;
    }

    #leadership-gallery h5 {
        font-size: 0.9375em !important;
    }

    #whoweare-header .row p#leadership-details {
        font-size: 1.125rem !important;
        padding: 1rem 4rem 0 !important;
    }

    #about-wrapper h2.company-leadership {
        font-size: 1.3em !important;
    }
}

@media (max-width: 890px) {
    .bio {
        height: auto;
    }

}

@media (max-width: 640px) {
    .bio {
        margin-top: 1em;
        padding-top: 2em;
    }

    #whoweare-header .row p#leadership-details {
        font-size: 1rem !important;
        padding: 1rem 1rem 0 !important;
    }

    .bio img.bio-img {
        margin-bottom: 1.2em;
        margin-top: 0.5em;
    }

    .close-bio {
        margin: 0 0.6em;
    }

    .close-bio span {
        display: none;
    }

    #leadership {
        margin: 0 auto 2.5em;
    }

    #core-values-list img {
        float: none;
        margin: 0;
        width: 60px;
    }

    .smallbr {
        height: 1em !important;
    }

    #core-values-list .values {
        margin-bottom: 1em;
    }

    .values h5 {
        margin: 0 !important;
    }

    #lgcolumns, .bio {
        /* reducing padding on the leadership gallery in mobile */
        padding-left: 0;
        padding-right: 0;
    }

    .prevnext {
        bottom: -0.5em;
        margin-top: 0.5em;
        position: relative;
    }
}

@media (min-width: 520px) and (max-width: 640px) {
    .image-overlay {
        background-size: inherit;
    }
}

@media (max-width: 420px) {
    .bio {
        padding-top: 3em;
    }

    .x-small-header-graphic img {
        width: 80%;
    }

    /*.x-small-header-graphic {*/
    /*display: block;*/
    /*}*/
}