html {
    -webkit-font-smoothing: antialiased;
}
@font-face {
    font-family: "Titillium";
    src: url("../fonts/TitilliumWeb-Light.ttf");
    font-weight: normal;
}
@font-face {
    font-family: "Titillium";
    src: url("../fonts/TitilliumWeb-Bold.ttf");
    font-weight: bold;
}
body {
    font-family: "Titillium";
    font-weight: 300;
}
b {
    font-weight: 700;
}
a[href^=tel] {
    color: #d5dae0;
    text-decoration: none;
}
.masthead {
    background-color: #506478;
    padding: 19px 0 13px;
}
.masthead .logo {
    background-image: url("../images/command_a_logo_white_orange.svg");
    background-size: 266px 38px;
    width: 266px;
    height: 38px;
}
.masthead .text {
    padding-top: 10px;
    font-size: 18px;
    color: #d5dae0;
    text-align: center;
}
.masthead .plus, .maintext .big, .bio b {
    color: #ef7946;
}
.masthead .pipe {
    color: #8fa0af;
}
.maintext {
    padding-top: 15px;
    padding-bottom: 10px;
    font-size: 18px;
    line-height: 42px;
    color: #506478;
}
.maintext p {
    margin-top: 15px;
    margin-bottom: 15px;
}
.maintext a {
    padding: 6px 12px;
    background-color: #fff;
    color: #506478;
    white-space: nowrap;
    border: solid 1px #d5dae0;
    border-radius: 4px;
    text-decoration: none;
}
.maintext a:hover {
    background-color: #ef7946;
    color: #fff;
    border: none;
    -webkit-transition: background-color 0.5s;
    -moz-transition: background-color 0.5s;
    -o-transition: background-color 0.5s;
    transition: background-color 0.5s;
}
.maintext .big {
    font-size: 30px;
}
.textInBox {
    padding: 48px 50px 0;
    font-size: 18px;
    line-height: 20px;
    color: #fff;
    text-align: center;
}
.eyeForDetail {
    background-color: #ef7946;
}
.onTime {
    background-color: #5094c4;
}
.knowledgeable {
    background-color: #a2b474;
}
.y1 {
    margin: 10px 0;
    background-size: cover;
    background-position: center;
    display: block;
    max-width: 100%;
    height: 220px;
}
.y2 {
    margin: 10px 0;
    background-size: cover;
    background-position: center;
    display: block;
    max-width: 100%;
    height: 220px;
}
.newWestEmails {
    background-image: url("../images/new_west_emails_xs.jpg");
}
.epicCampSite {
    background-image: url("../images/epic_camp_site_xs.jpg");
}
.meIdentity {
    background-image: url("../images/mandavia_ephraim_identity_xs.jpg");
}
.bawarPoster {
    background-image: url("../images/bawar_poster_xs.jpg");
}
.rockstarsBook {
    background-image: url("../images/rockstars_book_xs.jpg");
}
.wbSite {
    background-image: url("../images/wrecking_ball_site_xs.jpg");
}
.franchisePictures {
    background-image: url("../images/franchise_pictures_xs.jpg");
}
.s2Site {
    background-image: url("../images/studio_2_partners_site_xs.jpg");
}
.uConnPoster {
    background-image: url("../images/uconn_poster_xs.jpg");
}
.wbMcAfeePoster {
    background-image: url("../images/wrecking_ball_mcafee_poster_xs.jpg");
}
.pjLP {
    background-image: url("../images/pepper_jelly_lp_xs.jpg");
}
.wbMcAfeeHPPosters {
    background-image: url("../images/wrecking_ball_mcafee_hp_posters_xs.jpg");
}
.seventySevenPrint {
    background-image: url("../images/seventyseven_ventures_ww_print_xs.jpg");
}
.brainchildFDB {
    background-image: url("../images/brainchild_fdb_brochure_xs.jpg");
}
.frankZappaYellowShark {
    background-image: url("../images/frank_zappa_yellow_shark_xs.jpg");
}
.bio {
    margin-top: 10px;
    margin-bottom: 5px;
    background-color: #f0f2f4;
}
.bio, .footer {
    padding-top: 25px;
    padding-bottom: 25px;
}
.bioPhoto {
    background-image: url("../images/brian_johnson.jpg");
    background-size: 100px 100px;
    width: 100px;
    height: 100px;
}
.biotext {
    padding: 0 25px;
    font-size: 18px;
    line-height: 28px;
    text-align: center;
    color: #506478;
}
.bio p {
    margin-top: 10px;
    margin-bottom: 10px;
}
.biotext a {
    color: #ef7946;
    text-decoration: none;
}
.biotext a:hover {
    color: #344558;
    -webkit-transition: color 0.5s;
    -moz-transition: color 0.5s;
    -o-transition: color 0.5s;
    transition: color 0.5s;
}
.footer .logo {
    background-image: url("../images/command_a_logo_gray.svg");
    background-size: 266px 38px;
    width: 266px;
    height: 38px;
}
.arrow {
    border-top: 2px solid #f0f2f4;
    text-align: right;
    color: #8fa0af;
    cursor: pointer;
}
section .caption {
    display: block;
    position: absolute;
    bottom: 0;
    width: calc(100% - 20px);
    height: 60px;
}
.caption {
    font-family: "Titillium";
}
.caption .field-label, .caption .field-content {
    float: left;
}
.lb-data .lb-close {
    background-size: cover;
    width: 39px;
    height: 39px;
}

