/* ==========================================================================
   so you love CSS too? maybe we can work together.
   strengdesign.com/careers/
   ========================================================================== */

/* @font-face {
    font-family: 'Museo Sans';
    src: url('/fonts/MuseoSans_300-webfont.eot');
    src: url('/fonts/MuseoSans_300-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/MuseoSans_300-webfont.woff') format('woff'),
         url('/fonts/MuseoSans_300-webfont.ttf') format('truetype'),
         url('/fonts/MuseoSans_300-webfont.svg') format('svg');
    font-weight: 300;
    font-style: normal;
	}
	
@font-face {
    font-family: 'Museo Sans';
    src: url('/fonts/MuseoSans_500-webfont.eot');
    src: url('/fonts/MuseoSans_500-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/MuseoSans_500-webfont.woff') format('woff'),
         url('/fonts/MuseoSans_500-webfont.ttf') format('truetype'),
         url('/fonts/MuseoSans_500-webfont.svg') format('svg');
    font-weight: 500;
    font-style: normal;
	}
	 */
@font-face {
    font-family: 'streng-icons';
    src: url('/fonts/streng-icons.eot?n1l53h');
    src: url('/fonts/streng-icons.eot?#iefixn1l53h') format('embedded-opentype'), url('/fonts/streng-icons.woff?n1l53h') format('woff'), url('/fonts/streng-icons.ttf?n1l53h') format('truetype'), url('/fonts/streng-icons.svg?n1l53h#streng-icons') format('svg');
    font-weight: normal;
    font-style: normal;
}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    outline: 0;
}

html,
button,
input,
select,
textarea {
    background: #fff;
    color: #6c7479;
    font-family: "Avenir W02", sans-serif;
    font-size: 1em;
    font-weight: 300;
    line-height: 1.6;
    -webkit-font-smoothing: antialiased;
}

body {
    background: #f4f5f6;
    margin: 0 auto;
    max-width: 1920px;
}

a {
    color: #de0d12;
    text-decoration: none;
    -webkit-transition: all 0.15s ease-out;
    -moz-transition: all 0.15s ease-out;
    -o-transition: all 0.15s ease-out;
    transition: all 0.15s ease-out;
}

    a:link {
        color: #de0d12;
        text-decoration: none;
    }

    a:visited {
        color: #de0d12;
        text-decoration: none;
    }

    a:hover {
        color: #3d4247;
        text-decoration: none;
    }

    a:active {
        color: #de0d12;
        text-decoration: none;
    }

::-moz-selection {
    background: #de0d12;
    color: #fff;
    text-shadow: none !important;
}

::selection {
    background: #de0d12;
    color: #fff;
    text-shadow: none !important;
}

input,
button,
select,
textarea {
    background-color: #fff;
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-transition: all 0.15s ease-out;
    -moz-transition: all 0.15s ease-out;
    -o-transition: all 0.15s ease-out;
    transition: all 0.15s ease-out;
    font-weight: 300;
}

    input[type="date"],
    input[type="datetime"],
    input[type="datetime-local"],
    input[type="email"],
    input[type="month"],
    input[type="number"],
    input[type="password"],
    input[type="search"],
    input[type="tel"],
    input[type="text"],
    input[type="time"],
    input[type="url"],
    input[type="week"],
    input.text,
    textarea {
        -webkit-appearance: none;
        border: 1px solid #dde0e3;
        padding: 12px;
    }

select {
    border: 1px solid #dde0e3;
    padding: 12px;
}

    input[type="date"]:focus,
    input[type="datetime"]:focus,
    input[type="datetime-local"]:focus,
    input[type="email"]:focus,
    input[type="month"]:focus,
    input[type="number"]:focus,
    input[type="password"]:focus,
    input[type="search"]:focus,
    input[type="tel"]:focus,
    input[type="text"]:focus,
    input[type="time"]:focus,
    input[type="url"]:focus,
    input[type="week"]:focus,
    input.text:focus,
    textarea:focus,
    select:focus {
        border-color: #a2a9ae;
    }

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    color: #bbc0c4;
}

input:-moz-placeholder,
textarea:-moz-placeholder {
    color: #bbc0c4;
}

input::-moz-placeholder,
textarea::-moz-placeholder {
    color: #bbc0c4;
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
    color: #bbc0c4;
}

label {
    color: #3d4247;
    font-weight: 300;
}

a.btn,
input.btn,
div.btn,
input[type="submit"],
button {
    -webkit-appearance: none;
    background-color: #bbc0c4;
    border: none;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-weight: 300;
    letter-spacing: 0.05em;
    margin: 0;
    padding: 12px 26px;
    text-decoration: none;
    text-transform: uppercase;
    -webkit-transition: all 0.15s ease-out;
    -moz-transition: all 0.15s ease-out;
    -o-transition: all 0.15s ease-out;
    transition: all 0.15s ease-out;
}

    a.btn:hover,
    input.btn:hover,
    div.btn:hover,
    input[type="submit"]:hover,
    button:hover {
        background-color: #de0d12;
        text-decoration: none;
    }

    input.btn:focus,
    input[type="submit"]:focus,
    button:focus {
        background-color: #de0d12;
    }

    a.btn.disabled,
    input.btn.disabled,
    div.btn.disabled,
    input[type="submit"].disabled,
    button.disabled {
        background-color: #e9ebed;
        color: #bbc0c4;
        cursor: default;
    }

textarea {
    resize: vertical;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: #3d4247;
    font-weight: 300;
    line-height: 1.4;
}

h1,
h2,
h3 {
    line-height: 1.2;
}

p + h2,
p + h3,
p + h4,
p + h5,
p + h6 {
    margin: 32px 0 0.5em 0;
}

img, object, embed {
    height: auto !important;
    max-width: 100%;
}


/* ==========================================================================
   Icons
   ========================================================================== */

