x

/* porfolio detail page */
.introduction{}
.introduction li{}
.introduction li h6{padding:0px;margin:0px;}
ul.intro-details{margin:0px 0px 0px 0xp;padding:0px 0px 0px 0px;text-align:left;}
.bar-accent{
    width:18px;
    height: 2px;
}
.start-accent{
    width:22px;
    height: 8px;
    margin-bottom: 20px;
}
.portfolio {margin-top: 0px;}
.portfolio img {
    width: 100%;
    display: block;
}
.direcTV-spacer{
    padding-bottom: 80px;
    background: #f3f3f3
}
.container-description {
    width:100%;
    padding-left:290px;
    background: #f3f3f3;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    
}
div.items{margin-top:10px;}
.items{}
.items-copy{}
.btn{
    line-height: 45px;
    text-decoration: none;
}

.play-button{
    display: block;
    margin-right: 16px;
    float:left;
    width:42px;
    height:42px;
}
.item-images {
    padding-left:60px;
-ms-flex-preferred-size: 60%;
    flex-basis: 60%;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
    flex-grow: 1;
 -ms-flex-negative: 1;
    flex-shrink: 1;
    background: #f3f3f3;
}

.item-images img {
    margin-bottom: 15px;
}
.item-copy {
        padding:0px 60px;
    -ms-flex-preferred-size: 40%;
        flex-basis: 40%;
    -webkit-box-flex: 1.5;
    -ms-flex-positive: 1;
        flex-grow: 1;
    -ms-flex-negative: 1;
        flex-shrink: 1;
        background: #f3f3f3;
}


