﻿div, ul, li, h1, nav, footer, h3, p {
    box-sizing: border-box;
    padding: 0;
    margin: 0;
}

ul, li {
    list-style-type: none;
}

img {
    vertical-align: top;
    border: 0;
    margin: 0;
    padding: 0;
}

a img {
    border: 0;
}

.clearfix:after {
    content: "";
    display: table;
    clear: both;
}

a {
    text-decoration: none;
}

p {
    margin: 0;
    padding: 0;
}

body {
    padding: 0;
    margin: 0;
    font-family: "nimbus-sans";
    font-size: 14px;
    line-height: 18px;
    color: #5a666f;
}

.nav {
    width: 100%;
    padding: 15px;
    position: fixed;
    background-color: #fff;
    border-bottom: 1px solid #d3ccbc;
}

    .nav .logo {
        width: 230px;
        float: left;
    }

    .nav .menuBtn {
        float: right;
        height: 40px;
        margin: 4px 0 0 0;
    }

.header {
    width: 100%;
    padding: 20px;
    background-image: url(/Content/images/mobile/headerBg.jpg);
    background-size: 100%;
}

    .header h1 {
        padding: 0;
        margin: 0;
        font-weight: normal;
        font-size: 22px;
        line-height: 26px;
        color: #003a5c;
        font-family: 'Maven Pro', sans-serif;
        letter-spacing: -0.04em;
    }

.headerStripe {
    width: 100%;
    height: 10px;
    background-image: url(/Content/images/mobile/headerStripe.jpg);
    background-position: center;
}

.gold {
    color: #c5a831;
}

.green {
    color: #d4eb8d;
}

.blue {
    color: #003a5c;
}

.white {
    color: #fff;
}

h2 {
    font-size: 24px;
    font-family: 'Maven Pro', sans-serif;
    color: #c5a831;
    font-weight: normal;
    letter-spacing: 0;
    padding: 0;
    margin: 0;
    letter-spacing: -0.04em;
}

h3 {
    font-size: 20px;
    padding: 0;
    margin: 0;
    color: #003a5c;
    font-family: 'Maven Pro', sans-serif;
    font-weight: normal;
}

nav {
    z-index: 999;
    position: fixed;
    display: block;
    text-align: right;
    right: 15px;
    top: 76px;
    background-color: #c5a831;
    border-radius: 3px;
    display: none;
}

    nav a {
        display: block;
        padding: 8px 15px 8px 30px;
        color: #fff;
        border-bottom: 1px solid #fff;
    }

        nav a:last-child {
            border: 0;
        }

.footer {
    background-color: #003a5c;
}

    .footer ul li {
        border-right: 1px solid #2e5b76;
        float: left;
        padding: 20px 15px;
        vertical-align: bottom;
        font-size: 8px;
        line-height: 11px;
        color: #e2e2e2;
        height: 150px;
    }

        .footer ul li:first-child {
            width: 38%;
        }

        .footer ul li:nth-child(2) {
            width: 38%;
        }

        .footer ul li .phone {
            font-size: 12px;
            color: #fff;
        }

        .footer ul li:nth-child(2) img {
            width: 30px;
        }

        .footer ul li:last-child {
            border: 0;
            width: 24%;
        }

        .footer ul li img {
            width: 100%;
            vertical-align: middle;
        }

#map-canvas {
    height: 200px;
}

.copyright {
    padding: 15px;
    font-size: 8px;
    line-height: 11px;
}

    .copyright .copyrightPrivacy {
        float: left;
    }

    .copyright .fullSite {
        font-size: 12px;
        color: #c5a831;
        font-weight: 700;
        float: right;
    }

        .copyright .fullSite img {
            height: 24px;
            vertical-align: middle;
            margin: 0 0 0 5px;
        }

    .copyright a {
        color: #5a666f;
    }

section {
    padding: 35px 25px;
}

    section.beige {
        background-color: #e9e5dd;
    }

ul.services {
    padding: 35px 0 0 0;
}

    ul.services li {
        display: block;
        margin: 0 0 35px 0;
    }

        ul.services li:after {
            content: "";
            display: table;
            clear: both;
        }

        ul.services li:last-child {
            margin: 0;
        }

        ul.services li img {
            width: 25%;
            float: left;
        }

        ul.services li h3 {
            width: 75%;
            float: right;
            padding: 0 0 0 20px;
        }

        ul.services li p {
            width: 75%;
            float: right;
            padding: 8px 0 0 20px;
            display: block;
        }

    ul.services .subhead {
        font-size: 16px;
        line-height: 20px;
        color: #c5a831;
        display: block;
        padding: 0 0 4px 0;
    }

    ul.services p a {
        text-transform: uppercase;
        font-weight: 400;
        color: #c5a831;
        display: block;
        padding: 3px 0 0 0;
    }

section.beige ul.services p {
    color: #003a5c;
}