[class^="icon-"], [class*=" icon-"] {
    display: inline-block;
    font-family: 'streng-icons';
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    speak: none;
    text-transform: none;
    /* vertical-align: middle; */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-arrow-right:before {
    content: "\e600";
}

.icon-arrow-left:before {
    content: "\e601";
}

.icon-menu:before {
    content: "\e602";
}

.icon-people:before {
    content: "\e603";
}

.icon-rocket:before {
    content: "\e604";
}

/* ==========================================================================
   Grid Styles
   ========================================================================== */

.columns .col-1-2 {
    float: left;
    margin-right: 8%;
    width: 46%;
}

.columns .col-1-4 {
    float: left;
    margin-right: 8%;
    width: 19%;
}

footer .columns .col-1-4:first-child {
    margin-right: 6%;
    width: 20%;
}

.columns .col-3-4 {
    float: left;
    margin-right: 8%;
    width: 73%;
}

.columns .col-1-3 {
    float: left;
    margin-right: 8%;
    width: 28%;
}

.columns .col-2-3 {
    float: left;
    margin-right: 8%;
    width: 64%;
}

.columns .last {
    margin-right: 0;
}

    .columns .last + * {
        clear: both;
    }


/* ==========================================================================
   Custom Styles
   ========================================================================== */

abbr,
abbr[title] {
    border: none;
}

fieldset.add-comment .form-field label {
    display: block;
}

fieldset.add-comment .form-field input,
fieldset.add-comment .form-field textarea {
    width: 100%;
}

fieldset.add-comment .form-field textarea {
    min-height: 120px;
}

fieldset.add-comment .field-subject {
    display: none;
}

blockquote {
    background: #fff;
    padding: 10px 40px;
}

.blog h2.search-result {
    margin-bottom: 0;
}

    .blog h2.search-result span {
        color: #a2a9ae;
    }

.blog p.result {
    margin: 0 0 3em 0;
}

.blog-author-bar {
    text-align: center;
}

    .blog-author-bar .author-image img {
        -moz-border-radius: 50%;
        border-radius: 50%;
    }

    .blog-author-bar h3 a {
        color: #3d4247;
    }

        .blog-author-bar h3 a:hover {
            color: #de0d12;
        }

    .blog-author-bar p {
        margin-top: 0;
        text-align: left;
    }

    .blog-author-bar ul.connect {
        list-style: none;
        margin: 1em 0;
        padding: 0;
    }

        .blog-author-bar ul.connect li {
            display: inline-block;
            margin: 0 2px;
        }

            .blog-author-bar ul.connect li a {
                background: url("/images/icons/social.png") no-repeat;
                -moz-border-radius: 50%;
                border-radius: 50%;
                display: block;
                height: 32px;
                width: 32px;
            }

                .blog-author-bar ul.connect li a span {
                    background: url("/images/icons/social.png") no-repeat;
                    -moz-border-radius: 50%;
                    border-radius: 50%;
                    display: block;
                    height: 100%;
                    opacity: 0;
                    overflow: hidden;
                    text-indent: 100%;
                    white-space: nowrap;
                    width: 100%;
                    -webkit-transition: opacity 0.15s ease-out;
                    -moz-transition: opacity 0.15s ease-out;
                    -o-transition: opacity 0.15s ease-out;
                    transition: opacity 0.15s ease-out;
                }

                .blog-author-bar ul.connect li a:hover span {
                    opacity: 1;
                }

            .blog-author-bar ul.connect li.linkedin a {
                background-position: -96px 0;
            }

                .blog-author-bar ul.connect li.linkedin a span {
                    background-position: -96px -32px;
                }

            .blog-author-bar ul.connect li.twitter a {
                background-position: -32px 0;
            }

                .blog-author-bar ul.connect li.twitter a span {
                    background-position: -32px -32px;
                }

            .blog-author-bar ul.connect li.web a {
                background-position: -128px 0;
            }

                .blog-author-bar ul.connect li.web a span {
                    background-position: -128px -32px;
                }

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

    ul.blog-list li {
        margin-bottom: 6%;
    }

    ul.blog-list a {
        background: #fff;
        display: block;
        overflow: hidden;
        max-width: 435px;
        padding-bottom: 24px;
        position: relative;
        -webkit-transition: all 0.15s ease-in-out;
        -moz-transition: all 0.15s ease-in-out;
        -o-transition: all 0.15s ease-in-out;
        transition: all 0.15s ease-in-out;
    }

    ul.blog-list img {
        display: block;
    }

    ul.blog-list h2 {
        color: #3d4247;
        font-size: 1.375em;
        font-weight: 500;
        padding: 0 10%;
        margin: 24px 0 8px 0;
    }

    ul.blog-list a:hover h2 {
        color: #e9ebed;
    }

    ul.blog-list .date,
    ul.blog-list .author,
    ul.blog-list .tags {
        color: #a2a9ae;
        display: block;
        padding: 0 10%;
    }

    ul.blog-list .summary {
        background: #191b1b;
        color: #a2a9ae;
        height: 101%;
        padding-top: 2%;
        position: absolute;
        top: 101%;
        width: 100%;
        z-index: 1;
        -webkit-transition: all 0.15s ease-out;
        -moz-transition: all 0.15s ease-out;
        -o-transition: all 0.15s ease-out;
        transition: all 0.15s ease-out;
    }

    ul.blog-list a:hover .summary {
        top: 0;
    }

    ul.blog-list .summary .more {
        color: #e9ebed;
    }

    ul.blog-list .summary p {
        padding: 0 10%;
    }

    ul.blog-list .summary .date,
    ul.blog-list .summary .author,
    ul.blog-list .summary .tags {
        color: #6c7479;
    }

.blog-nav {
    border-top: 1px solid #e9ebed;
    padding-top: 32px;
}

    .blog-nav a.btn {
        display: block;
        text-align: center;
    }

.blog-post {
    -ms-word-break: break-word;
    word-break: break-word;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto;
    color:#3d4247;
    font-size:1.1em;
}

    .blog-post > p:first-child {
        margin-top: 0;
    }

    .blog-post img {
        display: block;
        margin: 2em 0;
    }

        .blog-post img.img-left {
            float: left;
            margin: 0.5em 50px 1.5em 0;
        }

        .blog-post img.img-right {
            float: right;
            margin: 0.5em 0 1.5em 50px;
        }

    .blog-post figure {
        display: inline-block;
        margin: 2em 0;
    }

        .blog-post figure:first-child {
            margin-top: 0;
        }

        .blog-post figure img {
            margin: 0;
        }

    .blog-post figcaption {
        background: #e9ebed;
        color: #a2a9ae;
        font-size: 0.875em;
        padding: 18px 26px;
        text-align: center;
    }

.blog-title {
    background: url("/images/divider.png") 50% 100% no-repeat;
    padding: 0 0 5% 0;
}

    .blog-title h1 {
        margin-top: 0;
    }

ul.blog-side-list {
    font-size: 0.875em;
    list-style: none;
    margin: 0 0 3em 0;
    padding: 0;
}

    ul.blog-side-list a {
        border-top: 1px solid #e9ebed;
        color: #a2a9ae;
        display: block;
        padding: 10px 0;
    }

        ul.blog-side-list a:hover {
            color: #de0d12;
        }

        ul.blog-side-list a .count {
            color: #bbc0c4;
            display: inline-block;
            font-size: 0.8571428571428571em;
            margin-left: 5px;
        }

.blog-mod-header {
    font-size: 1.125em;
    font-weight: 500;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

/* capabilities - Format 1*/
section.capabilities {
    text-align: center;
}

.capabilities .more {
    background: #e9ebed;
    display: inline-block;
    margin-top: 2%;
    padding: 3% 10%;
}

    .capabilities .more h3 {
        margin-top: 0;
    }

ul.capabilities-full {
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: left;
}

    /* ul.capabilities-full li {
	background-repeat: no-repeat;
	margin-bottom: 4%;
	min-height: 90px;
	padding-left: 120px;
	} */

    ul.capabilities-full li {
        float: left;
        width: 33.3%;
    }

    ul.capabilities-full a {
        background-position: 28px 50%;
        background-repeat: no-repeat;
        /* -moz-border-radius: 6px;
	    border-radius: 6px; */
        color: #6c7479;
        display: block;
        min-height: 90px;
        padding: 26px 36px 26px 140px;
        position: relative;
        top: 0;
        -webkit-transition: all 0.15s ease-in-out;
        -moz-transition: all 0.15s ease-in-out;
        -o-transition: all 0.15s ease-in-out;
        transition: all 0.15s ease-in-out;
    }

        ul.capabilities-full a:hover {
            background-color: #fff;
            box-shadow: 0 2px 12px #e9ebed;
            -moz-box-shadow: 0 2px 12px #e9ebed;
            -webkit-box-shadow: 0 2px 12px #e9ebed;
            top: -14px;
            z-index: 1;
        }

    ul.capabilities-full h3 {
        margin: 0 0 6px 0;
    }

    ul.capabilities-full p {
        margin: 0;
    }

    ul.capabilities-full a .samples {
        color: #de0d12;
        font-size: 0.8125em;
        font-weight: 300;
        opacity: 0;
        text-transform: uppercase;
        -webkit-transition: all 0.15s ease-in-out;
        -moz-transition: all 0.15s ease-in-out;
        -o-transition: all 0.15s ease-in-out;
        transition: all 0.15s ease-in-out;
    }

    ul.capabilities-full a:hover .samples {
        opacity: 1;
        visibility: visible;
    }

    ul.capabilities-full .thirds-last + * {
        clear: both;
    }

/* capabilities - Format 2*/
section.capabilities.format2 { background:#fff; }
section.capabilities.format2 ul li { margin:1%; width:32%; }
section.capabilities.format2 ul li.first { margin-left:0; }
section.capabilities.format2 ul li.thirds-last { margin-right:0; }
section.capabilities.format2 ul.capabilities-full a { min-height:260px; padding:40px 25px; background-color:#f4f5f6; background-size:cover; background-position: center right; }
section.capabilities.format2 ul.capabilities-full a:hover { background-color: #fff; box-shadow:0 2px 12px #e2e5e8; -moz-box-shadow:0 2px 12px #e2e5e8; -webkit-box-shadow:0 2px 12px #e2e5e8; /*box-shadow:0 0 10px rgba(0,0,0,0.2); -moz-box-shadow:0 0 10px rgba(0,0,0,0.2); -webkit-box-shadow:0 0 10px rgba(0,0,0,0.2);*/ }
section.capabilities.format2 ul.capabilities-full a i { float:left; width:60px; }
section.capabilities.format2 ul.capabilities-full a i img { width:60px; }
section.capabilities.format2 ul.capabilities-full a i svg { width:45px; }
section.capabilities.format2 ul.capabilities-full a:hover i, 
section.capabilities.format2 ul.capabilities-full a:hover svg path,
section.capabilities.format2 ul.capabilities-full a:hover svg { color:#de0d12; fill:#de0d12; }
section.capabilities.format2 ul.capabilities-full a div.padded { float:left; width:82%; padding-left:1em; }
section.capabilities.format2 ul.capabilities-full a .samples { float:right; bottom:1em; right:2em; position:absolute; }
section.capabilities.format2 ul.capabilities-full a .samples svg { width:30px; height:30px; }
section.capabilities.format2 ul.capabilities-full h3 { margin-bottom:0.5em; margin-top:10px; }

.careers {
    padding-top: 0;
}

    .careers header {
        background: url("/images/careers-bg.jpg") 100% 0 fixed no-repeat;
        background-size: 100%;
        padding: 12% 0;
        text-shadow: 0 2px 5px rgba(25,27,27,0.2);
    }

        .careers header h1 {
            color: #fff;
        }

        .careers header p {
            color: #e9ebed;
        }

    .careers .content {
        max-width: 900px;
    }

    .careers .opportunity {
        background: url("/images/divider.png") 50% 100% no-repeat;
        margin: 0 0 8% 0;
        padding-bottom: 10%;
    }

.clients {
    background: #fff;
    text-align: center;
}

    .clients header {
        margin-bottom: 0;
    }

    .clients ul {
        list-style: none;
        margin: 0;
        padding: 0;
    }

    .clients li {
        display: inline-block;
        margin-top: 6%;
        vertical-align: middle;
        width: 16%;
    }

    .clients img {
        display: inline-block;
        vertical-align: middle;
    }

ul.comments {
    list-style: none;
    margin: 0;
    padding: 0;
}

    ul.comments li {
        background: #fff;
        margin-bottom: 8px;
        padding: 24px 32px;
        -webkit-transition: all 0.15s ease-out;
        -moz-transition: all 0.15s ease-out;
        -o-transition: all 0.15s ease-out;
        transition: all 0.15s ease-out;
    }

        ul.comments li.new {
            border: 1px solid #e9ebed;
            padding: 23px 31px;
        }

    ul.comments h4 {
        border-bottom: 1px solid #e9ebed;
        color: #a2a9ae;
        margin: 0 0 24px 0;
        padding-bottom: 12px;
    }

        ul.comments h4 .date {
            font-size: 0.875em;
            font-weight: 300;
            float: right;
        }

    ul.comments p {
        margin: 0;
    }

h3#comments,
h3.add-comment-title {
    background: url("/images/divider.png") 50% 0 no-repeat;
    margin-top: 2em;
    padding-top: 2em;
}

.contact-map {
    border-bottom: 1px solid #e9ebed;
    height: 501px;
    padding: 0;
    position: relative;
}

    .contact-map .overlay {
        position: relative;
        z-index: 2;
    }

ul.contact-info {
    background: #191b1b;
    background: rgba(25,27,27,0.92);
    color: #a2a9ae;
    list-style: none;
    margin-top: 100px;
    min-height: 300px;
    padding: 34px 42px;
}

    ul.contact-info li {
        margin-bottom: 0.5em;
    }

        ul.contact-info li.address {
            background: url("/images/icons/footer-location.png") 0 5px no-repeat;
            padding-left: 24px;
        }

        ul.contact-info li.email {
            background: url("/images/icons/footer-email.png") 0 5px no-repeat;
            padding-left: 24px;
        }

        ul.contact-info li.fax {
            background: url("/images/icons/footer-fax.png") 0 4px no-repeat;
            padding-left: 24px;
        }

        ul.contact-info li.phone {
            background: url("/images/icons/footer-phone.png") 0 4px no-repeat;
            padding-left: 24px;
        }

    ul.contact-info a,
    ul.contact-info a:link,
    ul.contact-info a:visited,
    ul.contact-info a:active {
        color: #e9ebed;
    }

        ul.contact-info a:hover {
            color: #de0d12;
        }

    ul.contact-info h3 {
        color: #e9ebed;
        margin: 0 0 1em 0;
    }

.content {
    margin: 0 auto;
    max-width: 1460px;
    padding-left: 80px;
    padding-right: 80px;
}

.content.dark, .dark p { color:#3d4247; }

.copyright {
    margin: 0;
    color: #6c7479;
    font-size: 0.7857142857142857em;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.error {
    color: #de0d12;
}

input.error,
select.error,
textarea.error {
    border: 1px solid #de0d12;
    color: #6c7479;
}

    input.error:focus,
    select.error:focus,
    textarea.error:focus {
        border: 1px solid #de0d12;
    }

.error-404 {
    text-align: center;
}

.featured-areas {
    background: #fff;
    color: #6c7479;
    padding: 0;
    text-align: center;
}

    .featured-areas .columns .col-1-2 {
        border-right: 1px solid #e9eaec;
        margin-right: 0;
        padding: 80px 4%;
        width: 50%;
    }

    .featured-areas .columns .col-1-3 {
        border-right: 1px solid #e9eaec;
        margin-right: 0;
        padding: 80px 4%;
        width: 36%;
    }

        .featured-areas .columns .col-1-2:first-child,
        .featured-areas .columns .col-1-3:first-child {
            padding-left: 0;
        }

        .featured-areas .columns .col-1-3:first-child,
        .featured-areas .columns .col-1-3.last {
            width: 32%;
        }

    .featured-areas .columns .last {
        border-right: none;
        padding-right: 0;
    }

    .featured-areas a.btn,
    .featured-areas input.btn,
    .featured-areas div.btn,
    .featured-areas input[type="submit"],
    .featured-areas button,
    .featured-areas .contourButton {
        background-color: #373a40;
        color: #bbc0c4;
    }

        .featured-areas a.btn:hover,
        .featured-areas input.btn:hover,
        .featured-areas div.btn:hover,
        .featured-areas input[type="submit"]:hover,
        .featured-areas button:hover,
        .featured-areas .contourButton:hover {
            background-color: #191b1b;
            color: #fff;
        }

        .featured-areas input.btn:focus,
        .featured-areas input[type="submit"]:focus,
        .featured-areas button:focus,
        .featured-areas .contourButton:focus {
            background-color: #191b1b;
            color: #fff;
        }

    .featured-areas h1,
    .featured-areas h2,
    .featured-areas h3,
    .featured-areas h4,
    .featured-areas h5,
    .featured-areas h6 {
        /* color: #fff; */
        margin-top: 0;
    }

    .featured-areas .icon {
        /* background-color: #373a40;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	-moz-border-radius: 60px;
	border-radius: 60px; */
        height: 120px;
        margin: -54px auto 0 auto;
        width: 120px;
    }

.featured-work {
    text-align: center;
}

.field-validation-error {
    color: #a2a9ae;
    display: inline-block;
    font-size: 0.875em;
    margin-top: 4px;
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

footer {
    background: #232527;
    color: #a2a9ae;
    font-size: 0.875em; /* 14px */
    padding: 5% 0 0 0;
    position: relative;
    z-index: 5;
}

    footer a,
    footer a:link,
    footer a:visited,
    footer a:active {
        color: #e9ebed;
    }

        footer a:hover {
            color: #de0d12;
        }

    footer h1,
    footer h2,
    footer h3,
    footer h4,
    footer h5,
    footer h6 {
        color: #fff;
    }

    footer h4 {
        color: #6c7479;
        font-size: 1.285714285714286em; /* 18px */
        font-weight: 500;
        letter-spacing: 0.05em;
        margin: 0 0 1.25em 0;
        text-transform: uppercase;
    }

        footer h4 a,
        footer h4 a:link,
        footer h4 a:visited,
        footer h4 a:active {
            color: #6c7479;
        }

            footer h4 a:hover {
                color: #fff;
            }

    footer .divider {
        background: #191b1b;
        padding: 40px 0;
        margin-top: 5%;
        text-align: center;
    }

ul.footer-capabilities {
    list-style: none;
    margin: 0;
    padding: 0;
}

    ul.footer-capabilities li {
        float: left;
        margin-bottom: 0.5em;
        width: 50%;
    }

ul.footer-contact {
    list-style: none;
    margin: 0;
    padding: 0;
}

    ul.footer-contact li {
        margin-bottom: 0.5em;
        padding-left: 24px;
    }

        ul.footer-contact li.address {
            background: url("/images/icons/footer-location.png") 0 2px no-repeat;
        }

        ul.footer-contact li.email {
            background: url("/images/icons/footer-email.png") 0 2px no-repeat;
        }

        ul.footer-contact li.fax {
            background: url("/images/icons/footer-fax.png") 0 1px no-repeat;
        }

        ul.footer-contact li.phone {
            background: url("/images/icons/footer-phone.png") 0 1px no-repeat;
        }

ul.footer-social {
    list-style: none;
    margin: 0 0 20px 0;
    padding: 0;
}

    ul.footer-social li {
        display: inline-block;
        margin: 0 4px;
    }

        ul.footer-social li a {
            background: url("/images/icons/social.png") no-repeat;
            -moz-border-radius: 50%;
            border-radius: 50%;
            display: block;
            height: 32px;
            width: 32px;
        }

            ul.footer-social li a span {
                background: url("/images/icons/social.png") no-repeat;
                -moz-border-radius: 50%;
                border-radius: 50%;
                display: block;
                height: 100%;
                opacity: 0;
                overflow: hidden;
                text-indent: 100%;
                white-space: nowrap;
                width: 100%;
                -webkit-transition: opacity 0.15s ease-out;
                -moz-transition: opacity 0.15s ease-out;
                -o-transition: opacity 0.15s ease-out;
                transition: opacity 0.15s ease-out;
            }

            ul.footer-social li a:hover span {
                opacity: 1;
            }

        ul.footer-social li.dribbble a {
            background-position: -160px 0;
        }

            ul.footer-social li.dribbble a span {
                background-position: -160px -32px;
            }

        ul.footer-social li.facebook a {
            background-position: 0 0;
        }

            ul.footer-social li.facebook a span {
                background-position: 0 -32px;
            }

        ul.footer-social li.flickr a {
            background-position: -192px 0;
        }

            ul.footer-social li.flickr a span {
                background-position: -192px -32px;
            }

        ul.footer-social li.linkedin a {
            background-position: -96px 0;
        }

            ul.footer-social li.linkedin a span {
                background-position: -96px -32px;
            }

        ul.footer-social li.pinterest a {
            background-position: -64px 0;
        }

            ul.footer-social li.pinterest a span {
                background-position: -64px -32px;
            }

        ul.footer-social li.twitter a {
            background-position: -32px 0;
        }

            ul.footer-social li.twitter a span {
                background-position: -32px -32px;
            }

form input.valid,
form select.valid,
form textarea.valid {
    border-left: 3px solid #27ae60;
}

    form input.valid:focus,
    form select.valid:focus,
    form textarea.valid:focus {
        border-left: 3px solid #27ae60;
    }

form input.input-validation-error,
form select.input-validation-error,
form textarea.input-validation-error {
    border-left: 3px solid #de0d12;
}

    form input.input-validation-error:focus,
    form select.input-validation-error:focus,
    form textarea.input-validation-error:focus {
        border-left: 3px solid #de0d12;
    }

form .thank-you {
    background: #2ecc71 url("/images/icons/checkmark.png") 26px 50% no-repeat;
    color: #fff;
    display: none;
    margin-bottom: 2em;
    padding: 26px 32px 26px 60px;
}

    form .thank-you p {
        margin: 0;
    }

.form-contactus input,
.form-contactus textarea,
.form-contactus select {
    width: 100%;
}

.form-field {
    margin-bottom: 1em;
}

.google-remarketing {
    bottom: 0;
    height: 1px;
    left: -10px;
    overflow: hidden;
    position: absolute;
    width: 1px;
}

.hero {
    background: #e9ebed;
    position: relative;
    z-index: 1;
}

    .hero img {
        display: block;
    }

.history {
    background: url("/images/history-bg.jpg") 50% 50% fixed no-repeat;
    color: #e9ebed;
    padding: 0;
}

    .history .inner {
        background: url("/images/process-grad.png") 0 100% repeat-x;
        padding: 10% 0 5% 0;
    }

    .history .content {
        max-width: 900px;
        font-size: 1.125em;
    }

        .history .content h1,
        .history .content h2,
        .history .content h3,
        .history .content h4,
        .history .content h5,
        .history .content h6 {
            color: #fff;
        }

    .history header {
        margin-bottom: 10%;
        text-shadow: 0 2px 5px rgba(25,27,27,0.2);
    }

        .history header h2 {
            color: #fff;
        }

        .history header p {
            color: #e9ebed;
        }

/* .history .columns {
	background: #fff;
	}
	
.history .history-content {
	padding: 2% 8% 2% 0;
	}
	
.history .photo {
	display: block;
	} */

.home-intro {
    background: #e9ebed;
    padding:5% 0 5% 0;
}

    .home-intro header {
        margin: 0;
    }

    .home-intro h2 {
        background: url("/images/divider.png") 50% 100% no-repeat;
        margin: 0 0 3% 0;
        padding-bottom: 39px;
    }

        .home-intro h2 span {
            color: #a2a9ae;
        }

.interior {
    min-height: 600px;
    padding-top: 6em;
}

.landing-page.columns .form-contactus .col-1-2 {
    float: none;
    margin: 0;
    width: auto;
}

.main-wrap {
    position: relative;
    z-index: 1;
}

#map-canvas {
    height: 500px;
    left: 0;
    position: absolute !important;
    top: 0;
    width: 100%;
    z-index: 1;
}

    #map-canvas img {
        max-width: inherit;
    }

a.page-btn {
    color: #fff;
    background: #bbc0c4;
    font-weight: 300;
    max-width: 250px;
    padding: 16px 22px;
    position: fixed;
    top: 50%;
    white-space: nowrap;
}

    a.page-btn:hover {
        background: #de0d12;
    }

    a.page-btn.prev {
        left: 0;
    }

    a.page-btn.next {
        right: 0;
    }

    a.page-btn i {
        vertical-align: top;
    }

    a.page-btn .toggle {
        display: none;
        white-space: normal;
    }

    a.page-btn.prev .toggle {
        margin-left: 0.25em;
    }

    a.page-btn.next .toggle {
        margin-right: 0.25em;
    }

    a.page-btn:hover .toggle {
        display: inline-block;
        vertical-align: top;
    }

header.page-head {
    margin-top: 10%;
}

    header.page-head h1 {
        margin: 0;
    }

.pagination {
    text-align: center;
}

    .pagination ul {
        background: #bbc0c4;
        display: inline-block;
        list-style: none;
        margin: 0;
        padding: 0;
    }

    .pagination li {
        float: left;
        font-weight: 300;
    }

        .pagination li a {
            color: #fff;
            display: block;
            padding: 10px 22px;
        }

            .pagination li a:hover {
                background: #191b1b;
                color: #fff;
            }

        .pagination li.active {
            background: #a2a9ae;
            color: #e9ebed;
            padding: 10px 22px;
        }

        .pagination li.disabled {
            color: #a2a9ae;
            padding: 10px 22px;
        }

.post-info a,
.post-info a:link,
.post-info a:visited,
.post-info a:active {
    color: #a2a9ae;
}

    .post-info a:hover {
        color: #de0d12;
    }

.post-info > span {
    border-top: 1px solid #e9ebed;
    display: block;
    padding: 12px 0 12px 28px;
}

    .post-info > span.author {
        background: url("/images/icons/author.png") 0 50% no-repeat;
    }

    .post-info > span.date {
        background: url("/images/icons/date.png") 0 50% no-repeat;
    }

ul.tags {
    background: url("/images/icons/tag.png") 0 16px no-repeat;
    border-top: 1px solid #e9ebed;
    list-style: none;
    margin: 0;
    padding: 12px 0 12px 28px;
}

.process {
    background: url("/images/process-bg.jpg") 50% 100% fixed no-repeat;
    background-size: 100%;
    color: #bbc0c4;
    padding: 0;
}

    .process .inner {
        background: url("/images/process-grad.png") 0 100% repeat-x;
        padding-top: 10%;
    }

    .process header {
        margin-bottom: 10%;
        text-shadow: 0 2px 5px rgba(25,27,27,0.2);
    }

        .process header h2 {
            color: #fff;
        }

        .process header p {
            color: #e9ebed;
        }

    .process .columns {
        overflow: hidden;
    }

        .process .columns .col-1-4 {
            border-right: 1px solid #42484c;
            border-right: 1px solid rgba(233,235,237,0.06);
            padding: 0 4%;
            margin: 0;
            width: 25%;
            margin-bottom: -99999em;
            padding-bottom: 99999em;
        }

        .process .columns .last {
            border-right: none;
        }

    .process .col-1-4 p {
        margin-bottom: 18%;
    }

    .process h3 {
        color: #fff;
        margin-top: 0;
    }

        .process h3 span {
            color: #a2a9ae;
            font-size: 0.5714285714285714em;
            vertical-align: top;
        }

ul.process-list {
    list-style: none;
    margin: 0;
    padding: 0;
}

    ul.process-list li {
        border-top: 1px solid #e8eaeb;
        padding: 4%;
    }

        ul.process-list li:first-child {
            border-top: none;
        }

    ul.process-list h3 span {
        border-right: 1px solid #bbc0c4;
        color: #de0d12;
        padding-right: 0.3em;
    }

    ul.process-list img {
        float: left;
        margin-right: 4%;
        max-width: 50%;
    }

    ul.process-list .alternate img {
        float: right;
        margin: 0 0 0 4%;
    }

a.project {
    background: #fff;
    display: inline-block;
    margin-bottom: 60px;
    max-width: 364px;
    position: relative;
    top: 0;
    -webkit-transition: all 0.15s ease-in-out;
    -moz-transition: all 0.15s ease-in-out;
    -o-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out;
}

    a.project:hover {
        box-shadow: 0 2px 12px #e9ebed;
        -moz-box-shadow: 0 2px 12px #e9ebed;
        -webkit-box-shadow: 0 2px 12px #e9ebed;
        top: -14px;
        z-index: 1;
    }

        a.project:hover ul.capabilities {
            top: 0;
        }

    a.project h3 {
        color: #6c7479;
        font-size: 1em;
        margin: 0;
        padding: 10px 27px 27px 27px;
        text-align: center;
        text-transform: uppercase;
        -webkit-transition: all 0.15s ease-out;
        -moz-transition: all 0.15s ease-out;
        -o-transition: all 0.15s ease-out;
        transition: all 0.15s ease-out;
    }

    a.project:hover h3 {
        color: #de0d12;
    }

    a.project img {
        display: block;
    }

    a.project ul.capabilities {
        background: rgba(25,27,27,0.94);
        list-style: none;
        margin: 0;
        padding: 7% 10% 5% 10%;
        position: absolute;
        width: 100%;
        top: -100%;
        -webkit-transition: all 0.15s ease-out;
        -moz-transition: all 0.15s ease-out;
        -o-transition: all 0.15s ease-out;
        transition: all 0.15s ease-out;
    }

        a.project ul.capabilities li {
            color: #bbc0c4;
            font-size: 0.875em;
            float: left;
            margin-bottom: 2%;
            width: 50%;
        }

.project-filter {
    color: #fff;
    float: right;
    min-width: 260px;
    position: relative;
    text-align: left;
}

    .project-filter .dropdown {
        background: #bbc0c4 url("/images/icons/dropdown-arrow.png") 100% 50% no-repeat;
        cursor: pointer;
        padding: 12px 26px;
    }

    .project-filter:hover .dropdown {
        background-color: #a2a9ae;
    }

    .project-filter.active .dropdown {
        background-color: #a2a9ae;
    }

    .project-filter ul {
        background: #bbc0c4;
        display: none;
        list-style: none;
        margin: 0;
        padding: 0;
        position: absolute;
        right: 0;
        width: 100%;
        z-index: 2;
    }

    /* .project-filter:hover ul {
	display: block;
	} */

    .project-filter li {
        background-position: 18px 50%;
        background-repeat: no-repeat;
        color: #fff;
        cursor: pointer;
        display: block;
        padding: 8px 26px;
        -webkit-transition: all 0.15s ease-out;
        -moz-transition: all 0.15s ease-out;
        -o-transition: all 0.15s ease-out;
        transition: all 0.15s ease-out;
    }

        /* 
.project-filter li.advertising a {
	background-image: url("/images/icons/mini-advertising.png");
	}
	
.project-filter li.branding-identity a {
	background-image: url("/images/icons/mini-branding-identity.png");
	}
		
.project-filter li.catalogs a {
	background-image: url("/images/icons/mini-catalogs.png");
	}
		
.project-filter li.display-graphics a {
	background-image: url("/images/icons/mini-display-graphics.png");
	}
		
.project-filter li.web-ui-design a {
	background-image: url("/images/icons/mini-web-ui-design.png");
	}
		
.project-filter li.web-development a {
	background-image: url("/images/icons/mini-web-development.png");
	}
		
.project-filter li.package-design a {
	background-image: url("/images/icons/mini-package-design.png");
	}
		
.project-filter li.video-photo a {
	background-image: url("/images/icons/mini-video-photo.png");
	}
		
.project-filter li.marketing a {
	background-image: url("/images/icons/mini-marketing.png");
	}
*/

        .project-filter li:hover {
            background-color: #191b1b;
            color: #fff;
        }

.project-filter-title {
    display: block;
    float: right;
    margin-right: 20px;
    padding: 12px 0;
}

.project-images img {
    display: block;
}

.project-images .col-full,
.project-images .col-1-2,
.project-images .col-1-4,
.project-images .col-3-4,
.project-images .col-1-3,
.project-images .col-2-3 {
    margin-bottom: 6%;
}

.project-images .various-web {
    text-align: center;
}

    .project-images .various-web img {
        background: #fff;
        /* 	box-shadow: 0 0 32px #e9ebed;
	-moz-box-shadow: 0 0 32px #e9ebed;
	-webkit-box-shadow: 0 0 32px #e9ebed; */
        display: inline-block;
        padding: 25px;
    }

.project-intro {
    background: #e9ebed;
    margin-bottom: 5%;
    padding: 0 0 3% 0;
    position: relative;
    z-index: 5;
}

    .project-intro .columns {
        background: url("/images/vertical-divider.png") 50% 0 repeat-y;
    }

    .project-intro header {
        background: url("/images/divider.png") 50% 100% no-repeat;
        /* margin: 0 0 32px 0; */
        margin: 0 0 3% 0;
        padding-bottom: 39px;
    }

    .project-intro h2 {
        margin-top: 0;
    }

        .project-intro h2 span {
            color: #a2a9ae;
        }

    .project-intro p {
        margin: 0;
    }

    .project-intro ul.capabilities {
        list-style: none;
        margin: 0;
        padding: 0;
    }

        .project-intro ul.capabilities li {
            float: left;
            width: 50%;
        }

.project-list {
    text-align: center;
}

    .project-list .filter-area {
        float: right;
        margin-bottom: 4%;
    }

    .project-list .project {
        float: left;
        margin: 0 8% 4% 0;
        position: relative;
        text-align: center;
        width: 28%;
    }

        .project-list .project a {
            background: #fff;
            display: inline-block;
            max-width: 364px;
            position: relative;
            top: 0;
            -webkit-transition: all 0.15s ease-in-out;
            -moz-transition: all 0.15s ease-in-out;
            -o-transition: all 0.15s ease-in-out;
            transition: all 0.15s ease-in-out;
        }

            .project-list .project a:hover {
                box-shadow: 0 2px 12px #e9ebed;
                -moz-box-shadow: 0 2px 12px #e9ebed;
                -webkit-box-shadow: 0 2px 12px #e9ebed;
                top: -14px;
                z-index: 1;
            }

            .project-list .project a h3 {
                color: #6c7479;
                font-size: 1em;
                margin: 0;
                padding: 10px 27px 27px 27px;
                text-align: center;
                text-transform: uppercase;
                -webkit-transition: all 0.15s ease-out;
                -moz-transition: all 0.15s ease-out;
                -o-transition: all 0.15s ease-out;
                transition: all 0.15s ease-out;
            }

            .project-list .project a:hover h3 {
                color: #de0d12;
            }

            .project-list .project a img {
                display: block;
            }

        .project-list .project.thirds-last {
            margin-right: 0;
        }

            .project-list .project.thirds-last + * {
                clear: both;
            }

        .project-list .project.clear {
            clear: both;
        }

ul.people-list {
    list-style: none;
    margin: 0 auto;
    max-width: 1000px;
    padding: 0;
    text-align: center;
}

    ul.people-list > li {
        float: left;
        margin-bottom: 4%;
        width: 33.3%;
        /* width: 20%; */
    }

        ul.people-list > li.thirds-last + * {
            clear: both;
        }

    /* ul.people-list > li.fifths-last + * {
	clear: both;
	} */

    ul.people-list h4 {
        font-weight: 500;
        margin: 1em 0 0 0;
    }

    ul.people-list p {
        margin: 0;
    }

    ul.people-list .photo {
        background-position: 0 0;
        background-repeat: none;
        border: 6px solid #fff;
        -moz-border-radius: 50%;
        border-radius: 50%;
        height: 227px;
        margin: 0 auto;
        overflow: hidden;
        width: 227px;
        box-shadow: 0 2px 12px #e9ebed;
        -moz-box-shadow: 0 2px 12px #e9ebed;
        -webkit-box-shadow: 0 2px 12px #e9ebed;
    }

.people ul.connect {
    list-style: none;
    margin: 0.5em 0 0 0;
    padding: 0;
    text-align: center;
}

    .people ul.connect li {
        display: inline-block;
        margin: 0 2px;
    }

        .people ul.connect li a {
            background: url("/images/icons/social.png") no-repeat;
            -moz-border-radius: 50%;
            border-radius: 50%;
            display: block;
            height: 32px;
            opacity: 0.2;
            width: 32px;
        }

            .people ul.connect li a span {
                background: url("/images/icons/social.png") no-repeat;
                -moz-border-radius: 50%;
                border-radius: 50%;
                display: block;
                height: 100%;
                opacity: 0;
                overflow: hidden;
                text-indent: 100%;
                white-space: nowrap;
                width: 100%;
                -webkit-transition: opacity 0.15s ease-out;
                -moz-transition: opacity 0.15s ease-out;
                -o-transition: opacity 0.15s ease-out;
                transition: opacity 0.15s ease-out;
            }

            .people ul.connect li a:hover {
                opacity: 1;
            }

                .people ul.connect li a:hover span {
                    opacity: 1;
                }

        .people ul.connect li.linkedin a {
            background-position: -96px 0;
        }

            .people ul.connect li.linkedin a span {
                background-position: -96px -32px;
            }

        .people ul.connect li.twitter a {
            background-position: -32px 0;
        }

            .people ul.connect li.twitter a span {
                background-position: -32px -32px;
            }

        .people ul.connect li.web a {
            background-position: -128px 0;
        }

            .people ul.connect li.web a span {
                background-position: -128px -32px;
            }

.ppc-about {
    background: #fff;
    padding-bottom: 5em;
    text-align: center;
}

    .ppc-about .content {
        max-width: 1240px;
    }

    .ppc-about h2 {
        border-top: 1px solid #e9ebed;
        font-size: 3em;
        font-weight: 500;
        letter-spacing: 0.025em;
        margin: 0 0 1em 0;
        padding-top: 2em;
        position: relative;
        text-transform: uppercase;
    }

        .ppc-about h2:before {
            background: #de0d12;
            border-radius: 50%;
            color: #fff;
            content: "\e603";
            display: inline-block;
            font-family: 'streng-icons';
            font-style: normal;
            font-variant: normal;
            font-weight: normal;
            height: 2em;
            line-height: 2;
            speak: none;
            text-align: center;
            text-transform: none;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            width: 2em;
            position: absolute;
            top: 0;
            left: 50%;
            margin: -1em 0 0 -1em;
        }

    .ppc-about h3 {
        color: #de0d12;
        font-size: 1.25em;
        font-weight: 900;
        margin: 3em 0 0 0;
        text-transform: uppercase;
    }

    .ppc-about p {
        font-size: 1.25em;
        margin: 0.5em 0;
    }

.ppc-clients {
    padding: 5em 0;
    text-align: center;
}

    .ppc-clients h2 {
        color: #a2a9ae;
        font-size: 3em;
        font-weight: 500;
        letter-spacing: 0.025em;
        margin: 0;
        text-transform: uppercase;
    }

    .ppc-clients ul {
        list-style: none;
        margin: 0;
        padding: 0;
    }

    .ppc-clients li {
        display: inline-block;
        margin-top: 4em;
        vertical-align: middle;
        width: 16%;
    }

    .ppc-clients img {
        display: inline-block;
        vertical-align: middle;
    }

.ppc-head { padding:15px 0; background:#f4f5f6; transition: all 0.15s ease-out 0s; width: 100%; z-index: 10; position: absolute; display:none; }
.ppc-head.fixed { position: fixed; }
.ppc-footer-anchor {
    display: block;
    font-size: 1.5em;
    font-weight: 900;
    letter-spacing: 0.05em;
    line-height: 1;
    text-align: center;
    text-transform: uppercase;
    color: #de0d12;
}

    .ppc-footer-anchor i {
        border-radius: 50%;
        background: #de0d12;
        color: #fff;
        display: inline-block;
        margin-left: 0.25em;
        height: 2.25em;
        line-height: 2.25;
        text-align: center;
        width: 2.25em;
    }

    .ppc-head:hover { background: #de0d12; }
    .ppc-head:hover .ppc-footer-anchor { color: #fff; }
    .ppc-head:hover .ppc-footer-anchor i {
        background: #fff; color: #de0d12;
    }

.ppc-form {
    margin-top: 1.5em;
}

    .ppc-form input.btn {
        background-color: #de0d12;
        font-weight: 900;
        padding: 12px 26px;
        text-transform: uppercase;
    }

        .ppc-form input.btn:hover {
            background-color: #3d4247;
        }

        .ppc-form input.btn:focus {
            background-color: #3d4247;
        }

.ppc-gallery {
    background: #fff;
    padding: 2em 0 8em 0;
    text-align: center;
}

    .ppc-gallery h2 {
        font-size: 3em;
        font-weight: 500;
        letter-spacing: 0.025em;
        margin: 0;
        text-transform: uppercase;
    }

    .ppc-gallery p {
        font-size: 1.25em;
        letter-spacing: 0.05em;
        margin: 0.25em 0 0 0;
    }

    .ppc-gallery .carousel {
        margin-top: 3em;
        padding: 0 6em;
        position: relative;
    }

.ppc-get-started {
    margin:0 auto;
    margin-bottom: 4em;
    padding: 6em 2em 0 0;
    width: 70%;
}

    .ppc-get-started h3 {
        background: url("/images/divider.png") 50% 100% no-repeat;
        font-size: 1.5em;
        font-weight: 900;
        letter-spacing: 0.05em;
        margin: 0 0 1em 0;
        padding-bottom: 1.5em;
        text-align: center;
        text-transform: uppercase;
    }

        .ppc-get-started h3 i {
            border-radius: 50%;
            background: #de0d12;
            color: #fff;
            display: inline-block;
            margin-right: 0.25em;
            height: 2.25em;
            line-height: 2.25;
            text-align: center;
            width: 2.25em;
        }

    .ppc-get-started h4 {
        font-weight: 500;
        margin: 0;
    }

    .ppc-get-started p {
        font-size: 1.125em;
        margin: 0.5em 0;
    }

    .ppc-get-started p strong.heading { color:#3d4247; font-size:1.2em; }
    .ppc-get-started p strong.phone { color:#de0d12; }

    .ppc-get-started label {
        font-weight: 900;
        letter-spacing: 0.05em;
        text-transform: uppercase;
    }

    .ppc-get-started .form-row {
        margin-bottom: 1em;
    }

    .ppc-get-started .form-field {
        margin-top: 0.25em;
        margin-bottom: 0;
    }

.ppc-header {
    color: #fff;
    font-size: 0.875em;
    font-weight: 900;
    left: 0;
    padding: 2em 0;
    position: absolute;
    text-align: center;
    text-transform: uppercase;
    top: 0;
    width: 100%;
}

    .ppc-header a {
        color: #fff;
        text-decoration: underline;
    }

    .ppc-header .content {
        position: relative;
    }

    .ppc-header .call {
        left: 9em;
        letter-spacing: 0.1em;
        margin: 0;
        position: absolute;
        top: 0.65em;
    }

    .ppc-header .logo {
        display: inline-block;
        vertical-align: top;
    }

        .ppc-header .logo img {
            display: block;
        }

    .ppc-header .subhead {
        margin: 0;
        position: absolute;
        right: 9em;
        top: 0.65em;
    }

        .ppc-header .subhead span {
            border-right: 1px solid #fff;
            color: #3d4247;
            display: inline-block;
            margin-right: 0.75em;
            padding-right: 1em;
        }

.ppc-hero {
    background-attachment: fixed;
    background-position: 50% 0;
    height: 300px;
    padding-top: 7.5em;
    text-align: center;
}

    .ppc-hero h1 {
        color: #fff;
        font-size: 3.8em;
        font-weight: 900;
        letter-spacing: 0.025em;
        line-height: 1;
        margin: 0;
        text-rendering: optimizeLegibility;
        text-transform: uppercase;
    }

    .ppc-hero h2 {
        color: #fff;
        font-size: 1.5em;
        font-weight: 500;
        letter-spacing: 0.1em;
        margin: 0.75em 0 0 0;
        text-rendering: optimizeLegibility;
        text-transform: uppercase;
    }
    .ppc-hero h2 strong { font-weight:bold; }

.ppc-intro {
    margin:1em auto;
    margin-bottom: 2em;
    padding: 2em;
    width: 80%;
    text-align:left;
}
    .ppc-intro hr { 
        border: 0; height: 1px; background: #d8d9da; background-image: linear-gradient(to right, #ccc, #d8d9da, #ccc);
    }

    .ppc-intro h2 {
        font-size: 2.5em;
        font-weight: 500;
        margin: 0 0 1em 0;
        text-align:center;
    }

    .ppc-intro ol {
        counter-reset: ppc-intro-counter;
        font-size: 1.25em;
        list-style: none;
        margin: 0 auto;
        padding: 0;
        width:78%;
    }

    .ppc-intro li {
        counter-increment: ppc-intro-counter;
        margin-bottom: 2em;
        padding: 0.5em 0 0 3.5em;
        position: relative;
    }

        .ppc-intro li:before {
            border-radius: 50%;
            background: #de0d12;
            color: #fff;
            content: counter(ppc-intro-counter);
            display: block;
            font-size: 1em;
            font-weight: 900;
            height: 2.3em;
            left: 0;
            line-height: 2.4;
            position: absolute;
            text-align: center;
            top: 0;
            width: 2.3em;
        }

    .ppc-intro ol h3 {
        font-size: 1em;
        font-weight: 900;
        letter-spacing: 0.05em;
        line-height: 1.4;
        margin: 0;
        text-transform: uppercase;
    }

        .ppc-intro ol h3 span {
            color: #de0d12;
        }

    .ppc-intro ol p {
        margin: 0.75em 0 0 0; font-size: 1em;
    }

        .ppc-intro ol p span {
            color: #3d4247;
        }

.ppc-testimonials {
    background: #fff;
    padding: 7em 0;
    text-align: center;
}

    .ppc-testimonials .content {
        position: relative;
    }

    .ppc-testimonials .slideshow {
        overflow: hidden;
        padding: 0 8em;
        position: relative;
        min-height:220px;
    }

    .ppc-testimonials blockquote {
        background: none;
        color: #a2a9ae;
        font-size: 2.5em;
        line-height: 1.4;
        padding: 0;
        margin: 0;
    }

        .ppc-testimonials blockquote p {
            margin: 0;
        }

            .ppc-testimonials blockquote p:before {
                content: "\201C";
            }

            .ppc-testimonials blockquote p:after {
                content: "\201D";
            }

    .ppc-testimonials .author {
        color: #de0d12;
        font-weight: 500;
        letter-spacing: 0.025em;
        margin-bottom: 0;
        text-transform: uppercase;
    }

    .ppc-testimonials .direction-nav {
        list-style: none;
        margin: 0;
        padding: 0;
    }

        .ppc-testimonials .direction-nav a {
            border: 2px solid #de0d12;
            border-radius: 50%;
            color: #de0d12;
            display: block;
            font-size: 1.125em;
            height: 3em;
            line-height: 2.8;
            margin-top: -2.75em;
            position: absolute;
            text-align: center;
            top: 50%;
            width: 3em;
        }

            .ppc-testimonials .direction-nav a:hover {
                background: #de0d12;
                color: #fff;
            }

            .ppc-testimonials .direction-nav a.prev {
                left: 80px;
            }

            .ppc-testimonials .direction-nav a.next {
                right: 80px;
            }

.ppc-get-started .form-contactus input[type='text'], .ppc-get-started .form-contactus textarea, .ppc-get-started .form-contactus select {
    border: 1px solid #5a5a5a;
}

.ppc-get-started .form-contactus input.input-validation-error, 
.ppc-get-started .form-contactus select.input-validation-error, 
.ppc-get-started .form-contactus textarea.input-validation-error {
    /*border-left: 3px solid #de0d12;*/
    border: 1px solid #ee6a7e;
    box-shadow: 0 0 2px #ee6a7e;
}

.ppc-get-started .form-contactus input.valid, .ppc-get-started .form-contactus select.valid, 
.ppc-get-started .form-contactus textarea.valid {
    /*border-left: 3px solid #27ae60;*/
    border: 1px solid #27ae60;
    box-shadow: 0 0 2px #27ae60;
}

.ppc-get-started .form-contactus .submit { padding-top: 3em; }
.ppc-get-started .form-contactus .captcha #recaptcha_area { margin:0 auto; margin-top:20px; }
.ppc-get-started .form-contactus .captcha .field-validation-error { color:#de0d12; font-size:1em; font-weight:500; }

.ppc-process { padding: 4em 0; }
    .ppc-process .columns h4 { text-transform: uppercase; color:#de0d12; font-weight:600; }
    .ppc-process .columns .col-1-4 { text-align:center; }
    .ppc-process h2 { font-size: 3em; margin: 0 0 1em; text-transform: uppercase; font-weight: 500; width:100%; text-align:center; }

.ppc-thank-you h2:before {
    content: "\e604"; font-family: "streng-icons";
    display: block; height: 2em; width: 2em; line-height: 2;
    background: #de0d12 none repeat scroll 0 0;
    border-radius: 50%; color: #fff; margin:0 auto; margin-bottom:1.5em;
}
.ppc-thank-you h2 { text-transform:uppercase; font-weight:600; }
.ppc-thank-you p { font-size:1.2em; }
.ppc-thank-you span.phone { color:#de0d12; }

.recent-twitter {
    -ms-word-break: break-word;
    word-break: break-word;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto;
}

a.rss-btn {
    background: #d35400 url("/images/icons/rss.png") 18px 50% no-repeat;
    padding-left: 50px;
}

    a.rss-btn:hover {
        background-color: #191b1b;
    }

span.required {
    color: #de0d12;
}

section {
    padding: 5% 0;
}

    section.directions {
        background: url("/images/divider.png") 50% 0 no-repeat;
    }

    section header {
        margin-bottom: 5%;
        padding: 0 12%;
        text-align: center;
    }

        section header h2 {
            font-size: 3.5em; /* 56px */
        }

        section header h1,
        section header h2,
        section header h3,
        section header h4,
        section header h5,
        section header h6 {
            margin: 0;
        }

        section header p {
            font-size: 1.375em; /* 22px */
            margin: 0;
            color:#3d4247;
        }

.center { text-align:center;}

section.content-text .content h3 {
    color:#fff;
    font-family: "Avenir W02", "streng-icons", sans-serif;
    font-size:350%; font-weight:bold;
    text-transform:uppercase;
}
section.content-text .content p { color:#fff; margin:10px auto; font-size:170%; }
section.content-text .content a.btn { background-color:transparent; margin-top:30px; border:1px solid #fff; font-weight:400; }
section.content-text .content a.btn:hover { background:#a51c2b; }

section.awards { background:#ebecef; }
section.awards .content header h2 { font-weight:400; }
section.awards .content ul { list-style: outside none none; margin: 0 auto; padding: 0; }
section.awards .content ul li { display: inline-block; vertical-align: top; text-align:center; padding:0 10px; }
section.awards .content ul li.col-1-3 { width:33%; }
section.awards .content ul li.col-1-4 { width:25%; }
section.awards .content ul li span.image { min-height:120px; display:block; }
section.awards .content ul li img { display: inline-block; vertical-align: middle; }
section.awards .content span.title { font-size:20px; text-transform:uppercase; clear:both; display:block; font-weight:400; margin-top:10px; }
section.awards .content a:after { content: '\a'; white-space: pre; /*display:block; margin-top:-5px;*/ }
section.awards .content a.link { color:#6c7479; font-style:italic; font-size:18px; text-align:center; }
section.awards .content a.link:hover { color:#cd2134; }

header.site-head {
    background: #de0d12;
    color: #6c7479;
    left: 0;
    padding: 28px 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 10;
    -webkit-transition: all 0.15s ease-out;
    -moz-transition: all 0.15s ease-out;
    -o-transition: all 0.15s ease-out;
    transition: all 0.15s ease-out;
}

.home header.site-head {
    background: none;
    -webkit-transition: background 0.15s ease-out;
    -moz-transition: background 0.15s ease-out;
    -o-transition: background 0.15s ease-out;
    transition: background 0.15s ease-out;
}

.project header.site-head {
    background: none;
    -webkit-transition: background 0.15s ease-out;
    -moz-transition: background 0.15s ease-out;
    -o-transition: background 0.15s ease-out;
    transition: background 0.15s ease-out;
}

    .project header.site-head:hover {
        background: #191b1b;
        background: rgba(0,0,0,0.86);
    }

header.site-head.fixed {
    background: #de0d12; position: fixed; padding: 12px 0;
}

.project header.site-head.fixed:hover {
    background: #de0d12;
}

header.site-head a.logo {
    float: left;
}

    header.site-head a.logo img {
        display: block;
    }

header.site-head nav {
    float: right;
    font-size: 1.125em;
    margin-top: 9px;
}

    header.site-head nav ul {
        list-style: none;
        margin: 0;
        padding: 0;
    }

    header.site-head nav li {
        float: left;
        margin-left: 30px;
    }

    header.site-head nav div.btn {
        background: #232527;
        color: #fff;
        display: none;
        font-size: 0.8125em;
        height: 60px;
        line-height: 60px;
        padding: 0;
        position: absolute;
        right: 0;
        text-align: center;
        top: 0;
        width: 60px;
    }

        header.site-head nav div.btn.active {
            background-color: #de0d12;
        }

    header.site-head nav a {
        display: block;
        font-weight: 500;
        letter-spacing: 0.05em;
        padding: 3px 6px;
        text-transform: uppercase;
        position: relative;
    }

        header.site-head nav a,
        header.site-head nav a:link,
        header.site-head nav a:visited,
        header.site-head nav a:active {
            color: #fff;
            color: rgba(255,255,255,0.75);
            background: transparent;
        }

            header.site-head nav a:hover {
                color: #fff;
            }

            header.site-head nav a.active {
                color: #fff;
            }

header.site-head.fixed nav a,
header.site-head.fixed nav a:link,
header.site-head.fixed nav a:visited,
header.site-head.fixed nav a:active {
    color: rgba(255, 255, 255, 0.75);
}

    header.site-head.fixed nav a:hover {
        color: #fff;
    }

    header.site-head.fixed nav a.active {
        color: #fff;
    }

.slideshow {
    position: relative;
}
    /* .slideshow .slides > li {
	display: none;
	-webkit-backface-visibility: hidden;
	} */

    .slideshow img {
        display: block;
    }

    .slideshow .direction-nav {
        list-style: none;
        margin: 0;
        padding: 0;
    }

        .slideshow .direction-nav a {
            border: 2px solid #de0d12;
            border-radius: 50%;
            color: #de0d12;
            display: block;
            font-size: 1.125em;
            height: 3em;
            line-height: 2.8;
            margin-top: -1.5em;
            position: absolute;
            text-align: center;
            top: 50%;
            width: 3em;
        }

            .slideshow .direction-nav a:hover {
                background: #de0d12;
                color: #fff;
            }

            .slideshow .direction-nav a.prev {
                left: 0;
            }

            .slideshow .direction-nav a.next {
                right: 0;
            }

    .slideshow ol.control-nav {
        left: 0;
        list-style: none;
        margin: 2em 0 0 0;
        position: absolute;
        padding: 0;
        text-align: center;
        top: 100%;
        width: 100%;
    }

        .slideshow ol.control-nav li {
            display: inline-block;
            text-align: center;
            vertical-align: middle;
            width: 28px;
        }

    .slideshow .control-nav a {
        background: #bbc0c4;
        -moz-border-radius: 50%;
        border-radius: 50%;
        cursor: pointer;
        display: inline-block;
        height: 8px;
        overflow: hidden;
        text-indent: 100%;
        vertical-align: middle;
        white-space: nowrap;
        width: 8px;
        -webkit-transition: 0;
        -moz-transition: 0;
        -o-transition: 0;
        transition: 0;
    }

        .slideshow .control-nav a:hover {
            height: 12px;
            width: 12px;
        }

        .slideshow .control-nav a.active {
            background: #3d4247;
            height: 12px;
            width: 12px;
        }

    .slideshow ul.slides {
        list-style: none;
        margin: 0;
        padding: 0;
    }

    .slideshow ul.slides .head { position:absolute; top:35%; width:100%; }
    .slideshow ul.slides .head h1 { font-size:500%; text-transform:uppercase; font-weight:bold; color:#fff; }
    .slideshow ul.slides .head h1 small { font-size:40%; display:block; }
    .slideshow ul.slides .head a.btn { color:#fff; border:1px solid #fff; background-color:transparent; margin-top:10px; font-weight:400; }
    .slideshow ul.slides .head a.btn:hover { background:#a51c2b; }

/* ==========================================================================
   Blog Posts
   ========================================================================== */

.social-list h3 {
    margin-bottom: 0;
}

    .social-list h3 a {
        color: #3d4247;
    }

    .social-list h3 span {
        color: #a2a9ae;
        display: block;
        font-size: 0.5714285714285714em;
        margin: 5px 0;
    }

    .social-list h3 a:hover span {
        color: #de0d12;
    }

.social-list p {
    margin-top: 0;
}

.social-list img {
    display: inline-block;
    margin: 0;
    vertical-align: middle;
}

.work-header {
    color: #6c7479;
    float: left;
    margin-top: 0.25em;
}

    .work-header span {
        color: #3d4247;
    }


section.bg-section { text-align:center; }
section.bg-section h2 { font-size:2.5em; font-weight:400; color:#fff; }
section.bg-section h2 a.heading-link { color:#fff; text-decoration:none; padding-bottom:4px; border-bottom:1px solid #e9ebed; }
section.bg-section h2 a.heading-link:hover { color:#3d4247; }
/*section.bg-section h2 i.fa { font-size:0.8em; margin-left:5px; }*/
section.bg-section h2 svg { width:1em; height:1em; position:relative; top:10px; margin-left:5px; fill: #ffffff; }
section.bg-section h2 svg path { fill: #ffffff; }

section.page-heading { margin-bottom:0; padding-bottom:2em; }
section.page-heading h1 { background:rgba(0, 0, 0, 0) url("/images/divider.png") no-repeat scroll 50% 100%; padding-bottom:40px; margin:0 0 3%; font-size:3.5em; }
section.page-heading h1 > span { display:block; font-size:0.4em; font-weight:400; color:#6c7479; margin-top:0.7em; }

/*section.listing.white-bg { padding-bottom:2%; }*/
section.listing .content { margin-bottom:6%; }
section.listing .content:last-child { margin-bottom:0; }
section.listing .content header { margin-bottom:3em; }
section.listing .content header i.fa, section.listing .content header svg path { color:#de0d12; fill:#de0d12; stroke:#de0d12; stroke-width:0.5px; }
section.listing .content header img, section.listing .content header svg { width:60px; }
section.listing .content header h2 { font-size:2.5em; font-weight:400; margin:0.4em 0; }
section.listing .content header h2 a { color:inherit; }
section.listing .content header > div { font-size:0.8em; }
section.listing .content .related-items { padding:0 20%; }
section.listing .content .related-items .columns strong { text-transform:uppercase; font-size:1.2em; display: block; margin-bottom:10px; }
section.listing .content .related-items .columns ul { margin:10px 0; list-style:none; padding:0; font-weight:400; font-size:1.2em; }
section.listing .content .related-items .columns a { font-weight:400; font-size:1.1em; text-decoration:none; }
section.listing .content .related-items .columns a > span { padding-bottom:5px; border-bottom:1px solid #de0d12; line-height:2.3em;  }
section.listing .content .related-items .columns a:after { content: ","; padding-right:8px; color:#de0d12; border:none; }
section.listing .content .related-items .columns a:last-child::after { content:""; }
section.listing .content .related-items .columns .col-1-2 { width:43%; }
section.listing .content .related-items .columns .col-1-2:first-child { margin-right:7%; }
section.listing .content .related-items .columns .last { margin-left:7%; }

.gray-bg { background-color:#f4f5f6 !important; }
.white-bg { background-color:#fff !important; }

/* ==========================================================================
   Media Queries
   ========================================================================== */

@media only screen and (min-width: 1920px) {

}

@media only screen and (min-width: 1400px) {

}

@media only screen and (max-width: 1300px) {
    ul.blog-list .summary {
        display: none;
    }

    ul.blog-list a:hover h2 {
        color: #de0d12;
    }

    ul.blog-list a:hover {
        box-shadow: 0 2px 12px #e9ebed;
        -moz-box-shadow: 0 2px 12px #e9ebed;
        -webkit-box-shadow: 0 2px 12px #e9ebed;
        top: -14px;
        z-index: 1;
    }

    ul.capabilities-full a {
        background-size: 70px;
        background-position: 24px 40%;
        padding: 10px 24px 22px 114px;
    }

    /* 	ul.people-list > li {
		width: 25%;
		}
		
	ul.people-list > li.fifths-last + * {
		clear: none;
		}
		
	ul.people-list > li.quarters-last + * {
		clear: both;
		} */

    .ppc-get-started {
        padding-right: 0;
    }

    .slideshow ul.slides .head { top:120px; }
}

@media only screen and (max-width: 1200px) {
    .blog-title h1 {
        font-size: 3.5em; /* 56px */
    }

    ul.capabilities-full li {
        width: 50%;
    }

    ul.capabilities-full .thirds-last + * {
        clear: none;
    }

    ul.capabilities-full .halves-last + * {
        clear: both;
    }

    .clients li {
        width: 24.5%;
    }

    .contact-map .overlay .col-1-3 {
        margin-right: 0;
        width: 46%;
    }

    footer {
        padding: 0;
    }

        footer .columns .col-1-4 {
            border-top: 1px solid #232527;
            margin-top: 5%;
            padding-top: 2%;
            width: 46%;
        }

        footer .columns .halves-last {
            margin-right: 0;
        }

            footer .columns .halves-last + * {
                clear: both;
            }

    .ppc-clients li {
        width: 24.5%;
    }

    .ppc-header {
        padding: 1em 0;
    }

    .ppc-header .subhead span {
        color: #fff;
    }

    .ppc-header .logo {
        margin-bottom: 1.5em;
    }

    .process .columns .col-1-4 {
        padding-left: 3%;
        padding-right: 3%;
    }

    .project-list .filter-area {
        display: inline-block;
        float: none;
        margin-bottom: 0;
    }

    .project-list .project {
        margin-bottom: 6%;
        width: 46%;
    }

        .project-list .project.thirds-last {
            margin-right: 8%;
        }

            .project-list .project.thirds-last + * {
                clear: none;
            }

        .project-list .project.halves-last {
            margin-right: 0;
        }

            .project-list .project.halves-last + * {
                clear: both;
            }

    .work-header {
        float: none;
        margin: 1em 0 2em 0;
        padding: 0 20px;
    }
}

@media only screen and (max-width: 1050px) {
    .clients li {
        padding: 0 1.5em;
        width: 32.5%;
    }

    .columns .post-info-bar.col-1-4 {
        width: 28%;
    }

    .columns .blog-content-bar.col-1-2 {
        margin-right: 0;
        width: 64%;
    }

    .columns .author-info-bar.col-1-4 {
        clear: both;
        float: none;
        margin: 0 0 -6% 0;
        padding-top: 6%;
        width: auto;
    }

    .blog-author-bar {
        background: #e9ebed;
        margin: 0 -80px;
        padding: 6% 80px;
        position: relative;
        z-index: 5;
        text-align: left;
    }

        .blog-author-bar .author-image {
            float: left;
            margin-right: 8%;
            width: 28%;
        }

        .blog-author-bar .author-info {
            float: left;
            width: 64%;
        }

    .careers header {
        background-attachment: scroll;
        background-position: 50% 50%;
    }

    .history {
        background-attachment: scroll;
        background-position: 50% 100%;
    }

        .history .columns .col-1-2 {
            float: none;
            margin-right: 0;
            width: auto;
        }

        .history .columns {
            padding: 4%;
        }

        .history .history-content {
            padding: 4% 0 0 0;
        }

    .home-intro {
        padding-bottom: 4%;
    }

    /* 	ul.people-list > li {
		width: 33%;
		}
		
	ul.people-list > li.quarters-last + * {
		clear: none;
		}
		
	ul.people-list > li.thirds-last + * {
		clear: both;
		} */

    .ppc-clients li {
        padding: 0 1.5em;
        width: 32.5%;
    }

    .ppc-form input.btn {
        margin-top: 1em;
    }

    .ppc-get-started {
        float: none;
        padding-top: 4em;
        text-align: center;
        width: auto;
    }

        .ppc-get-started h3 {
            background: none;
            border-top: 1px solid #dde0e3;
            font-size: 2.5em;
            font-weight: 500;
            letter-spacing: 0.025em;
            padding: 2em 0 0 0;
            position: relative;
            text-transform: uppercase;
        }

            .ppc-get-started h3 i {
                left: 50%;
                margin: 0 0 0 -1.125em;
                position: absolute;
                top: -1.125em;
                height:2em; width:2em; line-height:2em;
            }

        .ppc-get-started h4 {
            color: #de0d12;
            font-size: 1.25em;
            font-weight: 900;
            text-transform: uppercase;
        }

        .ppc-get-started .col-1-2 {
            float: left;
            margin-right: 8%;
            width: 46%;
        }

        .ppc-get-started .last {
            margin-right: 0;
        }

        .ppc-get-started .form-row {
            text-align: left;
        }

    .ppc-intro {
        float: none;
        padding-top: 5em;
        width: auto;
    }

        .ppc-intro h2 {
            letter-spacing: 0.025em;
            text-align: center;
            text-transform: uppercase;
        }

    .ppc-testimonials blockquote {
        font-size: 2em;
    }

    .process {
        background-attachment: scroll;
        background-position: 50% 50%;
    }

    .ppc-process .columns .col-1-4 { width:45%; margin-bottom:1em; }
    .ppc-process .columns .col-1-4:nth-child(2n) { margin-right:0; }
    .ppc-header .call { left:2em; top:1em; }
    .ppc-header .subhead { right:2em; top:1em; }
    .ppc-hero h1 { font-size:2.8em; }
    .ppc-hero h2 { font-size:1.2em; }

    footer .columns .col-1-4:first-child { width:45%; }

    section.awards .content ul li.col-1-3 { width:32%;}
    section.awards .content ul li img { max-width:auto; }

    header.site-head .content { padding:0 60px; }
}

@media only screen and (max-width: 940px) {
    .blog-author-bar {
        margin: 0 -40px;
        padding: 6% 40px;
    }

    .blog.columns .col-1-4,
    .blog.columns .col-3-4 {
        float: none;
        margin: 0 0 6% 0;
        width: auto;
    }

    .blog .blog-tag-list {
        float: left;
        margin-right: 8%;
        width: 46%;
    }

    .blog .blog-author-list {
        float: left;
        width: 46%;
    }

    body.home,
    body.project {
        padding-top: 60px;
    }

    ul.capabilities-full a {
        background-size: 50px;
        background-position: 20px 40%;
        padding: 10px 20px 22px 86px;
    }

        ul.capabilities-full a .samples {
            display: none;
        }

    .content {
        padding-left: 40px;
        padding-right: 40px;
    }

    .history {
        background: none;
        color: #6c7479;
        padding-bottom: 5%;
    }

        .history .inner {
            background: none;
            padding: 0;
        }

        .history .content {
            max-width: none;
            font-size: 1em;
        }

            .history .content h1,
            .history .content h2,
            .history .content h3,
            .history .content h4,
            .history .content h5,
            .history .content h6 {
                color: #3d4247;
            }

        .history header {
            background: url("/images/history-bg.jpg") 50% 40% no-repeat;
            background-size: 110%;
            margin-bottom: 6%;
            padding: 10% 0;
            text-shadow: 0 2px 8px rgba(25,27,27,0.8);
        }

    .interior {
        padding-top: 60px;
    }

    .landing-page.columns .col-2-3,
    .landing-page.columns .col-1-3 {
        float: none;
        margin: 0;
        width: auto;
    }

    section.people {
        background: url("/images/divider.png") 50% 0 no-repeat;
    }

    .ppc-hero h1 {
        font-size: 3.5em;
    }

    .ppc-hero h2 {
        font-size: 1.25em;
    }

    .ppc-intro h2,
    .ppc-get-started h3,
    .ppc-gallery h2,
    .ppc-clients h2,
    .ppc-about h2 {
        font-size: 2.25em;
        line-height: 1;
    }

    .ppc-footer-anchor {
        padding-left: 40px;
        padding-right: 40px;
    }

    .ppc-gallery .carousel {
        padding: 0 5em;
    }

    .ppc-testimonials .slideshow {
        padding: 0 6em; min-height:150px;
    }

    .ppc-testimonials .direction-nav a.prev {
        left: 40px;
    }

    .ppc-testimonials .direction-nav a.next {
        right: 40px;
    }

    .process {
        background: none;
        color: #6c7479;
        padding-bottom: 6%;
    }

        .process h3 {
            color: #3d4247;
        }

            .process h3 span {
                color: #de0d12;
            }

        .process .columns {
            padding: 0 40px;
        }

            .process .columns .col-1-4 {
                padding: 0;
                margin: 6% 8% 0 0;
                width: 46%;
            }

                .process .columns .col-1-4.alternate,
                .process .columns .col-1-4.last {
                    margin-right: 0;
                }

                    .process .columns .col-1-4.alternate + * {
                        clear: both;
                    }

        .process .col-1-4 p {
            margin: 0;
        }

        .process .inner {
            background: none;
            padding: 0;
        }

        .process header {
            background: url("/images/process-bg.jpg") 50% 44% no-repeat;
            background-size: 100%;
            margin-bottom: 0;
            padding: 10% 0;
            text-shadow: 0 2px 8px rgba(25,27,27,0.8);
        }

    .project-images .col-full,
    .project-images .col-1-2,
    .project-images .col-1-4,
    .project-images .col-3-4,
    .project-images .col-1-3,
    .project-images .col-2-3 {
        float: none;
        margin: 0 0 4% 0;
        text-align: center;
        width: auto;
    }

    .project-images .case-study {
        text-align: left;
    }

    .project-images img {
        display: inline-block;
        margin-bottom: 6px;
    }

    .project-intro .columns {
        background: none;
    }

        .project-intro .columns .col-1-2 {
            float: none;
            margin: 0 0 6% 0;
            width: auto;
        }

    section header {
        padding: 0;
    }

    header.site-head {
        height: 60px;
        padding: 0;
        text-align: center;
    }

        header.site-head.fixed {
            height: 60px;
            padding: 0; position: fixed;
        }

    .home header.site-head,
    .project header.site-head {
        background: #de0d12;
    }

        .project header.site-head:hover {
            background: #de0d12;
        }

    header.site-head nav {
        margin-top: 0;
        right: 0;
        top: 0;
    }

        header.site-head nav div.btn {
            display: block;
        }

        header.site-head nav ul {
            background: #191b1b;
            border-top: 1px solid #232527;
            display: none;
            left: 0;
            position: absolute;
            top: 60px;
            width: 100%;
            z-index: 999;
        }

        header.site-head nav li {
            float: none;
            margin: 0;
            text-align: left;
        }

        header.site-head nav a {
            border-top: 1px solid #232527;
            padding: 12px 26px;
        }

            header.site-head nav a,
            header.site-head nav a:link,
            header.site-head nav a:visited,
            header.site-head nav a:active {
                color: #a2a9ae;
            }

                header.site-head nav a:hover {
                    color: #fff;
                }

                header.site-head nav a.active {
                    color: #fff;
                }

        header.site-head nav li:first-child a {
            border-top: none;
        }

    header.site-head a.logo {
        display: inline-block;
        float: none;
        margin-top: 11px;
        vertical-align: middle;
    }

        header.site-head a.logo img {
            max-height: 38px;
        }

    .slideshow ol.control-nav {
        bottom: 0;
    }

    section.work-with-us .columns > .col-1-3,
    section.work-with-us .columns > .col-2-3 {
        float: none;
        margin: 0;
        width: auto;
    }

    section.work-with-us .columns > .col-1-3 {
        margin-bottom: 5%;
    }

    header.site-head .content { padding:0; }
}

@media only screen and (min-width: 941px) {
    header.site-head nav ul {
        display: block !important;
    }
}

@media only screen and (max-width: 775px) {
    .clients li {
        margin-top: 10%;
    }

    .columns .post-info-bar.col-1-4,
    .columns .blog-content-bar.col-1-2 {
        float: none;
        margin: 0;
        width: auto;
    }

    .columns .post-info-bar.col-1-4 {
        margin-bottom: 8%;
    }

    .columns .author-info-bar.col-1-4 {
        margin-bottom: -9%;
    }

    .blog-author-bar {
        text-align: center;
        padding-bottom: 8%;
        padding-top: 8%;
    }

        .blog-author-bar .author-image,
        .blog-author-bar .author-info {
            float: none;
            margin: 0;
            width: auto;
        }

    ul.blog-list li.col-1-2 {
        float: none;
        margin-right: 0;
        text-align: center;
        width: auto;
    }

    ul.blog-list a {
        display: inline-block;
        vertical-align: top;
    }

    .blog-title {
        margin-bottom: 0;
        padding-bottom: 8%;
    }

    .blog-content-bar a.page-btn span.toggle {
        display: none;
    }

    .blog-content-bar a.page-btn:hover .toggle {
        display: none;
    }

    .blog-content-bar a.page-btn.next:before {
        content: "Next Post";
    }

    .blog-content-bar a.page-btn.prev:after {
        content: "Prev Post";
    }

    .blog-post figure {
        display: inline-block;
    }

    ul.capabilities-full li {
        float: none;
        width: auto;
    }

    ul.capabilities-full a {
        background-size: 50px;
        background-position: 24px 50%;
        padding: 10px 24px 22px 94px;
    }

    ul.contact-info {
        background: #191b1b;
        margin: 0;
        min-height: 0;
    }

    .contact-map {
        border: none;
        height: auto;
    }

        .contact-map .content {
            padding: 0;
        }

        .contact-map .overlay .col-1-3 {
            float: none;
            margin: 0;
            width: auto;
        }

    .directions .col-1-2 {
        float: none;
        margin: 0 0 8% 0;
        width: auto;
    }

        .directions .col-1-2.last {
            margin: 0;
        }

    .featured-work .columns .col-1-3 {
        float: none;
        margin-right: 0;
        width: auto;
    }

    footer .columns .col-1-4 {
        float: none;
        margin-right: 0;
        padding-top: 5%;
        width: auto;
    }

        footer .columns .col-1-4:first-child {
            border: none;
            padding-top: 0;
            width:60%;
        }

    h1 {
        font-size: 3.25em; /* 52px */
    }

    h2 {
        font-size: 2.125em; /* 34px */
    }

    h3 {
        font-size: 1.375em; /* 22px */
    }

    h4 {
        font-size: 1.125em; /* 18px */
    }

    .history .columns {
        padding: 0;
    }

    .history .history-content {
        padding: 4% 8%;
    }

    .home-intro {
        padding: 10% 0;
    }

        .home-intro h2 {
            margin-bottom: 4%;
        }

    #map-canvas {
        height: 350px;
        position: relative !important;
    }

    a.page-btn {
        border-left: 1px solid #c7cbce;
        float: left;
        max-width: none;
        position: static;
        text-align: center;
        width: 50%;
        z-index: 1;
    }

        a.page-btn:first-child {
            border-left: none;
        }

        a.page-btn.next {
            float: right;
        }

        a.page-btn span.toggle {
            display: inline;
        }

    ul.people-list > li {
        margin-bottom: 10%;
        width: 50%;
    }

        ul.people-list > li.thirds-last + * {
            clear: none;
        }

        ul.people-list > li.halves-last + * {
            clear: both;
        }

    .post-info {
        margin-top: -5px;
    }

        .post-info > span {
            border: none;
            border-bottom: 1px solid #e9ebed;
        }

    .ppc-header .logo { margin-bottom:0.4em; }
    .ppc-header .subhead { position:static; }
    .ppc-header .call { position:static; }
    .ppc-hero { padding-top:9.5em; }
    .ppc-hero h1 { font-size: 2.2em; }
    .ppc-hero h2 { font-size:1em; }
    .ppc-get-started .form-contactus .captcha .form-row { float:none; margin:0 auto; }
    .ppc-get-started .form-contactus .submit { padding-top:1em; }

    .ppc-intro h2,
    .ppc-get-started h3,
    .ppc-gallery h2,
    .ppc-clients h2,
    .ppc-about h2 {
        font-size: 2em;
        font-weight: 900;
    }

    .ppc-footer-anchor {
        padding-top: 2em;
        position: relative;
    }

        .ppc-footer-anchor i {
            left: 50%;
            margin: 0 0 0 -1.125em;
            position: absolute;
            top: -1.125em;
        }

    .ppc-form {
        margin-left: auto;
        margin-right: auto;
        max-width: 500px;
    }

    .ppc-gallery {
        padding: 5em 0;
    }

        .ppc-gallery .carousel {
            margin-top: 2em;
            padding: 0;
        }

    .ppc-get-started .col-1-2 {
        float: none;
        margin-right: 0;
        width: auto;
    }

    .ppc-testimonials blockquote {
        font-size: 1.5em;
    }

    .ppc-testimonials .slideshow {
        padding: 0;
    }

    .ppc-testimonials .direction-nav {
        margin-top: 2em;
    }

        .ppc-testimonials .direction-nav li {
            display: inline-block;
            margin: 0 0.5em;
            vertical-align: middle;
        }

        .ppc-testimonials .direction-nav a {
            margin: 0;
            position: static;
        }

    .ppc-process h2 { font-size:2.4em; }

    .process .columns .col-1-4 {
        float: none;
        margin: 6% 0 0 0;
        width: auto;
    }

    .project-list .project {
        float: none;
        margin-right: 0;
        width: auto;
    }

        .project-list .project.thirds-last {
            margin-right: 0;
        }

    section { padding: 8% 0; }

        section header {
            margin-bottom: 8%;
        }

            section header h2 {
                font-size: 3.25em; /* 52px */
            }
    
    section.content-text .content h3 { font-size:32px; }
    section.content-text .content p { width:100%; }
    section.awards { padding:5% 0 3% 0; }
    section.awards header { margin-bottom:4%; }
    section.awards .content ul li.col-1-3, section.awards .content ul li.col-1-3 { width:49%; }
    section.awards .content ul li { margin-bottom:5%; }

    .slideshow ol.control-nav {
        display: none;
    }

    .slideshow .direction-nav {
        margin-top: 2em;
    }

        .slideshow ul.slides .head { top:35%; }
        .slideshow ul.slides .head h1 { font-size:50px; }
        .slideshow ul.slides .head h1 small { font-size:30px; }
        .slideshow.hero ul.slides li { min-height:600px; }
        .slideshow.hero ul.slides li > img { display:none; }

        .slideshow .direction-nav li {
            display: inline-block;
            margin: 0 0.5em;
            vertical-align: middle;
        }

        .slideshow .direction-nav a {
            position: static;
            margin: 0;
        }
    
    ul.tags {
        border: none;
        border-bottom: 1px solid #e9ebed;
        padding-bottom: 8px;
        padding-top: 8px;
    }

        ul.tags li {
            display: inline-block;
            margin: 4px 4px 4px 0;
        }

            ul.tags li a {
                display: block;
                background: #e9ebed;
                padding: 0 8px;
            }

                ul.tags li a:hover {
                    background: #bbc0c4;
                    color: #fff;
                }

    .work-header {
        margin: 1em 0;
    }

    section.listing .content .related-items { padding:0; }
    div.ppc-testimonials { padding:4em 0; }
    section.capabilities.format2 ul li { margin:0 3% 3% 0; width:48%; text-align:center; float:left; }
    section.capabilities.format2 ul li.thirds-last { margin-right:3%; }
    section.capabilities.format2 ul li:nth-child(2n) { margin-right:0; }
    section.capabilities.format2 ul.capabilities-full a { min-height:285px; padding:30px; }
    section.capabilities.format2 ul.capabilities-full a div.padded { float:none; width:auto; padding:0; }
    section.capabilities.format2 ul.capabilities-full a i { float:none; padding-bottom:5%; }
}

@media only screen and (max-width: 550px) {
    blockquote {
        padding: 10px 40px;
        margin: 1em 0;
    }

    .careers .opportunity {
        margin-bottom: 10%;
        padding-bottom: 12%;
    }

    .clients li {
        width: 49%;
    }

    .columns .blog-content-bar.col-1-2 {
        margin-left: -20px;
        margin-right: -20px;
    }

    .columns .post-info-bar.col-1-4 {
        margin-bottom: 10%;
    }

    .columns .author-info-bar.col-1-4 {
        margin-bottom: -13%;
        padding-top: 0;
    }

    .blog-author-bar {
        margin: 0 -20px;
        padding: 12% 20px;
    }

    .blog.content {
        padding: 0;
    }

    .blog h2.search-result,
    .blog p.result {
        padding: 0 20px;
    }

    .blog h2.search-result {
        padding-top: 8%;
    }

    ul.blog-list li.col-1-2 {
        margin-bottom: 0;
    }

    ul.blog-list a:hover {
        box-shadow: none;
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
        top: 0;
        z-index: 0;
    }

    .blog-post {
        padding: 0 20px;
    }

        .blog-post img,
        .blog-post img.img-left,
        .blog-post img.img-right {
            float: none !important;
            margin: 1.5em 0 !important;
        }

        .blog-post .social-list img {
            margin: 0 !important;
        }

        .blog-post figure img {
            margin: 0 !important;
        }

        .blog-post figcaption {
            padding: 14px 20px;
        }

    .blog .blog-tag-list,
    .blog .blog-author-list {
        float: none;
        margin: 0;
        padding: 0 20px;
        width: auto;
    }

    .blog-title {
        padding-bottom: 12%;
    }

        .blog-title h1 {
            font-size: 1.875em; /* 30px */
        }

    ul.capabilities-full li {
        margin-bottom: 2em;
    }

    ul.capabilities-full a {
        background-size: 50px;
        background-position: 0 0;
        padding: 0 0 0 64px;
    }

        ul.capabilities-full a:hover {
            background-color: transparent;
            box-shadow: none;
            -moz-box-shadow: none;
            -webkit-box-shadow: none;
            top: 0;
        }

    .content {
        padding-left: 20px;
        padding-right: 20px;
    }

    footer .columns .col-1-4 {
        margin-top: 10%;
        padding-top: 0;
    }

        footer .columns .col-1-4:first-child {
            padding-top: 0; width:100%;
        }

    footer .divider {
        margin-top: 10%;
    }

    .featured-work {
        padding-bottom: 0;
    }

        .featured-work a.btn {
            display: block;
        }

        .featured-work .content {
            padding-left: 0;
            padding-right: 0;
        }

        .featured-work header {
            padding-left: 20px;
            padding-right: 20px;
        }

        .featured-work a.project {
            margin-bottom: 0;
        }

            .featured-work a.project:hover {
                box-shadow: none;
                -moz-box-shadow: none;
                -webkit-box-shadow: none;
                top: 0;
                z-index: 0;
            }

    h1 {
        font-size: 2.625em; /* 42px */
    }

    h2 {
        font-size: 1.875em; /* 30px */
    }

    h3 {
        font-size: 1.25em; /* 20px */
    }

    h4 {
        font-size: 1em; /* 16px */
    }

    .history header {
        margin-bottom: 10%;
    }

    .home-intro h2 {
        /* background-size: 50% auto; */
        margin-bottom: 5%;
        padding-bottom: 22px;
    }

    #map-canvas {
        height: 200px;
    }

    body.project a.page-btn.next:before {
        content: "Next Project";
        display: inline-block;
        margin-right: 0.25em;
    }

    body.project a.page-btn.prev:after {
        content: "Prev Project";
        display: inline-block;
        margin-right: 0.25em;
    }

    a.page-btn span.toggle {
        display: none;
    }

    a.page-btn:hover .toggle {
        display: none;
    }

    .pagination ul {
        display: block;
    }

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

    ul.people-list > li {
        float: none;
        margin-bottom: 12%;
        width: auto;
    }

    .post-info {
        font-size: 0.8125em;
    }

    .ppc-footer-anchor {
        padding-left: 20px;
        padding-right: 20px;
    }

    .ppc-clients li {
        width: 49%;
    }

    
    .ppc-gallery p { font-size: 1.125em; }
    .ppc-gallery { padding:2em 0; }
    .ppc-header .logo { margin-bottom:0; }
    .ppc-header .subhead { display: none; }
    .ppc-hero { padding-top: 8em; }
        .ppc-hero h1 { font-size: 2em; }
        .ppc-hero h2 { font-size: 0.9em; }

    .ppc-intro { padding-top:1em; }
    .ppc-intro h2 { font-size:1.8em; }
    .ppc-intro ol { font-size: 1.125em; width:100%; }
    .ppc-intro li { padding-left: 0; }
    .ppc-intro li:before { content: none; }

    .ppc-testimonials { padding:4em 0; }
    .ppc-testimonials blockquote { font-size: 1.25em; }
    .ppc-testimonials .slideshow { min-height:220px; }

    .ppc-process { padding-bottom:2em; }
    .ppc-process .columns .col-1-4 { width:99%; margin-right:0; }
    .process {
        padding-bottom: 12%;
    }

        .process .columns {
            padding-left: 20px;
            padding-right: 20px;
        }

            .process .columns .col-1-4 {
                float: none;
                margin: 10% 0 0 0;
                width: auto;
            }

    .project-filter {
        float: none;
        margin-left: auto;
        margin-right: auto;
        min-width: 0;
        max-width: 364px;
    }

    .project-filter-title {
        display: none;
    }

    .project-images.content {
        padding: 0;
    }

    .project-images .col-full,
    .project-images .col-1-2,
    .project-images .col-1-4,
    .project-images .col-3-4,
    .project-images .col-1-3,
    .project-images .col-2-3 {
        margin: 0;
    }

    .project-images .case-study {
        padding: 0 20px;
    }

    .project-images img {
        display: inline-block;
        margin-bottom: 6px;
        vertical-align: top;
    }

    .project-intro {
        padding-top: 4%;
    }

        .project-intro header {
            padding-bottom: 22px;
        }

        .project-intro p {
            font-size: 0.875em;
        }

        .project-intro ul.capabilities li {
            float: none;
            font-size: 0.875em;
            width: auto;
        }

    .project-list {
        padding-bottom: 0;
    }

        .project-list .content {
            padding: 0;
        }

        .project-list .filter-area {
            display: block;
            margin-bottom: 0;
        }

        .project-list header {
            margin-bottom: 6%;
            padding-left: 20px;
            padding-right: 20px;
        }

        .project-list .project {
            margin-bottom: 0;
        }

            .project-list .project a:hover {
                box-shadow: none;
                -moz-box-shadow: none;
                -webkit-box-shadow: none;
                top: 0;
                z-index: 0;
            }

    a.rss-btn {
        margin: 0 20px;
    }

    section {
        padding: 12% 0;
    }

        section header {
            margin-bottom: 12%;
        }

            section header h2 {
                font-size: 2.625em; /* 42px */
            }

            section header p {
                font-size: 1em; /* 16px */
            }

    header.site-head {
        text-align: left;
    }

    section.work-with-us .columns .col-1-2 {
        float: none;
        margin: 0;
        width: auto;
    }
    
    section.content-text .content p { font-size:unset; }
    section.content-text .content a.btn { margin-top:5px; font-size:12px; }
    section.awards { padding:6% 0; }
    section.awards .content header { margin-bottom:5%; }
    section.awards .content ul li.col-1-3, section.awards .content ul li.col-1-4 { width:100%; margin-bottom:3%; }
    section.awards .content ul li { margin-bottom:10%; }
    section.awards .content ul li span.title { margin-top:10px; }

    .slideshow ul.slides .head h1 small { font-size:16px; }
    .slideshow ul.slides .head h1 { font-size:24px; }
    .slideshow ul.slides .head a.btn { padding:5px 10px; margin-top:0; font-size:12px; }
    .slideshow.hero ul.slides li { min-height:400px; }

    header.site-head .content { padding:0 20px; }
    section.bg-section h2 { font-size:1.8em; }
    section.bg-section h2 span.mobile.newline { display:block; padding-top:10px; }
    section.capabilities.format2 ul li { width:auto; margin:0; margin-bottom:1em; float:none; }
    section.capabilities.format2 ul li:last-child { margin-bottom:0; }
    section.capabilities.format2 ul li.thirds-last { margin-right:0; }
    section.capabilities.format2 ul.capabilities-full a { min-height:150px; padding:20px; }
    section.capabilities.format2 ul.capabilities-full a:after { clear:both; content:" "; display:block; }
    section.capabilities.format2 ul.capabilities-full a i { float:left; width:50px; }
    section.capabilities.format2 ul.capabilities-full a i.fa { font-size:2.5em; }
    section.capabilities.format2 ul.capabilities-full a i img { width:40px; }
    section.capabilities.format2 ul.capabilities-full a i svg { width:40px; }
    section.capabilities.format2 ul.capabilities-full a div.padded { width:77%; float:left; text-align:left; margin-left:10px; }
    section.listing .content { margin-bottom:8%; }
    section.listing .content header { margin-bottom:1.5em; }
    section.listing .content header i.fa { font-size:3em; }
    section.listing .content header img, section.listing .content header svg { width:60px; }
    section.listing .content .related-items { padding:0; margin-bottom:0; text-align:center; }
    section.listing .content .related-items .columns .col-1-2 { width:100%; padding:0; margin:0 0 1em 0 !important; }
    section.listing .content .related-items .columns .col-1-2:last-child { margin-bottom:0 !important; }
}

@media only screen and (max-width: 330px) {
    section.capabilities.format2 ul.capabilities-full a i.fa { font-size:1.8em; }
    section.capabilities.format2 ul.capabilities-full a i img { width:40px; }
    section.capabilities.format2 ul.capabilities-full a i svg { width:35px; }
    section.capabilities.format2 ul.capabilities-full a div.padded { width:75%; }
}

/* Specially starting from iPhone 5 landscape mode */
@media only screen and (min-width:560px) and (max-width:665px) and (orientation:landscape) {
    section.capabilities.format2 .content { padding-left:30px; padding-right:25px; }
    section.capabilities.format2 ul.capabilities-full a { padding:20px; min-height:305px; }
}

/* Specially starting from iPad landscape mode */
@media only screen and (min-width:1020px) and (max-width:1280px) and (orientation:landscape) {
    section.capabilities.format2 ul li { text-align:center; }
    section.capabilities.format2 ul.capabilities-full a { padding:25px; min-height:290px; }
    section.capabilities.format2 ul.capabilities-full a i { float:none; }
    section.capabilities.format2 ul.capabilities-full a div.padded { width:100%; padding-left:0; }
}

/* ==========================================================================
   Helper classes
   ========================================================================== */

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    *text-indent: -9999px;
}

    .ir:before {
        content: "";
        display: block;
        width: 0;
        height: 100%;
    }

.hidden {
    display: none !important;
    visibility: hidden;
}

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

    .visuallyhidden.focusable:active,
    .visuallyhidden.focusable:focus {
        clip: auto;
        height: auto;
        margin: 0;
        overflow: visible;
        position: static;
        width: auto;
    }

.invisible {
    visibility: hidden;
}

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}

/* ==========================================================================
   Print styles
   ========================================================================== */

@media print {
    * {
        background: transparent !important;
        color: #000 !important; /* Black prints faster: h5bp.com/s */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

        /*     a[href]:after {
        content: " (" attr(href) ")";
		}

    abbr[title]:after {
        content: " (" attr(title) ")";
		} */

        /*
     * Don't show links for images, or javascript/internal links
     */

        .ir a:after,
        a[href^="javascript:"]:after,
        a[href^="#"]:after {
            content: "";
        }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group; /* h5bp.com/t */
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 1cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }

    /* 	.columns .col-full,
	.columns .col-1-2,
	.columns .col-1-4,
	.columns .col-3-4,
	.columns .col-1-3,
	.columns .col-2-3 {
		float: none;
		margin-right: 0;
		width: auto;
		} */

    html,
    button,
    input,
    select,
    textarea {
        background: #fff;
        color: #6c7479;
        font-family: "Avenir W02", sans-serif;
        font-size: 0.6875em;
        font-weight: 300;
        line-height: 1.6;
    }

        a.btn,
        input.btn,
        div.btn,
        input[type="submit"],
        button {
            display: none;
        }

    .author-info-bar {
        display: none;
    }

    .blog .col-1-4 {
        display: none;
    }

    .blog .col-3-4 {
        float: none;
        margin: 0;
        width: auto;
    }

    .blog.content {
        padding-top: 5%;
    }

    .blog-content-bar {
        border-top: 1px solid #999;
        float: none !important;
        margin: 0 !important;
        padding: 5% 0;
        width: auto !important;
    }

    ul.blog-list .columns .col-1-2 {
        margin-right: 4%;
        width: 48%;
    }

    ul.blog-list li {
        margin-bottom: 4%;
    }

    ul.blog-list .columns .col-1-2.last {
        margin-right: 0;
    }

    ul.blog-list .summary {
        display: none;
    }

    ul.blog-list .date,
    ul.blog-list .author,
    ul.blog-list .tags {
        padding: 0;
    }

    .blog-title {
        padding: 5% 0 0 0;
    }

    ul.capabilities-full li {
        margin-right: 4%;
        width: 30.6%;
    }

        ul.capabilities-full li.thirds-last {
            margin-right: 0;
        }

    ul.capabilities-full a {
        min-height: 0;
        padding: 2% 0;
    }

        ul.capabilities-full a .samples {
            display: none;
        }

    ul.contact-info {
        margin: 0;
        min-height: 0;
        padding: 0;
    }

        ul.contact-info li {
            padding-left: 0 !important;
        }

            ul.contact-info li.address:before {
                content: "Address";
                display: block;
                font-weight: 500;
            }

            ul.contact-info li.email:before {
                content: "Email";
                display: block;
                font-weight: 500;
            }

            ul.contact-info li.fax:before {
                content: "Fax";
                display: block;
                font-weight: 500;
            }

            ul.contact-info li.phone:before {
                content: "Phone";
                display: block;
                font-weight: 500;
            }

    .contact-map {
        border-bottom: none;
        height: auto;
        padding: 5% 0;
    }

    .content {
        padding: 0;
        max-width: none;
    }

    .divider {
        border-top: 1px solid #999;
    }

    h1, h2, h3, h4, h5, h6 {
        font-weight: 500 !important;
        padding: 0 !important;
        margin: 0.25em 0 !important;
    }

    .featured-work .col-1-3 {
        margin-right: 0;
        width: 33.3%;
    }

    footer {
        border-top: 1px solid #999;
        padding: 5% 0 0 0;
    }

        footer h4 {
            margin-bottom: 1em !important;
        }

        footer .columns .col-1-4 {
            margin-right: 4%;
            width: 22%;
        }

            footer .columns .col-1-4.last {
                margin-right: 0;
            }

        footer .divider {
            margin-top: 5%;
            padding: 2% 0;
        }

    ul.footer-capabilities li {
        float: none;
        width: auto;
    }

    ul.footer-contact li {
        padding-left: 0;
    }

        ul.footer-contact li.address:before {
            content: "Address";
            display: block;
            font-weight: 500;
        }

        ul.footer-contact li.email:before {
            content: "Email";
            display: block;
            font-weight: 500;
        }

        ul.footer-contact li.fax:before {
            content: "Fax";
            display: block;
            font-weight: 500;
        }

        ul.footer-contact li.phone:before {
            content: "Phone";
            display: block;
            font-weight: 500;
        }

    ul.footer-social {
        display: none;
        margin: 0 0 1% 0;
    }

    .history {
        padding: 5% 0;
    }

        .history .content {
            max-width: none;
        }

        .history header {
            margin-bottom: 2%;
        }

        .history .inner {
            padding: 0;
        }

    .home-intro {
        padding: 5% 0;
    }

    .interior {
        padding: 0;
    }

    #map-canvas {
        display: none;
    }

    a.page-btn {
        display: none;
    }

    .pagination {
        display: none;
    }

    .people ul.connect {
        display: none;
    }

    ul.people-list .photo {
        display: none;
    }

    ul.people-list > li {
        margin-bottom: 2%;
    }

    .post-info > span {
        padding-left: 0;
    }

    .post-info-bar {
        float: none !important;
        margin: 0 !important;
        width: auto !important;
    }

    .process {
        padding: 5% 0;
    }

        .process .columns .col-1-4 {
            border: none;
            margin: 0 4% 0 0;
            padding: 0;
            width: 22%;
        }

            .process .columns .col-1-4.last {
                margin-right: 0;
            }

        .process .col-1-4 p {
            margin-bottom: 1.5em;
        }

        .process header {
            margin-bottom: 2%;
        }

        .process .inner {
            padding: 0;
        }

    a.project {
        margin-bottom: 1%;
    }

    .project-intro {
        margin: 0;
        padding: 5% 0;
    }

        .project-intro header {
            margin-bottom: 2%;
            padding: 0;
        }

    .project-list .filter-area {
        display: none;
    }

    .project-list .project {
        margin-right: 0;
        width: 33.3%;
    }

    section {
        border-top: 1px solid #999;
        padding: 5% 0;
    }

        section header {
            margin-bottom: 2%;
            padding: 0;
        }

            section header h2 {
                margin: 0 !important;
            }

    header.site-head {
        border: none !important;
        padding: 1% 0;
        position: static !important;
    }

        header.site-head a.logo {
            height: auto;
            width: auto;
        }

            header.site-head a.logo:before {
                content: url("/images/logo-dark.png");
            }

            header.site-head a.logo img {
                display: none;
            }

        header.site-head nav {
            margin-top: 0.75%;
        }

    ul.tags {
        padding-left: 0;
    }

        ul.tags li {
            display: inline-block;
        }

            ul.tags li:after {
                content: ",";
            }

            ul.tags li:first-child {
                display: block;
            }

                ul.tags li:first-child:after {
                    content: "";
                }

    section.work-with-us .col-1-3 {
        float: none;
        margin: 0;
        width: auto;
    }

    section.work-with-us .col-2-3 {
        display: none;
    }
}

/* Tweeter Feeds */
.twitter-feed .user,
.twitter-feed .interact {
    display: none;
}

.widget .twitter-feed .timePosted {
    display: none;
}

.widget .tweet {
    margin-bottom: 0;
}

.widget .twitter-feed .slides ul { padding-left:0; }
.widget .twitter-feed .slides li {
    margin-bottom: 24px;
    margin-left: 0;
    list-style: none;
}

    .widget .twitter-feed .slides li:last-child {
        margin-bottom: 0;
    }

    .widget .twitter-feed .slides li:nth-of-type(n+3) {
        display: none;
    }

    .widget .twitter-feed .slides li:before {
        position: relative;
        top: 6px;
        float: left;
        margin-right: 8px;
        color: #fff;
        content: "\f099";
        font-family: 'FontAwesome';
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        font-size: 13px;
    }

.widget .twitter-feed p {
    position: relative;
}

.bg-dark .widget .twitter-feed .slides li:before {
    color: #fff;
}

.twitter-feed.thirds li {
    width: 33.333333%;
    padding: 0 15px;
    float: left;
}

.twitter-feed.thirds ul {
    overflow: hidden;
}

@media all and (max-width: 990px) {
    .twitter-feed.thirds li {
        width: 50%;
    }
    .tweets-slider.large p {
        font-size: 18px;
        line-height: 24px;
    }
}

@media all and (max-width: 767px) {
    .twitter-feed.thirds li {
        width: 100%;
    }
    .tweets-slider.large p {
        font-size: 14px;
    }
}

.tweets-slider.large p {
    font-family: "Raleway", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 24px;
    line-height: 32px;
}

.tweets-slider.large .timePosted {
    font-size: 14px;
}






/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */