* {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box
}

/*CSS Reset*/
html, body, div, span, applet, object, iframe,
p, pre, abbr, acronym, address, cite, code,
del, dfn, img, ins, kbd, q, s, samp,
tt, var, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}

body {
    line-height: 1;
	 overflow-x:hidden;
}

blockquote, q {
    quotes: none;
}

    blockquote:before, blockquote:after,
    q:before, q:after {
        content: '';
        content: none;
    }

table {
    border-collapse: collapse;
    border-spacing: 0;
}

h1, h2, h3 {
    margin: 0;
    padding: 0;
    font-weight: normal;
}

input[type="text"], input[type="email"], input[type="password"], input[type="submit"], textarea, select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

p {
    margin: 0 0 20px 0;
}

img {
    max-width: 100%;
    height: auto;
}

.clear {
    clear: both;
}

/*End of Reset*/
a {
    color: #0085ca;
    text-decoration: none;
    font-weight: 400;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}


body {
    font-size: 16px;
    line-height: 1.3em;
    background-color: #fff;
    font-family: "myriad-pro";
    font-weight: 300;
}

textarea {
    font-family: "myriad-pro";
    color: #53565a;
}

.wrap {
    width: 92%;
    max-width: 1170px;
    margin: 0 auto;
    padding: 0 4%;
    position: relative;
    clear: both;
}

body.home.fixed {
    padding-top: 126px;
}

body.Careers.fixed {
    padding-top: 126px;
}

.fixed-only {
    display: none;
}

.text-center {
    text-align: center;
}
/** Page Backgrounds */
#background {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    height: 1000px;
    background: transparent url('https://www.bluechip-llc.com/media/1059/background.jpg') center center no-repeat;
    background-size: cover;
      -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    background-position:center center;
}

.large #background {
    height: 770px;
}

.medium #background {
    height: 550px;
    position: relative;
}

.small #background {
    height: 350px;
    position: relative;
}

.small #hero {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
}

.medium #hero {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
}

.hide {
    display: none;
}

.hide2 {
    display: none;
}

.gray {
    -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);
}
/*   Old Billboard   
.about-page #background{height: 550px; background-image: url('../images/about-background.jpg')}
.case-study-page #background{height: 550px; background-image: url('https://www.bluechip-llc.com/images/case-study-background.jpg')}
.services-page #background{height: 350px; background-image: url('https://www.bluechip-llc.com/images/services-background.jpg')}
.job-post-page #background{height: 350px; background-image: url('https://www.bluechip-llc.com/images/job-post-background.jpg')}
.blog-post-page #background{height: 350px; background-image: url('https://www.bluechip-llc.com/images/blog-post-background.jpg')}
.blog-page #background{height: 350px; background-image: url('../images/blog-background.jpg')}
.home #background{height: 770px; background-image: url('https://www.bluechip-llc.com/images/home-background.jpg');}
    */


/** Hero styles **/
#hero {
    padding: 25px 0;
    transition: background-color 0.5s ease;
    background-color: transparent;
    z-index: 9999;
    height: 80px;
}

.fixed #hero {
    background-color: rgba(0,63,119,.75);
    position: fixed;
    top: 0;
    width: 100%;
    padding: 15px 0;
    height: 50px;
    z-index: 10000;
}

.fixed .logo a {
    display: none;
}

    .fixed .logo a.fixed-only {
        display: block;
        width: 45px;
    }

#hero .logo {
    width: 210px;
    float: left;
}

#hero .right {
    float: right;
}

/** Primary Menu **/
#primary-menu {
    list-style-type: none;
    margin: 0;
    padding: 0;
    padding-top: 45px;
    float: left;
    padding-right: 4%;
    min-width: 600px;
}

.fixed #primary-menu {
    padding-top: 10px;
}

#primary-menu li {
    display: inline-block;
}

    #primary-menu li a {
        display: inline-block;
        color: #fff;
        text-decoration: none;
        font-size: 1.5em;
        padding-bottom: 9px;
        font-weight: 400;
        margin: 0 13px;
    }

        #primary-menu li a:hover, #primary-menu li.active a {
            border-bottom: 2px solid #fff;
        }

/** Search **/
#search {
    float: right;
    color: #fff;
    margin-top: 25px;
    font-size: 1.2em;
    margin-left: 13px;
}

.fixed #search {
    padding-top: 10px;
    margin-top: -5px;
}

#search .hide {
    display: none;
}

#search .hide2 {
    display: none;
}

.search-control {
    cursor: pointer;
}

.search-open .close-search {
    position: absolute;
    right: 4%;
    top: 90px;
    font-size: .765em;
    cursor: pointer;
    z-index: 9999;
}

.fixed .close-search {
    display: block;
    background-color: rgba(0,63,119,.75);
    top: 65px;
    padding: 10px 20px;
    height: 20px;
}

#hero .right.search-open {
    width: 65%;
}

.search-open #search {
    width: 100%;
    margin-right: -20px;
}

.search-open form {
    background: rgba(255,255,255,.3);
    padding: 15px 0;
    padding-left: 5%;
    padding-right: 2%;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}


.search-open input[type="search"] {
    font-family: "myriad-pro";
    font-weight: 400;
    width: 89%;
    border: 0;
    padding: 0;
    background-color: transparent;
    color: #fff;
    font-size: 1.19em;
    line-height: 1.19em;
    outline: none;
    -webkit-appearance: none;
}

    .search-open input[type="search"]::-webkit-input-placeholder {
        color: #fff;
        opacity: 1;
    }

    .search-open input[type="search"]::-moz-placeholder {
        color: #fff;
        opacity: 1;
    }

    .search-open input[type="search"]:-ms-input-placeholder {
        color: #fff;
        opacity: 1;
    }

    .search-open input[type="search"]:-moz-placeholder {
        color: #fff;
        opacity: 1;
        opacity: 1;
    }

#search button {
    cursor: pointer;
    background-color: transparent;
    margin: 0;
    border: 0;
    color: #fff;
    text-align: right;
    position: absolute;
    top: 43px;
    right: 4%;
}

.search-open #search button {
    top: 43px;
    right: 4%;
}

.fixed #search button {
    top: 10px;
}

/*
.search-page.fixed #hero {
    height: auto !important;
}
*/

/** Mobile button **/
#mobile {
    display: none;
}

.fixed #mobile {
    top: 6px;
}

/** Careers Video **/
#video {
    clear: both;
    width: 100%;
    text-align: center;
    padding: 210px 0;
    position: relative;
    z-index: 9000;
}

    #video.open {
        z-index: 9999;
    }

    #video a {
        font-size: 5em;
        color: #fff;
    }

    #video .video-wrapper {
        display: none;
        position: absolute;
        top: -130px;
        width: 100%;
        min-height: 100vh;
        background-color: rgba(0, 0, 0, .95);
        padding: 80px 0 0 0;
        z-index: 10;
        opacity: 1;
        transition: opacity 5s ease-in-out;
        -moz-transition: opacity 5s ease-in-out;
        -webkit-transition: opacity 5s ease-in-out;
    }

.close-video {
    position: absolute;
    top: 0;
    right: 0;
    color: #fff;
    font-size: 2em !important;
    padding: 10px 0;
    padding-right: 2%;
    cursor: pointer;
    z-index: 999;
    width: 100%;
    text-align: right;
    background: #000;
}

iframe {
    max-width: 100%;
}

.video-container {
    position: absolute;
    left: 0;
    right: 0;
    padding-bottom: 56.25%;
    height: 0;
    top: 50%;
    margin-top: -31%;
}

    .video-container iframe,
    .video-container object,
    .video-container embed {
        position: absolute;
        left: 0;
        width: 80%;
        height: 100%;
        padding: 0 10%;
    }