/* FIELD LABEL ------------------------ */

.caption .field-label {
    position: relative;
    font-weight: bold;
    font-size: 9px;
    letter-spacing: 2px;
    text-align: right;
    color: #ef7946;
    width: 67px;
    height: 100%;
}
.caption .field-label> * {
    position: absolute;
    right: 0;
}
.label-project {
    top: 18px;
}
.label-client {
    right: 0;
    top: 35px;
}
.label-project:after {
    content: "PROJECT";
}
.label-client:after {
    content: "CLIENT";
}

/* FIELD CONTENT ------------------------ */

.caption .field-content {
    position: relative;
    font-size: 13px;
    color: #d5dae0;
    height: 100%;
    width: calc(100% - 69px);
}
.caption .field-content> * {
    position: absolute;
    left: 3px;
}
.content-project {
    top: 13px;
}
.content-client {
    top: 30px;
}
.caption-30 {
    background-color: rgba(0, 0, 0, 0.30);
}
.caption-35 {
    background-color: rgba(0, 0, 0, 0.35);
}
.caption-40 {
    background-color: rgba(0, 0, 0, 0.40);
}
.caption-45 {
    background-color: rgba(0, 0, 0, 0.45);
}
.caption-50 {
    background-color: rgba(0, 0, 0, 0.55);
}
.caption-55 {
    background-color: rgba(0, 0, 0, 0.55);
}
.caption-60 {
    background-color: rgba(0, 0, 0, 0.60);
}
.caption-65 {
    background-color: rgba(0, 0, 0, 0.65);
}
.caption-70 {
    background-color: rgba(0, 0, 0, 0.70);
}
.caption-75 {
    background-color: rgba(0, 0, 0, 0.75);
}

/* LIGHTBOX ------------------------ */

.anchorlb {
    position: absolute;
    width: calc(100% - 20px);
    opacity: 0.0;
    -webkit-transition: opacity 0.5s;
    transition: opacity 0.5s;
    /*text-align: center;*/
    z-index: 10;
}
.anchorlb .plus {
    position: absolute;
    width: 39px;
    height: 39px;
    left: calc(50% - 20px);
    top: calc(50% - 30px - 20px);
}
.anchorlb:hover {
    opacity: 1.0;
}
.lb-data .lb-caption {
    font-size: 14px;
    font-weight: 300;
    line-height: 17px;
}
.lb-dataContainer {
    padding-top: 10px;
}

/* Small devices (tablets, 768px and up) */

