/* Page wide */

* {-webkit-tap-highlight-color: rgba(0,0,0,0);}

.left {float: left;}
.right {float: right;}
.clear {clear: both;}

h1 {
    font-family: "Lato", Helvetica, sans-serif;
    font-size: 4.2em; //42px;
    line-height: 1.239em; //52px;
    font-weight: 300;
}
header {margin-bottom: 45px!important;}

section .inner {
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
  padding: 0;
}

/* Header banner */

section#header {
    height: 340px;
    width: 100%;
    background-image: url(../images/customers/header-banner.jpg);
    background-size: cover;
    background-position: center;
    text-align: center;
}

section#header .inner {
    display: table;
    height: 100%;
    width: 100%;
}

section#header .wrap {
    display: table-cell;
    height: 100%;
    vertical-align: middle;
}

section#header h1, section#header p {
    color: #ffffff;
    max-width: 690px;
    width: 90%;
    margin: 0 auto;
}

section#header p {
    font-size: 1.6em; //16px;
    margin-top: 25px;
}

/* Customer Blocks */

section.customerblock {padding: 80px 0;}

section.customerblock .large_container {
    width: 660px;
}

section.customerblock .small_container {
    width: 320px;
}

section.customerblock .top {
    margin-bottom: 20px;
}

section.customerblock .b3-2 {
    width: 320px;
    height: 220px;
}

section.customerblock .b3-2p {
    width: 320px;
    height: 200px;
}

section.customerblock .b3-4 {
    width: 320px;
    height: 440px;
}

section.customerblock .b6-2 {
    width: 660px;
    height: 220px;
}

section.customerblock .b6-4 {
    width: 660px;
    height: 440px;
}

section.customerblock .customer {
    overflow: hidden;
    position: relative;
    outline: none;
    -webkit-transition: height 0.5s ease;
    -moz-transition: height 0.5s ease;
    -ms-transition: height 0.5s ease;
    -o-transition: height 0.5s ease;
    transition: height 0.5s ease;
}

section.customerblock .customer .testimonial {
    display: table;
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

section.customerblock .customer .testimonial:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #19a9e5;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=0)";
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    z-index: 1;
    -moz-transition: opacity .3s ease;
    -o-transition: opacity .3s ease;
    -webkit-transition: opacity .3s ease;
    transition: opacity .3s ease
}

section.customerblock .customer:hover .testimonial:before {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=80)";
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80);
    filter: alpha(opacity=80);
    -moz-opacity: 0.8;
    -khtml-opacity: 0.8;
    opacity: 0.8;
}

section.customerblock .customer .testimonial .wrap {
    display: table-cell;
    vertical-align: middle;
    max-height: 80%;
    top: 50%;
    left: 0;
    position: absolute;
    z-index: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=0)";
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    -moz-transform: translateY(-40%);
    -ms-transform: translateY(-40%);
    -webkit-transform: translateY(-40%);
    transform: translateY(-40%);
}

section.customerblock .customer:hover .testimonial .wrap {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=100)";
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -moz-transition: -moz-transform .3s ease-out,opacity .3s linear;
    -o-transition: -o-transform .3s ease-out,opacity .3s linear;
    -webkit-transition: -webkit-transform .3s ease-out,opacity .3s linear;
    transition: transform .3s ease-out,opacity .3s linear;
    /* Transition should be on the stationary element to accomodate for the return transition - here to match the careers page */
}

section.customerblock .customer.b3-2 > .testimonial > .wrap {padding: 25px;}
section.customerblock .customer.b3-2p > .testimonial > .wrap {padding: 25px;}
section.customerblock .customer.b3-4 > .testimonial > .wrap {padding: 25px;}
section.customerblock .customer.b6-2 > .testimonial > .wrap {padding: 35px;}
section.customerblock .customer.b6-4 > .testimonial > .wrap {padding: 70px;}

section.customerblock .customer .testimonial .comment {
    color: #ffffff;
    font-family: "Lato", Helvetica, sans-serif;
    font-size: 2.0em; //20px;
    line-height: 28px;
    font-style: italic;
    padding-left: 22px;
    text-shadow: 1px 1px 2px #1882b1;
    position: relative;
}