/** Careers CTAs **/
.career-ctas {
    clear: both;
    overflow: hidden;
    margin-bottom: 75px;
}

    .career-ctas a {
        display: block;
        float: left;
        width: 48%;
        font-size: 1.875em;
        font-weight: 700;
        color: #fff;
        text-decoration: none;
        background-color: rgba(255,2552,255,.2);
        border: 1px solid #fff;
        text-align: center;
        padding: 60px 0;
        border-radius: 5px 5px 5px 5px;
        -moz-border-radius: 5px 5px 5px 5px;
        -webkit-border-radius: 5px 5px 5px 5px;
    }

        .career-ctas a:hover {
            background-color: rgba(227,151,30,.2);
            border: 1px solid #f3cb8a;
        }

        .career-ctas a:nth-child(2) {
            float: right;
        }

    .career-ctas span {
        font-size: .875em;
        font-weight: bold;
        margin-left: 20px;
        position: relative;
    }

/** Careers Stats Boxes **/
.career-stats {
    clear: both;
    overflow: auto;
    margin-top: 40px;
}

    .career-stats .stat {
        background-image: url('../media/images/stats-background.png');
        background-repeat: no-repeat;
        background-position: bottom right;
        width: 31%;
        float: left;
        margin: 0 0 3.5% 0;
        height: 350px;
        font-size: 1.563em;
        font-weight: 800;
        text-transform: uppercase;
        letter-spacing: 2px;
        color: #fff;
        text-align: center;
        background-color: #56aa1c;
    }

        .career-stats .stat:nth-child(2) {
            margin: 0 3.5%;
            background-color: #e3971e;
        }

        .career-stats .stat:nth-child(3) {
            float: right;
            background-color: #0085ca;
        }

        .career-stats .stat:nth-child(4) {
            background-color: #9e91c6;
            width: 48.5%;
        }

        .career-stats .stat:nth-child(5) {
            background-color: #6c6c6c;
            width: 48.5%;
            float: right;
        }

        .career-stats .stat span {
            display: block;
            font-size: 4.2em;
            line-height: 1em;
            padding-top: 95px;
        }

        .career-stats .stat:nth-child(1n+4) span {
            padding-top: 70px;
        }

        .career-stats .stat em {
            font-style: normal;
            padding: 0 5%;
            display: block;
            letter-spacing: 1px;
        }
/** Careers Body Text **/
.career-body {
    clear: both;
    color: #0085ca;
    font-size: 2.188em;
    line-height: 1.3em;
    text-align: center;
    padding: 50px 0 70px 0;
}

/** Careers Employee spotlight **/
.employee-spotlight {
    position: relative;
    background-color: #0085ca;
    color: #fff;
    overflow: hidden;
}

    .employee-spotlight .image {
        width: 48%;
        line-height: 0;
        position: absolute;
        top: 0;
        bottom: 0;
    }

        .employee-spotlight .image img {
            position: absolute;
            top: 0;
            left: 0;
            width: auto;
            max-width: none;
            height: 100%;
        }

    .employee-spotlight .content {
        width: 50%;
        float: right;
        padding: 140px 0 120px 0;
        z-index: 100;
        position: relative;
    }

    .employee-spotlight h3 {
        font-size: 2em;
        line-height: 2rem;
        font-weight: bold;
        width: 98%;
        max-width: 470px;
        margin-bottom: 20px;
        padding-left: 2%;
    }

    .employee-spotlight p {
        clear: both;
        font-size: 1.25em;
        width: 98%;
        max-width: 470px;
        padding-left: 2%;
    }

.arrow-down {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 30px;
    z-index: 1000;
    background: transparent url('../media/images/arrow-down.png') top center no-repeat;
}

.employee-spotlight .gradiant {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1e5799+0,0085ca+100&0+0,1+100 */
    background: -moz-linear-gradient(left, rgba(30,87,153,0) 0%, rgba(0,133,202,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, rgba(30,87,153,0) 0%,rgba(0,133,202,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, rgba(30,87,153,0) 0%,rgba(0,133,202,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#001e5799', endColorstr='#0085ca',GradientType=1 ); /* IE6-9 */
    z-index: 100;
}


/** Careers job list **/
.team-city-list {
    background-color: #003f77;
    padding: 70px 0;
    overflow: hidden;
}

    .team-city-list h2 {
        color: #fff;
        text-align: center;
        font-size: 3.125em;
        font-weight: 300;
        line-height: 1.3em;
    }

.locations {
    background-color: #fff;
    padding: 70px;
    overflow: hidden;
    margin-top: 60px;
}

.locations {
}

    .locations .location {
        margin-bottom: 20px;
        width: 45%;
        float: left;
        padding-right: 5%;
    }

    .locations a {
        color: #0085ca;
        font-size: 1.25em;
        text-decoration: none;
        font-weight: 400;
        line-height: 1.3em;
    }

        .locations a:hover {
            color: #e3971e;
        }

    .locations h3 {
        font-size: 2em;
        color: #003f77;
        font-weight: 700;
        margin-bottom: 20px;
    }

/** Footer **/
footer {
    clear: both;
    background-color: #53565a;
    padding: 80px 0;
    overflow: hidden;
}

    footer .contact-information {
        float: left;
        color: #fff;
        width: 50%;
    }

        footer .contact-information img {
            max-width: 100px;
            float: left;
        }

        footer .contact-information .content {
            margin-left: 30px;
            float: left;
            font-size: 1.125em;
            font-weight: 400;
        }

            footer .contact-information .content a {
                color: #fff;
                text-decoration: none;
            }

        footer .contact-information h4 {
            margin: 0;
            font-weight: 400;
        }

    footer .menus {
        float: right;
        width: 50%;
    }

/** Social menu icons in the footer and navigation menu **/
#social-menu, #footer-menu {
    list-style-type: none;
    margin: 0;
    padding: 0;
    float: right;
    clear: both;
}

    #social-menu li, #footer-menu li {
        display: inline-block;
    }

        #footer-menu li a {
            color: #fff;
            text-decoration: none;
            font-size: 1.125em;
            font-weight: 400;
            margin: 0 13px;
        }

            #footer-menu li a:hover {
                color: #e3971e;
            }

        #footer-menu li:last-child a {
            margin-right: 0;
        }

#social-menu {
    margin-top: 30px;
}

    #social-menu li a {
        display: inline-block;
        border: 1px solid #fff;
        padding-top: 7px;
        width: 43px;
        height: 36px;
        text-align: center;
        color: #fff;
        text-decoration: none;
        font-size: 1.7em;
        border-radius: 5px 5px 5px 5px;
        -moz-border-radius: 5px 5px 5px 5px;
        -webkit-border-radius: 5px 5px 5px 5px;
        margin: 0 6px;
    }

        #social-menu li a:hover {
            color: #e3971e;
            border: 1px solid #e3971e;
        }

    #social-menu li:last-child a {
        margin-right: 0;
    }

