/* ---------------- BRIDE TO BE ----------- */

.b2b-bg-1 {
    background: url(/img/portfolio/b2b-portfolio-background-1280x850.jpg) no-repeat center top;
}

.b2b-bg-2 {
    background-image: url(../img/portfolio/b2b-portfolio-dress-rear-background-1280x850.jpg);
}

.b2b-bg-3 {
    height: 300px;
    background-image: url(../img/portfolio/b2b-code-background-1280x600.jpg);
}


/* ---------------- CLARITY ----------- */

.cl-bg-1 {
    background: url(/img/portfolio/clarity-passageway-background-1280x850.jpg) no-repeat center top;
}

.cl-bg-2 {
    background-image: url(/img/portfolio/clarity-woman-background-1280x850.jpg);
}

.cl-bg-3 {
    background-image: url(../img/portfolio/clarity-code-background-1280x600.jpg);
}


/* ---------------- DIXON ENGINEERING  ----------- */

.de-bg-1 {
    background: url(/img/portfolio/dixon-therm-background-1280x600.jpg) no-repeat center top;
    background-position: top;
    background-size: cover;
}

.de-bg-2 {
    background-image: url(/img/portfolio/dixon-aircon-background-1280x600.jpg);
}

.de-bg-3 {
    background-image: url(/img/portfolio/dixon-code-background-1280x600.jpg);
}

.fcg-bg-3 {
    background-image: url(/img/portfolio/dixon-code-background-1280x600.jpg);
}


/* ---------------- FCG  ----------- */

.fcg-bg-1 {
    background: url(/img/portfolio/fcg-straw-background-1280x850.jpg) no-repeat center top;
}

.fcg-bg-2 {
    background-image: url(/img/portfolio/fcg-field-background-1280x850.jpg);
}

.fcg-bg-3 {
    background-image: url(/img/portfolio/fcg-code-background-1280x600.jpg);
}


/* ---------------- FIRST RECOVERY ----------- */

.fr-bg-1 {
    background: url(/img/portfolio/first-recovery-portfolio-background-1280x850.jpg) no-repeat center top;
}

.fr-bg-2 {
    background-image: url(/img/portfolio/first-recovery-office-background-1280x850.jpg);
}

.fr-bg-3 {
    background-image: url(/img/portfolio/first-recovery-code-background-1280x600.jpg);
}


/* -------- TMC ----------*/

.tmc-bg-1 {
    background: url('/img/portfolio/tmc-portfolio-background-1280x850.jpg') no-repeat center top;
}

.tmc-bg-2 {
    background-image: url(../img/portfolio/tmc-portfolio-respect-background-1280x850.jpg);
}

.tmc-bg-3 {
    background-image: url(../img/portfolio/tmc-code-background-1280x600.jpg);
}


/* -------- MAIN PORTFOLIO ------ */

.portfolio-bg{
    margin-top: 0px;
    padding-top: 120px;
    background-attachment: fixed;
    background-position: center center;
    min-height: 990px;
    width: 100%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}


.b2b-bg-2,
.cl-bg-2,
.de-bg-2,
.fcg-bg-2,
.fr-bg-2,
.tmc-bg-2 {
    height: 650px;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.b2b-bg-3,
.de-bg-3,
.cl-bg-3,
.fcg-bg-3,
.fr-bg-3,
.tmc-bg-3 {
    height: 300px;
    background-attachment: fixed;
    background-position: 50% 0;
    background-repeat: no-repeat;
    position: relative;
}

.b2b-bg-2{
    height: 400px;
    background-repeat: no-repeat;
}

@media (max-width:767px) {
    .portfolio-bg{
        margin-top: 130px;
        margin-bottom: 30px;
        min-height: 10px;
    }
    .b2b-bg-1 {
        background: url('/img/portfolio/bride-to-be-logo-301x81.png') no-repeat center top;
        background-size: contain;
    }
    .cl-bg-1 {
        background: url('/img/portfolio/clarity-leadership-logo-383x185.png') no-repeat center top;
        background-size: contain;
    }
    .de-bg-1 {
        background: url('/img/portfolio/dixon-engineering-logo-248x65.png') no-repeat center top;
        background-size: contain;
    }
    .fcg-bg-1 {
        background: url('/img/portfolio/fcg-logo-489x115.png') no-repeat center top;
        background-size: contain;
    }
    .fr-bg-1 {
        background: url('/img/portfolio/first-recovery-logo-460x46.png') no-repeat center top;
        background-size: contain;
    }
    .tmc-bg-1 {
        background: url('/img/portfolio/tmc-logo-400x170.png') no-repeat center top;
        background-size: contain;
    }
}


/* -------- PROJECT INTRO ------- */

.project-panel {
    background: #ffffff;
    padding: 30px;
}

.project-logo {
    height: auto;
    background: #ffffff;
    padding: 30px;
}


/* -------- PROCESS PANEL -------- */

#process {
    margin-top: 30px;
    margin-bottom: 20px;
}

.process-title {
    padding-bottom: 35px;
}

.process-icons {
    padding-bottom: 25px;
}


/* ---------- WEB & TEST ---------- */

.site-panel {
    background: #ffffff;
    padding: 30px;
    margin-top: 20px;
}

.panel-shadow {
    -moz-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15), 0 10px 14px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15), 0 10px 14px rgba(0, 0, 0, 0.1);
    box-shadow:0 6px 12px rgba(0, 0, 0, 0.15), 0 10px 14px rgba(0, 0, 0, 0.1);
}

.screen-shot {
    margin-top: 20px;
}


/* ------------ TABLET & MOBILE ------------- */

#responsive-view {
    display: block;
    margin-top: 80px;
    margin-bottom: 80px;
}

#responsive-view h1 {
    font-weight: 300;
    margin-bottom: 50px;
}

#responsive-view i {
    font-size: 50px;
}

.service i {
    font-size: 70px;
    vertical-align: middle;
    line-height: 100px;
}

@media (max-width: 767px) {
    .mobile-device-first {
        margin-bottom: 60px;
    }
}

@media (max-width: 992px) {
    .testimonial-panel {
        text-align: center;
    }

    .project-panel-2 {
        text-align: center;
    }
}