section.customerblock .customer .testimonial .comment:before {
    content: '“';
    position: absolute;
    top: 0;
    left: 0px;
    width: 22px;
    text-align: center;
}

section.customerblock .customer .testimonial .author {
    color: #ffffff;
    font-family: "Helvetica Neue", Helvetica, sans-serif;
    font-size: 1.3em; //13px;
    line-height: 21px;
    padding-left: 22px;
    text-shadow: 1px 1px 2px #1882b1;
    position: relative;
    margin-top: 20px;
}

section.customerblock .customer .testimonial .author:before {
    content: '—';
    font-family: "Lato", Helvetica, sans-serif;
    font-size: 1.2em; //12px;
    position: absolute;
    top: 0;
    left: 0px;
    width: 22px;
    text-align: center;
}

section.customerblock .customer .bg {
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: cover;
}

section.customerblock .customer:hover .bg {
    -webkit-filter: grayscale(1);
    filter: grayscale(1)
}

section.customerblock .customer .logo {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-repeat: no-repeat;
    background-position: center;
    text-indent: -9999em;
    -webkit-transition: opacity 2s ease;
    -moz-transition: opacity 2s ease;
    -ms-transition: opacity 2s ease;
    -o-transition: opacity 2s ease;
    transition: opacity 2s ease;
}

section.customerblock .customer:hover .logo {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=30)";
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=30);
    filter: alpha(opacity=30);
    -moz-opacity: 0.3;
    -khtml-opacity: 0.3;
    opacity: 0.3
}