h1.home {
    font-size: 8.75em;
    font-weight: 800;
    color: #fff;
    position: relative;
    width: 620px;
    max-width: 100%;
    line-height: 1em;
    margin-top: 150px;
}
/** Home Page heading **/
/*.home h1{font-size: 8.75em; font-weight: 800; color: #fff; position: relative; width: 620px; max-width: 100%; line-height: 1em; margin-top: 150px;}
.fixed.home h1{margin-top: 180px}
*/
/** Home page call to action boxes **/
.home-ctas {
    padding: 40px 0;
    clear: both;
    overflow: hidden;
}

    .home-ctas .cta {
        background-image: url('../media/images/stats-background.png');
        background-repeat: no-repeat;
        background-position: bottom right;
        width: 26%;
        padding: 0 3%;
        padding-top: 75px;
        float: left;
        margin: 0 0 3.5% 0;
        height: 265px;
        font-size: 1.25em;
        color: #fff;
        background-color: #0085ca;
        line-height: 1.3em;
        position: relative;
    }

        .home-ctas .cta:nth-child(2) {
            margin: 0 2%;
            background-color: #56aa1c;
        }

        .home-ctas .cta:nth-child(3) {
            float: right;
            background-color: #e3971e;
        }

    .home-ctas h2 {
        font-size: 1.6em;
        font-weight: 600;
        margin-bottom: 10px;
    }

    .home-ctas a {
        font-size: .75em;
        font-weight: bold;
        color: #fff;
        text-align: center;
        text-transform: uppercase;
        text-decoration: none;
        margin-top: 10px;
        display: block;
        width: 170px;
        border: 1px solid #fff;
        border-radius: 3px;
        padding: 12px 0;
        cursor: pointer;
        position: absolute;
        bottom: 40px;
    }

/** Home page who we are section **/
#who-we-are {
    float: left;
    color: #003f77;
    font-size: 1.688em;
    line-height: 1.3em;
    font-weight: 500;
    width: 42%;
    padding-right: 8%;
    padding-bottom: 50px;
    margin-bottom: 75px;
    border-right: 1px solid #dadada;
}

    #who-we-are h2 {
        font-size: 1.852em;
        line-height: 1em;
        font-weight: 300;
        margin-bottom: 10px;
    }

/** Home page blog list **/
#blog-list {
    width: 40%;
    float: right;
}

    #blog-list h3 {
        text-transform: uppercase;
        color: #003f77;
        font-size: .938em;
        font-weight: bold;
        margin-bottom: 15px;
    }

    #blog-list ul {
        list-style-type: none;
        margin: 0;
        padding: 0;
    }

        #blog-list ul li {
            border-top: 1px solid #dadada;
        }

            #blog-list ul li a {
                color: #0085ca;
                text-decoration: none;
                font-size: 1.688em;
                font-weight: 500;
                display: block;
                padding: 15px 0;
                line-height: 1em;
            }

                #blog-list ul li a:hover {
                    color: #e3971e;
                }

.blog-clear{clear:both;margin-top:30px;}
.featured a {
    color: #0085ca;
    text-decoration: none;
    font-size: 1.688em;
    font-weight: 500;
    display: block;
    padding: 15px 0;
    line-height: 1em;
}

.featured img {
    margin-bottom: 10px;
}

.featured a:hover {
    color: #e3971e;
}
/** Blog Page body text **/
#blog-body {
    margin-top: 0px;
    line-height: 1.3em;
    color: #003f77;
}

.blog-page footer {
    margin-top: 50px;
}
/*Blog*/
.postImage {
    float: right;
    margin: 0 0 20px 20px;
}



/** Blog page category menu **/
.blog-navigation ul {
    list-style-type: none;
    margin: 70px 0 0 0;
    padding: 0;
    text-align: center;
    margin-bottom: 55px;
}

    .blog-navigation ul li {
        display: inline-block;
        margin: 0 20px 20px 20px;
    }

.blog-navigation a {
    font-size: 1.25em;
    color: #0085ca;
    text-decoration: none;
    font-weight: 500;
}

    .blog-navigation a.active, .blog-navigation a:hover {
        text-decoration: underline;
    }

/** Blog page - list of blog items for a masonry layout **/
.grid-item, .grid-sizer {
    width: 33.33%;
    float: left;
    padding: 0 0 0 0;
}

    .grid-item .grid-block {
        background-color: #f2f2f2;
        position: relative;
        overflow: hidden;
        margin: 0% 5% 10% 5%;
    }

    .grid-item:nth-child(3n+3) {
        margin-right: 0;
    }

    .grid-item:nth-child(4n+4) {
        clear: both;
    }

    .grid-item .image {
        position: relative;
        overflow: hidden;
        line-height: 0;
    }

    .grid-item .hover-logo {
        display: none;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        padding: 0;
        margin: 0;
        z-index: 1;
        background-color: rgba(227,151,30, .6);
    }

    .grid-item a:hover .hover-logo {
        display: block;
    }

    .grid-item .table {
        display: table;
        width: 100%;
        height: 100%;
        border-spacing: 0;
        padding: 0;
        margin: 0;
        border-collapse: collapse;
    }

    .grid-item .cell {
        display: table-cell;
        vertical-align: middle;
        height: 100%;
        width: 100%;
    }

    .grid-item .hover-logo img {
        width: 45px;
        margin: 0 auto;
        display: block;
    }

.grid-item {
    font-size: 1.25em;
    font-weight: 500;
}

    .grid-item .content {
        padding: 10%;
        line-height: 1.3em;
        color: #000;
    }

    .grid-item a {
        text-decoration: none;
    }

    .grid-item h2 {
        font-size: 1.35em;
        font-weight: 500;
        color: #0085ca;
        line-height: 1em;
    }

    .grid-item span {
        font-size: .75em;
        font-weight: 500;
        font-style: italic;
        color: #53565a;
        display: block;
        margin: 5px 0 10px 0;
    }

    .grid-item .thumb {
        width: 100%;
        height: auto;
    }
/** Blog post body content styles **/
#blog-post-body {
    margin-top: 70px;
    line-height: 1.3em;
    color: #003f77;
    position: relative;
}

    #blog-post-body #leadership-modal .profile {
        font-size: 1.4rem;
        clear: none;
    }

    #blog-post-body a {
        color: #0085ca;
        text-decoration: none;
    }

        #blog-post-body a:hover {
            color: #e3971e;
        }

    #blog-post-body .wrap {
        max-width: 775px;
    }

    #blog-post-body h1 {
        font-size: 3.125em;
        line-height: 1em;
        font-weight: 300;
        padding: 0;
        margin: 0;
    }

    #blog-post-body .meta {
        list-style-type: none;
        margin: 0;
        padding: 40px 0;
        border-bottom: 1px solid #dadada;
        margin-bottom: 40px;
        font-size: 1.063em;
        font-style: italic;
        color: #000;
        font-weight: 500;
    }

        #blog-post-body .meta li {
            display: inline-block;
            padding-right: 20px;
            margin-right: 20px;
            border-right: 1px solid #000;
            line-height: 1em;
        }

            #blog-post-body .meta li:last-child {
                border-right: 0;
            }

    #blog-post-body .content {
        font-size: 1.25em;
        font-weight: 500;
        line-height: 1.3em;
        color: #000;
        border-bottom: 1px solid #dadada;
        padding-bottom: 40px;
        margin-bottom: 40px;
    }

    #blog-post-body h2 {
        font-size: 1.6em;
        color: #003f77;
        margin-top: 40px;
        margin-bottom: 20px;
        font-weight: 600;
    }

    #blog-post-body h3 {
        font-size: 1em;
        text-transform: uppercase;
        margin: 20px 0;
        color: #003f77;
        font-weight: 700;
    }

    #blog-post-body .content ul {
        padding-left: 20px;
    }

    #blog-post-body blockquote {
        font-size: 1.35em;
        color: #0085ca;
        padding: 20px;
        margin: 30px 0;
        background-color: #f2f2f2;
        line-height: 1.2em;
        word-wrap: break-word;
    }

    #blog-post-body #leadership-modal .leadership-modal-inner {
        position: relative;
        width: 100%;
        max-width: 570px;
        padding: 100px;
        background-color: #fff;
        margin: 0;
    }