section.affiliations {
    overflow: hidden;
    position: relative;
    height: 40px;
}

    section.affiliations .affiliationsImg {
        height: 40px;
        position: absolute;
        left: 45px;
    }

    section.affiliations a {
        position: absolute;
        display: inline-block;
        z-index: 2;
        background-color: #fff;
        top: 35px;
        box-sizing: border-box;
    }

        section.affiliations a.next {
            right: 0px;
            width: 40px;
            text-align: left;
        }

        section.affiliations a.prev {
            left: 0;
            width: 40px;
            text-align: right;
            display: none;
        }

        section.affiliations a img {
            height: 40px;
        }

        section.affiliations a.prev img {
            transform: scale(-1, 1);
            -moz-transform: scale(-1, 1);
            -webkit-transform: scale(-1, 1);
            -o-transform: scale(-1, 1);
            -khtml-transform: scale(-1, 1);
            -ms-transform: scale(-1, 1);
        }

.weDoThat, div.caseStudy {
    width: 80px;
    height: 80px;
    border: 2px solid #003a5c;
    font-size: 16px;
    line-height: 18px;
    text-align: center;
    padding: 22px 0 0 0;
    color: #003a5c;
    float: left;
}

div.caseStudy {
    float: none;
    margin: -70px 0 0 0;
}

.serviceDesc {
    width: 100%;
    padding: 0 0 0 100px;
}

    .serviceDesc ul {
        background-color: #f2f5f7;
        padding: 18px;
        color: #003a5c;
    }

        .serviceDesc ul li {
            background-image: url(/Content/images/mobile/checkmark.png);
            background-size: 12px 9px;
            background-position: left 4px;
            background-repeat: no-repeat;
            padding: 0 0 0 22px;
            margin: 0 0 8px 0;
        }

            .serviceDesc ul li.noCheck {
                background-image: none;
                padding: 0 0 4px 0;
            }

            .serviceDesc ul li:last-child {
                margin: 0;
            }

section.challenge, section.solution {
    padding: 25px 25px;
}

section.challenge {
    background-image: url(/Content/images/mobile/caseStudybg.jpg);
    background-position: top right;
    background-size: 100%;
    background-repeat: no-repeat;
    margin: 40px 0 0 0;
}

    section.challenge h2 {
        margin-top: 22px;
    }

    section.challenge h2, section.solution h2 {
        padding: 0 24px;
        margin-bottom: 15px;
    }

    section.challenge p, section.solution p {
        padding: 0 24px;
    }

section.solution {
    background-color: #003a5c;
    margin: 0 0 20px 0;
}

section.guarantees {
    padding: 0;
    margin: 0 0 30px 0;
}

    section.guarantees .leftColumn {
        width: 50%;
        float: left;
    }

    section.guarantees .rightColumn {
        width: 50%;
        float: right;
    }

    section.guarantees .continualSupport {
        background-color: #f2f5f7;
        padding: 25px;
        color: #003a5c;
    }

    section.guarantees img {
        width: 40%;
    }

    section.guarantees h3 {
        margin: 20px 0;
        line-height: 24px;
    }

    section.guarantees .longTerm {
        background-image: url(/Content/images/mobile/longTermBg.jpg);
        background-size: 100% auto;
        padding: 25px;
    }

    section.guarantees .expertsWhoCare {
        background-color: #c5a831;
        padding: 25px;
    }

    section.guarantees .knowledgeExperience {
        background-color: #d3ccbc;
        padding: 25px;
    }

.privacy h2, .privacy h3 {
    font-size: 16px;
    line-height: 20px;
    margin: 40px 0 15px 0;
}

.privacy p {
    margin: 0 0 15px 0;
}

.privacy h3 {
    margin: 0 0 15px 0;
}

.mainContent {
    padding: 76px 0 0 0;
}

.whoWeAre .teamMemberDetails {
    max-width: 300px;
    width: 100%;
    margin: 0 auto;
    margin-bottom: 20px;
}

    .whoWeAre .teamMemberDetails .photo img {
        width: 100%;
    }

    .whoWeAre .teamMemberDetails .photo .name {
        display: block;
        color: #fff;
        box-sizing: border-box;
        height: 80px;
        padding: 8px 12px 0 12px;
        text-transform: uppercase;
        background-color: #000;
        font-family: 'Maven Pro',sans-serif;
        line-height: 20px;
        width: 100%;
        font-size: 16px;
    }

        .whoWeAre .teamMemberDetails .photo .name .small {
            font-size: 12px;
        }

    .whoWeAre .teamMemberDetails .bio {
        padding: 15px;
        display: none;
    }

        .whoWeAre .teamMemberDetails .bio h3 {
            margin-bottom: 10px;
            font-size: 18px;
            font-family: 'Maven Pro', sans-serif;
            font-weight: normal;
            color: #c5a831;
        }

        .whoWeAre .teamMemberDetails .bio a {
            display: inline-block;
            margin: 20px 0 0 0;
            padding: 7px 40px 7px 0;
            color: #c5a831;
            background-image: url(/Content/images/whoWeAre/contactArrow.png);
            background-position: center right;
            background-repeat: no-repeat;
            font-family: 'Maven Pro', sans-serif;
            background-size: 25px;
        }

.whoWeAre .bio ul li {
    margin-bottom: 8px;
}

    .whoWeAre .bio ul li label {
        width: 60px;
        float: left;
        font-weight: bold;
    }

    .whoWeAre .bio ul li p {
        float: left;
        width: 209px;
    }

.whoWeAre .accreditations {
    margin-top: 40px;
}

    .whoWeAre .accreditations h1 {
        text-align: center;
    }

    .whoWeAre .accreditations a img {
        margin: 0 auto;
        margin-bottom: 20px;
        display: block;
    }