/* customer block 1 */
/* BMI */
section.customerblock .customer.bmi .bg {background-image: url(../images/customers/bmi-background.jpg);}
section.customerblock .customer.bmi .logo {background-image: url(../images/customers/bmi-logo.png);}
/* Buzzfeed */
section.customerblock .customer.buzzfeed .bg {background-color: #e00f36;}
section.customerblock .customer.buzzfeed .logo {background-image: url(../images/customers/buzzfeed-logo.png);}
/* Nike */
section.customerblock .customer.nike .bg {background-color: #171819;}
section.customerblock .customer.nike .logo {background-image: url(../images/customers/nike-logo.png);}
/* Apple */
section.customerblock .customer.apple .bg {background-color: #dcd9d5;}
section.customerblock .customer.apple .logo {background-image: url(../images/customers/apple-logo.png);}
/* UNICEF */
section.customerblock .customer.unicef .bg {background-image: url(../images/customers/unicef-background.jpg);}
section.customerblock .customer.unicef .logo {background-image: url(../images/customers/unicef-logo.png);}

/* customer block 2 */
/* Disney */
section.customerblock .customer.disney .bg {background-image: url(../images/customers/disney-background.jpg);}
section.customerblock .customer.disney .logo {background-image: url(../images/customers/disney-logo.png);}
/* NAU */
section.customerblock .customer.nau .bg {background-image: url(../images/customers/nau-background.jpg);}
section.customerblock .customer.nau .logo {background-image: url(../images/customers/nau-logo.png);}
/* SXSW */
section.customerblock .customer.sxsw .bg {background-image: url(../images/customers/sxsw-background.jpg);}
section.customerblock .customer.sxsw .logo {background-image: url(../images/customers/sxsw-logo.png);}
/* The Orchard */
section.customerblock .customer.theorchard .bg {background-color: #67ceba;}
section.customerblock .customer.theorchard .logo {background-image: url(../images/customers/the-orchard-logo.png);}
/* Australian Red Cross */
section.customerblock .customer.australianredcross .bg {background-color: #9a131c;}
section.customerblock .customer.australianredcross .logo {background-image: url(../images/customers/australian-red-cross-logo.png);}

/* customer block 3 */
/* Rapha */
section.customerblock .customer.rapha .bg {background-image: url(../images/customers/rapha-background.jpg);}
section.customerblock .customer.rapha .logo {background-image: url(../images/customers/rapha-logo.png);}
/* Soho */
section.customerblock .customer.soho .bg {background-color: #f3f3f3;}
section.customerblock .customer.soho .logo {background-image: url(../images/customers/soho-house-logo.jpg);}
/* Chapman */
section.customerblock .customer.chapman .bg {background-image: url(../images/customers/chapman-university-background.jpg);}
section.customerblock .customer.chapman .logo {background-image: url(../images/customers/chapman-university-logo.png);}
/* FooFighters */
section.customerblock .customer.foofighters .bg {background-image: url(../images/customers/foo-fighters-background.jpg);}
section.customerblock .customer.foofighters .logo {background-image: url(../images/customers/foo-fighters-logo.png);}
/* Fitbit */
section.customerblock .customer.fitbit .bg {background-color: #52c4c3;}
section.customerblock .customer.fitbit .logo {background-image: url(../images/customers/fitbit-logo.png);}
/* Epic */
section.customerblock .customer.epic .bg {background-color: #2f353e;}
section.customerblock .customer.epic .logo {background-image: url(../images/customers/epic-creative-agency-logo.png);}

/* customer block 4 */
/* Basecamp */
section.customerblock .customer.basecamp .bg {background-image: url(../images/customers/basecamp-background.jpg);}
section.customerblock .customer.basecamp .logo {background-image: url(../images/customers/basecamp-logo.png);}
/* Coke */
section.customerblock .customer.coke .logo {background-image: url(../images/customers/coke.jpg);}
/* Airbnb */
section.customerblock .customer.airbnb .bg {background-color: #ff5a60;}
section.customerblock .customer.airbnb .logo {background-image: url(../images/customers/airbnb-logo.png);}
/* Saatchi */
section.customerblock .customer.saatchi .bg {background-image: url(../images/customers/saatchi-background.jpg);}
section.customerblock .customer.saatchi .logo {background-image: url(../images/customers/saatchi-logo.png);}
/* Chargers */
section.customerblock .customer.chargers .bg {background-color: #0080c5;}
section.customerblock .customer.chargers .logo {background-image: url(../images/customers/chargers-logo.png);}
/* New York Review */
section.customerblock .customer.new-york-review .bg {background-image: url(../images/customers/new-york-review-background.jpg);}
section.customerblock .customer.new-york-review .logo {background-image: url(../images/customers/new-york-review-logo.png);}

/* Customer Feature Block */

section.customerfeature {
    height: 460px;
    width: 100%;
    background-attachment: fixed;
/*    background-size: cover;*/
    background-position: center;
    text-align: center;
}

section.customerfeature .inner {
    display: table;
    height: 100%;
    width: 100%;
}

section.customerfeature .wrap {
    display: table-cell;
    height: 100%;
    vertical-align: middle;
}

section.customerfeature .logo, section.customerfeature .comment, section.customerfeature .author {
    max-width: 885px;
    width: 90%;
    margin: 0 auto;
    color: #ffffff;
    font-family: "Lato", Helvetica, sans-serif;
    font-style: italic;
    text-shadow: 1px 1px 2px #004d6d;
}

section.customerfeature .logo {
    margin: 0 auto 30px;
    text-indent: -9999em;
}

section.customerfeature .comment {
    font-size: 2.4em; //24px;
    line-height: 36px;
}

section.customerfeature .author {
    font-size: 1.5em; //15px;
    line-height: 21px;
    margin-top: 25px;
}

section.customerfeature .btn {
    font-family: "Lato", Helvetica, sans-serif;
    font-weight: 700;
    font-size: 1.3em; //13px;
    line-height: 46px;
    border: 2px solid #ffffff;
    border-radius: 5px;
    color: #ffffff;
    text-decoration: none;
    padding: 0 35px;
    display: inline-block;
    margin: 45px auto 0;
    -webkit-transition: border 0.3s ease, color 0.3s ease;
    -moz-transition: border 0.3s ease, color 0.3s ease;
    -ms-transition: border 0.3s ease, color 0.3s ease;
    -o-transition: border 0.3s ease, color 0.3s ease;
    transition: border 0.3s ease, color 0.3s ease;
}

section.customerfeature .btn:hover {
    color: #ddd;
    border: 2px solid #ddd;
}

/* Rip Curl Block */

section#ripcurl {
    background-image: url(../images/customers/ripcurl-banner-full.jpg);
}

section#ripcurl .logo {
    width: 161px;
    height: 72px;
    background: url(../images/customers/ripcurl-logo.png) no-repeat center;
}


/* Barclays Block */

section#barclays {
    background-image: url(../images/customers/barclays-banner-full.jpg);
}

section#barclays .logo {
    width: 166px;
    height: 58px;
    background: url(../images/customers/barclays-logo.png) no-repeat center;
}


/* Apartment Therapy Block */

section#apartment-therapy {
    background-image: url(../images/customers/apartment-therapy-banner-full.jpg);
}

section#apartment-therapy .logo {
    width: 109px;
    height: 116px;
    background: url(../images/customers/apartment-therapy-logo.png) no-repeat center;
}


/* Video Popup */

.video_popup {
    display: none;
    width: 100%;
    position: relative;
    float: left;
}

.video_popup .overlay {
    background: #000000;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=90)";
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=90);
    filter: alpha(opacity=90);
    -moz-opacity: 0.9;
    -khtml-opacity: 0.9;
    opacity: 0.9;
    width: 100%;
    height: 100%;
}

.video_popup .close {
    position: absolute;
    cursor: pointer;
    right: 0;
    top: 0;
    width: 34px;
    height: 34px;
    background: url('../images/features/videoclose.png') center no-repeat;
    overflow: hidden;
    text-indent: -9000px;
    z-index: 99;
}

.video_popup .video {
    max-width: 100%;
    height: auto;
    width: 100%;
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    overflow: hidden;
    text-align: center;
    background: #000000;
}

.video_popup .video iframe {
    width: 100%;
    height: auto;
    display: none;
}

/* Signup section - from home.new.css */

section#signup{background:#2f353e;padding:60px 0}section#signup h3{font-family:'Lato','Helvetica Neue',sans-serif;font-size:2.1em;line-height:1.524em;font-weight:300;letter-spacing:.01em;color:#fff;width:660px;float:left}section#signup a.primary{-moz-box-shadow:inset 0 1px 0 0 #a0d642;-webkit-box-shadow:inset 0 1px 0 0 #a0d642;box-shadow:inset 0 1px 0 0 #a0d642;background:#7cbc27;background:-moz-linear-gradient(top,#7cbc27 0,#62a30c 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#7cbc27),color-stop(100%,#62a30c));background:-webkit-linear-gradient(top,#7cbc27 0,#62a30c 100%);background:-o-linear-gradient(top,#7cbc27 0,#62a30c 100%);background:-ms-linear-gradient(top,#7cbc27 0,#62a30c 100%);background:linear-gradient(to bottom,#7cbc27 0,#62a30c 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#7cbc27',endColorstr='#62a30c',GradientType=0);-khtml-border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;color:#fff;font-family:'Lato','Helvetica Neue',sans-serif;font-size:1.3em;line-height:1.615em;letter-spacing:.05em;text-transform:uppercase;font-weight:700;padding:18px 52px;float:right;margin-top:2px}section#signup a.primary:hover,section#signup a.primary:focus{color:#fff;background:-moz-linear-gradient(top,#87c32b 0,#6eaf0e 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#87c32b),color-stop(100%,#6eaf0e));background:-webkit-linear-gradient(top,#87c32b 0,#6eaf0e 100%);background:-o-linear-gradient(top,#87c32b 0,#6eaf0e 100%);background:-ms-linear-gradient(top,#87c32b 0,#6eaf0e 100%);background:linear-gradient(to bottom,#87c32b 0,#6eaf0e 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#87c32b',endColorstr='#6eaf0e',GradientType=0)}section#signup a.primary:active{-moz-box-shadow:inset 0 3px 10px #245401;-webkit-box-shadow:inset 0 3px 10px #245401;box-shadow:inset 0 3px 10px #245401}section#signup a.primary:active{padding:19px 52px 17px}#markerPoint{float:left;width:100%;background:#fff;height:1px;overflow:hidden}footer.spacer{margin:0}footer.spacer input#z-z{box-sizing:initial}@media screen and (max-height:768px){section#feature{height:605px}}