.postImage {
    margin-bottom: 20px;
}
/**#blog-post-body img{width: 100%; height: auto; margin: 30px 0}**/

/** Share buttons on the blog post page **/
.share-meta {
    margin-top: 30px;
    overflow: hidden;
}

    .share-meta h4 {
        display: block;
        float: left;
        color: #0085ca;
        font-size: .75em;
        text-transform: uppercase;
        padding: 10px 0 0 0;
        margin: 0;
    }

    .share-meta ul {
        list-style-type: none;
        margin: 0;
        padding: 0;
        display: block;
        float: left;
    }

        .share-meta ul li {
            display: inline-block;
        }

    .share-meta li a {
        display: inline-block;
        border: 1px solid #0085ca;
        padding-top: 7px;
        width: 43px;
        height: 36px;
        text-align: center;
        color: #fff;
        text-decoration: none;
        font-size: 1.25em;
        border-radius: 5px 5px 5px 5px;
        -moz-border-radius: 5px 5px 5px 5px;
        -webkit-border-radius: 5px 5px 5px 5px;
        margin: 0 6px;
    }

        .share-meta li a:hover {
            color: #e3971e;
            border: 1px solid #e3971e;
        }

    .share-meta li:last-child a {
        margin-right: 0;
    }


.categorylist {
    text-align: center;
}

    .categorylist li {
        display: inline-block;
        float: none;
    }


/** Related posts, 1 row layout on the single blog post page **/
#related-posts {
    background-color: #f2f2f2;
    padding: 60px 0 100px 0;
    position: relative;
}

    #related-posts h3 {
        font-size: 2em;
        color: #003f77;
        font-weight: 600;
        text-align: center;
    }

    #related-posts ul {
        list-style-type: none;
        margin: 0;
        padding: 0;
        margin-top: 60px;
        overflow: hidden;
    }

        #related-posts ul li {
            width: 24%;
            padding: 3% 3%;
            min-height: 275px;
            float: left;
            background: #fff url('https://www.bluechip-llc.com/images/related-background.jpg') bottom right no-repeat;
        }

            #related-posts ul li:nth-child(2) {
                margin: 0 3%;
            }

    #related-posts a {
        color: #000;
        text-decoration: none;
        font-size: 1.25em;
        line-height: 1.3em;
        font-weight: 500;
    }

        #related-posts a h4 {
            color: #0085ca;
            font-weight: 500;
            font-size: 1.35em;
            line-height: 1em;
            margin: 0 0 5px 0;
        }

        #related-posts a span {
            color: #53565a;
            font-size: .75em;
            display: block;
            font-style: italic;
            margin-bottom: 10px;
        }

/** Job post content styles **/
#job-body {
    line-height: 1.3em;
    color: #003f77;
    padding: 90px 0;
}
    /**.fixed #job-body{margin-top: 250px} **/
    #job-body a {
        color: #0085ca;
        text-decoration: none;
    }

        #job-body a:hover {
            color: #e3971e;
        }

    #job-body .wrap {
        max-width: 775px;
    }

    #job-body h1 {
        font-size: 3.125em;
        font-weight: 300;
        padding: 0;
        margin: 0;
        line-height: 1em;
    }

    #job-body .meta {
        list-style-type: none;
        margin: 0;
        padding: 40px 0;
        border-bottom: 1px solid #dadada;
        margin-bottom: 40px;
        font-size: 1.063em;
        color: #000;
        font-weight: 500;
        font-style: italic;
    }

        #job-body .meta li {
            display: inline-block;
            padding-right: 20px;
            margin-right: 20px;
            border-right: 1px solid #000;
            line-height: 1em;
        }

            #job-body .meta li:last-child {
                border-right: 0;
            }

    #job-body .content {
        font-size: 1.25em;
        font-weight: 500;
        line-height: 1.3em;
        color: #000;
        border-bottom: 1px solid #dadada;
        padding-bottom: 40px;
        margin-bottom: 40px;
    }

    #job-body h2 {
        font-size: 1.6em;
        color: #003f77;
        margin-top: 40px;
        font-weight: 600;
    }

    #job-body .content ul {
        padding-left: 20px;
    }

    /** Job page, base form styles **/
    #job-body form {
        width: 100%;
    }

        #job-body form h4 {
            font-size: 2em;
            color: #003f77;
            margin-top: 40px;
            font-weight: 600;
            line-height: 1.3em;
            margin-bottom: 40px;
        }

.input {
    width: 50%;
    float: left;
    margin-bottom: 4%;
}

    .input div {
        padding: 0 20px 0 0;
    }
    /*
    .input label {
        display: none;
    }
    */
    .input input {
        border: 1px solid #dadada;
        border-radius: 5px;
        background-color: #f2f2f2;
        font-size: 1em;
        font-weight: 500;
        color: #53565a;
        padding: 20px 10px;
        width: 96% !important;
    }


.file {
    clear: both;
}

    .file h3 {
        color: #000;
        font-size: 1.25em;
        margin-bottom: 30px;
    }

    .file input {
        display: none;
    }

    .file .label {
        display: inline-block;
        text-align: center;
        border: 1px solid #53565a;
        border-radius: 5px;
        background-color: #fff;
        color: #53565a;
        font-size: .938em;
        font-weight: 600;
        text-transform: uppercase;
        width: 175px;
        padding: 20px 0;
        line-height: 1em;
        cursor: pointer;
    }

    .file .text {
        color: #53565a;
        margin-left: 20px;
    }

.input ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: #53565a;
    opacity: 1;
}

.input ::-moz-placeholder { /* Firefox 19+ */
    color: #53565a;
    opacity: 1;
}

.input :-ms-input-placeholder { /* IE 10+ */
    color: #53565a;
    opacity: 1;
}

.input :-moz-placeholder { /* Firefox 18- */
    color: #53565a;
    opacity: 1;
}

.submit input {
    border: 1px solid #0085ca;
    border-radius: 5px;
    background-color: #fff;
    color: #0085ca;
    font-size: .938em;
    font-weight: 600;
    text-transform: uppercase;
    width: 175px;
    padding: 20px 0;
    line-height: 1em;
    margin: 40px 0;
    cursor: pointer;
}




/** Services Page body text **/
#services-body {
    margin-top: 220px;
    line-height: 1.3em;
    text-align: center;
    font-size: 4.375em;
    color: #003f77;
    padding: 80px 0;
}

.fixed #services-body {
    margin-top: 250px;
}

/** Services page - 2x2 grid icons **/
#services {
    clear: both;
}

    #services .service .content, .service-display {
        display: none;
    }

    #services .service {
        background-size: cover;
        background-position: top center;
        background-repeat: no-repeat;
        width: 50%;
        height: 400px;
        position: relative;
        float: left;
    }

        /*#services .service.business {
            background-image: url('https://www.bluechip-llc.com/images/business-background.jpg');
        }

        #services .service.security {
            background-image: url('https://www.bluechip-llc.com/images/security-background.jpg');
        }

        #services .service.productivity {
            background-image: url('https://www.bluechip-llc.com/images/productivity-background.jpg');
        }

        #services .service.cloud {
            background-image: url('https://www.bluechip-llc.com/images/cloud-background.jpg');
        }*/

.service-trigger {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    text-align: center;
    font-size: .938em;
    text-transform: uppercase;
    font-weight: 600;
    padding-top: 120px;
    color: #fff;
    text-decoration: none;
}

    .service-trigger img {
        max-width: 120px;
    }