.item-copy p {
    font-size:18px;
    line-height: 26px;
    margin-bottom: 20px;
    
}
.project-location{
    margin-bottom: 18px;
}
.proj-type{color:#b2b2b2;}
.proj-type, .proj-company{
    text-transform: uppercase;
    font-size: .95em;
    font-weight: 700;
    font-family: "Source Sans Pro", sans-serif;
}
.project-details{
    width: 78%;
    position: absolute;
    bottom: 0px;
}
.role {
    margin-bottom: 60px;
}

.project-header{
    text-transform: uppercase;
    font-weight: 700;
    font-size: 0.98em;
    margin-bottom: 10px;
}
.project-mates{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 10px;

}

.item-mates{
    -webkit-box-flex:3;
        -ms-flex:3;
            flex:3;
    text-align: right;
    margin-bottom: 30px;
}

.item-mates p {padding:0px;margin:0px;}
.project-sub-header {
    text-transform: uppercase;
    -webkit-box-flex:1;
        -ms-flex:1;
            flex:1;
}
.wide-image-group{
    padding: 20px 60px 0 350px;
    background: #f3f3f3;

}
.wide-image, .two-wide, .wide-image-alt{
    margin: 110px 65px 0 350px;
    background: #f3f3f3;
    overflow:hidden;
    border:1px solid transparent;
}
.wide-container{background:#fbfbfb;padding-top:1px;margin-top:30px;}
.wide-container-disney{background-color:#f3f3f3;}
.wide-image h4, .full-screen-image h4{padding-bottom:40px;}


.wide-image-alt{background-color:#fbfbfb;}
.wide-image-alt-disney{background-color:transparent;}
.wide-image-alt h4{padding-bottom:50px;}

.wide-image-details {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-flex:1;
        -ms-flex:1;
            flex:1;
    margin-top:60px;
    background: url(../img/global/eye-brow.png) left 0px no-repeat;
    
}
.video-border{
    width:100%;
    height: 100%;
    overflow:hidden;
    transform: scale(1.008, 1);
    border:1px solid transparent;
}
.wide-image-details p{font-size:18px;line-height: 24px}

.wide-title{
    -webkit-box-flex:1;
        -ms-flex:1;
            flex:1;
    -ms-flex-preferred-size:60%;
        flex-basis:60%;
    width:60%;
    text-align:right;
    padding-right:60px;
    
}
.wide-title h2{margin-top:0px;}

.wide-copy{
    -webkit-box-flex:1;
        -ms-flex:1;
            flex:1;
    -ms-flex-preferred-size:40%;
        flex-basis:40%;
    width:40%;  
}
.wide-copy p.start{margin:0px;}
.wide-image-ender{margin-bottom:60px;}
.two-wide{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-top: 150px;
}
.single-copy-details{
    -webkit-box-flex:1;
        -ms-flex:1 1 70%;
            flex:1 1 70%;
}
single-image{
    -webkit-box-flex:1;
        -ms-flex:1 1 40%;
            flex:1 1 40%;
}
.directv-spacer{margin-bottom:100px;}


/*rackspace*/
.container-description-rack {
    width:100%;
    padding-left:280px;
    background: #f3f3f3;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
#rackspace-port-img{
    padding-bottom: 0px;
}
.type-two-col{
    width:430px;
}
.type-two-col p{
    font-size:1.2em;
    font-weight: 500;
    color: #888080;
}

.type-two-col-a{
    padding-left: 60px;
    margin-right: 30px;
}
.type-two-col-b{
    padding: 93px 60px 0 0;
}

.two-col-images{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap:wrap;
        flex-wrap:wrap;
    padding:125px 60px 0px 340px;
    background: #f3f3f3;
}
.full-bleed-h4{
    padding-bottom:20px;
    -webkit-box-flex:1;
        -ms-flex:1 1 100%;
            flex:1 1 100%;
    
}
.two-col-images-content{
    width:50%;
}
.two-col-base-a{
    padding-right: 45px;
}
.two-col-base-b{
    padding-left: 50px;
}
.spacer{padding-top:94px;}
.data-spacer{margin:70px 0 0 0;}

.prototype-rack{
    padding-top:150px;
    background: #f3f3f3 url(/img/rackspace/details/background-proto.png) repeat-x;
    background-position: 0px 480px;
    background-position: 0px 480px;
    padding-right:60px;
    padding-left:350px;
}
.prototype-rack h4{
    padding-left:345px;
}
.prototype-video-container{
    width:100%;
    overflow:hidden;
    
    
}
.proto-container{
   width:100%;
   transform: scale(1.007, 1);
   border:1px solid transparent;
}

.placeholder-image{
    padding:0 60px 0 340px;
    
}
.wide-image-proto{
    padding: 20px 60px 0px 350px;
    color:#b6b3a7;
    background: #2a2a2a; 
}
.wide-image-proto h2, .wide-image-proto a{
    color:#b6b3a7;
}
.wide-image-proto a{
    padding:0px;
    margin: 0px;
}
.wide-image-details-proto{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    padding-bottom:50px;;
    margin-top:0px;
}
#rackspace-port-img{padding-bottom: 0px;}
.rackspace-spacer{padding-top:60px;}
.rackspacer-ender{padding-bottom: 100px;}
a.btn-rackspace{margin:60px 0px;}


/*disney*/
.three-col{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    padding:130px 60px 0 340px;
    background: #f3f3f3;
}
.three-col-copy{
    -webkit-box-flex:1;
    -ms-flex:1;
    flex:1;
    -ms-flex-preferred-size: 40%;
    flex-basis: 40%;
    width:40%;
    padding-right:75px;
}

.three-col-copy li{
    margin-bottom: 60px;
}
.three-col-copy li img.img-auto{
    width: auto;    
}

.three-col-copy p{font-size:18px;}

.three-col-images{
    -webkit-box-flex:1;
    -ms-flex:1;
    flex:1;
    -ms-flex-preferred-size: 60%;
        flex-basis: 60%;
    width:60%;
    padding:70px 90px 0px 90px;
    background:transperent;
}

.three-col-images img{padding:0px 10px 35px 0px;}

.three-col-images-item{
    display:block;
    float:left;
    width:50%;
    background:transparent;
}


.full-screen-image{margin:25px 0px 90px 0px;}
.full-screen-image-disney{margin-bottom:0px;margin-top:150px;}
.disney-spacer{margin-top:100px;}

h4.full-title{padding-left:350px;}

/*vizio*/
.port-copy{
    position:absolute;
    top:370px;
    left:340px;
    width:320px;
}
img.eyebrow-main{
    width:22px;
    height: 8px;
    margin-bottom: 50px;
}

.wide-image-details-vizio {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    padding:0px 60px 60px 340px;
    background:#fff;
}

.wide-title-vizio{
    -webkit-box-flex:1;
        -ms-flex:1 1 20%;
            flex:1 1 20%;
    text-align: left;
    padding-right:60px;
}
.wide-title-vizio h2{
    margin:0px;
}

.wide-copy-vizio{
    -webkit-box-flex:1;
        -ms-flex:1 1 90%;
            flex:1 1 90%;
}
.wide-copy-vizio p{
    margin-top:0px;
    font-size:18px;
}

.eyebrow-copy{
    -webkit-box-flex:1;
        -ms-flex:1 1 45%;
            flex:1 1 45%;
    text-align: right;
    padding-left:300px;
}
.eyebrow-copy img{width:31px;height: 1px;float:right;}

.full-screen-image-vizio{margin: 0px;}
.copy-details-vizio{display:-webkit-box;display:-ms-flexbox;display:flex;padding:60px 60px 0px 360px;}
.eyebrow-copy-vizio{-webkit-box-flex:1;-ms-flex:1 1 30%;flex:1 1 30%;}
.eyebrow-copy-vizio img {display:inline;width: 33px; height:1px;}
.copy-title-vizio{-webkit-box-flex:1;-ms-flex:1 1 50%;flex:1 1 50%;text-align:right;padding-right:60px;}
.copy-title-vizio h2{margin:0px;}
.copy-vizio{-webkit-box-flex:1;-ms-flex:1 1 50%;flex:1 1 50%;}
.copy-vizio p{margin-top:0px;}
.wide-image-vizio{padding-top:20px;padding-bottom:60px;}
.eyebrow-marker{width:33px;height:1px;}
.vizio-despacer{margin-bottom:0px;}
div.vizio-spacing{background:white;padding-bottom:100px;}



.container-description-one {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    width:100%;
    padding-left:340px;
    padding-right:60px;
    background: #f3f3f3 url(../img/global/bottom-trianglee.png) 340px bottom no-repeat;
}

.copy-header{margin-bottom: 30px;}
.copy-container{display:-webkit-box;display:-ms-flexbox;display:flex;}
.type-one-col{}
.type-one-col p{font-size:42px;font-weight:600;margin:0px 0px 50px 0px;padding:0px 28% 0px 0px;line-height: 50px;}
.type-one-col .p-start{color:#151515;}
.type-one-col strong{color:#595558;}
.nordic-spacer{margin-top:130px;}
.nordic-eyebrow{padding-bottom:60px;}
.line-accent{border-left:1px solid #796d6e;margin:8px 0px;}
p.p-spacer{padding-bottom:50px;}

.btn-spacer{margin-left:60px;margin-bottom:0px;}




@media screen and (max-width: 1300px) {
    .type-one-col p{padding-right:0%;margin-bottom:0px;}
    .nordic-eyebrow{padding-bottom:20px;}
    .item-copy p{margin-bottom:0px;}
    ul.wide-image-details{padding-top:30px;margin-top:50px;}
    
    
}
@media screen (max-width:1100px){
    
}
@media screen and (max-width:899px){
     
    
}
@media screen and (max-width:800px){
    .grid{padding-top:60px;}
    .top-bar{background-image: none;}
    .top-bar-snap{padding:0px;margin:0px;}
    .top-bar__headline{padding-left: 20px;}
    .wide-image-group{padding: 20px 60px 0 60px;}
    .proto-container{padding-left:60px;}
    
    .three-col-images{text-align: center;}
    .wide-image-alt{margin-left:60px;}
    .wide-copy p {padding-bottom:100px;}
    .container-description-one{padding-top:100px;}
    h4.full-title{padding-left:60px;}
    div.prototype-rack{padding-left:60px;padding-top:40px;margin-bottom: 0px;background:none;} 
    .proto-container{padding-left:0px;margin-bottom: 0px;}
    .proto-wrap{
        background: #f3f3f3 url(/img/rackspace/details/background-proto.png) repeat-x;
        background-position: 0px 190px;
    }
}

@media screen and (max-width:600px){
    div.disney-small{margin-top:50px;}
    .grid{padding-top:60px;}
    .top-bar{background-image: none;}
    .top-bar-snap{padding:0px;margin:0px;}
    .top-bar__headline{padding-left: 20px;}
    a.grid__item{min-height: 250px;}
    .meta--full{padding:90px 35px 10px 35px;}
    div.container-description-one{padding:0px 34px;margin-bottom:0px;}
    section.snapshots-container{padding:0px;margin:0px;}
    div.snap-wide02-container{padding:0px 25px ;margin:0px;}
    div.snap-wide02{padding:0px;margin:0px;}
    video.video-fix{margin:0px;padding:0px;}
    /* directv */
    .type-one-col p{
        font-size:24px;
        font-weight:600;
        margin:0px 0px 50px 0px;
        padding:0px;
        line-height: 32px;
    }
    
    div.wide-image{margin:0px 30px;}
    div.container-description{padding:0px 30px;}
    .items{margin:0px;padding:0px;}
    div.item-copy{margin:0px;padding:0px 25px 30px 25px;}
    .item-copy h2{font-size:18px;}
    .item-copy p{font-size:16px;}
    ul.wide-image-details{
        margin-top:30px;
        padding-right:25px;
        padding-left:25px;
        background: url(../img/global/eye-brow.png) 28px 0px no-repeat;
    }
   
    .wide-title h2{font-size:18px;}
    .wide-copy p{font-size:16px;padding-bottom:30px;}
    .wide-image-group{padding:10px 30px 0px 30px;}
    /* rackspace */
    div.rackspace-spacer{padding-top:60px;}
    .wide-container{padding:40px 0px 0px 0px;margin-bottom:40px;}
    .wide-image-alt{margin:0px 30px;}
    img.data-spacer{margin-top:10px;margin-bottom:20px;}
    div.two-col-images{margin:0px 30px;padding:0px;}
    div.two-col-base-a{margin:30px 0px;padding:0px;}
    div.two-col-base-b{margin:0px;padding:0px;}
    div.proto-wrap{margin:0px;padding:0px;}
    div.prototype-rack{margin:0px 30px;padding:0px;}
    div.wide-image-proto{margin:0px 15px;padding:0px;}
    .wide-image-alt h4{font-size:14px;padding-bottom:30px;}
    .wide-image h4{font-size:14px;padding-bottom:30px;}
    .two-col-images h4{font-size:14px;padding-bottom:30px;}
    /* disney */
    div.three-col{padding:0px 35px;}
    .three-col-copy-header h2 {font-size:18px;}
    .three-col-copy p{font-size:16px;}
    .three-col-images{padding:0px;}
    
    /* vizio */
    ul.wide-image-details-vizio{padding:0px 35px;}
    .wide-title-vizio h2{font-size:18px;}
    .wide-copy-vizio p{font-size:16px;}
    .eyebrow-copy{visibility: hidden;}
    /* nordic */
    .wide-image-nordic{padding:0 0px 60px 0px;}
    div.full-screen-image{margin:0px 0px 30px 0px;}
    div.full-screen-image h4{font-size:14px;padding:0px 30px 30px 30px;}
    div.full-screen-image-disney{margin-bottom:0px;margin-top:30px;padding-bottom:0px;}
}