style.css

/*
Theme Name:colorflow
Theme URI: http://colorflow.com/  
Github Theme URI: https://github.com/bnicholas/colorflow-theme
Description: theme for colorflow.com
Author: turing
Version: v2.0.56
*/

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,
em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,
table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,
ruby,section,summary,time,mark,audio,video { margin:0;padding:0;border:0;font:inherit;font-size:100%;vertical-align:baseline; }

html { line-height:1; }
ol,ul { list-style:none; }
table { border-collapse:collapse;border-spacing:0; }
caption,th,td { text-align:left;font-weight:normal;vertical-align:middle; }
q,blockquote { quotes:none; }
q:before,q:after,blockquote:before,blockquote:after { content:"";content:none; }
a img { border:none; }
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary { display:block; }
input[type="submit"]:hover { cursor:pointer; }
body { background-color:#10191c;color:#bccfda;font-family:"museo-sans",Verdana,sans-serif;font-size:14px; }
blockquote { 
  display: block; padding: 20px; margin-bottom: 20px;
  font-size: 16px; font-style: italic; color: #B9CCD7; text-align: center;
  background: rgba(255,255,255,.05); border: 1px solid rgba(255,255,255,.12); 
}
input, textarea { box-sizing: border-box; }
strong { font-weight: 400; }
em { text-decoration: italic; }
#wrapper { background:#1b1c1e url("images/bg_lightened.jpg") center top no-repeat; display: table; width: 100%; }
a { color:#b6cbd7;text-decoration:none; }
.inner-container { width:960px; margin:0 auto; padding: 0 50px; }
#header { background:rgba(0,0,0,0.2);border-bottom:1px solid rgba(0,0,0,0.3);padding: 35px 0;margin-bottom:56px; position: relative; }
body#home #header { background:transparent;border-bottom:none;padding:40px 50px 60px 50px; margin-bottom:0; }
#header .navigation { overflow:hidden; }
#header .navigation { height: 40px; }
body#home #header .navigation { height:29px; }
#header .navigation h1.logo a { width:216px;height:40px;display:block;background:url("images/logo_small.png") bottom left no-repeat; text-indent:-999em; }
#header .navigation h1.logo { float:left; }
#header .navigation nav.main-navigation { float:right;margin-top: 10px; }
body#home #header .navigation nav.main-navigation { float:left;margin-top:0; }
body#home #header .navigation nav.social-navigation { float:right; position: relative; top: 3px; }
#header .navigation nav.main-navigation .heading,
#header .navigation nav.main-navigation ul,
#header .navigation nav.main-navigation li,
#header .navigation nav.social-navigation .heading,
#header .navigation nav.social-navigation ul,
#header .navigation nav.social-navigation li { vertical-align:middle;line-height:1.5em; }
#header .navigation nav.main-navigation a { padding:5px 8px 3px 8px; box-sizing: border-box; font-weight:100;}
#header .navigation nav.main-navigation a { color:#a0b3be; }
#header .navigation nav.main-navigation a:hover { color:#b6cbd7; }
#header .navigation nav.main-navigation li:first-child a { width:24px;height:24px;background-image:url("images/home.png");background-position:center 4px;margin-top:3px;background-repeat:no-repeat;text-indent:-999em; }
#header .navigation nav.main-navigation a.current { border-bottom: 1px solid #413D46; background-color:rgba(0,0,0,0.27); }
#header .navigation nav.main-navigation li { text-transform:uppercase; }
#header .navigation nav.main-navigation li { margin-right:30px; }
#header .navigation nav.main-navigation li:last-child { margin-right:0; }
#header .navigation nav.social-navigation .heading { color:#535d64;margin-left:3px;font-size:12px; }
#header header.main-header { margin-top:90px; margin-bottom: 0px; }
#header header.main-header h1 { width:268px;height:48px;background:url("images/logo.png") 0 0 no-repeat;text-indent:-999em;margin-bottom:20px; }
#header header.main-header p { font-size:30px;font-weight:100; }

.social_icons a { width:18px;height:18px;display:block;text-indent:-999em;background-position:0 0;background-repeat:no-repeat; }
.social_icons a { display:-moz-inline-stack;display:inline-block;vertical-align:middle;*vertical-align:auto;zoom:1;*display:inline; }  
.social_icons a.vimeo { background-image:url("images/icons/nav_vimeo.png"); }
.social_icons a.twitter { background-image:url("images/icons/nav_twitter.png"); }
.social_icons a.facebook { background-image:url("images/icons/nav_facebook.png"); }
.social_icons a.tumblr { background-image:url("images/icons/nav_tumblr.png"); }

#footer { padding: 40px 0; border-top: 1px solid #000; height: 280px; box-sizing: border-box; }
#footer .inner-container { height: 16px; position: relative; }
#footer nav.footer-navigation { position: absolute; left: 50px; bottom: 0; }
#footer nav.footer-navigation li { margin-right:30px;text-transform:uppercase; }
#footer nav.footer-navigation li a { color:#a6a9ad; font-weight:100; }
#footer nav.footer-navigation li a:hover { color:#ffffff; }
#footer p.copyright { position: absolute; right: 50px; top: 0; color:#6d7073; }

h2.page-heading { color:#a3b7c2;font-size:30px;font-weight:100;margin-bottom:25px; }
h2.page-heading strong { color: #fff; }
.white-border { border:2px solid #fff; }
.text-content h3 { font-size:22px; }
.text-content h4 { font-size:18px; }
.text-content h3,.text-content h4 { color:#fff;font-size:22px;font-weight:500;margin-bottom:1.5em;line-height:1.25em; }
.text-content p { color:#b8ccd8;font-size:16px;font-weight:300;line-height:1.25em; }
.text-content p { margin-bottom:1.5em; }
.text-content p:last-child { margin-bottom:0; }

body.two-column #content { width:960px;margin:0 auto; padding: 0 50px 50px 50px; overflow: hidden; }
body.two-column #content:after { content:"";display:table;clear:both; }
body.two-column #content #primary { float:left;width:640px;padding-right:10px; box-sizing: border-box; border-right:1px solid rgba(255,255,255,0.1); }
body.two-column #content #secondary { float:right;width:275px; }
body.two-column #content #secondary aside.widget { padding-bottom:25px;margin-bottom:25px;border-bottom:2px solid rgba(255,255,255,0.08); }
body.two-column #content #secondary .subsection:last-child { padding-bottom:0px;margin-bottom:0px;border-bottom:none; }
body.two-column #content #secondary .subsection.updates .inner { background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.12);padding:14px 25px;overflow:hidden; }
body.two-column #content #secondary .subsection.updates .inner h4 { color:#a7b8c1;font-size:14px;font-weight:300; }
body.two-column #content #secondary .subsection.updates .inner p { color:#828e91;font-size:12px;font-weight:300; }
body.two-column #content #secondary .subsection.updates .inner .field { padding:10px 0; }
body.two-column #content #secondary .subsection.updates .inner .field form { overflow:hidden; }
body.two-column #content #secondary .subsection.updates .inner .field input,
body.two-column #content #secondary .subsection.updates .inner .field input[type="submit"] { font-size:12px;font-weight:300;padding:7px 0; }
body.two-column #content #secondary .subsection.updates .inner .field input[type="text"] { padding-left:7px;width:172px;float:left; color:#000; }
body.two-column #content #secondary .subsection.updates .inner .field input::-webkit-input-placeholder { color:#000; }
body.two-column #content #secondary .subsection.updates .inner .field input:-moz-placeholder { color:#000; }
body.two-column #content #secondary .subsection.updates .inner .field input[type="submit"] { width:40px;float:right;margin-top:3px; }
body.two-column #content #secondary aside.advanced_recent_posts_widget h1 { text-transform: uppercase; color:#a5b6c0;font-size:12px;font-weight:300;margin-bottom:26px; }
body.two-column #content #secondary aside.advanced_recent_posts_widget li { padding:0;margin:0;position:relative;padding-left:85px;min-height:60px;clear:left;overflow:hidden; }
body.two-column #content #secondary aside.advanced_recent_posts_widget li { padding-bottom:15px;margin-bottom:15px;border-bottom:1px solid rgba(255,255,255,0.08); }
body.two-column #content #secondary aside.advanced_recent_posts_widget li:last-child { padding-bottom:0px;margin-bottom:0px;border-bottom:none; }
body.two-column #content #secondary aside.advanced_recent_posts_widget li .post-entry { padding:0;border:2px solid #fff;background:#2C2B29;position:absolute;width:56px;height:56px;left:0;top:0; }
body.two-column #content #secondary aside.advanced_recent_posts_widget li .post-entry img { vertical-align:middle;margin:0; }
body.two-column #content #secondary aside.advanced_recent_posts_widget li a { display:block;color:#b3c9d6;font-size:16px;font-weight:700;margin-bottom:8px;line-height:1.25em; }
body.two-column #content #secondary aside.advanced_recent_posts_widget li p.post-date { font-style:normal;line-height:1.25em;color:#ffffff;font-size:12px;font-weight:500;margin-bottom:0; }

body#home #wrapper { background:#0f1012 url("images/bg.jpg") center top no-repeat; }

body#home #feature-slides { position:relative;min-width:960px; }
body#home #feature-slides ol.slide-images { -webkit-transition:height 0.5s ease-in-out;-moz-transition:height 0.5s ease-in-out;-o-transition:height 0.5s ease-in-out;transition:height 0.5s ease-in-out;position:relative;height:213px; }
body#home #feature-slides ol.slide-images li.slide { -webkit-transition:opacity 0.5s ease-in-out;-moz-transition:opacity 0.5s ease-in-out;-o-transition:opacity 0.5s ease-in-out;transition:opacity 0.5s ease-in-out;background:top center no-repeat;position:absolute;text-indent:-999em;top:0;right:0;bottom:0;left:0; }
body#home #feature-slides ol.slide-images li.slide { filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);opacity:0; background-position: bottom left; }
body#home #feature-slides ol.slide-images li.slide .blur { height: 60px; width: 100%; position: absolute; top: 0; left: 0; right: 0;  }
body#home #feature-slides ol.slide-images li.slide.active { filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);opacity:1; }
body#home #feature-slides ol.slide-tabs { display:-webkit-box;display:-moz-box;display:-ms-box;display:box;overflow:hidden; }
body#home #feature-slides ol.slide-tabs li.slide { -webkit-box-flex:1;-moz-box-flex:1;-ms-box-flex:1;box-flex:1;height:20px;position:relative; }
body#home #feature-slides ol.slide-tabs li.slide { z-index:1; }
body#home #feature-slides ol.slide-tabs li.slide.active { z-index:2; }
body#home #feature-slides ol.slide-tabs li.slide { margin-right:1px; }
body#home #feature-slides ol.slide-tabs li.slide:last-child { margin-right:0; }
body#home #feature-slides ol.slide-tabs li.slide a { -webkit-transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;-o-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;width:100%;display:block;text-indent:-999em;border:1px solid #000;border-top:2px solid #000;border-bottom:2px solid #000; }
body#home #feature-slides ol.slide-tabs li.slide a { height:5px; }
body#home #feature-slides ol.slide-tabs li.slide:hover a { height:10px; }
body#home #feature-slides ol.slide-tabs li.slide.active a { height:10px;-webkit-box-shadow:black 0 0 4px;-moz-box-shadow:black 0 0 4px;box-shadow:black 0 0 4px; }
body#home #feature-slides ol.slide-tabs li.slide:hover a,body#home #feature-slides ol.slide-tabs li.slide.active a { -moz-border-radius-bottomleft:3px;-webkit-border-bottom-left-radius:3px;border-bottom-left-radius:3px;-moz-border-radius-bottomright:3px;-webkit-border-bottom-right-radius:3px;border-bottom-right-radius:3px; }
body#home #feature-slides ol.slide-tabs li.slide:nth-child(10n+1) a { background-color:#ded220; }
body#home #feature-slides ol.slide-tabs li.slide:nth-child(10n+2) a { background-color:#e18f18; }
body#home #feature-slides ol.slide-tabs li.slide:nth-child(10n+3) a { background-color:#d41f1c; }
body#home #feature-slides ol.slide-tabs li.slide:nth-child(10n+4) a { background-color:#e91079; }
body#home #feature-slides ol.slide-tabs li.slide:nth-child(10n+5) a { background-color:#d3113b; }
body#home #feature-slides ol.slide-tabs li.slide:nth-child(10n+6) a { background-color:#9e0e43; }
body#home #feature-slides ol.slide-tabs li.slide:nth-child(10n+7) a { background-color:#45176d; }
body#home #feature-slides ol.slide-tabs li.slide:nth-child(10n+8) a { background-color:#191b68; }
body#home #feature-slides ol.slide-tabs li.slide:nth-child(10n+9) a { background-color:#1f4592; }
body#home #feature-slides ol.slide-tabs li.slide:nth-child(10n+10) a { background-color:#297db9; }
body#home #feature-slides ol.slide-details { position:relative;height:100px; padding-top: 6px; }
body#home #feature-slides ol.slide-details li.slide { -webkit-transition:opacity 0.5s ease-in-out;-moz-transition:opacity 0.5s ease-in-out;-o-transition:opacity 0.5s ease-in-out;transition:opacity 0.5s ease-in-out;position:absolute;width:960px; }
body#home #feature-slides ol.slide-details li.slide { filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);opacity:0; }
body#home #feature-slides ol.slide-details li.slide.active { filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);opacity:1; z-index: 999;}
body#home #feature-slides ol.slide-details li.slide h2 { float:left; }
body#home #feature-slides ol.slide-details li.slide .cols { float:right;margin-top:7px; }
body#home #feature-slides ol.slide-details li.slide h2 a { position: relative; z-index: 0; color: #fff; }
body#home #feature-slides ol.slide-details li.slide.active h2 a { z-index: 99; }
body#home #feature-slides ol.slide-details li.slide h2 { color:#f9fbfc;font-size:22px; font-weight: 100; }
body#home #feature-slides ol.slide-details li.slide h2 span { color:#b5cad7;border-left:1px solid #b5cad7;padding-left:0.25em; }
body#home #feature-slides ol.slide-details li.slide .col { display:-webkit-box;display:-moz-box;display:-ms-box;display:box;float:left; }
body#home #feature-slides ol.slide-details li.slide .col { margin-left:15px; }
body#home #feature-slides ol.slide-details li.slide .col:first-child { margin-left:0; }
body#home #feature-slides ol.slide-details li.slide .col h3,
body#home #feature-slides ol.slide-details li.slide .col .details { -webkit-box-flex:1;-moz-box-flex:1;-ms-box-flex:1;box-flex:1;padding:0 5px; }
body#home #feature-slides ol.slide-details li.slide .col h3 { color:#b5cad7; }
body#home #feature-slides ol.slide-details li.slide .col .details { color:#ffffff; }
body#home #feature-slides:hover ol.slide-images { height:312px; }
body#home #content { background:rgba(255,255,255,0.1);border-top:1px solid #000;border-bottom:1px solid #000;padding: 60px 0 30px 0; }
body#home #content .cta-columns { overflow:hidden; }
body#home #content .cta-columns .col { float:left;width:320px; }
body#home #content .cta-columns .col .inner { border-right:1px solid rgba(255,255,255,0.05); }
body#home #content .cta-columns .col:last-child .inner { border-right:none; }

body#home .cta-columns .col .inner { margin-left:47px; }
body#home .cta-columns .col h3 { color:#a2b4bf;font-size:12px;text-transform:uppercase; margin-bottom: 3px; }
body#home .cta-columns .col h2 { color:#d5d7da;font-size:24px;font-weight:500;margin-bottom:25px; }
body#home .cta-columns .col ul { margin-bottom:20px; }
body#home .cta-columns .col li { padding-left:45px;font-size:16px;line-height:36px;background:0 center no-repeat; font-weight: 100;  }

body#home .col.services ul li.di_color { background-image:url("images/icons/services_grading.png"); }
body#home .col.services ul li.finishing { background-image:url("images/icons/services_finishing.png"); }
body#home .col.services ul li.lto_data { background-image:url("images/icons/services_archiving.png"); background-position: 1px 7px; }
body#home .col.services ul li.digital_dalies { background-image:url("images/icons/services_dalies.png"); }
body#home .col.services ul li.dcp { background-image:url("images/icons/services_dcp.png"); }

body#home .col.amenities ul li { background-position: 6px 6px;  }
body#home .col.amenities ul li.hd_suites { background-image:url("images/icons/services_hd.png");  background-position: 6px 9px; }
body#home .col.amenities ul li.theater { background-image:url("images/icons/amenities_hd_theater.png"); background-position: 2px 6px; }
body#home .col.amenities ul li.parking { background-image:url("images/icons/amenities_parking.png"); background-position: 7px 6px; }
body#home .col.amenities ul li.near_food { background-image:url("images/icons/amenities_gourmet.png"); }
body#home .col.amenities ul li.transportation { background-image:url("images/icons/amenities_transportation.png"); }

body#home #content .cta-columns .col.services a.more,
body#home #content .cta-columns .col.amenities a.more { -webkit-box-shadow:rgba(0,0,0,0.4) 0 -1px 1px,rgba(255,255,255,0.1) 0 1px 1px;-moz-box-shadow:rgba(0,0,0,0.4) 0 -1px 1px,rgba(255,255,255,0.1) 0 1px 1px;box-shadow:rgba(0,0,0,0.4) 0 -1px 1px,rgba(255,255,255,0.1) 0 1px 1px;background-color:rgba(0,0,0,0.2);padding:7px 20px;margin-bottom:1px;color:#fff;text-transform:uppercase;font-size:12px;font-weight:500; }

body#four-oh-four #primary { padding-right: 40px !important; }
body#four-oh-four #primary h1 { font-size: 80px; font-weight: 900; color: #fff; }
body#four-oh-four #primary p, .no-results p { font-size: 21px; font-weight: 500; line-height: 1.4em; margin-top: 35px; }
#primary form { margin-top: 40px; }
#primary form input { height: 62px;  }
#primary form input#search { width: 336px; font-size: 16px; color: #181921; padding-left: 20px; padding-right: 20px; }
#primary form input#submit { width: 113px; margin-left: 8px; font-size: 14px; text-transform: uppercase; }

.location .inner { background:url("images/map_round.png") 0 0 no-repeat; padding-left: 110px; padding-top:5px; }
.location .inner h2 { color:#d5d7da; font-size: 24px !important; font-weight:500; margin-bottom: 0px !important; }
.location .inner h4,
.location .inner p { font-size: 13px;line-height:1.4em; }
.location .inner h4 { color:#ffffff; font-weight:700; margin-top: 10px; }
.location .inner p { font-weight:300; }
.location .building { width: 100%; height: 181px; background: url("images/contact_building.png") bottom right no-repeat; }
.location a.contact-button { display: block; margin-top: 10px;  }
#secondary .location .inner { height: auto; overflow: hidden; background-position: 0 7px; }

body.blog .post { padding-bottom:20px;margin-bottom:20px;border-bottom:2px solid rgba(255,255,255,0.08); }
body.blog .post h3.subject { color:#fff;font-size:36px;font-weight:700; }
body.blog .post .meta { background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.12);margin:20px 0;padding:10px; }
body.blog .post .meta span { padding-left: 21px; margin-right: 30px; background-repeat: no-repeat; background-position: 0px 1px; }
body.blog .post .meta .date { background-image: url("images/icons/icon_date.png"); }
body.blog .post .meta .author { background-image: url("images/icons/icon_author.png"); }
body.blog .post .meta .comments { background-image: url("images/icons/icon_comments.png"); }
body.blog .post .image { margin-bottom:28px; }
body.blog .post .image img { border:2px solid #fff; }
body.blog .post .post-content { font-size:16px;font-weight:300;line-height:1.25em; }
body.blog .post .post-content p { margin-bottom:20px; }
body.blog .post .post-content p:last-child { margin-bottom:0; }
body.blog .post .post-content p a { color:#fff; }
body.blog .post a.read_more:after { content: "\25B6"; margin-left: 5px; font-size: 11px; }
.posts_navigation { overflow: hidden; }
.posts_navigation div { width: 152px; height: 33px;  position: relative;  }
.posts_navigation a { 
  display: block; width: 152px; line-height: 37px; 
  position: absolute; top: 0; left: 0; 
  text-align: center; font-size: 12px; text-transform: uppercase; text-decoration: none; 
}
.posts_navigation .older { float: left; }
.posts_navigation .newer { float: right; }
.posts_navigation .older a:before { content: "\25C0"; font-size: 9px; margin-right: 8px; }
.posts_navigation .newer a:after { content: "\25B6"; font-size: 9px; margin-left: 8px; }

.text-content h3 { font-size:22px; }
.text-content h4 { font-size:18px; }
.text-content h3,.text-content h4 { color:#fff;font-size:22px;font-weight:500;margin-bottom:1.5em;line-height:1.25em; }
.text-content p { color:#b8ccd8;font-size:16px;font-weight:300;line-height:1.25em; }
.text-content p { margin-bottom:1.5em; }
.text-content p:last-child { margin-bottom:0; }

body#search-results { }
body#search-results ul.search-results li { clear: both; overflow: hidden; }
body#search-results li .thumbnail { float:left;margin: 0 30px 0px 0;border:3px solid #fff;background:#1B1C1E;width:115px;height:115px; }
body#search-results li .thumbnail img { width: 100%; height: auto; }
body#search-results li h3 { font-size:26px; font-weight: 500; margin-bottom: 10px; color: #fff; line-height: 1em; margin-bottom: 10px; }
body#search-results li h3 span { color: #fff; text-transform: capitalize; }

body.work-index #primary { width:956px;margin:0 auto;padding: 0 50px 100px 50px; }
body.work-index h2.page-heading span.subsection { color:#ffffff; }
body.work-index ul#filterOptions { background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.12);padding:15px;margin-bottom:28px; }
body.work-index ul#filterOptions li { margin-right:20px; }
body.work-index ul#filterOptions li a { font-weight:300; }
body.work-index ul#filterOptions li.active a { color:#fff;font-weight:500; }
ul.grid { overflow: hidden; border-bottom: 2px solid white; border-right: 2px solid white; border: none; }
ul.grid { border: none; background: transparent; padding: 1px; }
ul.grid li.item { float: left; width: 316px; height: 178px; border-left: 2px solid white; border-top: 2px solid white; position: relative; overflow: hidden; }
ul.grid li.item { border: none; margin: 1px; background: rgba(0,0,0,.95); }
ul.grid li.item a.click { display: block; width: 100%; height: 178px; position: absolute; top: 0; left: 0; z-index: 100; }
ul.grid li.item .image { position: absolute; top: 0; right: 0; bottom: 0; right: 0; }
ul.grid li.item .details { position: absolute; left: 0; right: 0; bottom: -128px; }
body#talent ul.grid li.item .details { bottom: -1px; }
body.work-index ul.grid li.item:hover .details { bottom: 0px; }
ul.grid li.item .details h3 { display: table; width: 100%; height: 50px; vertical-align: middle; color: #fff; background: rgba(0,0,0,0.7); margin-bottom:1px !important; font-size:16px !important; }
ul.grid li.item .details h3 span { display: table-cell; vertical-align: middle; width: 100%; padding: 0 10px;  }
ul.grid li.item .details dl { box-sizing: border-box; height: 127px; background:rgba(0,0,0,0.57);padding:10px;overflow:hidden;line-height:1.25em; }
ul.grid li.item .details dl dt { float:left;clear:left;font-weight:300; }
ul.grid li.item .details dl dd { padding-left:100px;color:#fff; }


ul.grid { -webkit-transition:0.2s all ease-in-out;-moz-transition:0.2s all ease-in-out;-o-transition:0.2s all ease-in-out;transition:0.2s all ease-in-out; }
ul.grid li.item .details {-webkit-transition:0.3s all ease-in-out;-moz-transition:0.3s all ease-in-out;-o-transition:0.3s all ease-in-out;transition:0.3s all ease-in-out; }

body.work-page #primary { width:960px;margin:0 auto;padding-bottom:50px; }
body.work-page .sub-header { overflow:hidden;margin-bottom:20px;padding-top:1px;padding-bottom:1px; }
body.work-page .sub-header h2.page-heading { margin:0;float:left; }
body.work-page .sub-header span.subsection { color:#ffffff; }
#filter_title { color:#ffffff; text-transform: capitalize; }
body.work-page .sub-header .projects-pagination { float:right;width:200px;position:relative; }
body.work-page .sub-header .projects-pagination a { -webkit-box-shadow:rgba(0,0,0,0.4) 0 -1px 1px,rgba(255,255,255,0.1) 0 1px 1px;-moz-box-shadow:rgba(0,0,0,0.4) 0 -1px 1px,rgba(255,255,255,0.1) 0 1px 1px;box-shadow:rgba(0,0,0,0.4) 0 -1px 1px,rgba(255,255,255,0.1) 0 1px 1px;background-color:rgba(0,0,0,0.2);width:30px;height:26px;background-position:center 7px;background-repeat:no-repeat;text-indent:-999em; }
body.work-page .sub-header .projects-pagination .nav-previous { width:30px;height:26px;position:absolute;left:0;top:0; }
body.work-page .sub-header .projects-pagination .nav-previous a { background-image:url("images/icons/left_arrow.png"); } 
body.work-page .sub-header .projects-pagination .nav-next { width:30px;height:26px;position:absolute;right:0;top:0; }
body.work-page .sub-header .projects-pagination .nav-next a { background-image:url("images/icons/right_arrow.png"); }
body.work-page .sub-header .projects-pagination a.end { filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=50);opacity:0.5; }
body.work-page .sub-header .projects-pagination p { text-align:center;line-height:26px; }
body.work-page .project-highlights { background:#cdcdcd; }
body.work-page .project-highlights .highlights-slideshow { margin-bottom:30px; }
body.work-page .project-highlights .highlights-slideshow ul.slides { width:960px;height:400px;position:relative; }
body.work-page .project-highlights .highlights-slideshow ul.slides li { position:absolute; }
body.work-page .project-highlights .highlights-slideshow ul.navigation { padding:10px; }
body.work-page .project-highlights .highlights-slideshow ul.navigation li a { width:18px;height:18px;display:block;background-position:0 0;background-repeat:no-repeat;text-indent:-999em; }
body.work-page .project-highlights .highlights-slideshow ul.navigation li a { background-image:url("images/icons/highlight_slide_marker.png"); }
body.work-page .project-highlights .highlights-slideshow ul.navigation li a.selected { background-image:url("images/icons/highlight_slide_marker_selected.png"); }
body.work-page .project-details { overflow:hidden; }
body.work-page .project-details .text-content { float:left;width:575px; }
body.work-page .project-details .text-content p:first-child { color:#fff;font-size:22px;font-weight:500;margin-bottom:1.5em;line-height:1.25em; }
body.work-page .project-details dl.overview { float:right; width:315px; }
body.work-page .project-details dl.overview dt,body.work-page .project-details dl.overview dd { padding-left:25px;line-height:1.25em; }
body.work-page .project-details dl.overview dt { color:#b6cbd7;padding-top:10px;font-weight:300; }
body.work-page .project-details dl.overview dd { color:#fff;padding: 7px 0 10px 25px; border-bottom:1px solid #37393a; }
body.work-page .project-details dl.overview .services ul li { padding-top: 5px; }
body.work-page .project-details dl.overview .services ul li img { width: 25px; height: auto; vertical-align: middle; margin-right: 5px; }
body.work-page .project-details dl.overview .services { border-left:4px solid #e08e17; }
body.work-page .project-details dl.overview .colorist { border-left:4px solid #e9107a; }
body.work-page .project-details dl.overview .source { border-left:4px solid #9e0f43; }
body.work-page .project-details dl.overview .links { border-left:4px solid #21A9AC; }
body.work-page .project-details dl.overview .links a { margin-right: 10px; padding-left: 35px; height: 24px; line-height: 24px; background-repeat: no-repeat; background-position: 0 0; }
body.work-page .project-details dl.overview .links a.imdb { background-image: url("images/square-imdb.png"); }
body.work-page .project-details dl.overview .links a.website { background-image: url("images/square-website.png"); }
body.work-page .project-details dl.overview .director { border-left:4px solid #191b68; }
body.work-page .project-details dl.overview .cinematographer { border-left:4px solid #297db9; }

body.work-page .project-details .service_icons { text-align: center; }
body.work-page .project-details .service_icons img { width: 30px; height: auto; margin: 0 5px;  }
a.project_imdb { display: block; padding-left: 34px; height: 24px; line-height: 24px; background: url("images/square-imdb.png") 0 0 no-repeat; }

nav.social-navigation { float:right; }
ul.grid { margin-top:20px; }
ul.grid li.item .image img { width: auto; min-width:100%; height:100%; }
body#talent .text-content > p:first-child { font-size: 22px; font-weight: 500; color: #fff; }
body#talent ul.talent_list { margin-top: 40px; }
body#talent ul.talent_list li.person { border-bottom: 1px solid rgba(255,255,255,.1); }
body#talent .talent_list .person { overflow:hidden;padding: 30px 0;line-height:1.4em;font-size:.9em; }
body#talent  h3 { font-size:26px; font-weight: 500; margin-bottom: 10px; color: #fff; line-height: 1em; margin-bottom: 10px; }
body#talent .talent_list h4 { font-size: 16px; color: #b3c9d6; line-height: 1em; font-weight: 100; margin-bottom: 23px; }
body#talent .talent_list .headshot { float:left;margin: 0 30px 0px 0;border:3px solid #fff;background:#1B1C1E;width:115px;height:115px; }
body#talent .talent_list .headshot img { width:100%; height:auto; }
body#talent .talent_list .bio { width:400px;float:left; }
body#talent .talent_list .bio a { display: block; padding-left: 20px; padding-right: 20px; }
body#talent .talent_list .bio .talent_links { margin-top: 0px; border-top: 1px solid rgba(255,255,255,.1); padding-top: 20px; }
body#talent .talent_list .bio .talent_links a { padding-left: 35px; height: 24px; line-height: 24px; }
body#talent .talent_list .bio .talent_links a.imdb { background: url("images/square-imdb.png") 0 0 no-repeat; }
body#talent .talent_list .bio .talent_links a.linkedin { background: url("images/square-linkedin.png") 0 0 no-repeat; }
body#talent .talent_list .bio .talent_links a.twitter { background: url("images/square-twitter.png") 0 0 no-repeat; }
body#talent .credits { margin-top: 30px; padding-top: 30px; border-top: 1px solid rgba(255,255,255,.1); }
body#talent ul.grid li.item { width: 284px; box-sizing: border-box; }

.projects-pagination { }
.projects-pagination nav#nav-above.site-navigation.post-navigation { }
.projects-pagination nav#nav-above h1.assistive-text { display:none; }
.projects-pagination nav#nav-above .nav-previous { }
.projects-pagination nav#nav-above .nav-previous a { }
.projects-pagination nav#nav-above .nav-previous a span.meta-nav { }
.projects-pagination nav#nav-above .nav-next { }
.projects-pagination nav#nav-above .nav-next a { }
.projects-pagination nav#nav-above .nav-next a span.meta-nav { }

body.work-page .nivoSlider { width: 956px; height: 396px; background:#cdcdcd; margin-bottom:60px; border: 2px solid #fff; }
body.work-page .nivoSlider img { width: 100%; height: auto; }
body.work-page .nivoSlider .nivo-controlNav { background:#cdcdcd; padding:10px; position: absolute; bottom: -40px; left: -2px; width: 940px; }
body.work-page .nivoSlider .nivo-controlNav a { width:18px;height:18px;display:block;background-position:0 0;background-repeat:no-repeat;text-indent:-999em; }
body.work-page .nivoSlider .nivo-controlNav a { background-image:url("images/icons/highlight_slide_marker.png"); }
body.work-page .nivoSlider .nivo-controlNav a.active { background-image:url("images/icons/highlight_slide_marker_selected.png"); }
body.work-page .nivoSlider .nivo-caption { display: none !important; }

body#contact { }
body#contact .contact_map { width: 575px; height: 320px; background: url("images/contact-map.png") no-repeat; margin-bottom: 30px; }
body#contact .contact_map #map_canvas { margin: 10px 0 0 10px; width: 555px; height: 292px; top: 10px; }
body#contact .columns { overflow: hidden; }
body#contact .column { width: 330px; float: left; color: #a2b5bf; }
body#contact .column a { font-size: 26px; padding-left: 35px; display: block; margin-bottom: 22px; }
body#contact .column a.phone { background: url("images/icon-phone.png") 0 0 no-repeat; color: #fff; font-weight: 700; }
body#contact .column a.email { background: url("images/icon-email.png") 0 5px no-repeat; font-weight: 500; }
body#contact .column a.twitter { background: url("images/icon-tweet.png") 0 3px no-repeat; font-weight: 100; margin-bottom: 0; }
body#contact .column.address { width: 240px; }
body#contact .column.address h4 { font-size: 24px; color: #fff; font-weight: 500; margin-bottom: 10px; }
body#contact .column.address p { font-weight: 100; font-size: 20px; line-height: 1.5em; }
body#contact hr { border: none; background: rgba(255,255,255,.1); height: 2px; display: block; margin: 40px 0; }
body#contact .contact_form { overflow: hidden; }
body#contact .contact_form p.label { position: absolute; top: 10px; }
body#contact .contact_form h2.form_title { font-size: 34px; font-weight: 700; color: #fff; margin-bottom: 18px; letter-spacing: -1px; }
body#contact .contact_form .contact_info { width: 230px; float: left; }
body#contact .contact_form .contact_info p { margin-bottom: 14px; position: relative; }
body#contact .contact_form .message  { width: 330px; float: left; margin-left: 30px;  }
body#contact .contact_form input[type="text"] { width: 100%; height: 42px; box-sizing: border-box; padding: 0 8px; }
body#contact .contact_form textarea { width: 100%; height: 156px; box-sizing: border-box; margin-bottom: 10px; padding: 8px; }
body#contact .contact_form input[type="submit"] { width: 100%; }
body#contact #secondary aside.widget.location { display: none; }
body#contact #thanks { width: 577px; height: 205px; background: url("images/thanks-bg.png") no-repeat; padding: 40px 50px; box-sizing: border-box; clear: both; }
body#contact #thanks h3 { color: #8A9AA2; font-size: 28px; font-weight: 500; }
body#contact #thanks p { font-size: 18px; line-height: 1.5em; color: #fff; font-weight: 100; margin-top: 20px; }
body#contact #thanks { display: none; }

#comments { }
h2.comments-title { }
h2.comments-title span { }
ol.commentlist { }
li.comment { }
li.comment article.comment { }
li.comment footer { }
li.comment .comment-author.vcard { }
li.comment .comment-author.vcard cite.fn { }
li.comment .comment-author.vcard span.says { }
li.comment .comment-meta.commentmetadata { }
li.comment .comment-meta.commentmetadata a { }
li.comment .comment-meta.commentmetadata a time { }
li.comment .comment-content { }
li.comment .comment-content p { }
li.comment .reply { }
li.comment .reply a.comment-reply-link { }
#comments #respond { }
h3#reply-title { }
h3#reply-title small { }
h3#reply-title small a { }
form#commentform { }
form#commentform p { }
form#commentform p label { }
form#commentform p span.required { }
form#commentform p input#author { }
form#commentform p textarea#comment { }
form#commentform p input#submit { }
form#commentform p.comment-form-author { }
form#commentform p.comment-form-email { }
form#commentform p.comment-form-url { }
form#commentform p.comment-form-comment { }
form#commentform p.form-submit { }

/*BOX SHADOWS*/
blockquote,
body.two-column #content #secondary .subsection.updates .inner,
body.blog .post .meta 
{ -webkit-box-shadow:rgba(0,0,0,0.3) 0 1px 3px;-moz-box-shadow:rgba(0,0,0,0.3) 0 1px 3px;box-shadow:rgba(0,0,0,0.3) 0 1px 3px; }

/*3PX BORDER-RADIUS*/
#header .navigation nav.main-navigation a.current,
body.work-page .sub-header .projects-pagination a,
body.two-column #content #secondary .subsection.updates .inner .field input[type="text"],
body#home #content .cta-columns .col.services a.more,
body#home #content .cta-columns .col.amenities a.more,
{ -webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px;border-radius:3px; }  

/*INLINE-BLOCK*/
body#talent .talent_list .bio a,
#header .navigation nav.main-navigation li,
#header .navigation nav.main-navigation a.home,
#header .navigation nav.main-navigation li:first-child a,
#header .navigation nav.social-navigation ul,
#header .navigation nav.social-navigation li,  
#footer nav.footer-navigation li,
body.two-column #content #secondary .subsection.updates .inner .field input[type="submit"],
body#home #content .cta-columns .col.services a.more,
body#home #content .cta-columns .col.amenities a.more, 
body.work-index ul#filterOptions li, 
body.work-page .sub-header .projects-pagination a,
body.work-page .project-highlights .highlights-slideshow ul.navigation li,
body.work-page .nivoSlider .nivo-controlNav a,
ul.services_list li h3,
body.work-page .project-details div.imdb_link a,
body.work-page .project-details dl.overview .links a 
{ display:-moz-inline-stack;display:inline-block;vertical-align:middle;*vertical-align:auto;zoom:1;*display:inline; }  

/*BUTTON BOX-SHADOW*/
#header .navigation nav.main-navigation a.current,
.posts_navigation a,
{ -webkit-box-shadow:rgba(0,0,0,0.4) 0 -1px 1px,rgba(255,255,255,0.1) 0 1px 1px;-moz-box-shadow:rgba(0,0,0,0.4) 0 -1px 1px,rgba(255,255,255,0.1) 0 1px 1px;box-shadow:rgba(0,0,0,0.4) 0 -1px 1px,rgba(255,255,255,0.1) 0 1px 1px; }  
  
/*TEXT INPUT*/
textarea,
input[type="text"] { 
  resize: none;
  -webkit-box-shadow:rgba(0,0,0,0.4) 0 -1px 1px,rgba(255,255,255,0.1) 0 1px 1px;-moz-box-shadow:rgba(0,0,0,0.4) 0 -1px 1px,rgba(255,255,255,0.1) 0 1px 1px;box-shadow:rgba(0,0,0,0.4) 0 -1px 1px,rgba(255,255,255,0.1) 0 1px 1px;
  -webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px;border-radius:3px;
  background-color:rgba(0,0,0,0.2);
  background:rgba(255,255,255,0.27);
  border:none; 
  font-size: 14px;
}
textarea:focus,
input[type="text"]:focus { border: none; outline: none; }

/*SUBMIT BUTTON*/  
a.button,
input[type="submit"],
.location a.contact-button,
.posts_navigation a { 
  text-transform: uppercase; 
  font-size:12px;
  font-weight:300;
  padding:7px 0; 
  -webkit-box-shadow:rgba(0,0,0,0.4) 0 -1px 1px,rgba(255,255,255,0.1) 0 1px 1px;-moz-box-shadow:rgba(0,0,0,0.4) 0 -1px 1px,rgba(255,255,255,0.1) 0 1px 1px;box-shadow:rgba(0,0,0,0.4) 0 -1px 1px,rgba(255,255,255,0.1) 0 1px 1px;
  -webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px;border-radius:3px;
  background-color:rgba(0,0,0,0.27);
  border:none;
  color:#fff;
  text-align:center;
  border-bottom: 1px solid #413D46;
}

/*CONTACT FORM 7 STYLES*/
div.wpcf7-validation-errors { border: 2px solid magenta; display: none !important; }
div.wpcf7-response-output { margin: 2em 0.5em 1em; padding: 0.2em 1em; }
span.wpcf7-not-valid-tip {
  position: absolute;
  top: 20%;
  left: 20%;
  z-index: 100;
  background: white;
  border: 1px solid red;
  font-size: 10pt;
  width: 280px;
  padding: 2px;
  display: none;
}
input.wpcf7-not-valid { background: #A4BEDE !important; }
form.wpcf7-form.sent .contact_info { display: none; }
form.wpcf7-form.sent .message { display: none; }
form.wpcf7-form p { position: relative; }
form.wpcf7-form input.wpcf7-submit { height: auto !important; }
div.wpcf7 img.ajax-loader { position: absolute; top: 2px; right: 340px; }
.wpcf7-response-output.wpcf7-display-none.wpcf7-mail-sent-ok { margin: 0; border: none; width: 577px; height: 205px; background: url("images/thanks-bg.png") no-repeat; padding: 40px 50px; box-sizing: border-box; clear: both; }
.wpcf7-response-output.wpcf7-display-none.wpcf7-mail-sent-ok h3 { color: #8A9AA2; font-size: 28px; font-weight: 500; }
.wpcf7-response-output.wpcf7-display-none.wpcf7-mail-sent-ok p { font-size: 18px; line-height: 1.5em; color: #fff; font-weight: 100; margin-top: 20px; }


input::-webkit-input-placeholder { color: #181921; }
input:-moz-placeholder { color: #181921; }
input:-ms-input-placeholder { color: #181921; }
::-webkit-input-placeholder { color: #181921; }
:-moz-placeholder { color: #181921; }
:-ms-input-placeholder { color: #181921; }

ul.services_list { margin-top: 30px; }
ul.services_list li { padding: 15px 0; border-bottom: 1px solid rgba(255,255,255,.1); }
ul.services_list li img { vertical-align: middle; margin-right: 15px; width: 35px; height: auto; }
ul.services_list li h3 { font-size: 22px; font-weight: 500; margin-bottom: 10px; color: white; line-height: 1em; margin-bottom: 0px; }
ul.services_list li .text-content { padding-left: 65px; }

aside#advanced-recent-posts-2 { display: none; }