.service.business .service-trigger:hover, .service.business .service-active {
    background-color: rgba(227,151,30, .5);
}

.service.security .service-trigger:hover, .service.security .service-active {
    background-color: rgba(0,133,202, .5);
}

.service.productivity .service-trigger:hover, .service.productivity .service-active {
    background-color: rgba(86,170,28, .5);
}

.service.cloud .service-trigger:hover, .service.cloud .service-active {
    background-color: rgba(158,145,198, .5);
}


.service-display a {
    border: 1px solid #FFF;
    border-radius: 5px;
    background-color: transparent;
    color: #FFF;
    font-size: .838em;
    font-weight: 600;
    text-transform: uppercase;
    padding: 20px 10px;
    line-height: 1em;
    margin: 20px 0;
    cursor: pointer;
    display: inline-block;
}

/* Service icons */
#services .service.business .service-trigger img {
    height: 130px;
    margin-bottom: 15px;
}

#services .service.security .service-trigger img {
    height: 127px;
    margin-bottom: 18px;
}

#services .service.productivity .service-trigger img {
    height: 128px;
    margin-bottom: 24px;
}

#services .service.cloud .service-trigger img {
    height: 103px;
    margin-bottom: 24px;
    margin-top: 25px;
}

.service-display .image {
    height: 120px;
    padding-top: 10px;
}

.service-display.productivity li:nth-child(1) img {
    width: 105px;
}

.service-display.productivity li:nth-child(2) img {
    width: 95px;
    padding-top: 4px;
}

.service-display.productivity li:nth-child(3) img {
    width: 75px;
}

.service-display.productivity li:nth-child(4) img {
    width: 217px;
    padding-top: 8px;
}

.service-display.cloud li:nth-child(1) img {
    width: 116px;
    padding-top: 12px;
}

.service-display.cloud li:nth-child(2) img {
    width: 166px;
}

.service-display.cloud li:nth-child(3) img {
    width: 125px;
    padding-top: 10px;
}

.service-display.security li:nth-child(1) img {
    width: 75px;
}

.service-display.security li:nth-child(2) img {
    width: 75px;
}

.service-display.security li:nth-child(3) img {
    width: 90px;
    padding-top: 10px;
}

.service-display.business li:nth-child(1) img {
    width: 85px;
}

.service-display.business li:nth-child(2) img {
    width: 105px;
    padding-top: 8px;
}

.service-display.business li:nth-child(3) img {
    width: 85px;
    padding-top: 12px;
}



.Work .service-display.cloud li:nth-child(1) img {
    width: 95px;
    padding-top: 12px;
}

.Work .service-display.cloud li:nth-child(2) img {
    width: 105px;
}

.Work .service-display.cloud li:nth-child(3) img {
    width: 103px;
    padding-top: 10px;
}


/** Display after the service is triggered **/
.service-display {
    padding: 85px 0;
    clear: both;
    background-color: rgb(227,151,30);
}

    .service-display.productivity {
        background-color: rgb(86,170,28);
    }

    .service-display.cloud {
        background-color: rgb(158,145,198);
    }

    .service-display.security {
        background-color: rgb(0,133,202);
    }

    .service-display h2 {
        font-size: 2.2em;
        color: #fff;
        font-weight: 300;
        text-align: center;
        margin-bottom: 65px;
        line-height: 1.3em;
    }

    .service-display h3 {
        font-size: 1.35em;
        text-align: center;
        margin-bottom: 20px;
        width:100%;
    }

    .service-display img {
        margin: 0 auto;
        display: block;
    }

    .service-display ul {
        list-style-type: none;
        margin: 0;
        padding: 0;
        overflow: hidden;
        display: flex;
    }

        .service-display ul li {
            width: 29%;
            line-height: 1.3em;
            color: #fff;
            font-size: 1.25em;
            font-weight: 300;
            padding: 0 2%;
            flex: 1;
            display: flex;
            flex-wrap: wrap;
            justify-content: center;
        }
        .service-display ul li .image{
                align-self: flex-start;
            }

            .service-display ul li p {
                align-self: flex-end;
            }

    .service-display.productivity ul li {
        width: 20%;
    }

    .service-display ul li:nth-child(2) {
        border-left: 1px solid #fff;
        border-right: 1px solid #fff;
    }

    .service-display.productivity ul li:nth-child(3) {
        border-right: 1px solid #fff;
    }

/** Indicate active services **/
.service-active .arrow-up {
    display: inline-block;
    width: 44px;
    height: 21px;
    background: transparent url('../media/images/services-arrow-sprite.png') top left no-repeat;
}

.security .arrow-up {
    background-position: -105px 0;
}

.cloud .arrow-up {
    background-position: -52px 0;
}

.productivity .arrow-up {
    background-position: -155px 0;
}

.service .arrow {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    text-align: center;
    line-height: 0;
}

/** Case study content styles **/
#case-study-body {
    line-height: 1.3em;
    font-weight: 300;
    padding: 0 0 20px 0;
    clear: both;
    overflow: auto;
}
    /** .fixed #case-study-body{margin-top: 430px} **/
    #case-study-body h2 {
        font-size: 3.125em;
        line-height: 1.3em;
        text-align: center;
        color: #003f77;
        font-weight: 300;
        padding-bottom: 50px;
        margin-bottom: 50px;
        border-bottom: 1px solid #dadada;
    }

    #case-study-body .col-1 {
        width: 48%;
        float: left;
    }

    #case-study-body .col-2 {
        width: 48%;
        float: right;
    }

    #case-study-body .content {
        font-size: 1.25em;
        font-weight: 500;
        line-height: 1.3em;
    }

    #case-study-body .col-3-1 {
        width: 31%;
        float: left;
    }

    #case-study-body .col-3-2 {
        width: 31%;
        float: left;
        margin: 0 3.5%;
    }

    #case-study-body .col-3-3 {
        width: 31%;
        float: left;
    }
/** Case Study statistics boxes **/
.cs-stats {
    padding: 75px 0;
    clear: both;
    overflow: hidden;
}

    .cs-stats .stat {
        background-image: url('../media/images/stats-background.png');
        background-repeat: no-repeat;
        background-position: bottom right;
        width: 30%;
        padding: 0 1%;
        float: left;
        margin: 0 0 3.5% 0;
        height: 345px;
        font-size: 1.563em;
        font-weight: 800;
        text-transform: uppercase;
        color: #fff;
        text-align: center;
        background-color: #56aa1c;
    }

        .cs-stats .stat:nth-child(2) {
            margin: 0 2%;
            background-color: #e3971e;
        }

        .cs-stats .stat:nth-child(3) {
            float: right;
            background-color: #0085ca;
        }

        .cs-stats .stat span {
            display: block;
            font-size: 5.6em;
            line-height: 1em;
            padding-top: 50px;
        }

    .cs-stats superscript {
        font-size: .6em;
        top: -45px;
        position: relative;
    }

/** About page Body Content **/
#about-body {
    margin-top: 400px;
    line-height: 1.3em;
    text-align: center;
    font-size: 3.125em;
    color: #003f77;
    font-weight: 300;
    padding: 90px 0;
}

.fixed #about-body {
    margin-top: 430px;
}

.center-column {
    text-align: center;
    color: #003f77;
    font-weight: 300;
    padding: 60px 0 90px;
    line-height: 1.3em;
}

    .center-column h1 {
        font-size: 4.375em;
        line-height: 1.3em;
        font-weight: 100;
    }

    .center-column h2 {
        font-size: 3.125em;
        line-height: 1.3em;
        font-weight: 100;
    }

    .center-column h3 {
        font-size: 2.188em;
        line-height: 1.3em;
        font-weight: 100;
    }