@media (min-width: 768px) {
    .masthead .logo {
        margin: 0;
    }
    .masthead .text {
        text-align: right;
    }
    .textInBox {
        padding: 30px 25px 0;
        font-size: 18px;
        line-height: 22px;
    }
    .y1 {
        height: 202px;
    }
    .y2 {
        height: 424px;
    }
    .y2-sm {
        height: 202px;
    }
    .newWestEmails {
        background-image: url("../images/new_west_emails_sm.jpg");
    }
    .epicCampSite {
        background-image: url("../images/epic_camp_site_sm.jpg");
    }
    .meIdentity {
        background-image: url("../images/mandavia_ephraim_identity_sm.jpg");
    }
    .bawarPoster {
        background-image: url("../images/bawar_poster_sm.jpg");
    }
    .rockstarsBook {
        background-image: url("../images/rockstars_book_sm.jpg");
    }
    .wbSite {
        background-image: url("../images/wrecking_ball_site_sm.jpg");
    }
    .franchisePictures {
        background-image: url("../images/franchise_pictures_sm.jpg");
    }
    .s2Site {
        background-image: url("../images/studio_2_partners_site_sm.jpg");
    }
    .uConnPoster {
        background-image: url("../images/uconn_poster_sm.jpg");
    }
    .wbMcAfeePoster {
        background-image: url("../images/wrecking_ball_mcafee_poster_sm.jpg");
    }
    .pjLP {
        background-image: url("../images/pepper_jelly_lp_sm.jpg");
    }
    .wbMcAfeeHPPosters {
        background-image: url("../images/wrecking_ball_mcafee_hp_posters_sm.jpg");
    }
    .seventySevenPrint {
        background-image: url("../images/seventyseven_ventures_ww_print_sm.jpg");
    }
    .brainchildFDB {
        background-image: url("../images/brainchild_fdb_brochure_sm.jpg");
    }
    .frankZappaYellowShark {
        background-image: url("../images/frank_zappa_yellow_shark_sm.jpg");
    }
    .bio, .arrow {
        width: 720px;
    }
    .biotext {
        padding: 0 25px;
        text-align: center;
    }
    .arrow {
        padding: 0;
    }
    section .caption {
        bottom: 10px;
    }
}

/* Medium devices (desktops, 992px and up) */

@media (min-width: 992px) {
    .footer .logo {
        margin: 0;
    }
    .textInBox {
        padding: 25px 5px 0;
        font-size: 14px;
        line-height: 18px;
    }
    .y1 {
        height: 172px;
    }
    .y2 {
        height: 364px;
    }
    .newWestEmails {
        background-image: url("../images/new_west_emails_md.jpg");
    }
    .epicCampSite {
        background-image: url("../images/epic_camp_site_md.jpg");
    }
    .meIdentity {
        background-image: url("../images/mandavia_ephraim_identity_md.jpg");
    }
    .bawarPoster {
        background-image: url("../images/bawar_poster_md.jpg");
    }
    .rockstarsBook {
        background-image: url("../images/rockstars_book_md.jpg");
    }
    .wbSite {
        background-image: url("../images/wrecking_ball_site_md.jpg");
    }
    .franchisePictures {
        background-image: url("../images/franchise_pictures_md.jpg");
    }
    .s2Site {
        background-image: url("../images/studio_2_partners_site_md.jpg");
    }
    .uConnPoster {
        background-image: url("../images/uconn_poster_md.jpg");
    }
    .wbMcAfeePoster {
        background-image: url("../images/wrecking_ball_mcafee_poster_md.jpg");
    }
    .pjLP {
        background-image: url("../images/pepper_jelly_lp_md.jpg");
    }
    .wbMcAfeeHPPosters {
        background-image: url("../images/wrecking_ball_mcafee_hp_posters_md.jpg");
    }
    .seventySevenPrint {
        background-image: url("../images/seventyseven_ventures_ww_print_md.jpg");
    }
    .brainchildFDB {
        background-image: url("../images/brainchild_fdb_brochure_md.jpg");
    }
    .frankZappaYellowShark {
        background-image: url("../images/frank_zappa_yellow_shark_md.jpg");
    }
    .bio, .arrow {
        width: 940px;
    }
    .biotext {
        padding: 0 25px 0 0;
        text-align: left;
    }
}

/* Large devices (large desktops, 1200px and up) */

@media (min-width: 1200px) {
    .textInBox {
        padding: 50px 10px 0;
        font-size: 16px;
        line-height: 20px;
    }
    .y1 {
        height: 220px;
    }
    .y2 {
        height: 460px;
    }
    .bio, .arrow {
        width: 1180px;
    }
}