/** History (timeline) styles**/
#history {
    background: #102e68 url('../media/images/timeline-background.jpg') top center no-repeat;
    background-size: cover;
    color: #fff;
    height: 660px;
    position: relative;
    padding: 75px 0 90px 0;
    position: relative;
}

    #history h2 {
        font-size: 3.125em;
        font-weight: 300;
        text-align: center;
        padding-bottom: 50px;
        border-bottom: 1px solid #fff;
        margin-bottom: 60px;
    }

    #history .slides {
        overflow: hidden;
        width: 100%;
        height: 400px;
    }

        #history .slides .slide {
            overflow: hidden;
        }

            #history .slides .slide .year {
                float: left;
                width: 49%;
                border-right: 1px solid #fff;
                font-size: 10em;
                text-align: center;
                font-weight: 600;
                padding: 30px 0 50px 0;
                line-height: 1em;
            }

            #history .slides .slide .content {
                float: right;
                width: 47%;
                font-size: 1.563em;
                font-weight: 600;
                text-transform: uppercase;
                line-height: 1.3em;
                padding: 50px 0;
                padding-left: 2%;
            }

    #history .slide-control {
        list-style-type: none;
        margin: 0;
        padding: 0;
        background: transparent url('../media/images/timeline-control-divider.png') top left repeat-x;
        overflow: hidden;
        text-align: center;
    }

        #history .slide-control li {
            float: none;
            width: 7%;
            text-align: center;
            font-weight: 600;
            display: inline-block;
        }

            #history .slide-control li a {
                color: #fff;
                text-decoration: none;
                cursor: pointer;
            }

    #history .icon {
        display: block;
        height: 42px;
        width: 42px;
        margin: 0 auto;
        margin-bottom: 20px;
        background: transparent url('../media/images/timeline-icon-sprite.png') top center no-repeat;
    }

    #history li:hover .icon, #history li a.active .icon {
        background-color: #e3971e;
        border: 1px solid #fff;
        border-radius: 100px;
        width: 40px;
        height: 40px;
    }

/** Leadership image grid **/
#our-leadership {
    padding-bottom: 80px;
    position: relative;
}

    #our-leadership h2 {
        font-size: 3.125em;
        font-weight: 300;
        text-align: center;
        padding: 75px 0 50px 0;
        margin-bottom: 75px;
        color: #003f77;
    }

    #our-leadership ul {
        list-style-type: none;
        margin: 0;
        padding: 0;
        overflow: hidden;
    }

        #our-leadership ul li {
            width: 23%;
            float: left;
            margin-right: 2.5%;
            margin-bottom: 2.5%;
        }

            #our-leadership ul li:nth-child(4n+4) {
                margin-right: 0;
            }

.leadership-trigger {
    display: block;
    position: relative;
    line-height: 0;
}

    .leadership-trigger .hover, .leadership-modal-content, #leadership-modal-wrapper {
        display: none;
    }

    .leadership-trigger:hover .hover {
        display: block;
        position: absolute;
        top: 0;
        bottom: 0;
        right: 0;
        left: 0;
        background-color: rgba(227,151,30, .6);
    }

    .leadership-trigger .content {
        width: 70%;
        bottom: 5%;
        left: 14%;
        position: absolute;
        line-height: 1.3em;
        color: #fff;
        text-decoration: none;
        font-size: 1.125em;
        font-weight: 400;
    }

    .leadership-trigger h3 {
        font-size: 1.167em;
        font-weight: 600;
    }

/** Leadership profile information display **/
#leadership-modal-background {
    display: none;
    background-color: rgba(83,86,90,.9);
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 9998;
}

#leadership-modal-wrapper {
    display: none;
    position: fixed;
    top: 0;
    bottom: 0;
    width: 100%;
    overflow-y: scroll;
    z-index: 10000;
}

#leadership-modal {
    position: relative;
    top: 100px;
    z-index: 9999;
}

    #leadership-modal .leadership-modal-inner {
        position: relative;
        width: 100%;
        max-width: 570px;
        padding: 100px;
        background-color: #fff;
        margin: 0 auto;
    }

    #leadership-modal .content img {
        float: left;
        margin: 0 5% 5% 0;
        width: 30%;
    }

    #leadership-modal h4 {
        float: right;
        font-size: 1.813em;
        color: #003f77;
        margin: 25px 0 10px 0;
        width: 65%;
    }

    #leadership-modal .identity {
        display: block;
        width: 65%;
        float: right;
        color: #003f77;
        font-size: 1.125em;
        font-weight: 400;
        padding-bottom: 30px;
        margin-bottom: 30px;
        border-bottom: 1px solid #dadada;
    }

    #leadership-modal .meta {
        list-style-type: none;
        margin: 0;
        display: block;
        width: 100%;
    }

        #leadership-modal .meta li {
            display: block;
            width: 100%;
        }

            #leadership-modal .meta li a {
                color: #0085ca;
                text-decoration: none;
                font-size: 1.125em;
                font-weight: 400;
            }

        #leadership-modal .meta span {
            display: inline-block;
            width: 30px;
        }

    #leadership-modal .profile {
        clear: both;
        font-size: 1.25em;
        line-height: 1.3em;
        font-weight: 400;
    }

    #leadership-modal .fa-times {
        position: absolute;
        top: 60px;
        right: 60px;
        color: #0085ca;
        font-size: 1.875em;
        cursor: pointer;
    }


/** What we do section - 4 service icons **/
#what-we-do {
    background-color: #003f77;
    position: relative;
    padding: 75px 0;
    clear: both;
}

    #what-we-do h2 {
        font-size: 3.125em;
        font-weight: 300;
        text-align: center;
        padding-bottom: 50px;
        color: #fff;
        line-height: 1.3em;
    }

    #what-we-do ul {
        list-style-type: none;
        margin: 0;
        padding: 0;
        overflow: hidden;
    }

    #what-we-do a {
        color: #FFF;
        font-weight: bold;
        text-transform: uppercase;
        font-size: .938em;
    }

    #what-we-do ul li {
        padding: 25px 0;
        color: #fff;
        font-size: .938em;
        border-right: 1px solid #fff;
        font-weight: bold;
        text-transform: uppercase;
        width: 24%;
        text-align: center;
        float: left;
    }

        #what-we-do ul li:last-child {
            border-right: 0;
        }

        #what-we-do ul li img {
            max-width: 100%;
            display: block;
            margin: 0 auto;
            margin-bottom: 20px;
        }

        #what-we-do ul li:nth-child(1) img {
            height: 99px;
        }

        #what-we-do ul li:nth-child(2) img {
            height: 93px;
            margin-bottom: 26px;
        }

        #what-we-do ul li:nth-child(3) img {
            height: 69px;
            margin-bottom: 40px;
            margin-top: 9px;
        }

        #what-we-do ul li:nth-child(4) img {
            height: 91px;
            margin-bottom: 28px;
        }

.contourField {
    margin-bottom: 15px;
}

    .contourField input {
        width: 100%;
        padding: 5px;
        height: 35px;
        border: 1px solid #CCC;
        outline: 0;
        font-size: 16px;
        border-radius: 5px;
        background-color: #f2f2f2;
    }

    .contourField textarea {
        width: 100%;
        padding: 5px;
        height: 35px;
        border: 1px solid #CCC;
        height: 140px;
        outline: 0;
        font-size: 16px;
        border-radius: 5px;
        background-color: #f2f2f2;
    }

        .contourField input:hover, .contourField textarea:hover {
            border-color: #003f77;
        }

        .contourField input:focus, .contourField textarea:focus {
            border-color: #0085ca;
        }

.Contact .longanswer {
    width: 100%;
}


.primary {
    border: 1px solid #0085ca;
    border-radius: 5px;
    background-color: #fff;
    color: #0085ca;
    font-size: .938em;
    font-weight: 600;
    text-transform: uppercase;
    width: 175px;
    padding: 20px 0;
    line-height: 1em;
    margin: 10px 0 40px 0;
    cursor: pointer;
}

.list-unstyled {
    list-style-type: none;
    padding: 0;
}


.flex-container {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
}



@media only screen and (max-width: 1160px) {
    .career-stats {
        font-size: 12px;
    }

        .career-stats .stat {
            height: 250px;
        }

            .career-stats .stat span {
                padding-top: 50px;
            }

            .career-stats .stat:nth-child(1n+4) span {
                padding-top: 40px;
            }

    #background {
        height: 960px;
    }
}

+@media only screen and (max-width: 1001px) {

        #hero #primary-menu {
        padding-top: 40px;
        font-size: .875em;
        
    }

    .fixed #hero #primary-menu {
        padding-top: 10px; /*min-width: 550px*/
    }
}
@media only screen and (max-width: 901px) {
    #hero .right {
       float:left;
   }
}

@media only screen and (max-width: 880px) {
    #leadership-modal .leadership-modal-inner, #blog-post-body #leadership-modal .leadership-modal-inner {
        width: 85%;
        padding: 10% 5%;
    }

    .career-stats {
        font-size: 8px;
    }

        .career-stats .stat {
            height: 200px;
        }

    .team-city-list {
        font-size: 15px;
    }




    #search {
        padding-top: 10px;
    }

        #search .close-search {
            top: 60px;
        }


        #search button {
            top: 18px;
            right: 4%;
        }

    .search-open #search button {
        top: 18px;
        right: 4%;
    }

    .fixed #search button {
        top: 10px;
    }

    .fixed .search-open #search button {
        top: 10px;
    }

    #search {
        margin-top: 0px;
    }

    .search-open #search .close-search {
        top: 65px;
    }

    .fixed .close-search {
        padding: 10px 20px;
        display: block;
        line-height: 1.3em;
        top: 65px;
        height: 20px;
    }

    #background {
        height: 925px;
    }

    #our-leadership ul li, #our-leadership ul li:nth-child(4n+4) {
        width: 30%;
        float: left;
        margin-right: 2.5%;
        margin-bottom: 2.5%;
    }

        #our-leadership ul li:nth-child(3n+3) {
            margin-right: 0;
        }
}

@media only screen and (max-width: 800px) {
    #footer-menu li a {padding:0 0 12px 0; display:inline-block}

    #history .slides .slide .year {
        font-size: 8em;
    }

    #history .slides .slide .content {
        font-size: 1.3em;
    }

    .center-column {
        padding: 40px 0;
    }

        .center-column h1 {
            font-size: 3.375em;
            line-height: 1.3em;
        }

        .center-column h2 {
            font-size: 2.375em;
            line-height: 1.3em;
        }

        .center-column h3 {
            font-size: 1.875em;
            line-height: 1.3em;
        }
}

@media only screen and (max-width: 750px) {
    #primary-menu {
        width: 100%;
        max-width:none;
    }
    #primary-menu, #search {
        display: none;
        min-width: 0;
    }

    #hero .logo {
        max-width: 100%;
    }

    #mobile {
        display: block;
        color: #fff;
        position: absolute;
        right: 4%;
        top: 20px;
        font-size: 2em;
        cursor: pointer;
        z-index: 9011;
    }

    #hero #primary-menu {
        position: absolute;
        top: -30px;
        left: 0;
        width: 100%;
        background-color: #003f77;
        padding-top: 100px;
        padding-bottom: 70px;
        z-index: 9010;
    }

    .fixed #hero #primary-menu {
        padding-top: 40px;
        padding-bottom: 0;
    }

    #primary-menu li {
        display: block;
        width: 100%;
        text-align: center;
        margin-bottom: 30px;
        font-size: 1.3em;
    }

    footer .contact-information {
        width: 100%;
        float: none;
    }

    footer .menus {
        float: none;
        width: 100%;
        padding-top: 50px;
        clear: both;
    }

    #social-menu, #footer-menu {
        float: none;
        clear: both;
    }


    .employee-spotlight .content {
        width: 92%;
        margin: 0 auto;
        padding: 100px 0;
    }

    .employee-spotlight h3 {
        width: 90%;
        line-height: 1.3em;
    }

    .employee-spotlight p {
        width: 90%;
    }


    .career-ctas a {
        width: 48%;
        font-size: 1.5em;
        padding: 30px 0;
    }

    .career-ctas span {
        font-size: .875em;
        font-weight: bold;
        margin-left: 10px;
        position: relative;
    }

    #video {
        padding: 110px 0;
    }

    #background {
        height: 660px;
    }


    .grid-item, .grid-sizer {
        width: 50%;
    }

    #services-body {
        font-size: 3.375em;
    }

    #about-body {
        font-size: 2.125em;
    }



    #leadership-modal .fa-times {
        top: 30px;
        right: 30px;
    }


    #history .slides .slide .year {
        width: 100%;
        border: 0;
        border-bottom: 1px solid #fff;
        padding-top: 0;
    }

    #history .slides .slide .content {
        width: 100%;
    }

    #history .slide-control li {
        width: 14%;
        margin-bottom: 2px;
    }

    #history .slide-control {
        background-repeat: repeat;
    }
}






@media only screen and (max-width: 680px) {

    .home h1 {
        font-size: 5em;
    }

    .home-ctas .cta, .home-ctas .cta:nth-child(2) {
        width: 42%;
        margin: 0;
        float: left;
        padding-top: 30px;
    }

        .home-ctas .cta:nth-child(2) {
            float: right;
        }

        .home-ctas .cta:nth-child(3) {
            width: 94%;
            margin-top: 5%;
            min-height: 0;
            height: auto;
            padding-bottom: 30px;
        }

    .home-ctas a {
        position: relative;
        bottom: auto;
        margin-top: 20px;
    }

    #who-we-are {
        width: 100%;
        padding-right: 0;
        border-right: 0;
        border-bottom: 1px solid #dadada;
    }

    #blog-list {
        width: 100%;
        margin-bottom: 75px;
    }

    #what-we-do ul li {
        width: 100%;
        border-right: 0;
        border-bottom: 1px solid #fff;
        padding-bottom: 50px;
    }

        #what-we-do ul li img {
            max-width: 100px;
            margin: 0 auto;
            display: block;
        }

        #what-we-do ul li:last-child {
            border-bottom: 0;
            padding-bottom: 0;
        }


    #related-posts ul li {
        width: 42%;
        padding: 3% 3%;
        margin-bottom: 4%;
    }

        #related-posts ul li:nth-child(2) {
            margin: 0 0 6% 0;
            float: right;
        }


    #case-study-body h1 {
        font-size: 2em;
    }

    #case-study-body .col-1,
    #case-study-body .col-2, #case-study-body .col-3-1, #case-study-body .col-3-2, #case-study-body .col-3-3 {
        width: 100%;
        float: none;
        margin: 0;
    }

    #case-study-body .content {
        font-size: 1em;
    }

    .cs-stats {
        padding: 0;
        overflow: hidden;
        padding-bottom: 75px;
    }

        .cs-stats .stat span {
            font-size: 3.6em;
        }

        .cs-stats superscript {
            font-size: .5em;
            top: -35px;
        }

        .cs-stats .stat, .cs-stats .stat:nth-child(2) {
            width: 46%;
            margin: 0;
            float: left;
            padding-top: 30px;
        }

            .cs-stats .stat:nth-child(2) {
                float: right;
            }

            .cs-stats .stat:nth-child(3) {
                width: 98%;
                margin-top: 5%;
                min-height: 0;
                height: auto;
                padding-bottom: 100px;
            }

    #services-body {
        font-size: 2.375em;
    }


    #about-body {
        font-size: 1.8em;
    }

    #our-leadership h2 {
        font-size: 2.125em;
        margin-bottom: 30px;
    }

    #our-leadership ul li, #our-leadership ul li:nth-child(4n+4), #our-leadership ul li:nth-child(3n+3) {
        width: 49%;
        float: left;
        margin-right: 0;
        margin-bottom: 2.5%;
    }

        #our-leadership ul li:nth-child(2n+2) {
            float: right;
        }

    .home #background {
        height: 630px;
    }
    .medium #background {height:250px;}
}

@media only screen and (max-width: 580px) {

    .career-ctas {
        margin-bottom: 25px;
    }

        .career-ctas a {
            width: 100%;
            font-size: 1.5em;
            padding: 30px 0;
            margin-bottom: 30px;
        }

        .career-ctas span {
            font-size: .875em;
            font-weight: bold;
            margin-left: 10px;
            position: relative;
        }

    .career-stats {
        font-size: 8px;
    }

        .career-stats .stat, .career-stats .stat:nth-child(2), .career-stats .stat:nth-child(3), .career-stats .stat:nth-child(4), .career-stats .stat:nth-child(5) {
            float: left;
            width: 48%;
            margin: 0;
        }

            .career-stats .stat:nth-child(3) {
                width: 100%;
                clear: both;
                margin: 3% 0;
            }

            .career-stats .stat:nth-child(2), .career-stats .stat:nth-child(5) {
                float: right;
            }

            .career-stats .stat span {
                padding-top: 50px;
            }

            .career-stats .stat:nth-child(1n+4) span {
                padding-top: 40px;
            }

    .team-city-list {
        font-size: 14px;
    }

    .locations {
        background-color: #fff;
        padding: 30px;
        overflow: hidden;
        margin-top: 60px;
    }

        .locations .location {
            width: 100%;
            float: none;
            padding-right: 5%;
        }

    #background {
        height: 770px;
    }

    .input {
        width: 100%;
    }


    #job-body h1, #blog-post-body h1 {
        font-size: 2.5em;
    }

    #job-body .meta, #blog-post-body .meta {
        font-size: 1em;
    }

    #job-body .content, #blog-post-body .content {
        font-size: 1em;
    }

    #job-body h2, #blog-post-body h2 {
        font-size: 1.3em;
    }

    #job-body form h2 {
        font-size: 1.3em;
    }

    #blog-post-body blockquote {
        font-size: 1.5em;
        padding: 30px;
    }


    .grid-item, .grid-sizer {
        width: 100%;
    }


    #services .service {
        height: 250px;
    }

    .service-trigger {
        padding-top: 30px;
    }
    .center-column h2 { font-size: 1.5em;}

    .service-display {padding:40px 0;}
    .service-display h2 {
        font-size: 1.3em;margin-bottom:40px;
    }

    .service-display h3 {
        font-size: 1.275em;
        text-align: center;
        margin-bottom: 20px;
    }

    .service-display ul {
        display: block;
    }

        .service-display ul li {
            width: 100%;
            float: none;
            display: block;
        }

    .service-display.productivity ul li {
        width: 100%;
    }

        .service-display ul li:nth-child(2), .service-display.productivity ul li:nth-child(3) {
            border-left: 0;
            border-bottom: 1px solid #fff;
            border-top: 1px solid #fff;
            margin: 10% 0;
            padding: 10% 2%;
        }

        .service-display.productivity ul li:nth-child(3) {
            border-top: 0;
            padding-top: 0;
        }


#history .slides {height:320px;}
    #leadership-modal .content img {
        float: none;
        display: block;
        margin: 0 auto;
    }

    #leadership-modal h4, #leadership-modal .identity {
        text-align: center;
    }

    #leadership-modal h4, #leadership-modal .identity, #leadership-modal .meta {
        float: none;
        width: 100%;
        clear: both;
    }

    #leadership-modal .identity {
        margin-bottom: 10px;
    }

    #leadership-modal .meta {
        padding-left: 0;
    }

        #leadership-modal .meta li {
            padding: 10px 0;
        }

    #history {
        height: 800px;
    }

        #history .slides .slide .year {
            font-size: 3em;
        }

        #history .slides .slide .content {
            font-size: 1em;
        }

        #history .slide-control li {
            width: 25%;
            margin-bottom: 2px;
        }

        #history .slide-control {
            background-repeat: repeat;
        }
.service-trigger {font-size:13px;}
        .service-trigger img {max-width:80px; margin-bottom:0 !important;}
        .locations a {padding:10px 0; display:inline-block;}
}


@media only screen and (max-width: 480px) {

    #hero .logo {width:170px; }
    .career-stats {
        font-size: 10px;
    }

        .career-stats .stat, .career-stats .stat:nth-child(2), .career-stats .stat:nth-child(3), .career-stats .stat:nth-child(4), .career-stats .stat:nth-child(5) {
            width: 100%;
            clear: both;
            margin: 3% 0;
        }

    .home h1 {
        font-size: 5em;
    }

    .home-ctas .cta, .home-ctas .cta:nth-child(2), .home-ctas .cta:nth-child(3) {
        width: 94%;
        clear: both;
        margin: 3% 0;
    }

    .cs-stats .stat, .cs-stats .stat:nth-child(2) {
        width: 98%;
        margin: 0;
        float: none;
        padding-top: 30px;
        margin-bottom: 20px;
        height: auto;
        padding-bottom: 80px;
    }

        .cs-stats .stat:nth-child(2) {
            float: none;
        }

        .cs-stats .stat:nth-child(3) {
            width: 98%;
            float: none;
            padding-bottom: 80px;
        }

    #related-posts ul li {
        width: 90%;
        min-height: 0;
        padding: 15% 5%;
    }

        #related-posts ul li:nth-child(2) {
            margin: 0 0 6% 0;
            float: right;
        }

    .share-meta h4 {
        float: none;
        margin-bottom: 10px;
        text-align: center;
    }

    .share-meta ul {
        float: none;
    }

        .share-meta ul li:first-child a {
            margin-left: 0;
            padding-left: 0;
        }


    footer .contact-information img {
        max-width: 50px;
    }

    .home h1 {
        margin-top: 100px;
    }

    .home #background {
        height: 595px;
    }
}

@media only screen and (max-width: 380px) {

    #our-leadership ul li, #our-leadership ul li:nth-child(4n+4), #our-leadership ul li:nth-child(3n+3), #our-leadership ul li:nth-child(2n+2) {
        width: 100%;
        float: left;
        margin-right: 0;
        margin-bottom: 5%;
    }

    #our-leadership img {
        width: 100%;
        height: auto;
    }
}

@media only screen and (min-width: 1000px) {
   #primary-menu {width:100%;padding-right:25px;}
}

.service-display .image {
    height: 110px;
    width: 120px;
    padding-top: 10px;
    margin-bottom: 30px;
}

.service-display img {
   margin: 0 auto;
   display: block;
   max-width: 100%;
   max-height: 100%;
 }