/* -------------------------------------------------------------------------- */
/* Resets and rendering of default elements
/* -------------------------------------------------------------------------- */
body,
h1,
h2,
h3,
h4,
h5,
h6,
ul,
li,
div,
form,
fieldset {
  margin: 0px;
  padding: 0px;
}
/* Render HTML 5 elements as block in IE */
header,
section,
aside,
article {
  display: block;
}
fieldset {
  border: none;
}
::-moz-selection {
  background: #469b90;
  color: #fff;
}
::selection {
  background: #469b90;
  color: #fff;
}
/* -------------------------------------------------------------------------- */
/* Mixins
/* Snippets of reusable CSS to develop faster and keep code readable
/* -------------------------------------------------------------------------- */
/* Clearfix to clear floated elements. Apply to parent of floated elements. h5bp.com/q*/
.clearfix {
  *zoom: 1;
}
.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
}
.clearfix:after {
  clear: both;
}
/* Fonts*/
@font-face {
  font-family: 'Gibson';
  src: url('../fonts/gibson.eot');
  src: url('../fonts/gibson.eot?#iefix') format('embedded-opentype'), url('../fonts/gibson.woff') format('woff'), url('../fonts/gibson.ttf') format('truetype'), url('../fonts/gibson.svg#gibson-bold') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Gibson-Bold';
  src: url('../fonts/gibson-bold.eot');
  src: url('../fonts/gibson-bold.eot?#iefix') format('embedded-opentype'), url('../fonts/gibson-bold.woff') format('woff'), url('../fonts/gibson-bold.ttf') format('truetype'), url('../fonts/gibson-bold.svg#gibson-bold') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Gibson-Italic';
  src: url('../fonts/gibson-italic.eot');
  src: url('../fonts/gibson-italic.eot?#iefix') format('embedded-opentype'), url('../fonts/gibson-italic.woff') format('woff'), url('../fonts/gibson-italic.ttf') format('truetype'), url('../fonts/gibson-italic.svg#gibson-bold') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Gibson-SemiBold';
  src: url('../fonts/gibson-semibold.eot');
  src: url('../fonts/gibson-semibold.eot?#iefix') format('embedded-opentype'), url('../fonts/gibson-semibold.woff') format('woff'), url('../fonts/gibson-semibold.ttf') format('truetype'), url('../fonts/gibson-semibold.svg#gibson-semibold') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Sanchez';
  src: url('../fonts/sanchez.eot');
  src: url('../fonts/sanchez.eot?#iefix') format('embedded-opentype'), url('../fonts/sanchez.woff') format('woff'), url('../fonts/sanchez.ttf') format('truetype'), url('../fonts/sanchez.svg#sanchez') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Sanchez-Italic';
  src: url('../fonts/sanchez-italic.eot');
  src: url('../fonts/sanchez-italic.eot?#iefix') format('embedded-opentype'), url('../fonts/sanchez-italic.woff') format('woff'), url('../fonts/sanchez-italic.ttf') format('truetype'), url('../fonts/sanchez-italic.svg#sanchez-italic') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Sanchez-Black';
  src: url('../fonts/sanchez-black.eot');
  src: url('../fonts/sanchez-black.eot?#iefix') format('embedded-opentype'), url('../fonts/sanchez-black.woff') format('woff'), url('../fonts/sanchez-black.ttf') format('truetype'), url('../fonts/sanchez-black.svg#sanchez-black') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Sanchez-SemiBold';
  src: url('../fonts/sanchez-semibold.eot');
  src: url('../fonts/sanchez-semibold.eot?#iefix') format('embedded-opentype'), url('../fonts/sanchez-semibold.woff') format('woff'), url('../fonts/sanchez-semibold.ttf') format('truetype'), url('../fonts/sanchez-semibold.svg#sanchez-semibold') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Sanchez-SemiBold-Italic';
  src: url('../fonts/sanchez-semibold-italic.eot');
  src: url('../fonts/sanchez-semibold-italic.eot?#iefix') format('embedded-opentype'), url('../fonts/sanchez-semibold-italic.woff') format('woff'), url('../fonts/sanchez-semibold-italic.ttf') format('truetype'), url('../fonts/sanchez-semibold-italic.svg#sanchez-semibold-italic') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'SignalNo1D';
  src: url('../fonts/signal-no1-d.eot');
  src: url('../fonts/signal-no1-d.eot?#iefix') format('embedded-opentype'), url('../fonts/signal-no1-d.woff') format('woff'), url('../fonts/signal-no1-d.ttf') format('truetype'), url('../fonts/signal-no1-d.svg#signal-no1-d') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Guadaupe-Pro-Gota-Italic';
  src: url('../fonts/guadalupe-pro-gota-italic.eot');
  src: url('../fonts/guadalupe-pro-gota-italic.eot?#iefix') format('embedded-opentype'), url('../fonts/guadalupe-pro-gota-italic.woff') format('woff'), url('../fonts/guadalupe-pro-gota-italic.ttf') format('truetype'), url('../fonts/guadalupe-pro-gota-italic.svg#signal-no1-d') format('svg');
  font-weight: normal;
  font-style: normal;
}
/* Border Radius*/
/* Drop shadows*/
/* Gradient */
/* The Grid: default 1080px grid*/
.row {
  margin-left: -30px;
  *zoom: 1;
}
.row:before,
.row:after {
  display: table;
  content: "";
}
.row:after {
  clear: both;
}
[class*="span"] {
  float: left;
  margin-left: 30px;
}
/*         Set the container width, and override it for fixed navbars in media queries*/
.container {
  width: 1050px;
}
.container.single {
  margin: auto;
  float: none;
}
/*         generate .spanX and .offsetX*/
.span12 {
  width: 1050px;
}
.span12.single {
  margin: auto;
  float: none;
}
.span11 {
  width: 960px;
}
.span11.single {
  margin: auto;
  float: none;
}
.span10 {
  width: 870px;
}
.span10.single {
  margin: auto;
  float: none;
}
.span9 {
  width: 780px;
}
.span9.single {
  margin: auto;
  float: none;
}
.span8 {
  width: 690px;
}
.span8.single {
  margin: auto;
  float: none;
}
.span7 {
  width: 600px;
}
.span7.single {
  margin: auto;
  float: none;
}
.span6 {
  width: 510px;
}
.span6.single {
  margin: auto;
  float: none;
}
.span5 {
  width: 420px;
}
.span5.single {
  margin: auto;
  float: none;
}
.span4 {
  width: 330px;
}
.span4.single {
  margin: auto;
  float: none;
}
.span3 {
  width: 240px;
}
.span3.single {
  margin: auto;
  float: none;
}
.span2 {
  width: 150px;
}
.span2.single {
  margin: auto;
  float: none;
}
.span1 {
  width: 60px;
}
.span1.single {
  margin: auto;
  float: none;
}
.offset12 {
  margin-left: 1110px;
}
.offset11 {
  margin-left: 1020px;
}
.offset10 {
  margin-left: 930px;
}
.offset9 {
  margin-left: 840px;
}
.offset8 {
  margin-left: 750px;
}
.offset7 {
  margin-left: 660px;
}
.offset6 {
  margin-left: 570px;
}
.offset5 {
  margin-left: 480px;
}
.offset4 {
  margin-left: 390px;
}
.offset3 {
  margin-left: 300px;
}
.offset2 {
  margin-left: 210px;
}
.offset1 {
  margin-left: 120px;
}
input,
textarea,
.uneditable-input {
  margin-left: 0;
}
input.span12, textarea.span12, .uneditable-input.span12 {
  width: 1040px;
}
input.span11, textarea.span11, .uneditable-input.span11 {
  width: 950px;
}
input.span10, textarea.span10, .uneditable-input.span10 {
  width: 860px;
}
input.span9, textarea.span9, .uneditable-input.span9 {
  width: 770px;
}
input.span8, textarea.span8, .uneditable-input.span8 {
  width: 680px;
}
input.span7, textarea.span7, .uneditable-input.span7 {
  width: 590px;
}
input.span6, textarea.span6, .uneditable-input.span6 {
  width: 500px;
}
input.span5, textarea.span5, .uneditable-input.span5 {
  width: 410px;
}
input.span4, textarea.span4, .uneditable-input.span4 {
  width: 320px;
}
input.span3, textarea.span3, .uneditable-input.span3 {
  width: 230px;
}
input.span2, textarea.span2, .uneditable-input.span2 {
  width: 140px;
}
input.span1, textarea.span1, .uneditable-input.span1 {
  width: 50px;
}
@media (min-width: 1080px) {
  .row {
    margin-left: -30px;
    *zoom: 1;
  }
  .row:before,
  .row:after {
    display: table;
    content: "";
  }
  .row:after {
    clear: both;
  }
  [class*="span"] {
    float: left;
    margin-left: 30px;
  }
  /*         Set the container width, and override it for fixed navbars in media queries*/
  .container {
    width: 1050px;
  }
  .container.single {
    margin: auto;
    float: none;
  }
  /*         generate .spanX and .offsetX*/
  .span12 {
    width: 1050px;
  }
  .span12.single {
    margin: auto;
    float: none;
  }
  .span11 {
    width: 960px;
  }
  .span11.single {
    margin: auto;
    float: none;
  }
  .span10 {
    width: 870px;
  }
  .span10.single {
    margin: auto;
    float: none;
  }
  .span9 {
    width: 780px;
  }
  .span9.single {
    margin: auto;
    float: none;
  }
  .span8 {
    width: 690px;
  }
  .span8.single {
    margin: auto;
    float: none;
  }
  .span7 {
    width: 600px;
  }
  .span7.single {
    margin: auto;
    float: none;
  }
  .span6 {
    width: 510px;
  }
  .span6.single {
    margin: auto;
    float: none;
  }
  .span5 {
    width: 420px;
  }
  .span5.single {
    margin: auto;
    float: none;
  }
  .span4 {
    width: 330px;
  }
  .span4.single {
    margin: auto;
    float: none;
  }
  .span3 {
    width: 240px;
  }
  .span3.single {
    margin: auto;
    float: none;
  }
  .span2 {
    width: 150px;
  }
  .span2.single {
    margin: auto;
    float: none;
  }
  .span1 {
    width: 60px;
  }
  .span1.single {
    margin: auto;
    float: none;
  }
  .offset12 {
    margin-left: 1110px;
  }
  .offset11 {
    margin-left: 1020px;
  }
  .offset10 {
    margin-left: 930px;
  }
  .offset9 {
    margin-left: 840px;
  }
  .offset8 {
    margin-left: 750px;
  }
  .offset7 {
    margin-left: 660px;
  }
  .offset6 {
    margin-left: 570px;
  }
  .offset5 {
    margin-left: 480px;
  }
  .offset4 {
    margin-left: 390px;
  }
  .offset3 {
    margin-left: 300px;
  }
  .offset2 {
    margin-left: 210px;
  }
  .offset1 {
    margin-left: 120px;
  }
}
@media (min-width: 1024px) and (max-width: 1079px) {
  .row {
    margin-left: -24px;
    *zoom: 1;
  }
  .row:before,
  .row:after {
    display: table;
    content: "";
  }
  .row:after {
    clear: both;
  }
  [class*="span"] {
    float: left;
    margin-left: 24px;
  }
  /*         Set the container width, and override it for fixed navbars in media queries*/
  .container {
    width: 888px;
  }
  .container.single {
    margin: auto;
    float: none;
  }
  /*         generate .spanX and .offsetX*/
  .span12 {
    width: 888px;
  }
  .span12.single {
    margin: auto;
    float: none;
  }
  .span11 {
    width: 812px;
  }
  .span11.single {
    margin: auto;
    float: none;
  }
  .span10 {
    width: 736px;
  }
  .span10.single {
    margin: auto;
    float: none;
  }
  .span9 {
    width: 660px;
  }
  .span9.single {
    margin: auto;
    float: none;
  }
  .span8 {
    width: 584px;
  }
  .span8.single {
    margin: auto;
    float: none;
  }
  .span7 {
    width: 508px;
  }
  .span7.single {
    margin: auto;
    float: none;
  }
  .span6 {
    width: 432px;
  }
  .span6.single {
    margin: auto;
    float: none;
  }
  .span5 {
    width: 356px;
  }
  .span5.single {
    margin: auto;
    float: none;
  }
  .span4 {
    width: 280px;
  }
  .span4.single {
    margin: auto;
    float: none;
  }
  .span3 {
    width: 204px;
  }
  .span3.single {
    margin: auto;
    float: none;
  }
  .span2 {
    width: 128px;
  }
  .span2.single {
    margin: auto;
    float: none;
  }
  .span1 {
    width: 52px;
  }
  .span1.single {
    margin: auto;
    float: none;
  }
  .offset12 {
    margin-left: 936px;
  }
  .offset11 {
    margin-left: 860px;
  }
  .offset10 {
    margin-left: 784px;
  }
  .offset9 {
    margin-left: 708px;
  }
  .offset8 {
    margin-left: 632px;
  }
  .offset7 {
    margin-left: 556px;
  }
  .offset6 {
    margin-left: 480px;
  }
  .offset5 {
    margin-left: 404px;
  }
  .offset4 {
    margin-left: 328px;
  }
  .offset3 {
    margin-left: 252px;
  }
  .offset2 {
    margin-left: 176px;
  }
  .offset1 {
    margin-left: 100px;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .row {
    margin-left: -20px;
    *zoom: 1;
  }
  .row:before,
  .row:after {
    display: table;
    content: "";
  }
  .row:after {
    clear: both;
  }
  [class*="span"] {
    float: left;
    margin-left: 20px;
  }
  /*         Set the container width, and override it for fixed navbars in media queries*/
  .container {
    width: 724px;
  }
  .container.single {
    margin: auto;
    float: none;
  }
  /*         generate .spanX and .offsetX*/
  .span12 {
    width: 724px;
  }
  .span12.single {
    margin: auto;
    float: none;
  }
  .span11 {
    width: 662px;
  }
  .span11.single {
    margin: auto;
    float: none;
  }
  .span10 {
    width: 600px;
  }
  .span10.single {
    margin: auto;
    float: none;
  }
  .span9 {
    width: 538px;
  }
  .span9.single {
    margin: auto;
    float: none;
  }
  .span8 {
    width: 476px;
  }
  .span8.single {
    margin: auto;
    float: none;
  }
  .span7 {
    width: 414px;
  }
  .span7.single {
    margin: auto;
    float: none;
  }
  .span6 {
    width: 352px;
  }
  .span6.single {
    margin: auto;
    float: none;
  }
  .span5 {
    width: 290px;
  }
  .span5.single {
    margin: auto;
    float: none;
  }
  .span4 {
    width: 228px;
  }
  .span4.single {
    margin: auto;
    float: none;
  }
  .span3 {
    width: 166px;
  }
  .span3.single {
    margin: auto;
    float: none;
  }
  .span2 {
    width: 104px;
  }
  .span2.single {
    margin: auto;
    float: none;
  }
  .span1 {
    width: 42px;
  }
  .span1.single {
    margin: auto;
    float: none;
  }
  .offset12 {
    margin-left: 764px;
  }
  .offset11 {
    margin-left: 702px;
  }
  .offset10 {
    margin-left: 640px;
  }
  .offset9 {
    margin-left: 578px;
  }
  .offset8 {
    margin-left: 516px;
  }
  .offset7 {
    margin-left: 454px;
  }
  .offset6 {
    margin-left: 392px;
  }
  .offset5 {
    margin-left: 330px;
  }
  .offset4 {
    margin-left: 268px;
  }
  .offset3 {
    margin-left: 206px;
  }
  .offset2 {
    margin-left: 144px;
  }
  .offset1 {
    margin-left: 82px;
  }
}
@media (max-width: 0px) {
  .container {
    padding-left: 20px;
    padding-right: 20px;
  }
  #footer {
    padding: 0;
  }
  .container {
    width: auto;
  }
  .row {
    margin-left: 0;
  }
  [class*="span"] {
    float: none;
    display: block;
    width: auto;
    margin-left: 0;
  }
}
.visible-phone {
  display: none !important;
}
.visible-tablet {
  display: none !important;
}
.hidden-desktop {
  display: none !important;
}
@media (max-width: 0px) {
  .visible-phone {
    display: inherit !important;
  }
  .hidden-phone {
    display: none !important;
  }
  .hidden-tablet {
    display: none !important;
  }
  .hidden-desktop {
    display: inherit !important;
  }
  .visible-desktop {
    display: none !important;
  }
}
@media (min-width: 768px) and (max-width: 1079px) {
  .visible-tablet {
    display: inherit !important;
  }
  .hidden-tablet {
    display: none !important;
  }
  .hidden-desktop {
    display: inherit !important;
  }
  .visible-desktop {
    display: none !important ;
  }
}
html {
  height: 100%;
}
body {
  background: #f0f0f0;
  color: #343434;
  font: 13px/1.4 'Sanchez', Verdana, Arial, Helvetica sans-serif;
  height: 100%;
  position: relative;
  text-rendering: optimizeLegibility;
}
.body_container {
  -webkit-font-smoothing: antialiased;
  position: relative;
}
.container {
  margin: 0 auto;
}
#header {
  background-color: #000;
  background-repeat: no-repeat;
  background-position: center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  text-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}
#header #btn_dropdown {
  display: none;
}
#header .shade {
  background: transparent url(../images/logo_shade.png) no-repeat;
  height: 87px;
  position: absolute;
  top: 50px;
  right: -40px;
  z-index: 1;
  width: 100%;
  opacity: 0;
}
@media (max-width: 0px) {
  #header .shade {
    display: none;
  }
}
#header .top {
  position: relative;
  z-index: 2;
}
@media (max-width: 0px) {
  #header {
    overflow: hidden;
    width: 100%;
  }
  #header .top {
    clear: both;
  }
  #header .container {
    padding: 0 !important;
  }
  #header .container .wls {
    height: 50px !important;
    width: 50px !important;
    top: 0px !important;
    left: 0px !important;
    background: url(../images/logo.png) no-repeat 10px 10px !important;
    background-size: auto 30px !important;
  }
  #header .container .row {
    background: #1e1e1e;
  }
  #header .logo {
    float: left;
    width: 300px;
  }
  #header #btn_dropdown {
    background: #161616;
    border-left: 1px solid #363636;
    display: block;
    float: right;
    height: 48px;
    width: 49px;
    overflow: hidden;
    cursor: pointer;
  }
  #header #btn_dropdown .inner {
    position: relative;
    top: 12px;
    left: 12px;
    display: block;
    background: url('../images/mobile_shade.png') no-repeat;
    background-size: 50%;
    height: 48px;
    width: 49px;
  }
  #header nav {
    display: none;
    position: absolute;
    top: 0px;
  }
}
#header .container {
  height: 442px;
  padding-top: 59px;
  position: relative;
}
#header .container .waves {
  bottom: -8px;
  left: 0;
  position: absolute;
}
#header .container .waves img {
  width: 100%;
}
#header .container .wls {
  background: transparent url(../images/logo_seq.png) no-repeat left top;
  height: 76px;
  width: 83px;
  position: absolute;
  top: -6px;
  left: -10px;
}
#header .container .logo {
  text-decoration: none;
}
#header .container .logo .logos {
  color: #fff;
  font-family: 'Gibson-Bold', sans-serif;
  display: block;
  width: 120px;
  height: 22px;
  padding-left: 86px;
  margin-top: 19px;
  text-decoration: none;
  overflow: hidden;
}
#header .container .logo .logos .frontside,
#header .container .logo .logos .backside {
  font-size: 16px;
  text-transform: uppercase;
  display: block;
}
#header .container .logo .logos .inside {
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  -ms-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  position: relative;
  top: -22px;
}
#header .container .logo:hover .logos .inside {
  top: 0px;
}
@media (max-width: 0px) {
  #header .container .logo {
    width: 215px;
  }
  #header .container .logo .logos {
    height: 50px;
    padding: 0;
    margin: 0;
    width: 164px;
    position: relative;
    left: 60px;
  }
  #header .container .logo .logos .inside {
    top: 0;
  }
  #header .container .logo .logos .frontside {
    font-size: 14px;
    display: block;
    padding: 18px 0 0 0;
  }
  #header .container .logo .logos .backside {
    display: none;
  }
}
#header .container nav .navs {
  overflow: hidden;
  height: 13px;
  text-decoration: none;
}
#header .container nav .navs .inside br {
  line-height: 5px;
}
#header .container nav .navs .frontside,
#header .container nav .navs .backside {
  height: 20px;
  font-size: 14px;
  text-transform: uppercase;
  text-align: center;
  display: block;
}
#header .container nav .navs .frontside {
  color: #FFF;
}
#header .container nav .navs .backside {
  color: #539185;
}
#header .container nav .navs .inside {
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  -ms-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  position: relative;
  top: -20px;
}
#header .container nav .navs:hover .inside {
  top: 0;
}
#header .container nav ul {
  *zoom: 1;
  list-style: none;
  padding-left: 220px;
  width: 291px;
}
#header .container nav ul:before,
#header .container nav ul:after {
  display: table;
  content: "";
}
#header .container nav ul:after {
  clear: both;
}
#header .container nav ul li {
  float: left;
  padding: 0 0 20px 19px;
}
#header .container nav ul li a {
  color: #fff;
  display: block;
  font-family: 'Gibson-SemiBold', sans-serif;
  font-size: 14px;
  line-height: 1.2;
  padding: 5px 0 0 0;
  margin-top: 18px;
  text-decoration: none;
  text-transform: uppercase;
  position: relative;
  /*                        &:hover {
                            bottom: 2px;
                            border-bottom: 2px solid #fff;
                        }*/

}
#header .container nav ul li:first-child {
  padding-right: 0;
}
#header .container nav ul li.active a {
  /*bottom: 5px;*/

  padding-bottom: 3px;
  border-bottom: 2px solid #fff;
}
@media (min-width: 768px) and (max-width: 1079px) {
  #header .container nav ul {
    padding-left: 62px;
  }
}
@media (max-width: 0px) {
  #header .container nav .navs {
    border-top: 1px solid #252525 !important;
    border-bottom: 1px solid #141414 !important;
    margin: 0;
    width: auto;
    display: block;
    background: #101010;
    padding: 15px 0 15px 63px!important;
  }
  #header .container nav .navs:hover .frontside {
    color: #539185;
  }
  #header .container nav .navs .backside {
    display: none !important;
  }
  #header .container nav .navs .frontside {
    text-align: left;
  }
  #header .container nav .navs .inside {
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    -ms-transition: none;
    transition: none;
    position: relative;
    top: 0px;
  }
  #header .container nav ul {
    padding-left: 0;
    width: auto;
  }
  #header .container nav ul li {
    float: none;
    width: auto;
    display: block;
    clear: both;
    padding: 0 !important;
    margin: 0 !important;
  }
  #header .container nav ul li.active .frontside {
    color: #999;
  }
}
@media only screen and (max-width: 0px) {
  #header .container {
    padding-top: 10px;
  }
  #header .container nav ul li {
    padding-left: 0;
    padding-bottom: 5px;
  }
  #header .container nav ul li a {
    padding-left: 0;
  }
  #header .container nav ul li:last-child {
    padding-bottom: 20px;
  }
}
#footer {
  -webkit-font-smoothing: antialiased;
  bottom: 0;
  height: 159px;
  margin-top: -159px;
  overflow: hidden;
  position: absolute;
  width: 100%;
  z-index: 2000;
}
#footer .right {
  left: 50%;
  position: absolute;
}
#footer .inner {
  background: transparent url(../images/footer.png) no-repeat center bottom;
  left: -50%;
  position: relative;
  width: 900px;
  height: 40px;
  padding: 70px 0 49px 0;
}
#footer .inner .copyright {
  color: #cccccc;
  font-family: 'Sanchez-Italic', sans-serif;
  font-size: 11px;
  text-align: center;
}
#footer .inner ul {
  *zoom: 1;
  list-style: none;
  margin: 10px auto 0;
  width: 360px;
}
#footer .inner ul:before,
#footer .inner ul:after {
  display: table;
  content: "";
}
#footer .inner ul:after {
  clear: both;
}
#footer .inner ul li {
  border-right: 1px solid #7c7878;
  float: left;
  font-size: 12px;
  padding: 2px 11px 0 11px;
}
#footer .inner ul li:last-child {
  border-right: none;
}
#footer .inner ul li.email a {
  color: #7c7878;
  font-family: 'Sanchez', sans-serif;
  text-decoration: none;
}
#footer .inner ul li.email a:hover {
  text-decoration: underline;
}
#footer .inner ul li.phone a {
  color: #dd483e;
  font-family: 'Sanchez-SemiBold', sans-serif;
  text-decoration: none;
}
#footer .inner ul li.social {
  *zoom: 1;
  width: 78px;
  padding-top: 0;
}
#footer .inner ul li.social:before,
#footer .inner ul li.social:after {
  display: table;
  content: "";
}
#footer .inner ul li.social:after {
  clear: both;
}
#footer .inner ul li.social a {
  display: block;
  font: 0/0 a;
  text-shadow: none;
  color: transparent;
  float: left;
  height: 20px;
  width: 20px;
  margin-left: 2px;
}
#footer .inner ul li.social .frontside {
  background: #7c7878;
  height: 20px;
  width: auto;
}
#footer .inner ul li.social .backside {
  background: #469B90;
  height: 20px;
}
#footer .inner ul li.social .inside {
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  -ms-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  top: 0;
  position: relative;
}
#footer .inner ul li.social .mask {
  position: absolute;
  top: 0;
  left: 0;
}
#footer .inner ul li.social .twitter {
  position: relative;
  overflow: hidden;
}
#footer .inner ul li.social .twitter .mask {
  background: transparent url(../images/twitter_footer.png) no-repeat left top;
  height: 20px;
  width: 20px;
}
#footer .inner ul li.social .facebook {
  position: relative;
  overflow: hidden;
}
#footer .inner ul li.social .facebook .mask {
  background: transparent url(../images/facebook_footer.png) no-repeat left top;
  height: 20px;
  width: 20px;
}
#footer .inner ul li.social .vimeo {
  position: relative;
  overflow: hidden;
}
#footer .inner ul li.social .vimeo .mask {
  background: transparent url(../images/vimeo_footer.png) no-repeat left top;
  height: 20px;
  width: 20px;
}
#footer .inner ul li.social .twitter:hover .inside {
  top: -20px;
}
#footer .inner ul li.social .vimeo:hover .inside {
  top: -20px;
}
#footer .inner ul li.social .facebook:hover .inside {
  top: -20px;
}
@media (max-width: 0px) {
  #footer .inner ul li {
    border: none;
    float: none;
    text-align: center;
  }
  #footer .inner ul li.social {
    margin: 0 auto;
  }
}
@media (min-width: 768px) and (max-width: 1079px) {
  #header {
    overflow: hidden;
  }
}
@media (max-width: 0px) {
  .body_container {
    position: relative !important;
  }
  #header {
    top: 0;
    position: fixed !important;
    top: auto !important;
    width: 100%;
    z-index: 2000;
  }
  .waves {
    bottom: auto;
    left: auto;
    padding-top: 50px;
    position: relative;
  }
  .waves img {
    display: block;
    width: 100%;
  }
  #neck {
    padding: 20px 0;
  }
  #content {
    min-height: 450px;
  }
  #header {
    overflow: visible;
  }
  #header .container {
    height: auto;
  }
  #footer {
    bottom: auto;
    height: auto;
    margin-top: 0;
    position: relative;
    width: 100%;
  }
  #footer .right {
    background: #000;
    left: auto;
    position: relative;
  }
  #footer .right .inner {
    background: transparent url(../images/logo.png) no-repeat center 15px;
    background-size: 35px auto;
    height: auto;
    left: auto;
    padding: 55px 0 15px;
    position: relative;
    width: auto;
  }
  #footer .right .inner .copyright {
    display: none;
  }
  #footer .right .inner ul {
    margin-top: 0;
    width: auto;
  }
  #footer .right .inner ul li {
    padding: 6px 0;
  }
  #footer .right .inner ul li.phone {
    margin: 3px 0 7px;
  }
  #footer .right .inner ul li.social {
    width: 120px;
  }
  #footer .right .inner ul li.social a {
    margin: 0 10px;
  }
  #footer .right .inner ul li.social .inside {
    display: none;
  }
  #footer .right .inner ul li.social .mask {
    background-color: #7C7878;
  }
  #footer .right .inner ul li.social .twitter .mask,
  #footer .right .inner ul li.social .facebook .mask,
  #footer .right .inner ul li.social .vimeo .mask {
    background-image: url(../images/mobile_footer_social.jpg);
  }
  #footer .right .inner ul li.social .facebook .mask {
    background-position: -40px 0;
  }
  #footer .right .inner ul li.social .twitter .mask {
    background-position: -20px 0;
  }
}
@media (min-width: 1025px) and (-webkit-min-device-pixel-ratio: 1.5) {
  .work #header .container {
    height: 221px;
  }
}
.work#index #header {
  background-image: url(../images/work/header_bg.jpg);
  background-repeat: no-repeat;
  background-position: center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.work#index #header .container {
  height: 115px;
}
.work#index #header .shade {
  opacity: 0.2;
}
@media (max-width: 0px) {
  .work#index #header .container {
    height: auto;
  }
  .work .container .waves {
    display: none;
  }
}
.work#mlb13 #header {
  background-image: url('../images/work/mlb13/mlb13_bg.jpg');
}
@media (min-width: 1025px) and (-webkit-min-device-pixel-ratio: 1.5) {
  .work#mlb13 #header {
    background-image: url('../images/work/mlb13/mlb13_bg@2x.jpg');
  }
}
.work#mlb13 #header .shade {
  opacity: 0.4;
}
.work#academyawards #header {
  background-image: url('../images/work/academyawards/academyawards_bg.jpg');
}
@media (min-width: 1025px) and (-webkit-min-device-pixel-ratio: 1.5) {
  .work#academyawards #header {
    background-image: url('../images/work/academyawards/academyawards_bg@2x.jpg');
  }
}
.work#amex #header {
  background-image: url('../images/work/amex/amex_bg.jpg');
}
@media (min-width: 1025px) and (-webkit-min-device-pixel-ratio: 1.5) {
  .work#amex #header {
    background-image: url('../images/work/amex/amex_bg@2x.jpg');
  }
}
.work#quiksilver #header {
  background-image: url('../images/work/quiksilver/quiksilver_bg.jpg');
}
@media (min-width: 1025px) and (-webkit-min-device-pixel-ratio: 1.5) {
  .work#quiksilver #header {
    background-image: url('../images/work/quiksilver/quiksilver_bg@2x.jpg');
  }
}
.work#ancestry #header {
  background-image: url('../images/work/ancestry/ancestry_bg.jpg');
}
@media (min-width: 1025px) and (-webkit-min-device-pixel-ratio: 1.5) {
  .work#ancestry #header {
    background-image: url('../images/work/ancestry/ancestry_bg@2x.jpg');
  }
}
.work#benjaminmoore #header {
  background-image: url('../images/work/benjaminmoore/benjamin_bg.jpg');
}
@media (min-width: 1025px) and (-webkit-min-device-pixel-ratio: 1.5) {
  .work#benjaminmoore #header {
    background-image: url('../images/work/benjaminmoore/benjamin_bg@2x.jpg');
  }
}
.work#coke #header {
  background-image: url('../images/work/coke/coke_bg.jpg');
}
@media (min-width: 1025px) and (-webkit-min-device-pixel-ratio: 1.5) {
  .work#coke #header {
    background-image: url('../images/work/coke/coke_bg@2x.jpg');
  }
}
.work#coke #header .shade {
  opacity: 0.4;
}
.work#ge #header {
  background-image: url('../images/work/ge/ge_bg.jpg');
}
@media (min-width: 1025px) and (-webkit-min-device-pixel-ratio: 1.5) {
  .work#ge #header {
    background-image: url('../images/work/ge/ge_bg@2x.jpg');
  }
}
.work#ge #header .shade {
  opacity: 0.8;
}
.work#browning #header {
  background-image: url('../images/work/browning/browning_bg.jpg');
}
@media (min-width: 1025px) and (-webkit-min-device-pixel-ratio: 1.5) {
  .work#browning #header {
    background-image: url('../images/work/browning/browning_bg@2x.jpg');
  }
}
.work#bugaboo #header {
  background-image: url('../images/work/bugaboo/bugaboo_bg.jpg');
}
@media (min-width: 1025px) and (-webkit-min-device-pixel-ratio: 1.5) {
  .work#bugaboo #header {
    background-image: url('../images/work/bugaboo/bugaboo_bg@2x.jpg');
  }
}
.work#bugaboo #header .shade {
  opacity: 0.2;
}
.work#census #header {
  background-image: url('../images/work/census/census_bg.jpg');
}
@media (min-width: 1025px) and (-webkit-min-device-pixel-ratio: 1.5) {
  .work#census #header {
    background-image: url('../images/work/census/census_bg@2x.jpg');
  }
}
.work#google #header {
  background-image: url('../images/work/google/google_bg.jpg');
}
@media (min-width: 1025px) and (-webkit-min-device-pixel-ratio: 1.5) {
  .work#google #header {
    background-image: url('../images/work/google/google_bg@2x.jpg');
  }
}
.work#google #header .shade {
  opacity: 0.2;
}
.work#hyundai #header {
  background-image: url('../images/work/hyundai/hyundai_bg.jpg');
}
@media (min-width: 1025px) and (-webkit-min-device-pixel-ratio: 1.5) {
  .work#hyundai #header {
    background-image: url('../images/work/hyundai/hyundai_bg@2x.jpg');
  }
}
.work#joujou #header {
  background-image: url('../images/work/joujou/joujou_bg.jpg');
}
@media (min-width: 1025px) and (-webkit-min-device-pixel-ratio: 1.5) {
  .work#joujou #header {
    background-image: url('../images/work/joujou/joujou_bg@2x.jpg');
  }
}
.work#leaf #header {
  background-image: url(../images/work/leaf/leaf_bg.jpg);
}
.work#moment #header {
  background-image: url('../images/work/moment/moment_bg.jpg');
}
@media (min-width: 1025px) and (-webkit-min-device-pixel-ratio: 1.5) {
  .work#moment #header {
    background-image: url('../images/work/moment/moment_bg@2x.jpg');
  }
}
.work#moment #header .shade {
  opacity: 0.5;
}
.work#smokeybones #header {
  background-image: url('../images/work/smokeybones/smokeybones_bg.jpg');
}
@media (min-width: 1025px) and (-webkit-min-device-pixel-ratio: 1.5) {
  .work#smokeybones #header {
    background-image: url('../images/work/smokeybones/smokeybones_bg@2x.jpg');
  }
}
.work#smokeybones #header .shade {
  opacity: 0.6;
}
.work#snowbird #header {
  background-image: url('../images/work/snowbird/snowbird_bg.jpg');
}
@media (min-width: 1025px) and (-webkit-min-device-pixel-ratio: 1.5) {
  .work#snowbird #header {
    background-image: url('../images/work/snowbird/snowbird_bg@2x.jpg');
  }
}
.work#snowbird #header .shade {
  opacity: 0.5;
}
.work#snowbird #header li {
  text-shadow: 0 2px 8px #000000;
}
.work#specialized #header {
  background-image: url(../images/work/specialized/specialized_bg.jpg);
}
.work#wlstech #header {
  background-image: url('../images/work/wlstech/wlstech_bg.jpg');
}
@media (min-width: 1025px) and (-webkit-min-device-pixel-ratio: 1.5) {
  .work#wlstech #header {
    background-image: url('../images/work/wlstech/wlstech_bg@2x.jpg');
  }
}
.work#browning #header {
  background-image: url('../images/work/browning/browning_bg.jpg');
}
@media (min-width: 1025px) and (-webkit-min-device-pixel-ratio: 1.5) {
  .work#browning #header {
    background-image: url('../images/work/browning/browning_bg@2x.jpg');
  }
}
.work#bugaboo #header {
  background-image: url(../images/work/bugaboo/bugaboo_bg.jpg);
}
.work#census #header {
  background-image: url('../images/work/census/census_bg.jpg');
}
@media (min-width: 1025px) and (-webkit-min-device-pixel-ratio: 1.5) {
  .work#census #header {
    background-image: url('../images/work/census/census_bg@2x.jpg');
  }
}
.work #neck {
  background: #fff;
  padding: 38px 0 32px 0;
  height: 40px;
  overflow: hidden;
}
.work #neck.cursor_pointer {
  cursor: pointer;
}
.work #neck .span11 {
  *zoom: 1;
  padding-top: 8px;
}
.work #neck .span11:before,
.work #neck .span11:after {
  display: table;
  content: "";
}
.work #neck .span11:after {
  clear: both;
}
.work #neck .span11 h1 {
  color: #7c7878;
  float: left;
  font-family: 'Sanchez-SemiBold', sans-serif;
  font-size: 24px;
  font-weight: normal;
  text-transform: uppercase;
  white-space: nowrap;
}
.work #neck .span11 .accomplished {
  color: #539185;
  float: left;
  font-family: 'Sanchez-SemiBold-Italic', sans-serif;
  font-size: 12px;
  padding: 8px 0 8px 12px;
}
@media (max-width: 0px) {
  .work #neck .span11 h1 {
    line-height: 1;
    margin-bottom: -2px;
  }
  .work #neck .span11 .accomplished {
    padding: 4px 0 0 2px;
  }
}
.work #neck .span1 .index {
  display: block;
  width: 45px;
  height: 45px;
  border-radius: 22px;
  font-size: 12px;
  color: #fff;
  line-height: 28px;
  text-align: center;
  text-decoration: none;
  font-family: 'Sanchez-SemiBold-Italic', sans-serif;
  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
  background: #539185;
  overflow: hidden;
  /*            &:hover .inside {
                top: -5px;
            }*/

}
.work #neck .span1 .index .index_container {
  overflow: hidden;
  height: 19px;
  margin-top: 15px;
}
.work #neck .span1 .index .frontside,
.work #neck .span1 .index .backside,
.work #neck .span1 .index .close {
  display: block;
}
.work #neck .span1 .index .frontside {
  background: transparent url(../images/work/index/index.png) no-repeat center top;
  width: 45;
  height: 16px;
}
.work #neck .span1 .index .close {
  background: transparent url(../images/work/index/close.png) no-repeat center top;
  width: 45;
  height: 19px;
  margin-top: 8px;
}
.work #neck .span1 .index .inside {
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  -ms-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  position: relative;
  top: -28px;
}
@media (max-width: 0px) {
  .work #neck .span1 .index,
  .work #neck .full_index {
    display: none;
  }
}
.work #neck .full_index {
  margin-top: 92px;
}
.work #neck .listing {
  *zoom: 1;
}
.work #neck .listing:before,
.work #neck .listing:after {
  display: table;
  content: "";
}
.work #neck .listing:after {
  clear: both;
}
.work #neck .listing .span3 {
  *zoom: 1;
}
.work #neck .listing .span3:before,
.work #neck .listing .span3:after {
  display: table;
  content: "";
}
.work #neck .listing .span3:after {
  clear: both;
}
.work #neck .listing h3 {
  clear: both;
  color: #343434;
  float: left;
  font-family: 'SignalNo1D', sans-serif;
  font-size: 16px;
  font-weight: normal;
  width: 30px;
}
.work #neck .listing ul {
  float: left;
  list-style: none;
  margin-bottom: 23px;
  width: 200px;
}
.work #neck .listing ul li {
  position: relative;
  padding-bottom: 2px;
}
.work #neck .listing ul li.case_study a {
  -webkit-transition: background-position 200ms ease;
  -moz-transition: background-position 200ms ease;
  background: transparent url(../images/work/favorite.jpg) no-repeat;
  background-position: right -18px;
  padding-right: 24px;
  padding-top: 2px;
}
.work #neck .listing ul li.case_study a:hover {
  background-position: right 2px;
}
.work #neck .listing ul li.case_study a.on {
  color: #539185;
}
.work #neck .listing ul li span,
.work #neck .listing ul li a {
  font-family: 'Sanchez', sans-serif;
  line-height: 1.7;
}
.work #neck .listing ul li span {
  color: #adacac;
}
.work #neck .listing ul li a {
  color: #343434;
  text-decoration: none;
}
.work #neck .listing ul li a:hover {
  color: #539185;
  text-decoration: underline;
}
.work #neck .listing .favorites {
  background: transparent url(../images/work/favorite.jpg) no-repeat;
  background-position: left -17px;
  clear: both;
  color: #cbdeda;
  float: left;
  font-family: 'Sanchez-SemiBold-Italic';
  font-size: 12px;
  margin-left: 7px;
  padding-left: 30px;
}
.work #neck .listing .favorites.on {
  background-position: left 3px;
  color: #539185;
}
.work #torso {
  margin-bottom: -159px;
  padding-top: 40px;
  position: relative;
}
.work #torso a {
  color: #dd483e;
  text-decoration: none;
  border-bottom: 2px solid;
}
.work #torso a:hover {
  text-decoration: none;
  border: none;
}
.work #torso blockquote {
  font-family: 'Sanchez-SemiBold-Italic', sans-serif;
  font-size: 24px;
  color: #dd483e;
  text-align: center;
}
@media (max-width: 0px) {
  .work #torso blockquote {
    font-size: 16px;
  }
}
.work #torso blockquote#bold-quote {
  line-height: 36px;
  text-transform: uppercase;
  font-size: 36px;
  color: #0e0e11;
  font-family: 'Gibson-Bold', sans-serif;
  font-style: bold;
  margin: 0px;
  padding-top: 50px;
}
.work #torso .container p.italic-type {
  font-style: italic;
  text-align: center;
  line-height: 1.5;
  margin-top: 10px;
}
.work #torso > .prev,
.work #torso > .next {
  position: fixed;
  top: 30%;
  z-index: 1800;
}
.work #torso > .prev .arrow,
.work #torso > .next .arrow {
  background: url(../images/work/next_prev_btns.png);
  height: 10px;
  position: absolute;
  top: 180px;
  width: 6px;
}
.work #torso > .prev.next .arrow,
.work #torso > .next.next .arrow {
  left: 16px;
}
.work #torso > .prev.prev .arrow,
.work #torso > .next.prev .arrow {
  background-position: right top;
  right: 16px;
}
.work #torso > .prev a,
.work #torso > .next a {
  -webkit-box-shadow: 1px 1px 5px 2px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 1px 1px 5px 2px rgba(0, 0, 0, 0.3);
  box-shadow: 1px 1px 5px 2px rgba(0, 0, 0, 0.3);
  border: 5px solid #fff;
  color: #343434;
  display: block;
  position: relative;
}
.work #torso > .prev a:hover,
.work #torso > .next a:hover {
  border: 5px solid #fff;
}
.work #torso > .prev img,
.work #torso > .next img {
  display: block;
  position: relative;
  z-index: 3;
}
.work #torso > .prev .name,
.work #torso > .next .name {
  position: absolute;
  top: 0;
  left: 50%;
  z-index: 2;
}
.work #torso > .prev .name h4,
.work #torso > .next .name h4 {
  background: #fff;
  left: -50%;
  position: relative;
  color: #343434;
  font-family: 'Gibson-Italic';
  font-size: 12px;
  font-weight: normal;
  text-align: center;
  white-space: nowrap;
}
.work #torso > .prev i,
.work #torso > .next i {
  background: url(../images/work/next_prev_bottom.png) no-repeat left top;
  color: #7c7878;
  font-family: 'SignalNo1D', sans-serif;
  font-size: 12px;
  font-style: normal;
  position: absolute;
  bottom: 0;
  height: 12px;
  padding-top: 38px;
  text-align: center;
  text-transform: uppercase;
  width: 174px;
  z-index: 4;
}
.work #torso > .prev i span,
.work #torso > .next i span {
  background: url(../images/work/next_prev_btns.png);
  display: inline-block;
  height: 10px;
  margin-bottom: -1px;
  width: 6px;
}
.work #torso > .prev.prev i span,
.work #torso > .next.prev i span {
  background-position: right top;
}
.work #torso .prev {
  left: -210px;
  padding: 0 30px 0 10px;
}
.work #torso .next {
  right: -210px;
  padding: 0 10px 0 30px;
}
.work #torso .container .vimeo_video {
  position: relative;
}
.work #torso .container .vimeo_video iframe {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.work #torso .container .row {
  padding-top: 32px;
}
.work #torso .container h2 {
  color: #343434;
  font-family: 'SignalNo1D', sans-serif;
  font-size: 16px;
  font-weight: normal;
  /*padding-bottom: 20px;*/

  text-transform: uppercase;
}
.work #torso .container p {
  color: #343434;
  font-family: 'Sanchez', sans-serif;
  font-size: 16px;
  line-height: 1.65;
}
.work #torso .container p.light,
.work #torso .container h2.light {
  color: #777676;
}
.work #torso .container img {
  display: block;
  width: 100%;
}
.work #torso .container dl {
  color: #343434;
  font-family: 'Sanchez', sans-serif;
  font-size: 16px;
  line-height: 1.65;
  margin: 0;
  padding-top: 32px;
}
.work #torso .container dl strong {
  font-family: 'SignalNo1D', sans-serif;
  font-weight: normal;
}
.work #torso .container dl dd {
  margin: 0 0 35px;
}
.work #torso .container .highlights dl dt,
.work #torso .container .challenge_solution dl dt {
  background: url(../images/bullet.jpg) no-repeat left top;
  padding-left: 15px;
}
.work #torso .container .challenge_solution img {
  padding: 22px 0 0 0;
}
.work #torso .container .note {
  font-family: 'Sanchez-SemiBold-Italic', sans-serif;
  color: #539185;
  font-size: 11px;
  margin: 5px 0 -10px 0;
}
.work #torso .container .interview_title {
  *zoom: 1;
  padding-top: 32px;
}
.work #torso .container .interview_title:before,
.work #torso .container .interview_title:after {
  display: table;
  content: "";
}
.work #torso .container .interview_title:after {
  clear: both;
}
.work #torso .container .interview_title h2 {
  float: left;
}
.work #torso .container .interview_title .who {
  float: left;
  font-family: 'Sanchez', sans-serif;
  font-size: 12px;
  padding-left: 8px;
  padding-top: 2px;
}
.work #torso .container .interview_title .who strong {
  color: #539185;
  font-family: 'Sanchez-Black', sans-serif;
  font-weight: normal;
}
.work #torso .container .row.interview,
.work #torso .container .row.highlights {
  padding-top: 0px;
}
.work #torso .container .snowboarder {
  padding-top: 16px;
}
.work #torso .container .tech-highlights {
  background: #f0f0f0 url(../images/work/right_column_divider.jpg) no-repeat left top;
}
.work #torso .container .tech-highlights h2 {
  margin-left: 30px;
  color: #539185;
}
.work #torso .container .tech-highlights ul {
  margin-left: 45px;
}
.work #torso .container .tech-highlights ul li {
  line-height: 22px;
  margin: 0 0 20px 0;
  list-style: none;
}
.work #torso .container .tech-highlights ul li:before {
  content: '\2022';
  display: block;
  position: relative;
  max-width: 0px;
  max-height: 0px;
  left: -10px;
  top: 0px;
  color: #539185;
  font-size: 20px;
}
.work #torso .container .tech-highlights img {
  margin: 40px 0 0 20px;
}
@media (max-width: 0px) {
  .work #torso .container .tech-highlights {
    background: none;
  }
  .work #torso .container .tech-highlights h2 {
    color: #539185;
    margin: 30px 0px 0px 0px;
  }
  .work #torso .container .tech-highlights ul {
    margin-left: 10px;
  }
  .work #torso .container .tech-highlights ul li {
    line-height: 22px;
    margin: 0 0 20px 0;
    list-style: none;
  }
  .work #torso .container .tech-highlights ul li:before {
    content: '\2022';
    display: block;
    position: relative;
    max-width: 0px;
    max-height: 0px;
    left: -10px;
    top: 0px;
    color: #539185;
    font-size: 20px;
  }
  .work #torso .container .tech-highlights img {
    margin: 40px 0 0 20px;
  }
}
.work#index #torso .container {
  background: #f0f0f0;
  padding-bottom: 110px;
}
@media (min-width: 768px) {
  .work#index #torso .container a {
    background-color: transparent;
    background-position: center center;
    background-repeat: no-repeat;
    border-bottom: none;
    display: block;
    height: 300px;
    overflow: hidden;
    position: relative;
    text-decoration: none;
  }
  .work#index #torso .container a .background {
    -moz-transition: bottom 600ms ease;
    -webkit-transition: bottom 600ms ease;
    bottom: 0;
    height: 100%;
    position: absolute;
  }
  .work#index #torso .container a .background img {
    border: none;
    width: auto;
  }
  .work#index #torso .container a h4 {
    -moz-transition: bottom 500ms ease;
    -webkit-transition: bottom 500ms ease;
    background: #539286;
    color: #fff;
    display: block;
    font-family: 'Sanchez-SemiBold';
    font-size: 16px;
    font-weight: normal;
    height: 38px;
    left: 0;
    padding-left: 10px;
    position: absolute;
    text-align: left;
    bottom: -44px;
    width: 100%;
  }
  .work#index #torso .container a h4 span {
    display: block;
    line-height: 2;
    margin-top: 3px;
  }
  .work#index #torso .container a h4 .splash {
    display: block;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: -20px;
  }
  .work#index #torso .container a h4 .splash img {
    border: none;
    display: block;
    position: relative;
    width: auto;
  }
  .work#index #torso .container a h4 .favorite {
    -moz-transition: opacity 300ms ease, text-indent 300ms ease;
    -webkit-transition: opacity 300ms ease, text-indent 300ms ease;
    background: url(../images/work/index/favorite.png) no-repeat right 7px transparent;
    color: #FFFFFF;
    display: block;
    font-size: 10px;
    font-style: normal;
    opacity: 0.25;
    overflow: hidden;
    padding-bottom: 1px;
    padding-right: 25px;
    padding-top: 7px;
    position: absolute;
    right: 20px;
    text-transform: uppercase;
    top: 7px;
    text-indent: -51px;
  }
  .work#index #torso .container a h4 .favorite:hover {
    opacity: 0.85;
    text-indent: 0;
  }
  .work#index #torso .container a:hover .background {
    bottom: 20px;
  }
  .work#index #torso .container a:hover h4 {
    bottom: 0;
  }
}
@media (min-width: 768px) and (max-width: 1079px) {
  .work#index #torso .container a .background img {
    margin-left: -16%;
  }
}
@media (max-width: 0px) {
  .work#index .container .waves {
    display: block;
  }
  .work#index #torso {
    padding-top: 0;
  }
  .work#index #neck {
    padding: 30px 0;
  }
  .work#index #torso .container {
    padding: 0;
  }
  .work#index #torso .container .row {
    padding: 0;
  }
  .work#index #torso .container a {
    border: none;
    display: block;
    float: left;
    margin: 0;
    overflow: hidden;
    position: relative;
    text-decoration: none;
    width: 100%;
  }
  .work#index #torso .container a .background img {
    width: 100%;
  }
  .work#index #torso .container a h4 {
    display: none;
  }
}
.work#academyawards #torso .container .vimeo_video p.italic-type {
  font-size: 14px;
  line-height: 1;
  margin: 0 0 8px;
}
.work#academyawards #torso .container .vimeo_video iframe.tyler {
  height: 389px;
  margin-top: 42px;
  position: relative;
}
.work#academyawards .border-bottom {
  border-bottom: #d3d3d3 1px solid;
  padding-bottom: 60px;
}
.work#academyawards .border-top {
  border-top: white 1px solid;
}
.work#academyawards #torso .container p.italic-type {
  font-style: italic;
  text-align: center;
  line-height: 1.5;
  margin-top: 10px;
}
.work#academyawards .list ul {
  border-top: #d3d3d3 1px solid;
  border-bottom: white 1px solid;
  list-style: none;
}
.work#academyawards .list ul li {
  padding: 6px 3px;
  background: url(../images/work/moment/arrow.jpg) no-repeat right center;
  border-bottom: #d3d3d3 1px solid;
  border-top: white 1px solid;
  cursor: pointer;
}
.work#academyawards .list ul li.active span {
  color: #539286;
}
.work#academyawards .list ul li:hover span {
  color: #539286;
}
.work#academyawards .list ul li span {
  font-weight: bold;
}
.work#academyawards .span8.look {
  position: relative;
  background: url(../images/work/academyawards/shadow.jpg) no-repeat bottom center;
  padding-bottom: 18px;
}
.work#academyawards .span8.look img {
  display: none;
}
.work#academyawards .row.border {
  border-bottom: #d3d3d3 1px solid;
  border-top: white 1px solid;
  padding: 60px 0;
}
.work#academyawards .wrap {
  border-top: #d3d3d3 1px solid;
  border-bottom: white 1px solid;
  margin: 40px 0;
}
.work#academyawards #styleguide {
  background: #0e0e11 url(../images/work/academyawards/black_bg.jpg) no-repeat top center;
  height: auto;
  width: 100%;
  margin: 60px 0;
  padding: 60px 0 0;
  *zoom: 1;
}
.work#academyawards #styleguide:before,
.work#academyawards #styleguide:after {
  display: table;
  content: "";
}
.work#academyawards #styleguide:after {
  clear: both;
}
.work#academyawards #styleguide #bold-quote span {
  color: #d7b34b;
}
.work#academyawards #styleguide h2 {
  color: #c8c8c8;
  margin-top: 60px;
}
.work#academyawards #styleguide h2 span {
  text-align: center;
  display: block;
  margin-bottom: -30px;
}
.work#academyawards #styleguide p span {
  color: #c8c8c8;
}
.work#academyawards #styleguide .row.border {
  border-top: 1px solid #1b1b1b;
  border-bottom: 1px solid #1b1b1b;
  margin-top: 60px;
}
.work#academyawards #styleguide #scroller {
  background: #0e0e11 url(../images/work/academyawards/black_bg2.jpg) no-repeat bottom center;
  padding-top: 60px;
  position: relative;
  *zoom: 1;
}
.work#academyawards #styleguide #scroller:before,
.work#academyawards #styleguide #scroller:after {
  display: table;
  content: "";
}
.work#academyawards #styleguide #scroller:after {
  clear: both;
}
.work#academyawards #styleguide #scroller .container {
  height: 451px;
  display: block;
  position: relative;
  overflow: hidden;
  width: 1050px !important;
  max-width: 1050px;
}
.work#academyawards #styleguide #scroller .container .inner_container {
  width: 4700px;
  position: absolute;
  left: 0;
}
.work#academyawards #styleguide #scroller .container .inner_container .span4 {
  margin-left: 100px;
}
.work#academyawards #styleguide #scroller .container .inner_container .span6 {
  margin: 0 190px 0 25px;
}
.work#academyawards #styleguide #scroller .container .inner_container .span6 img {
  float: left;
  height: 451px;
  width: 510px;
}
.work#academyawards #styleguide #scroller #slider_handle {
  margin: 15px auto 100px auto;
  width: 828px;
  height: 25px;
  position: relative;
}
.work#academyawards #styleguide #scroller #slider_handle #handle {
  margin-top: 5px;
  position: relative;
  display: block;
  cursor: pointer;
  background: transparent url(../images/work/academyawards/handle.png);
  width: 73px;
  height: 25px;
  top: 5px;
}
.work#academyawards #styleguide #scroller #slider_handle a {
  position: absolute;
  top: 38px;
  display: block;
  height: 55px;
  width: 107px;
  margin: 0 25px 0 0;
  background: transparent url(../images/work/academyawards/phaseSprite.png);
  border: none;
  text-indent: -999999px;
}
.work#academyawards #styleguide #scroller #slider_handle a.phase1 {
  background-position: -426px 0;
  left: 0;
  width: 100px;
}
.work#academyawards #styleguide #scroller #slider_handle a.phase1:hover {
  background-position: -426px -62px;
}
.work#academyawards #styleguide #scroller #slider_handle a.phase2 {
  background-position: -98px 0;
  left: 30%;
}
.work#academyawards #styleguide #scroller #slider_handle a.phase2:hover {
  background-position: -98px -62px;
}
.work#academyawards #styleguide #scroller #slider_handle a.phase3 {
  left: 59%;
  background-position: -204px 0;
}
.work#academyawards #styleguide #scroller #slider_handle a.phase3:hover {
  background-position: -204px -62px;
}
.work#academyawards #styleguide #scroller #slider_handle a.phase4 {
  background-position: -319px 0;
  left: 89%;
}
.work#academyawards #styleguide #scroller #slider_handle a.phase4:hover {
  background-position: -319px -62px;
}
.work#academyawards .span8.space p {
  padding-right: 90px;
}
.work#academyawards .span9.final {
  position: relative;
  background: url(../images/work/academyawards/shadow2.jpg) no-repeat bottom center;
  padding-bottom: 25px;
  margin-bottom: 200px;
}
.work#academyawards .span9.final img {
  display: none;
}
@media (min-width: 768px) and (max-width: 1079px) {
  .work#academyawards .span12 {
    margin-left: 0;
  }
}
@media (max-width: 0px) {
  .work#academyawards .wireframe_images .span4 img {
    margin: 0 auto;
    width: 70%;
  }
  .work#academyawards .container .row .span8.space {
    padding-bottom: 20px;
  }
  .work#academyawards .container .row .span8.space p {
    padding: 0;
  }
}
.work#amex #torso .container .vimeo_video p.italic-type {
  font-size: 14px;
  line-height: 1;
  margin: 0 0 8px;
}
.work#amex #torso .container .vimeo_video iframe.corey {
  height: 389px;
  margin-top: 42px;
  position: relative;
}
.work#amex #torso .container .vimeo_video {
  margin-bottom: 32px;
}
.work#amex #torso .container .note {
  margin-bottom: 10px;
}
.work#amex .screens .note {
  padding-top: 15px;
}
.work#amex #torso .container .polaroids p.note {
  margin: -5px 0 0 0;
}
.work#amex #light-grey {
  height: auto;
  width: auto;
  background-color: #e3e3e3;
}
.work#amex #blue-grey {
  height: auto;
  width: auto;
  background-color: #383f44;
  margin-top: 8%;
  margin-bottom: 70px;
}
.work#amex #dark-grey {
  height: auto;
  width: auto;
  margin-top: 10%;
  margin-bottom: 7%;
  background-color: #1b1a1b;
}
.work#amex #black {
  height: auto;
  width: auto;
  background-color: #000000;
  margin-top: 60px;
  background: url(../images/work/amex/LED_bg.jpg) no-repeat center top #000000;
}
.work#amex #block-left {
  text-align: left;
  margin: 24px 0;
}
.work#amex .stanchion {
  margin-top: -81px;
  margin-bottom: -10.4%;
}
.work#amex #torso .container .history-bg {
  padding-top: 0px;
}
.work#amex .history-panel {
  margin-top: -46%;
  margin-bottom: -5%;
}
.work#amex #torso .container div.LED-bg {
  padding-top: 75px;
}
.work#amex #torso .container div.LED-bg h2,
.work#amex #torso .container div.LED-bg p {
  color: #fff;
}
.work#amex .tech-header {
  text-align: center;
}
.work#amex #torso .container p.italic-type {
  font-style: italic;
  text-align: center;
  line-height: 1.5;
  margin-top: 10px;
}
.work#amex p.light {
  color: #777676;
}
.work#amex .polaroids {
  padding-bottom: 200px;
}
@media (max-width: 0px) {
  .work#amex #torso .container .history-bg {
    margin: 15% 0;
  }
  .work#amex .history-panel {
    margin-top: -63%;
    margin-bottom: 4%;
  }
  .work#amex #dark-grey {
    margin-bottom: -10%;
  }
  .work#amex .tech-header {
    text-align: left;
  }
  .work#amex .technologies .span3 img {
    width: auto;
  }
  .work#amex .polaroids {
    padding-bottom: 20px;
  }
}
.work#ancestry .container #montage {
  margin-top: -70px;
  margin-left: 50px;
  position: relative;
  height: 673px;
}
.work#ancestry #photo_group_one {
  position: absolute;
  width: auto;
  top: 65px;
  left: 135px;
  -webkit-transition: all 1.7s cubic-bezier(0.23, 1, 0.32, 1);
  -moz-transition: all 1.7s cubic-bezier(0.23, 1, 0.32, 1);
  -ms-transition: all 1.7s cubic-bezier(0.23, 1, 0.32, 1);
  transition: all 1.7s cubic-bezier(0.23, 1, 0.32, 1);
}
.work#ancestry #photo_map {
  position: absolute;
  width: auto;
  top: 30px;
  left: 525px;
  -webkit-transition: all 1.2s cubic-bezier(0.23, 1, 0.32, 1);
  -moz-transition: all 1.2s cubic-bezier(0.23, 1, 0.32, 1);
  -ms-transition: all 1.2s cubic-bezier(0.23, 1, 0.32, 1);
  transition: all 1.2s cubic-bezier(0.23, 1, 0.32, 1);
}
.work#ancestry #photo_big_book {
  position: absolute;
  width: auto;
  top: 170px;
  left: 25px;
}
.work#ancestry #photo_group_two {
  position: absolute;
  width: auto;
  top: 320px;
  left: 580px;
  -webkit-transition: all 1s cubic-bezier(0.23, 1, 0.32, 1);
  -moz-transition: all 1s cubic-bezier(0.23, 1, 0.32, 1);
  -ms-transition: all 1s cubic-bezier(0.23, 1, 0.32, 1);
  transition: all 1s cubic-bezier(0.23, 1, 0.32, 1);
}
.work#ancestry #photo_dirt_road {
  position: absolute;
  width: auto;
  top: 405px;
  left: 455px;
  -webkit-transition: all 1.2s cubic-bezier(0.23, 1, 0.32, 1);
  -moz-transition: all 1.2s cubic-bezier(0.23, 1, 0.32, 1);
  -ms-transition: all 1.2s cubic-bezier(0.23, 1, 0.32, 1);
  transition: all 1.2s cubic-bezier(0.23, 1, 0.32, 1);
}
.work#ancestry .container .bottom-photos .span {
  float: right;
  margin-right: -20px;
}
.work#ancestry .sm-screenshots img {
  margin-top: 20px;
}
.work#ancestry .sm-screenshots img:first-child {
  margin-top: 0px;
}
.work#ancestry .middlephoto img {
  position: absolute;
  right: 0;
  top: 1230px;
  width: auto;
}
.work#ancestry .bottomphoto img {
  position: absolute;
  left: 0;
  bottom: 350px;
  width: auto;
}
.work#ancestry .container #montage.transition #photo_group_one {
  position: absolute;
  width: auto;
  top: 95px;
  left: 135px;
}
.work#ancestry .container #montage.transition #photo_map {
  top: 35px;
  left: 495px;
  -webkit-transform: rotate(-3deg);
  -moz-transform: rotate(-3deg);
  transform: rotate(-3deg);
  -webkit-transform-origin: 30% 60%;
  -moz-transform-origin: 30% 60%;
  -ms-transform-origin: 30% 60%;
  transform-origin: 30% 60%;
}
.work#ancestry .container #montage.transition #photo_group_two {
  position: absolute;
  width: auto;
  top: 470px;
  left: 420px;
  -webkit-transform: rotate(14deg);
  -moz-transform: rotate(14deg);
  -ms-transform: rotate(14deg);
  transform: rotate(14deg);
}
.work#ancestry .container #montage.transition #photo_dirt_road {
  position: absolute;
  width: auto;
  top: 535px;
  left: 395px;
  -webkit-transform: rotate(30deg);
  -moz-transform: rotate(30deg);
  -ms-transform: rotate(30deg);
  transform: rotate(30deg);
  -webkit-transform-origin: 40% 60%;
  -moz-transform-origin: 40% 60%;
  -ms-transform-origin: 40% 60%;
  transform-origin: 40% 60%;
}
.work#ancestry .container #montage.transition .container .bottom-photos .span {
  float: right;
  margin-right: -20px;
}
.work#ancestry .container #montage.transition .sm-screenshots img {
  margin-top: 20px;
}
.work#ancestry .container #montage.transition .sm-screenshots img:first-child {
  margin-top: 0px;
}
.work#ancestry .container #montage.transition .middlephoto img {
  position: absolute;
  right: 0;
  top: 1230px;
  width: auto;
}
.work#ancestry .container #montage.transition .bottomphoto img {
  position: absolute;
  left: 0;
  bottom: 350px;
  width: auto;
}
.work#ancestry .span6.inkblot {
  height: 340px;
  max-width: 510px;
  overflow: hidden;
  position: relative;
}
.work#ancestry .span6.inkblot img {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: auto;
}
@media (max-width: 0px) {
  .work#ancestry .span6.inkblot {
    max-width: 100%;
  }
}
.work#benjaminmoore .container .screenshots .span12 {
  position: relative;
  height: 431px;
  z-index: 4;
  overflow: hidden;
}
.work#benjaminmoore .container .screenshots .span12 img#paintcan {
  top: 230px;
  height: auto;
  right: -60px;
  position: absolute;
}
.work#benjaminmoore .container .screenshots .span12 img {
  width: auto;
}
.work#benjaminmoore .container .screenshots .span12 #screenshot1 {
  position: absolute;
  left: 0;
}
.work#benjaminmoore .container .screenshots .span12 #screenshot2 {
  position: absolute;
  left: 360px;
}
.work#benjaminmoore .container .screenshots .span12 #screenshot3 {
  position: absolute;
  left: 720px;
}
@media (min-width: 768px) and (max-width: 1079px) {
  .work#benjaminmoore .container .screenshots .span12 img.paintcan {
    height: 70%;
    width: 21%;
  }
}
.work#benjaminmoore .container .screenshots .paint_container {
  position: absolute;
  overflow: visible;
}
.work#benjaminmoore .container .text-continued {
  position: relative;
  z-index: 5;
}
.work#benjaminmoore .container .chimneygrid .span5 {
  position: relative;
}
.work#benjaminmoore .container .chimneygrid .span5 img.chimney {
  bottom: -136px;
  height: auto;
  right: 0px;
  position: absolute;
  width: auto;
}
@media (min-width: 768px) and (max-width: 1079px) {
  .work#benjaminmoore .container .chimneygrid .span5 img.chimney {
    height: 35%;
    width: 32%;
  }
}
.work#benjaminmoore .middlecont {
  padding-top: 0px;
}
.work#benjaminmoore .pillows {
  padding-bottom: 180px;
  z-index: 2;
}
.work#benjaminmoore .toppaint img {
  position: absolute;
  left: 0;
  top: 390px;
}
.work#benjaminmoore .middlepaint img {
  position: absolute;
  right: 0;
  top: 1520px;
  z-index: 10;
}
.work#benjaminmoore .bottompaint img {
  position: absolute;
  left: 0;
  bottom: 0;
}
@media (max-width: 0px) {
  .work#benjaminmoore .pillows {
    padding-bottom: 0;
  }
}
.work#browning .gun {
  background: #f0f0f0 url(../images/work/browning/biggun.jpg) no-repeat center top;
  height: 464px;
  margin: 95px 0 0 0;
}
.work#browning .span6.pheasant {
  height: 211px;
  max-width: 510px;
  overflow: hidden;
  position: relative;
}
.work#browning .span6.pheasant img {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: auto;
}
.work#browning .span4.smoking_gun {
  height: 388px;
  max-width: 328px;
  overflow: hidden;
  position: relative;
}
.work#browning .span4.smoking_gun img {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: auto;
}
@media (max-width: 0px) {
  .work#browning .airboat img {
    padding-bottom: 58px;
  }
}
.work#bugaboo .sm-screenshots img {
  margin-top: 25px;
}
.work#bugaboo .sm-screenshots img:first-child {
  margin-top: 0px;
}
.work#bugaboo #torso .container .baby {
  margin: 0 auto 180px auto;
  text-align: center;
  display: block;
}
.work#bugaboo #torso .container .baby img {
  width: auto;
  margin: 0 auto;
}
.work#census #torso .container .tech-highlights img {
  margin-left: 80px;
}
.work#census #torso .container .highlights {
  padding-top: 0px;
}
.work#census #torso .container .highlights ul {
  margin-left: 16px;
  line-height: 22px;
}
.work#census #torso .container .highlights ul li {
  margin-bottom: 20px;
}
@media (min-width: 768px) and (max-width: 1079px) {
  .work#census #torso .container .tech-highlights img {
    margin: 0;
  }
}
.work#coke {
  /*        .bottle img{
            position: absolute;
            left:-80px;
            top: 320px;
            z-index: 1;
        }*/

}
.work#coke #torso {
  background: transparent url(../images/work/coke/bottles.jpg) no-repeat center top;
}
.work#coke #torso .container .spacer_row .span12 {
  padding-top: 384px;
}
@media (min-width: 768px) and (max-width: 1079px) {
  .work#coke #torso .container .spacer_row .span12 {
    padding-top: 0px;
  }
}
.work#coke dl {
  padding-top: 32px;
}
.work#coke .iphones img {
  z-index: 10;
}
.work#coke .iphones {
  position: relative;
}
.work#coke .iphones .bottle {
  position: absolute;
  width: 76px;
  left: 146px;
  overflow: hidden;
  top: 199px;
  height: 225px;
}
.work#coke .iphones .bottle img {
  display: block;
  position: absolute;
  width: auto;
}
.work#coke .span6.animations {
  height: 285px;
  max-width: 515px;
  overflow: hidden;
  position: relative;
}
.work#coke .span6.animations img {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: auto;
}
.work#coke .span6.solution div {
  width: 1px;
}
.work#coke .span6.solution div img {
  width: auto;
}
@media (min-width: 768px) and (max-width: 1079px) {
  .work#coke #torso .container .spacer_row {
    padding-top: 358px;
  }
  .work#coke #torso .container .span6.vimeo_video {
    width: 100%;
  }
}
@media (max-width: 0px) {
  .work#coke .span6.solution div img {
    max-width: 300px;
  }
  .work#coke .span6.solution h2 {
    margin-top: 40px;
  }
  .work#coke .topapps img {
    padding-bottom: 78px;
  }
}
.work#ge .social {
  padding-bottom: 200px;
}
@media (max-width: 0px) {
  .work#ge .social {
    padding-bottom: 20px;
  }
}
.work#google .span7.iphones {
  position: relative;
}
.work#google .span7.iphones .numbers {
  position: absolute;
  width: 130px;
  left: 154px;
  overflow: hidden;
  top: 84px;
  height: 76px;
}
.work#google .span7.iphones .numbers img {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: auto;
}
.work#google #overhead_view {
  background: url(../images/work/google/overhead_view.jpg) no-repeat top center;
  background-color: black;
  background-repeat: no-repeat;
  background-position: top center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  min-height: 485px;
}
.work#google .span6.printout_container {
  position: relative;
}
.work#google .span6.printout_container .printout {
  position: absolute;
  width: 336px;
  left: 171px;
  overflow: hidden;
  top: 17px;
  height: 348px;
}
.work#google .span6.printout_container .printout img {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: auto;
}
.work#google .stopmotion .span12 {
  position: relative;
}
.work#google .stopmotion .span12 .laptops,
.work#google .stopmotion .span12 .harddrives,
.work#google .stopmotion .span12 .tapes {
  *zoom: 1;
  position: absolute;
}
.work#google .stopmotion .span12 .laptops:before,
.work#google .stopmotion .span12 .harddrives:before,
.work#google .stopmotion .span12 .tapes:before,
.work#google .stopmotion .span12 .laptops:after,
.work#google .stopmotion .span12 .harddrives:after,
.work#google .stopmotion .span12 .tapes:after {
  display: table;
  content: "";
}
.work#google .stopmotion .span12 .laptops:after,
.work#google .stopmotion .span12 .harddrives:after,
.work#google .stopmotion .span12 .tapes:after {
  clear: both;
}
.work#google .stopmotion .span12 .laptops > div,
.work#google .stopmotion .span12 .harddrives > div,
.work#google .stopmotion .span12 .tapes > div {
  float: left;
  overflow: hidden;
}
.work#google .stopmotion .span12 .laptops img,
.work#google .stopmotion .span12 .harddrives img,
.work#google .stopmotion .span12 .tapes img {
  position: relative;
  width: auto;
}
.work#google .stopmotion .span12 .laptops {
  top: 0;
}
.work#google .stopmotion .span12 .laptops div {
  width: 175px;
}
.work#google .stopmotion .span12 .harddrives {
  top: 176px;
}
.work#google .stopmotion .span12 .harddrives div {
  width: 210px;
}
.work#google .stopmotion .span12 .tapes {
  top: 387px;
}
.work#google .stopmotion .span12 .tapes div {
  width: 262px;
}
.work#hyundai .span6.transparentcar {
  position: relative;
}
.work#hyundai .span6.transparentcar .bodyrigidity {
  height: 203px;
  left: 30px;
  overflow: hidden;
  position: absolute;
  top: 62px;
  width: 453px;
}
.work#hyundai .span6.transparentcar .bodyrigidity img {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: auto;
}
.work#hyundai .span7.imac {
  position: relative;
}
.work#hyundai .span7.imac .braking {
  height: 180px;
  left: 104px;
  overflow: hidden;
  position: absolute;
  top: 44px;
  width: 395px;
}
.work#hyundai .span7.imac .braking img {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: auto;
}
.work#hyundai .span6.ad {
  position: relative;
}
.work#hyundai .span6.ad .shake {
  height: 252px;
  left: -2px;
  overflow: hidden;
  position: absolute;
  top: -4px;
  width: 300px;
}
.work#hyundai .span6.ad .shake img {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: auto;
}
.work#hyundai .span2.center {
  margin: 0 auto;
  float: none;
  padding-left: 30px;
}
.work#joujou .span7.board {
  position: relative;
}
.work#joujou .span7.board .blink {
  height: 50px;
  left: 342px;
  overflow: hidden;
  position: absolute;
  top: 93px;
  width: 50px;
}
.work#joujou .span7.board .blink img {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: auto;
}
.work#joujou .span7.imac {
  position: relative;
}
.work#joujou .span7.imac .braking {
  height: 180px;
  left: 104px;
  overflow: hidden;
  position: absolute;
  top: 44px;
  width: 395px;
}
.work#joujou .span7.imac .braking img {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: auto;
}
.work#joujou .bottom_margin {
  margin: 0 0 200px 0;
}
@media (max-width: 0px) {
  .work#joujou .bottom_margin {
    margin: 0 0 20px 0;
  }
}
.work#mlb13 .border-bottom {
  border-bottom: #d3d3d3 1px solid;
  padding-bottom: 60px;
}
.work#mlb13 .border-top {
  border-top: white 1px solid;
}
.work#mlb13 #torso {
  overflow: hidden;
}
.work#mlb13 #play-ball {
  padding-bottom: 320px;
  background: url(../images/work/mlb13/stitch.png) bottom left no-repeat;
}
.work#mlb13 #play-ball blockquote.bold-quote {
  color: #393939;
}
.work#mlb13 .ofimport {
  position: relative;
  z-index: 50;
}
.work#mlb13 #field {
  position: relative;
  display: block;
  width: 792px;
  height: 460px;
  margin: auto;
}
.work#mlb13 #field #player {
  position: absolute;
  bottom: -90px;
  left: 540px;
  width: 634px;
  height: 523px;
  -webkit-perspective: 800;
  -moz-perspective: 800;
  perspective: 800;
}
.work#mlb13 #field #player #theplayer {
  position: relative;
  display: block;
  height: 639px;
  width: 772px;
  margin: 0;
  background: url(../images/work/mlb13/batter.png) top left no-repeat;
}
.work#mlb13 #field #the-field {
  position: absolute;
  top: 0;
  left: 0;
  width: 792px;
  height: 460px;
  background: url(../images/work/mlb13/siteview.png) top left no-repeat;
}
.work#mlb13 #field .seat-tweet {
  position: absolute;
}
.work#mlb13 #field .seat-tweet img {
  opacity: 0;
}
.work#mlb13 #field #st1 {
  top: 61px;
  left: 114px;
}
.work#mlb13 #field #st2 {
  top: 115px;
  left: 203px;
}
.work#mlb13 #field #st3 {
  top: 105px;
  left: 360px;
}
.work#mlb13 #field #st4 {
  top: 196px;
  left: 108px;
}
.work#mlb13 #field #ticket {
  position: absolute;
  padding: 20px 96px 0 0;
  right: 0;
  height: 185px;
  width: 113px;
  overflow: hidden;
}
.work#mlb13 #field #ticket:after {
  position: absolute;
  top: 0;
  right: 0;
  width: 213px;
  height: 20px;
  content: "";
  background: url(../images/work/mlb13/siteview.png) top right no-repeat;
}
.work#mlb13 #field #ticket img {
  position: absolute;
  top: 20px;
  left: 0;
  height: 185px;
  width: 113px;
}
@-webkit-keyframes ticket {
  0% {
    opacity: 0;
    top: -205px;
  }
  49% {
    opacity: 0;
    top: -205px;
  }
  50% {
    opacity: 1;
  }
  100% {
    top: 20px;
  }
}
@-moz-keyframes ticket {
  0% {
    opacity: 0;
    top: -205px;
  }
  49% {
    opacity: 0;
    top: -205px;
  }
  50% {
    opacity: 1;
  }
  100% {
    top: 20px;
  }
}
@keyframes ticket {
  0% {
    opacity: 0;
    top: -205px;
  }
  49% {
    opacity: 0;
    top: -205px;
  }
  50% {
    opacity: 1;
  }
  100% {
    top: 20px;
  }
}
.work#mlb13 #field .animate-slide {
  -webkit-animation: ticket 1.8s ease-in;
  -moz-animation: ticket 1.8s ease-in;
  -o-animation: ticket 1.8s ease-in;
  animation: ticket 1.8s ease-in;
}
@-webkit-keyframes bubble {
  0% {
    -webkit-transform: scale(0.1);
    opacity: 0;
  }
  50% {
    -webkit-transform: scale(0.1);
    opacity: 0;
  }
  60% {
    -webkit-transform: scale(1.1);
    opacity: 1;
  }
  80% {
    -webkit-transform: scale(0.9);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1);
  }
}
@-moz-keyframes bubble {
  0% {
    -webkit-transform: scale(0.1);
    opacity: 0;
  }
  50% {
    -webkit-transform: scale(0.1);
    opacity: 0;
  }
  60% {
    -webkit-transform: scale(1.1);
    opacity: 1;
  }
  80% {
    -webkit-transform: scale(0.9);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1);
  }
}
@keyframes bubble {
  0% {
    -webkit-transform: scale(0.1);
    opacity: 0;
  }
  50% {
    -webkit-transform: scale(0.1);
    opacity: 0;
  }
  60% {
    -webkit-transform: scale(1.1);
    opacity: 1;
  }
  80% {
    -webkit-transform: scale(0.9);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1);
  }
}
.work#mlb13 #field .animate-pop {
  -webkit-animation: bubble 1.8s ease-in;
  -moz-animation: bubble 1.8s ease-in;
  -o-animation: bubble 1.8s ease-in;
  animation: bubble 1.8s ease-in;
  opacity: 1;
}
.work#mlb13 .spy-this {
  margin-bottom: 20px;
}
@media (max-width: 500px) {
  .work#mlb13 .spy-this:after {
    display: none;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .work#mlb13 .covert-player,
  .work#mlb13 .covert-cover,
  .work#mlb13 .covert-video {
    height: 163px;
  }
}
@media (min-width: 1024px) and (max-width: 1079px) {
  .work#mlb13 .covert-player,
  .work#mlb13 .covert-cover,
  .work#mlb13 .covert-video {
    height: 236px;
  }
}
.work#mlb13 .covert-player {
  position: relative;
  overflow: hidden;
  background: #1B1B1B;
  margin-bottom: 28px;
}
.work#mlb13 .covert-player .covert-cover {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 100;
}
.work#mlb13 .covert-player .covert-cover img {
  position: relative;
  display: block;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.work#mlb13 .covert-player .covert-video {
  position: relative;
  overflow: hidden;
}
.work#mlb13 h2 {
  margin-top: 18px;
}
.work#mlb13 blockquote {
  text-align: left;
  margin: 1em 20px 0 0;
  font-size: 18px;
  font-weight: normal;
  font-style: normal;
  font-family: 'Sanchez', sans-serif;
}
.work#mlb13 blockquote.bold-quote {
  line-height: 36px;
  text-transform: uppercase;
  font-size: 36px;
  font-family: 'Gibson-Bold', sans-serif;
  font-style: bold;
  margin: 0px;
  padding-top: 50px;
}
.work#mlb13 blockquote cite {
  font-size: 12px;
}
.work#mlb13 #mlb-celeb {
  position: relative;
  padding-top: 1px;
  color: #fff;
  background: url(../images/work/mlb13/noise-red.png) center;
}
@media (max-width: 768px) {
  .work#mlb13 #mlb-celeb {
    padding-bottom: 45px;
  }
}
.work#mlb13 #mlb-celeb:after {
  position: absolute;
  bottom: 138px;
  left: 0;
  width: 586px;
  height: 205px;
  content: "";
  z-index: 20;
  background: url(../images/work/mlb13/bat.png) top left no-repeat;
}
@media (max-width: 768px) {
  .work#mlb13 #mlb-celeb:after {
    display: none;
  }
}
.work#mlb13 #mlb-celeb:before {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 721px;
  content: "";
  background: url(../images/work/mlb13/batter-bottom.png) top left no-repeat;
}
@media (max-width: 768px) {
  .work#mlb13 #mlb-celeb:before {
    display: none;
  }
}
.work#mlb13 #mlb-celeb .container {
  position: relative;
}
.work#mlb13 #mlb-celeb h2,
.work#mlb13 #mlb-celeb blockquote.bold-quote,
.work#mlb13 #mlb-celeb blockquote.bold-quote + p {
  color: #fff;
  text-align: center;
  margin: auto;
}
.work#mlb13 #mlb-celeb blockquote.bold-quote + p {
  max-width: 65%;
}
.work#mlb13 #mlb-celeb .view-mlb-project {
  width: 269px;
  height: 132px;
  margin: auto;
}
.work#mlb13 #mlb-celeb .view-mlb-project:before {
  position: relative;
  display: block;
  width: 269px;
  height: 132px;
  content: "";
  margin: -84px auto -80px;
  background: url(../images/work/mlb13/tp-bg.png) top center no-repeat;
}
.work#mlb13 #mlb-celeb .view-mlb-project a {
  display: block;
  height: 77px;
  width: 268px;
  text-indent: -9999em;
  position: relative;
  z-index: 10;
  border: 0;
  top: 0;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  background: url(../images/work/mlb13/tp.png) top center no-repeat;
}
.work#mlb13 #mlb-celeb .view-mlb-project a:hover {
  top: -5px;
  height: 87px;
}
.work#mlb13 #mlb-celeb .gliff1 {
  position: absolute;
  top: 360px;
  right: -50px;
  width: 380px;
  height: 509px;
  content: "";
  background: url(../images/work/mlb13/batter-top.png) top left no-repeat;
}
.work#mlb13 #mlb-celeb .row {
  position: relative;
}
.work#mlb13 #mlb-celeb #media-pops {
  margin: 0 auto 0;
  padding-top: 60px;
  width: 711px;
  height: 993px;
  background: url(../images/work/mlb13/playbook.png) top center no-repeat;
}
.work#mlb13 #mlb-celeb #tpops {
  position: relative;
  height: 753px;
}
.work#mlb13 #mlb-celeb #tpops li {
  position: absolute;
  width: 100px;
  list-style: none;
  padding: 0;
  margin: 0;
  color: #343434;
  font-family: Helvetica, Arial, sans-serif;
}
.work#mlb13 #mlb-celeb #tpops li#pop1 {
  top: -50px;
  left: 300px;
  /*@media (max-width: 1050px){
                            top: 40px;
                            left: 100px;
                        }*/

}
.work#mlb13 #mlb-celeb #tpops li#pop2 {
  top: 102px;
  left: -30px;
  /*@media (max-width: 1050px){
                            left: 100px;
                            top: 210px;
                        }*/

}
.work#mlb13 #mlb-celeb #tpops li#pop2 .tweet {
  width: 350px;
}
.work#mlb13 #mlb-celeb #tpops li#pop2 p,
.work#mlb13 #mlb-celeb #tpops li#pop2 strong,
.work#mlb13 #mlb-celeb #tpops li#pop2 em {
  font-size: 15px;
}
.work#mlb13 #mlb-celeb #tpops li#pop3 {
  top: 495px;
  left: 30px;
  /*@media (max-width: 1050px){
                            left: 100px;
                            top: 390px;

                            .tweet{
                                width: 410px;
                            }
                        }*/

}
.work#mlb13 #mlb-celeb #tpops li#pop3 .tweet {
  width: 350px;
}
.work#mlb13 #mlb-celeb #tpops li#pop3 p,
.work#mlb13 #mlb-celeb #tpops li#pop3 strong,
.work#mlb13 #mlb-celeb #tpops li#pop3 em {
  font-size: 15px;
}
.work#mlb13 #mlb-celeb #tpops li#pop4 {
  top: 680px;
  left: 80px;
  /*@media (max-width: 1050px){
                            left: 100px;
                            top: 560px;
                        }*/

}
.work#mlb13 #mlb-celeb #tpops li#pop4 .tweet:before {
  display: none;
}
@media (max-width: 1050px) {
  .work#mlb13 #mlb-celeb #tpops li#pop5,
  .work#mlb13 #mlb-celeb #tpops li#pop6,
  .work#mlb13 #mlb-celeb #tpops li#pop7 {
    display: none;
  }
}
.work#mlb13 #mlb-celeb #tpops li#pop5 img,
.work#mlb13 #mlb-celeb #tpops li#pop6 img,
.work#mlb13 #mlb-celeb #tpops li#pop7 img {
  position: absolute;
  top: 0;
  left: 0;
  -webkit-box-shadow: 0 0 0 #000000;
  -moz-box-shadow: 0 0 0 #000000;
  box-shadow: 0 0 0 #000000;
}
.work#mlb13 #mlb-celeb #tpops li#pop5 {
  top: 270px;
  left: 30px;
}
.work#mlb13 #mlb-celeb #tpops li#pop5 img {
  width: 308px;
  height: 174px;
}
.work#mlb13 #mlb-celeb #tpops li#pop6 {
  top: 130px;
  left: 380px;
}
.work#mlb13 #mlb-celeb #tpops li#pop6 img {
  height: 410px;
  width: 388px;
}
.work#mlb13 #mlb-celeb #tpops li#pop7 {
  top: 570px;
  left: 410px;
}
.work#mlb13 #mlb-celeb #tpops li#pop7 img {
  width: 319px;
  height: 117px;
}
.work#mlb13 #mlb-celeb #tpops .all-wrapper {
  position: relative;
  padding: 1px;
}
.work#mlb13 #mlb-celeb #tpops .tweet {
  position: relative;
  width: 320px;
  margin: 30px 0 0 40px;
  padding: 12px 12px 12px 75px;
  background: #fff;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -webkit-box-shadow: 0 0 18px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 0 0 18px rgba(0, 0, 0, 0.75);
  box-shadow: 0 0 18px rgba(0, 0, 0, 0.75);
  text-align: left;
  font-size: 12px;
  line-height: 1.5em;
}
.work#mlb13 #mlb-celeb #tpops .tweet:before {
  position: absolute;
  height: 66px;
  width: 62px;
  top: -60px;
  right: -20px;
  content: "";
  background: url(../images/work/mlb13/tweet-icon.png) top left no-repeat;
}
.work#mlb13 #mlb-celeb #tpops .tweet strong {
  font-weight: bold;
  color: #343434;
}
.work#mlb13 #mlb-celeb #tpops .tweet strong a {
  font-style: normal;
  font-weight: normal;
  color: #999;
  border: 0;
  font-size: .8em;
}
.work#mlb13 #mlb-celeb #tpops .tweet em {
  float: right;
  font-style: normal;
  color: #999;
}
.work#mlb13 #mlb-celeb #tpops .tweet p {
  clear: both;
  font-size: 12px;
  -webkit-margin-before: 0;
  -webkit-margin-after: 0;
  font-family: Helvetica, Arial, sans-serif;
}
.work#mlb13 #mlb-celeb #tpops .tweet p a {
  font-weight: bold;
  color: #999;
  border-bottom: 0;
}
.work#mlb13 #mlb-celeb #tpops img {
  position: absolute;
  top: -15px;
  left: 0;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -webkit-box-shadow: 0 0 18px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 0 0 18px rgba(0, 0, 0, 0.75);
  box-shadow: 0 0 18px rgba(0, 0, 0, 0.75);
}
.work#mlb13 .num,
.work#mlb13 .num-break {
  position: relative;
  display: inline-block;
  font-weight: bold;
  text-align: center;
  font-size: 85px;
  width: 55px;
  color: #1C8BDA;
  font-family: 'Gibson-Bold', sans-serif;
}
.work#mlb13 .num.num-break,
.work#mlb13 .num-break.num-break {
  width: auto;
}
.work#mlb13 #voting-system {
  position: relative;
  padding-top: 1px;
  color: #fff;
  padding-bottom: 360px;
  background: url(../images/work/mlb13/noise-dark.png) center;
}
.work#mlb13 #voting-system .row:nth-of-type(2) {
  position: relative;
}
.work#mlb13 #voting-system .vote-counts {
  background: url(../images/work/mlb13/voting-icons.png) 0 25px no-repeat;
}
.work#mlb13 #voting-system .vote-icon {
  position: relative;
  display: block;
  margin: auto;
  width: 105px;
  height: 67px;
}
@media (max-width: 0px) {
  .work#mlb13 #voting-system {
    padding-bottom: 190px;
  }
}
.work#mlb13 #voting-system:before {
  position: absolute;
  bottom: 380px;
  left: 0;
  right: 0;
  top: 0;
  content: "";
  background: url(../images/work/mlb13/arms.png) bottom center no-repeat;
}
.work#mlb13 #voting-system .voting-sample {
  max-width: 847px;
  margin: -245px auto 0;
}
@media (max-width: 1050px) {
  .work#mlb13 #voting-system .voting-sample {
    margin: 45px auto 0;
  }
}
.work#mlb13 #voting-system h2 {
  text-align: center;
  color: #F5F5F5;
  position: relative;
}
.work#mlb13 #voting-system h2:last-of-type {
  color: #797979;
}
.work#mlb13 #voting-system h2 strong {
  display: block;
  padding-top: 30px;
}
.work#mlb13 #voting-system h2 strong img {
  display: block;
  max-width: 457px;
  margin: auto;
}
.work#mlb13 #voting-system blockquote.bold-quote {
  color: #910101;
  max-width: 80%;
  margin: auto;
  text-align: center;
  padding-bottom: 28px;
}
.work#mlb13 #voting-system p.italic-type {
  color: #C8C8C8;
  max-width: 80%;
  margin: auto;
  padding-bottom: 80px;
}
@media (max-width: 1074px) {
  .work#mlb13 #voting-system #numbers1 .num,
  .work#mlb13 #voting-system #numbers3 .num,
  .work#mlb13 #voting-system #numbers5 .num,
  .work#mlb13 #voting-system #numbers1 .num-break,
  .work#mlb13 #voting-system #numbers3 .num-break,
  .work#mlb13 #voting-system #numbers5 .num-break {
    width: 40px;
    font-size: 55px;
  }
}
@media (max-width: 768px) {
  .work#mlb13 #voting-system #numbers1 .num,
  .work#mlb13 #voting-system #numbers3 .num,
  .work#mlb13 #voting-system #numbers5 .num,
  .work#mlb13 #voting-system #numbers1 .num-break,
  .work#mlb13 #voting-system #numbers3 .num-break,
  .work#mlb13 #voting-system #numbers5 .num-break {
    width: 25px;
    font-size: 38px;
  }
}
.work#mlb13 #voting-system #numbers2 .num,
.work#mlb13 #voting-system #numbers4 .num,
.work#mlb13 #voting-system #numbers2 .num-break,
.work#mlb13 #voting-system #numbers4 .num-break {
  width: 44px;
  font-size: 62px;
}
@media (max-width: 1074px) {
  .work#mlb13 #voting-system #numbers2 .num,
  .work#mlb13 #voting-system #numbers4 .num,
  .work#mlb13 #voting-system #numbers2 .num-break,
  .work#mlb13 #voting-system #numbers4 .num-break {
    width: 36px;
    font-size: 50px;
  }
}
@media (max-width: 768px) {
  .work#mlb13 #voting-system #numbers2 .num,
  .work#mlb13 #voting-system #numbers4 .num,
  .work#mlb13 #voting-system #numbers2 .num-break,
  .work#mlb13 #voting-system #numbers4 .num-break {
    width: 25px;
    font-size: 38px;
  }
}
.work#mlb13 #voting-system #numbers3,
.work#mlb13 #voting-system #numbers4 {
  color: #1D8CDB;
}
.work#mlb13 #voting-system #numbers3 .num,
.work#mlb13 #voting-system #numbers4 .num,
.work#mlb13 #voting-system #numbers3 .num-break,
.work#mlb13 #voting-system #numbers4 .num-break {
  color: #1D8CDB;
}
.work#mlb13 #voting-system #numbers5 {
  text-align: center;
  color: #8f0000;
}
.work#mlb13 #voting-system #numbers5 .num,
.work#mlb13 #voting-system #numbers5 .num-break {
  color: #8f0000;
  width: 75px;
  font-size: 110px;
}
@media (max-width: 768px) {
  .work#mlb13 #voting-system #numbers5 .num,
  .work#mlb13 #voting-system #numbers5 .num-break {
    width: 40px;
    font-size: 65px;
  }
}
@media (max-width: 768px) {
  .work#mlb13 #voting-system #numbers5 .num,
  .work#mlb13 #voting-system #numbers5 .num-break {
    width: 25px;
    font-size: 38px;
  }
}
.work#mlb13 #voting-system dl {
  text-align: center;
  position: relative;
}
.work#mlb13 #voting-system dl dt {
  font-size: 11px;
  text-transform: uppercase;
  color: #797979;
  font-family: 'SignalNo1D', sans-serif;
}
.work#mlb13 #voting-system dl dd {
  padding-top: 10px;
  height: 80px;
  line-height: 80px;
  text-align: center;
}
@media (max-width: 768px) {
  .work#mlb13 #voting-system dl {
    max-width: 300px;
    margin: auto;
  }
}
.work#mlb13 #box-container {
  position: relative;
  padding-top: 1px;
  background: #DCDCDC;
}
.work#mlb13 #box-container img {
  display: block;
  max-width: 705px;
  margin: -615px auto 0 0px;
}
@media (min-width: 768px) and (max-width: 1080px) {
  .work#mlb13 #box-container img {
    margin-top: -400px;
  }
}
@media (max-width: 0px) {
  .work#mlb13 #box-container img {
    margin-top: -200px;
  }
}
.work#moment #torso .container .vimeo_video p.italic-type {
  font-size: 14px;
  line-height: 1;
  margin: 0 0 8px;
}
.work#moment #torso .container .vimeo_video iframe.paul {
  height: 389px;
  margin-top: 42px;
  position: relative;
}
.work#moment .span3.center {
  margin: 0 auto;
  float: none;
  padding-left: 30px;
}
.work#moment #map {
  background: url(../images/work/moment/map.jpg) repeat-x left bottom;
  width: auto;
}
.work#moment #map .container {
  *zoom: 1;
  position: relative;
}
.work#moment #map .container:before,
.work#moment #map .container:after {
  display: table;
  content: "";
}
.work#moment #map .container:after {
  clear: both;
}
.work#moment #map .plane {
  overflow: hidden;
  position: absolute;
  z-index: 1040;
}
.work#moment #map .plane.left {
  height: 235px;
  left: -69px;
  top: 177px;
  width: 300px;
}
.work#moment #map .plane.right {
  height: 435px;
  right: 17px;
  top: 23px;
  width: 675px;
}
.work#moment #map .plane img {
  display: block;
  left: 0;
  position: absolute;
  top: 0;
  width: auto;
}
.work#moment .span12.snow {
  margin-top: 18%;
  position: relative;
}
.work#moment .span12.snow > img {
  bottom: 0;
  left: 0;
  position: absolute;
  width: 100%;
  z-index: 2;
}
.work#moment .span12.snow .span10 img {
  position: relative;
  z-index: 1060;
}
.work#moment .span3.look ul {
  border-top: #d3d3d3 1px solid;
  border-bottom: white 1px solid;
  list-style: none;
}
.work#moment .span3.look ul li {
  cursor: pointer;
  padding: 6px 3px;
  background: url(../images/work/moment/arrow.jpg) no-repeat right center;
  border-bottom: #d3d3d3 1px solid;
  border-top: white 1px solid;
}
.work#moment .span3.look ul li span {
  font-weight: bold;
}
.work#moment .span9.homepage {
  background: url(../images/work/moment/shadow.jpg) no-repeat bottom center;
}
.work#moment .span9.homepage img {
  margin-bottom: 30px;
  display: none;
}
.work#moment #grey {
  background-color: #232323;
  width: auto;
  position: relative;
  margin: 90px 0;
}
.work#moment #grey #logo.span2 {
  margin: -12% auto 3%;
  display: block;
  float: none;
}
.work#moment #grey .container.brand {
  padding: 5% 0;
  *zoom: 1;
}
.work#moment #grey .container.brand:before,
.work#moment #grey .container.brand:after {
  display: table;
  content: "";
}
.work#moment #grey .container.brand:after {
  clear: both;
}
.work#moment #grey .span8 {
  float: none;
  margin: 0 auto;
}
.work#moment #grey .span8 span {
  text-align: center;
  color: white;
  display: block;
}
.work#moment #grey .span10 {
  margin: 0 auto;
  float: none;
}
.work#moment #grey .span10 img {
  margin-top: 70px;
}
.work#moment .span12.word h2 span {
  text-align: center;
  float: none;
  display: block;
  margin-top: 40px;
}
.work#moment .span2.momentlogo {
  float: none;
  margin: 0 auto;
}
.work#moment #other_skis {
  overflow: hidden;
  width: 100%;
  margin-top: 30px;
}
.work#moment #other_skis .span8 {
  position: relative;
}
.work#moment #other_skis img.skis {
  margin-top: 140px;
  width: auto;
}
.work#moment #other_skis img.phone {
  left: 100px;
  position: absolute;
  top: -12px;
  width: auto;
}
.work#moment #red_skis {
  overflow: hidden;
  width: 100%;
  margin-top: 30px;
}
.work#moment #red_skis img {
  display: block;
  width: auto;
}
.work#moment #green_skis {
  width: auto;
  float: right;
  margin: 0 0 100px 0;
}
.work#moment #green_skis:after {
  content: ".";
  text-indent: -999em;
  padding: 0 0 40px 0;
}
.work#moment #ski_bg {
  background: url(../images/work/moment/ski_footer.jpg) no-repeat top center;
  background-color: black;
  background-repeat: no-repeat;
  background-position: top center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  min-height: 662px;
}
@media (max-width: 0px) {
  .work#moment .momentlogo img {
    margin: 0 auto;
    width: auto;
  }
}
.work#quiksilver #spread {
  background: url(../images/work/quiksilver/spread.jpg) no-repeat top center;
  background-color: black;
  background-repeat: no-repeat;
  background-position: top center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  min-height: 489px;
  margin-bottom: 20px;
}
@media (max-width: 0px) {
  .work#quiksilver #spread {
    margin-bottom: -14px;
  }
}
.work#smokeybones .span12.imac {
  position: relative;
}
.work#smokeybones .span12.imac .scrolling {
  height: 562px;
  left: 38px;
  overflow: hidden;
  position: absolute;
  top: 42px;
  width: 973px;
}
.work#smokeybones .span12.imac .scrolling img {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: auto;
}
.work#smokeybones .burger_row {
  position: relative;
}
.work#smokeybones .burger_row .burger {
  bottom: -1%;
  display: block;
  left: -10%;
  position: absolute;
  width: 54%;
  z-index: 2000;
}
@media (max-width: 1079px) {
  .work#smokeybones .span12.imac .scrolling {
    display: none;
  }
}
.work#smokeybones .row.screens {
  position: relative;
  *zoom: 1;
  padding-bottom: 220px;
}
.work#smokeybones .row.screens:before,
.work#smokeybones .row.screens:after {
  display: table;
  content: "";
}
.work#smokeybones .row.screens:after {
  clear: both;
}
.work#smokeybones .row.items {
  position: absolute;
  bottom: 0;
}
.work#smokeybones .row.items .span5.rings {
  position: absolute;
  bottom: 0;
  left: -60px;
}
.work#smokeybones .row.items .span5.phone {
  position: absolute;
  left: 650px;
  bottom: 0;
}
@media (max-width: 0px) {
  .work#smokeybones .row.screens {
    padding-bottom: 20px;
  }
}
.work#specialized #torso .container .vimeo_video p.italic-type {
  font-size: 14px;
  line-height: 1;
  margin: 0 0 8px;
}
.work#specialized #torso .container .vimeo_video iframe.mike {
  height: 389px;
  margin-top: 42px;
  position: relative;
}
.work#specialized .container .interview_title .who strong {
  color: #ddd;
}
.work#specialized .mike_signature {
  margin-bottom: 50px;
}
.work#specialized #red {
  background-color: #da1e00;
  height: auto;
  background: #da1e00 url(../images/work/specialized/red_photo.jpg) no-repeat center top;
}
.work#specialized #red p.red-text,
.work#specialized #red h2.red-text {
  color: #4c1810;
}
.work#specialized #red p.dark-text,
.work#specialized #red h2.dark-text {
  color: #300e08;
}
.work#specialized .centered {
  text-align: center;
  margin: 0 auto;
}
.work#specialized .tech-header {
  text-align: center;
  margin-top: 25px;
}
.work#specialized #torso div.interactive {
  padding-top: 16px;
}
.work#specialized .interactive #bold-quote {
  padding-top: 0;
}
.work#specialized .span7.robert {
  position: relative;
}
.work#specialized .span7.robert .robert_riding {
  height: 249px;
  left: 0;
  overflow: hidden;
  position: absolute;
  top: 0;
  width: 600px;
}
.work#specialized .span7.robert .robert_riding img {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
.work#specialized #sketches {
  background: transparent url(../images/work/specialized/plans.jpg) no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  height: 473px;
  margin-top: 30px;
  width: 100%;
}
.work#specialized .camera_setup {
  margin-top: -50px;
  padding-top: 0;
}
.work#specialized .camera_setup .prev,
.work#specialized .camera_setup .next {
  background: transparent url(../images/company/scroller_arrows.png) no-repeat left top;
  cursor: pointer;
  display: block;
  height: 52px;
  opacity: 0.2;
  padding: 0;
  top: 52%;
  position: absolute;
  width: 29px;
}
.work#specialized .camera_setup .prev:hover,
.work#specialized .camera_setup .next:hover {
  opacity: 1;
}
.work#specialized .camera_setup .prev {
  left: 9%;
}
.work#specialized .camera_setup .next {
  right: 9%;
  background-position: -29px top;
}
.work#specialized .camera_setup .camera_container {
  height: 900px;
  overflow: hidden;
  position: relative;
}
.work#specialized .camera_setup .camera_container .preload {
  display: none;
}
.work#specialized .camera_setup .camera_container .items {
  *zoom: 1;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: auto;
}
.work#specialized .camera_setup .camera_container .items:before,
.work#specialized .camera_setup .camera_container .items:after {
  display: table;
  content: "";
}
.work#specialized .camera_setup .camera_container .items:after {
  clear: both;
}
.work#specialized .camera_setup .camera_container .items div {
  background-repeat: no-repeat;
  background-position: center bottom;
  -webkit-background-size: 100% auto;
  -moz-background-size: 100% auto;
  -o-background-size: 100% auto;
  background-size: 100% auto;
  cursor: pointer;
  float: left;
  height: 100%;
  position: relative;
}
.work#specialized .camera_setup .camera_container .items div.slide0 {
  background-image: url(../images/work/specialized/camera_setup/0.jpg);
}
.work#specialized .camera_setup .camera_container .items div.slide0 p {
  position: absolute;
  width: 325px;
}
.work#specialized .camera_setup .camera_container .items div.slide0 p.downtube {
  bottom: 9%;
  left: 10%;
}
.work#specialized .camera_setup .camera_container .items div.slide0 p.bar {
  left: 15%;
  top: 6%;
  text-align: right;
}
.work#specialized .camera_setup .camera_container .items div.slide1 {
  background-image: url(../images/work/specialized/camera_setup/1.jpg);
  text-align: center;
}
.work#specialized .camera_setup .camera_container .items div.slide1 blockquote#bold-quote {
  margin: 0 auto;
  width: 650px;
}
.work#specialized .camera_setup .camera_container .items div.slide1 p {
  position: absolute;
}
.work#specialized .camera_setup .camera_container .items div.slide1 p.zeiss85 {
  left: 2%;
  top: 47%;
}
.work#specialized .camera_setup .camera_container .items div.slide1 p.zeiss25 {
  right: 7%;
  top: 47%;
}
.work#specialized .camera_setup .camera_container .items div.slide1 p.sony {
  left: 45%;
  bottom: 16%;
}
.work#specialized .camera_setup .camera_container .nav {
  left: 50%;
  opacity: 0;
  position: absolute;
  bottom: 15px;
  z-index: 1040;
}
.work#specialized .camera_setup .camera_container .nav ul {
  *zoom: 1;
  left: -50%;
  list-style: none;
  position: relative;
}
.work#specialized .camera_setup .camera_container .nav ul:before,
.work#specialized .camera_setup .camera_container .nav ul:after {
  display: table;
  content: "";
}
.work#specialized .camera_setup .camera_container .nav ul:after {
  clear: both;
}
.work#specialized .camera_setup .camera_container .nav ul li {
  background: url(../images/company/office/sprite.png);
  cursor: pointer;
  float: left;
  height: 16px;
  margin: 4px;
  text-indent: -9999px;
  width: 16px;
}
.work#specialized .camera_setup .camera_container .nav ul li.current {
  background-position: left center;
}
.work#specialized .camera_setup .camera_container .nav ul li:hover {
  background-position: left bottom;
  opacity: 0.8;
}
.work#specialized .camera_setup .camera_container .nav ul li:hover.current {
  background-position: left center;
}
@media (min-width: 768px) and (max-width: 1079px) {
  .work#specialized .camera_setup .prev {
    left: 5%;
    top: 57%;
  }
  .work#specialized .camera_setup .next {
    right: 5%;
    top: 57%;
  }
  .work#specialized .camera_setup .camera_container {
    height: 700px;
  }
  .work#specialized .camera_setup .camera_container .items div.slide0 p.bar {
    left: 1%;
    top: 15%;
  }
  .work#specialized .camera_setup .camera_container .items div.slide0 p.downtube {
    bottom: 7%;
  }
  .work#specialized .camera_setup .camera_container p.light {
    font-size: 14px;
  }
  .work#specialized .camera_setup .camera_container .items div.slide1 p.zeiss85 {
    left: 0;
    top: 52%;
  }
  .work#specialized .camera_setup .camera_container .items div.slide1 p.zeiss25 {
    right: 5%;
    top: 52%;
  }
  .work#specialized .camera_setup .camera_container .items div.slide1 p.sony {
    bottom: 14%;
    left: 43%;
  }
}
.work#specialized .span7.imac {
  position: relative;
}
.work#specialized .span7.imac .braking {
  height: 180px;
  left: 104px;
  overflow: hidden;
  position: absolute;
  top: 44px;
  width: 395px;
}
.work#specialized .span7.imac .braking img {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: auto;
}
@media (max-width: 0px) {
  .work#specialized .container .row.bikeriders {
    padding-bottom: 78px;
  }
}
.work#snowbird .full_rendering {
  background: transparent url(../images/work/snowbird/full_rendering.jpg) no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  padding-bottom: 370px;
}
.work#snowbird .full_rendering p {
  width: 690px;
}
@media (max-width: 1079px) {
  .work#snowbird .full_rendering {
    background: none;
    padding-bottom: 0;
  }
  .work#snowbird .full_rendering p {
    width: auto;
  }
}
@media (max-width: 0px) {
  .work#snowbird .corey_skier img {
    margin: 0 auto;
    max-width: 380px;
    width: auto;
  }
  .work#snowbird .appstore img {
    margin: 0 auto;
    max-width: 380px;
    padding-bottom: 20px;
    width: auto;
  }
}
.work .buttonslider {
  opacity: 0;
  position: absolute;
  right: -75px;
  bottom: 34px;
  cursor: pointer;
  display: block;
  float: right;
  width: 45px;
  height: 45px;
  border-radius: 22px;
  font-size: 12px;
  color: #fff;
  line-height: 20px;
  text-align: center;
  text-decoration: none;
  font-family: 'Sanchez-SemiBold-Italic', sans-serif;
  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
  background: #539185;
  /*        &:hover .button_container {
            height: 28px;
        }*/

}
.work .buttonslider .button_container {
  /*            -webkit-transition: all 0.2s ease-out;
            -moz-transition: all 0.2s ease-out;
            -o-transition: all 0.2s ease-out;
            -ms-transition: all 0.2s ease-out;
            transition: all 0.2s ease-out;*/

  overflow: hidden;
  display: block;
  height: 23px;
  width: 45px;
  margin-top: 12px;
}
.work .buttonslider .frontside,
.work .buttonslider .backside {
  display: block;
}
.work .buttonslider .backside {
  background: transparent url(../images/work/index/arrow.png) no-repeat center bottom;
  padding: 5px 0;
}
.work .buttonslider .frontside {
  background: transparent url(../images/work/index/arrow.png) no-repeat center top;
  width: 45;
  height: 6px;
}
.work .buttonslider .inside {
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  -ms-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  position: relative;
  top: 8px;
}
.work .buttonslider:hover .inside {
  top: -13px;
}
@media (min-width: 768px) and (max-width: 1079px) {
  .work .buttonslider {
    right: 95px;
    top: 50px;
  }
}
@media (max-width: 0px) {
  .work#index #content {
    padding-top: 0;
  }
  .work#index #content .waves {
    display: block;
  }
  .work .waves {
    display: none;
  }
  .work #content {
    padding-top: 250px;
    background-size: auto 250px;
    background-repeat: no-repeat;
    background-position: center 50px;
  }
  .work #neck {
    height: auto;
  }
  .work #neck .span11 h1 {
    white-space: normal;
  }
  .work .buttonslider {
    right: 272px;
    top: 0px;
  }
  .work #torso {
    margin-bottom: 0;
  }
  .work #torso .container p {
    font-size: 14px;
  }
  .work #torso .container dl,
  .work #torso .container dt {
    font-size: 14px;
  }
  .work #torso .container .span6 h2 {
    margin-top: 40px;
  }
}
/* exists outside page id wrapper */
@media (max-width: 0px) {
  .loupe {
    display: none !important;
  }
}
.loupe {
  -webkit-border-radius: 110px;
  -moz-border-radius: 110px;
  -o-border-radius: 110px;
  border-radius: 110px;
  z-index: 100;
}
.loupe > div {
  overflow: hidden;
  position: static;
  height: 210px;
  width: 210px;
  top: -10px;
  left: -11px;
  margin-top: 11px;
  margin-left: 11px;
  -webkit-border-radius: 110px;
  -moz-border-radius: 110px;
  -o-border-radius: 110px;
  border-radius: 110px;
  background: #f0f0f0;
  opacity: 1;
}
.loupe div > span {
  position: static;
  display: block !important;
  height: 1090px;
  width: 1419px;
  background-position: center;
}
.loupe:after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  height: 236px;
  width: 236px;
  background: url(../images/work/mlb13/lens.png) center;
}
.webkit .num,
.webkit .num-break {
  color: #0461A3;
  display: inline-block;
  text-shadow: 0 -1px 0 rgba(255, 255, 255, 0.5), 0 1px 5px rgba(0, 0, 0, 0.5);
}
.webkit .num:before,
.webkit .num-break:before,
.webkit .num:after,
.webkit .num-break:after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  /*content: attr(data-val);*/

}
.webkit .num:before,
.webkit .num-break:before {
  text-shadow: 0 -1px 0 #28c6ff, 0 1px 5px rgba(0, 0, 0, 0.5);
  color: transparent;
}
.webkit .num:after,
.webkit .num-break:after {
  display: none;
  background-color: #1D8CDB;
  background-image: -webkit-linear-gradient(top, #1d8cdb, #0461a3);
  background-image: linear-gradient(to bottom, #1d8cdb, #0461a3);
  -webkit-background-clip: text, border;
  color: transparent;
}
.webkit #numbers3,
.webkit #numbers4 {
  color: #1D8CDB;
}
.webkit #numbers3 .num:before,
.webkit #numbers4 .num:before,
.webkit #numbers3 .num-break:before,
.webkit #numbers4 .num-break:before {
  text-shadow: 0 -1px 0 #28e7fa, 0 1px 5px rgba(0, 0, 0, 0.5);
}
.webkit #numbers3 .num:after,
.webkit #numbers4 .num:after,
.webkit #numbers3 .num-break:after,
.webkit #numbers4 .num-break:after {
  background-color: #18c2f3;
  background-image: -webkit-linear-gradient(top, #18c2f3, #1d8cda);
  background-image: linear-gradient(to bottom, #18c2f3, #1d8cda);
  -webkit-background-clip: text, border;
  color: transparent;
}
.webkit #numbers5 .num,
.webkit #numbers5 .num-break {
  color: #8f0000;
  text-shadow: 0 -1px 0 #e50000, 0 1px 5px rgba(0, 0, 0, 0.5);
}
.webkit #numbers5 .num:before,
.webkit #numbers5 .num-break:before {
  color: #8f0000;
  text-shadow: 0 -1px 0 #e50000, 0 1px 5px rgba(0, 0, 0, 0.5);
}
.webkit #numbers5 .num:after,
.webkit #numbers5 .num-break:after {
  background-color: #8f0000;
  background-image: -webkit-linear-gradient(top, #ca0000, #8f0000);
  background-image: linear-gradient(to bottom, #ca0000, #8f0000);
  -webkit-background-clip: text, border;
  color: transparent;
}
.body_container.wlab {
  background: #fff;
}
.body_container.wlab [class*="span"] {
  margin-left: 0;
}
.body_container.wlab .row {
  margin-left: 0;
}
.body_container.wlab #header {
  background-image: url(../images/wlab/bg.jpg);
  background-repeat: no-repeat;
  background-position: center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  overflow: hidden;
}
.body_container.wlab #header .container {
  background-position: center 168px;
  height: 120px;
}
@media (max-width: 0px) {
  .body_container.wlab #header .container {
    height: auto;
  }
}
.body_container.wlab #neck {
  background: #fff;
  padding: 38px 0 32px 0;
}
.body_container.wlab #neck .span11 {
  /*.clearfix();*/

  padding-top: 8px;
}
.body_container.wlab #neck .span11 h1 {
  color: #7c7878;
  float: left;
  font-family: 'Sanchez-SemiBold', sans-serif;
  font-size: 24px;
  font-weight: normal;
  text-transform: uppercase;
  white-space: nowrap;
}
.body_container.wlab #neck .span11 .accomplished {
  color: #539185;
  float: left;
  font-family: 'Sanchez-SemiBold-Italic', sans-serif;
  font-size: 12px;
  padding: 8px 0 8px 12px;
}
@media (max-width: 0px) {
  .body_container.wlab #neck .span11 h1 {
    line-height: 1;
    margin-bottom: -2px;
  }
  .body_container.wlab #neck .span11 .accomplished {
    padding: 0 0 0 2px;
  }
}
.body_container.wlab #neck .span1 .rss {
  background: transparent url(../images/wlab/rss.jpg) no-repeat center top;
  color: #7c7878;
  display: block;
  font-family: 'Sanchez-SemiBold-Italic', sans-serif;
  font-size: 12px;
  padding-top: 54px;
  text-align: center;
  text-decoration: none;
  width: 56px;
}
@media (max-width: 0px) {
  .body_container.wlab #neck .span1 .index {
    margin-top: 10px;
  }
}
.body_container.wlab #torso {
  position: relative;
}
.body_container.wlab #torso .instagram_feed {
  background: #f0f0f0;
  height: 265px;
  margin-bottom: 50px;
  overflow: hidden;
  position: relative;
  width: 100%;
}
.body_container.wlab #torso .instagram_feed .prev,
.body_container.wlab #torso .instagram_feed .next {
  background: transparent url(../images/company/scroller_arrows.png) no-repeat left -52px;
  cursor: pointer;
  display: block;
  height: 52px;
  opacity: 0.5;
  top: 41%;
  position: absolute;
  width: 29px;
  z-index: 1060;
}
.body_container.wlab #torso .instagram_feed .prev:hover,
.body_container.wlab #torso .instagram_feed .next:hover {
  opacity: 1;
}
.body_container.wlab #torso .instagram_feed .prev.disabled,
.body_container.wlab #torso .instagram_feed .next.disabled {
  cursor: auto;
  opacity: 0.1;
}
.body_container.wlab #torso .instagram_feed .prev {
  left: 1%;
}
.body_container.wlab #torso .instagram_feed .next {
  right: 1%;
  background-position: -29px -52px;
}
.body_container.wlab #torso .instagram_feed ul {
  *zoom: 1;
  list-style: none;
  left: 0;
  position: absolute;
  top: 0;
  height: 265px;
}
.body_container.wlab #torso .instagram_feed ul:before,
.body_container.wlab #torso .instagram_feed ul:after {
  display: table;
  content: "";
}
.body_container.wlab #torso .instagram_feed ul:after {
  clear: both;
}
.body_container.wlab #torso .instagram_feed ul li {
  *zoom: 1;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center top;
  float: left;
  height: 225px;
  margin: 20px 0;
  overflow: hidden;
  position: relative;
  width: 225px;
}
.body_container.wlab #torso .instagram_feed ul li:before,
.body_container.wlab #torso .instagram_feed ul li:after {
  display: table;
  content: "";
}
.body_container.wlab #torso .instagram_feed ul li:after {
  clear: both;
}
.body_container.wlab #torso .instagram_feed ul li > img {
  display: block;
  width: 100%;
}
.body_container.wlab #torso .instagram_feed ul li > img:first-child {
  z-index: 3;
}
.body_container.wlab #torso .instagram_feed ul li > a {
  display: block;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
}
.body_container.wlab #torso .instagram_feed ul li > a .info {
  color: #fff;
  display: block;
  float: left;
  opacity: 0.01;
  margin-top: 225px;
  text-decoration: none;
  width: 100%;
}
.body_container.wlab #torso .instagram_feed ul li > a .info p {
  z-index: 1;
  color: #fff;
  font-family: 'Sanchez', sans-serif;
  font-size: 14px;
  line-height: 1.3;
  padding: 8px 0;
  margin: 0 auto;
  text-align: left;
  width: 92%;
}
.body_container.wlab #torso .instagram_feed ul li > a .info.ready {
  background: #539185;
  bottom: -150px;
  display: block;
  float: none;
  left: 0;
  margin-top: 0;
  opacity: 1;
  position: absolute;
  z-index: 1060;
}
@media (max-width: 0px) {
  .body_container.wlab #torso .instagram_feed {
    display: none;
  }
}
.body_container.wlab #torso > .container.wlab_detail article .sqs-layout {
  margin-left: -14px;
}
.body_container.wlab #torso:last-child {
  padding-bottom: 180px;
}
.body_container.wlab #torso h1 {
  color: #343434;
  display: block;
  font-family: 'SignalNo1D';
  font-size: 32px;
  font-weight: normal;
  padding: 0;
  text-decoration: none;
}
.body_container.wlab #torso h2 a {
  color: #343434;
  display: block;
  font-family: 'SignalNo1D';
  font-size: 16px;
  font-weight: normal;
  line-height: 1;
  margin-top: 5px;
  text-decoration: none;
}
.body_container.wlab #torso .meta {
  margin-top: -6px;
  margin-bottom: 25px;
}
.body_container.wlab #torso .meta .published {
  color: #646464;
  font-family: 'SignalNo1D';
  font-size: 14px;
}
.body_container.wlab #torso p {
  color: #343434;
  font-family: 'Sanchez';
  font-size: 16px;
  line-height: 1.65em;
}
.body_container.wlab #torso nav .span3 {
  position: relative;
}
.body_container.wlab #torso nav a {
  position: relative;
  float: left;
  margin-right: 10px;
  cursor: pointer;
  display: block;
  width: 45px;
  height: 45px;
  border-radius: 22px;
  font-size: 12px;
  color: #fff;
  line-height: 25px;
  text-align: center;
  text-decoration: none;
  font-family: 'Sanchez-SemiBold-Italic', sans-serif;
  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
  background: #539185;
}
.body_container.wlab #torso nav a:first-child .inside {
  left: -45px;
}
.body_container.wlab #torso nav a:first-child .backside {
  float: right;
}
.body_container.wlab #torso nav a:first-child .frontside {
  float: right;
  background: transparent url(../images/wlab/newer_arrow.png) no-repeat center 5px;
}
.body_container.wlab #torso nav a:first-child:hover .inside {
  left: 0px;
}
.body_container.wlab #torso nav a:last-child .backside {
  float: left;
}
.body_container.wlab #torso nav a:last-child .frontside {
  background: transparent url(../images/wlab/older_arrow.png) no-repeat center 5px;
  float: left;
}
.body_container.wlab #torso nav a:last-child:hover .inside {
  left: -45px;
}
.body_container.wlab #torso nav a .button_container {
  overflow: hidden;
  display: block;
  height: 26px;
  width: 45px;
  margin-top: 12px;
}
.body_container.wlab #torso nav a .frontside,
.body_container.wlab #torso nav a .backside {
  display: block;
  position: relative;
  height: 16px;
  width: 45px;
}
.body_container.wlab #torso nav a .inside {
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  -ms-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  position: relative;
  top: 1px;
  width: 90px;
}
.body_container.wlab #torso nav .disabled {
  display: none;
}
.body_container.wlab #torso .span4 {
  position: relative;
}
.body_container.wlab #torso .span4 p {
  line-height: 1.7;
  margin-bottom: 15px;
  padding-right: 50px;
}
.body_container.wlab #torso .span4 .link {
  color: #dd483e;
  font-family: 'Sanchez-SemiBold';
  font-size: 14px;
}
.body_container.wlab #torso .span4 .category {
  background: transparent url(../images/wlab/categories.jpg) no-repeat left top;
  height: 39px;
  position: absolute;
  left: -46px;
  text-indent: -9999px;
  top: 0;
  width: 32px;
}
.body_container.wlab #torso .span4 .category.Creative {
  background-position: left top;
}
.body_container.wlab #torso .span4 .category.Technical {
  background-position: left -39px;
}
.body_container.wlab #torso .span4 .category.Code {
  background-position: left -78px;
}
.body_container.wlab #torso .span4 .category.Office {
  background-position: left -117px;
}
.body_container.wlab #torso .span4 .category.Future {
  background-position: left -156px;
}
@media (max-width: 1079px) {
  .body_container.wlab #torso .span4 {
    margin-bottom: 40px;
  }
  .body_container.wlab #torso .span4 .category {
    display: none;
  }
}
.body_container.wlab #torso .span8 img {
  display: block;
  margin-bottom: 30px;
  width: 100%;
}
@media (max-width: 0px) {
  .body_container.wlab #torso p {
    font-size: 14px;
  }
}
#particles {
  display: none;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 2000;
}
#particles canvas,
#particles .kineticjs-content {
  overflow: hidden;
}
/*
@media (max-width: 0px) {
  body#contact {
    background: #000000 url(../images/mobile_contact_bg.jpg) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
  }
  body#contact .body_container {
    background: none;
    min-height: auto;
  }
  body#contact .body_container #content {
    padding-top: 50px;
  }
}
*/
body#contact #header {
  overflow: visible;
}
.contact.body_container {
  background: #000;
  margin: 0;
  min-height: 100%;
  padding: 0;
  overflow: auto;
}
.contact.body_container #header {
  overflow: hidden;
  margin: 0;
  z-index: 25;
  background: none;
}
.contact.body_container #header .container {
  position: relative;
  z-index: 26;
  background: none;
  height: auto;
}
.contact.body_container #content {
  background: transparent url("../images/contact_bg.jpg") no-repeat center top;
  position: absolute;
  height: 100%;
  width: 100%;
}
.contact.body_container .center {
  margin: 0 auto;
  width: 1020px;
  position: relative;
}
.contact.body_container #points {
  outline: none;
  position: fixed;
  right: 12%;
  top: 20%;
  z-index: 2;
  height: 900px;
  width: 1100px;
}
.contact.body_container #torso {
  position: relative;
}
.contact.body_container #phone_numbers {
  margin: 55px auto 12px;
  position: relative;
  color: white;
}
.contact.body_container #phone_numbers .number_block {
  margin: 0 0 40px 40px;
}
.contact.body_container #phone_numbers .number_block h3 {
  font-family: "signalno1d";
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 200;
}
.contact.body_container #phone_numbers .number_block h2 {
  font-family: "signalno1d";
  font-size: 48px;
  font-weight: 500;
}
.contact.body_container #phone_numbers .number_block h2 .smallInfoText {
  font-family: "Sanchez";
  font-size: 16px;
}
.contact.body_container #phone_numbers .number_block h2 a {
  text-decoration: none;
  color: white;
}
.contact.body_container .container {
  position: relative;
  z-index: 3;
}
.contact.body_container #red_shape_container {
  display: block;
  width: 716px;
  height: 316px;
  position: absolute;
  top: 50px;
  left: 323px;
  /*margin: 60px auto;*/

  background: transparent url("../images/contact_red_shapes.png") no-repeat right top;
  font-family: "signalno1d";
  z-index: 100;
  font-size: 14px;
  color: white;
}
.contact.body_container #red_shape_container .address {
  position: absolute;
  top: 20px;
  right: 24px;
}
.contact.body_container .social-transform {
  margin: 0 auto 250px;
  position: relative;
  width: 159px;
  z-index: 1040;
}
.contact.body_container .social-transform.emails {
  margin: 0;
  left: 276px;
  position: absolute;
  top: 270px;
  width: auto;
}
.contact.body_container .social-transform li {
  width: 50px;
  height: 100%;
  display: inline;
  display: inline-block;
  /*position: relative;*/

  cursor: default;
  -webkit-perspective: 900px;
  -moz-perspective: 900px;
  -o-perspective: 900px;
  -ms-perspective: 900px;
  perspective: 900px;
}
.contact.body_container .social-transform .email {
  width: 229px;
}
.contact.body_container .social-transform .social-link {
  /*position: absolute;*/

  width: 100%;
  height: 100%;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -o-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  transform-style: preserve-3d;
}
.contact.body_container .social-transform .social-link > a {
  display: block;
  position: absolute;
  width: 70px;
  height: 100%;
  /*border-radius: 50%;*/

  /*background-position: center center;*/

  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  -webkit-transform-origin: 50% 0%;
  -moz-transform-origin: 50% 0%;
  -o-transform-origin: 50% 0%;
  -ms-transform-origin: 50% 0%;
  transform-origin: 50% 0%;
}
.contact.body_container .social-transform .social-link > .front.email {
  width: 229px;
  height: 25px;
}
.contact.body_container .social-transform .social-link > .back.email {
  width: 229px;
  height: 25px;
}
.contact.body_container .social-transform .social-link .front {
  height: 50px;
  width: 50px;
}
.contact.body_container .social-transform .social-link .back {
  -webkit-transform: translate3d(0, 0, -70px) rotate3d(1, 0, 0, 90deg);
  -moz-transform: translate3d(0, 0, -70px) rotate3d(1, 0, 0, 90deg);
  -o-transform: translate3d(0, 0, -70px) rotate3d(1, 0, 0, 90deg);
  -ms-transform: translate3d(0, 0, -70px) rotate3d(1, 0, 0, 90deg);
  transform: translate3d(0, 0, -70px) rotate3d(1, 0, 0, 90deg);
  opacity: 0;
  height: 50px;
  width: 50px;
}
.contact.body_container .social-transform .social-link .back.email {
  -webkit-transform: translate3d(0, 0, -30px) rotate3d(1, 0, 0, 90deg);
  -moz-transform: translate3d(0, 0, -30px) rotate3d(1, 0, 0, 90deg);
  -o-transform: translate3d(0, 0, -30px) rotate3d(1, 0, 0, 90deg);
  -ms-transform: translate3d(0, 0, -30px) rotate3d(1, 0, 0, 90deg);
  transform: translate3d(0, 0, -30px) rotate3d(1, 0, 0, 90deg);
  opacity: 0;
}
.contact.body_container .social-transform .social-link .front.email {
  background: transparent url(../images/email.png) no-repeat left top;
}
.contact.body_container .social-transform .social-link .back.email {
  background: transparent url(../images/email.png) no-repeat left bottom;
}
.contact.body_container .social-transform .social-link .front.twitter {
  background: transparent url(../images/twitter.png) no-repeat left top;
}
.contact.body_container .social-transform .social-link .back.twitter {
  background: transparent url(../images/twitter.png) no-repeat right top;
}
.contact.body_container .social-transform .social-link .front.facebook {
  background: transparent url(../images/facebook.png) no-repeat left top;
}
.contact.body_container .social-transform .social-link .back.facebook {
  background: transparent url(../images/facebook.png) no-repeat right top;
}
.contact.body_container .social-transform .social-link .front.vimeo {
  background: transparent url(../images/vimeo.png) no-repeat left top;
}
.contact.body_container .social-transform .social-link .back.vimeo {
  background: transparent url(../images/vimeo.png) no-repeat right top;
}
.contact.body_container .social-transform .social-link:hover .front {
  -webkit-transform: translate3d(0, 60px, 0) rotate3d(1, 0, 0, -90deg);
  -moz-transform: translate3d(0, 60px, 0) rotate3d(1, 0, 0, -90deg);
  -o-transform: translate3d(0, 60px, 0) rotate3d(1, 0, 0, -90deg);
  -ms-transform: translate3d(0, 60px, 0) rotate3d(1, 0, 0, -90deg);
  transform: translate3d(0, 60px, 0) rotate3d(1, 0, 0, -90deg);
  opacity: 0;
}
.contact.body_container .social-transform .social-link:hover .back {
  -webkit-transform: rotate3d(1, 0, 0, 0deg);
  -moz-transform: rotate3d(1, 0, 0, 0deg);
  -o-transform: rotate3d(1, 0, 0, 0deg);
  -ms-transform: rotate3d(1, 0, 0, 0deg);
  transform: rotate3d(1, 0, 0, 0deg);
  opacity: 1;
}
.contact.body_container .social-transform .social-link:hover .front.email {
  -webkit-transform: translate3d(0, 25px, 0) rotate3d(1, 0, 0, -90deg);
  -moz-transform: translate3d(0, 25px, 0) rotate3d(1, 0, 0, -90deg);
  -o-transform: translate3d(0, 25px, 0) rotate3d(1, 0, 0, -90deg);
  -ms-transform: translate3d(0, 25px, 0) rotate3d(1, 0, 0, -90deg);
  transform: translate3d(0, 25px, 0) rotate3d(1, 0, 0, -90deg);
  opacity: 0;
}
.contact.body_container .social-transform .social-link:hover .back.email {
  -webkit-transform: rotate3d(1, 0, 0, 0deg);
  -moz-transform: rotate3d(1, 0, 0, 0deg);
  -o-transform: rotate3d(1, 0, 0, 0deg);
  -ms-transform: rotate3d(1, 0, 0, 0deg);
  transform: rotate3d(1, 0, 0, 0deg);
  opacity: 1;
}
.contact.body_container #footer {
  display: none;
}
@media (min-width: 768px) and (max-width: 1079px) {
  .contact.body_container #red_shape_container {
    background-size: 100% 100%;
    height: 247px;
    left: 173px;
    top: 120px;
    width: 560px;
  }
  .contact.body_container #red_shape_container .address {
    font-size: 13px;
    right: 4px;
    top: 9px;
  }
  .contact.body_container #phone_numbers {
    margin-bottom: 35px;
  }
  .contact.body_container #phone_numbers .number_block h2 {
    font-size: 41px;
  }
  .contact.body_container .social-transform.emails {
    left: 112px;
    top: 284px;
  }
}
@media (max-width: 0px) {
  .contact.body_container #content {
    background: none;
    position: relative;
  }
  .contact.body_container #red_shape_container {
    /*display: none;*/
    position: absolute;
    top: -8px;
    left: 20px;
    width: 60%;
    height: 80px;
  }

  .contact.body_container #red_shape_container .address{
    position: relative;
    display: block;
    top: auto;
    left: auto;
    right: auto;
    height: 80px;
  }

  .contact.body_container #red_shape_container .address br{
    display: none;
  }

  .contact.body_container #red_shape_container .address br:first-of-type{
    display: block;
  }

  .contact.body_container .social-transform {
    margin: 20px 0 250px;
  }
  .contact.body_container .social-transform li {
    margin-bottom: 20px;
  }
  .contact.body_container .social-transform.emails {
    left: auto;
    top: auto;
    position: relative;
  }
  .contact.body_container #phone_numbers .number_block {
    margin: 0 0 10px 0;
  }
  .contact.body_container #phone_numbers .number_block h2 {
    font-size: 36px;
  }
  .contact.body_container #phone_numbers .number_block h2 .smallInfoText {
    font-size: 14px;
  }
}
@media (max-width: 520px) {
  .contact.body_container #phone_numbers .number_block h2 {
    font-size: 26px;
  }
  .contact.body_container #phone_numbers .number_block h2 .smallInfoText {
    font-size: 12px;
  }
}
.body_container.company #header {
  background-image: url('../images/header_bg.jpg');
  background-repeat: no-repeat;
  background-position: center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.body_container.company #header .container {
  height: 115px;
}
.body_container.company #neck {
  background: #fff;
  padding: 38px 0 32px 0;
  height: 40px;
  overflow: hidden;
}
.body_container.company #neck .span11 {
  *zoom: 1;
  padding-top: 8px;
}
.body_container.company #neck .span11:before,
.body_container.company #neck .span11:after {
  display: table;
  content: "";
}
.body_container.company #neck .span11:after {
  clear: both;
}
.body_container.company #neck .span11 h1 {
  color: #7c7878;
  float: left;
  font-family: 'Sanchez-SemiBold', sans-serif;
  font-size: 24px;
  font-weight: normal;
  text-transform: uppercase;
  white-space: nowrap;
}
.body_container.company #neck .span11 .accomplished {
  color: #539185;
  float: left;
  font-family: 'Sanchez-SemiBold-Italic', sans-serif;
  font-size: 12px;
  padding: 8px 0 8px 12px;
}
@media (max-width: 0px) {
  .body_container.company #neck .span11 h1 {
    line-height: 1;
    margin-bottom: -2px;
  }
  .body_container.company #neck .span11 .accomplished {
    padding: 0 0 0 2px;
  }
}
.body_container.company #torso {
  background: #1e1917;
}
.body_container.company #torso h2 {
  color: #fff;
  font-family: 'SignalNo1D';
  font-size: 16px;
  font-weight: normal;
  height: 116px;
  position: absolute;
  left: 50%;
  text-align: center;
  top: -62px;
  width: 116px;
}
.body_container.company #torso h2 .centered {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background-color: #539185;
  height: 62px;
  left: -50%;
  padding-top: 52px;
  position: relative;
  width: 100%;
  z-index: 1040;
}
@media (max-width: 0px) {
  .body_container.company #torso h2 {
    font-size: 13px;
    top: -38px;
    width: 80px;
  }
  .body_container.company #torso h2 .centered {
    height: 45px;
    padding-top: 32px;
  }
}
.body_container.company #company_description {
  color: #FFF;
  background: #dd483e;
  overflow: hidden;
}
.body_container.company #company_description .container {
  position: relative;
}
.body_container.company #company_description blockquote {
  color: #fff;
  display: block;
  font-family: serif;
  font-size: 26px;
  font-weight: 400;
  font-style: italic;
  line-height: 1.9;
  margin: 0;
  padding: 45px 0;
}
@media (max-width: 0px) {
  .body_container.company #company_description blockquote {
    font-size: 14px;
    line-height: 2.1;
    padding: 30px 0;
  }
}
.body_container.company #company_description span {
  background: url('../images/slash.png') no-repeat;
  position: absolute;
  top: 0;
  left: 0px;
  height: 328px;
  width: 421px;
}
.body_container.company #skills {
  background-image: url(../images/mountains.jpg);
  background-repeat: no-repeat;
  background-position: center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.body_container.company #skills .container {
  background: transparent url(../images/company/bear.png) no-repeat center center;
  min-height: 510px;
  padding: 80px 0;
  position: relative;
}
.body_container.company #skills .container .span6 {
  color: #fff;
  font-family: 'SignalNo1D';
}
.body_container.company #skills .container h3 {
  font-size: 24px;
  font-weight: normal;
  margin-bottom: 30px;
}
.body_container.company #skills .container ul {
  list-style: none;
}
.body_container.company #skills .container ul li {
  font-size: 16px;
  margin-bottom: 12px;
  position: relative;
}
@media (max-width: 0px) {
  .body_container.company #skills .container ul li:last-child {
    margin-bottom: 50px;
  }
}
.body_container.company #skills .container .and_this_too {
  background: transparent url(../images/company/and_this_too.png);
  height: 112px;
  left: 198px;
  position: absolute;
  top: -30px;
  width: 200px;
}
@media (max-width: 0px) {
  .body_container.company #skills .container {
    min-height: auto;
    background-size: 100% auto;
    padding: 0;
  }
  .body_container.company #skills .container .span6 {
    margin-left: 20px;
    float: left;
    width: 40%;
  }
  .body_container.company #skills .container .span6 h3 {
    font-size: 13px;
    margin-top: 50px;
  }
  .body_container.company #skills .container .span6 ul li {
    font-size: 10px;
    line-height: 1.2;
  }
  .body_container.company #skills .container .span6 ul li:last-child {
    margin-bottom: 40px;
  }
  .body_container.company #skills .container .span6 .and_this_too {
    display: none;
  }
}
.body_container.company #crew {
  position: relative;
}
.body_container.company #crew h2 .centered {
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  -ms-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.body_container.company #crew:hover h2 .centered {
  margin-top: -14px;
  z-index: 1;
}
.body_container.company #crew ul {
  *zoom: 1;
  list-style: none;
}
.body_container.company #crew ul:before,
.body_container.company #crew ul:after {
  display: table;
  content: "";
}
.body_container.company #crew ul:after {
  clear: both;
}
.body_container.company #crew ul li {
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center top;
  float: left;
  overflow: hidden;
  position: relative;
}
.body_container.company #crew ul li > img {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
}
.body_container.company #crew ul li > img:first-child {
  z-index: 3;
}
.body_container.company #crew ul li > a {
  background: #539185;
  color: #fff;
  left: 0;
  top: 0;
  z-index: 1;
  position: absolute;
  text-decoration: none;
}
.body_container.company #crew ul li > a .info h3 {
  color: #fff;
  font-family: 'SignalNo1D';
  font-size: 24px;
  font-weight: normal;
  padding-top: 14%;
  text-align: center;
  line-height: 1;
}
.body_container.company #crew ul li > a .info i {
  display: block;
  margin: 5% auto;
  width: 102px;
}
.body_container.company #crew ul li > a .info i img {
  display: block;
}
.body_container.company #crew ul li > a .info p {
  color: #fff;
  font-family: 'Sanchez', sans-serif;
  font-size: 14px;
  line-height: 1.3;
  text-align: center;
}
@media (max-width: 480px) {
  .body_container.company #crew ul li > a .info h3 {
    font-size: 18px;
  }
  .body_container.company #crew ul li > a .info i {
    width: 50px;
  }
  .body_container.company #crew ul li > a .info i img {
    width: 100%;
  }
  .body_container.company #crew ul li > a .info p {
    font-size: 11px;
  }
}
@media (max-width: 640px) {
  .body_container.company #crew ul li {
    width: 50%;
  }
}
@media (min-width: 640px) and (max-width: 0px) {
  .body_container.company #crew ul li > a .info h3 {
    font-size: 22px;
  }
  .body_container.company #crew ul li > a .info i {
    width: 70px;
  }
  .body_container.company #crew ul li > a .info i img {
    width: 100%;
  }
  .body_container.company #crew ul li > a .info p {
    font-size: 12px;
  }
}
@media (min-width: 640px) and (max-width: 960px) {
  .body_container.company #crew ul li {
    width: 33.3%;
  }
}
@media (min-width: 961px) and (max-width: 1280px) {
  .body_container.company #crew ul li {
    width: 25%;
  }
}
@media (min-width: 1281px) and (max-width: 1600px) {
  .body_container.company #crew ul li {
    width: 20%;
  }
}
@media (min-width: 1601px) and (max-width: 3000px) {
  .body_container.company #crew ul li {
    width: 12.5%;
  }
  .body_container.company #crew ul li > a .info h3 {
    font-size: 20px;
  }
  .body_container.company #crew ul li > a .info i {
    width: 70px;
  }
  .body_container.company #crew ul li > a .info i img {
    width: 100%;
  }
}
@media (min-width: 2001px) and (max-width: 3000px) {
  .body_container.company #crew ul li > a .info h3 {
    font-size: 22px;
  }
  .body_container.company #crew ul li > a .info i {
    width: 102px;
  }
}
.body_container.company #wisdom {
  background: #1e1917;
}
.body_container.company #wisdom .container {
  position: relative;
}
.body_container.company #wisdom blockquote {
  color: #fffefd;
  display: block;
  font-family: serif;
  font-weight: 400;
  font-style: italic;
  font-size: 32px;
  line-height: 1;
  margin: 0 auto;
  padding: 100px 0;
  width: 80%;
}
.body_container.company #wisdom blockquote span {
  font-size: 12px;
}
@media (max-width: 0px) {
  .body_container.company #wisdom blockquote {
    padding: 40px 0;
    line-height: 1.2;
    font-size: 26px;
  }
}
.body_container.company #digs {
  position: relative;
}
.body_container.company #digs .container {
  height: 600px;
  overflow: hidden;
  width: 100%;
  position: relative;
}
.body_container.company #digs .container .preload {
  display: none;
}
.body_container.company #digs .container .items {
  *zoom: 1;
  left: 0;
  position: absolute;
  top: 0;
  width: auto;
}
.body_container.company #digs .container .items:before,
.body_container.company #digs .container .items:after {
  display: table;
  content: "";
}
.body_container.company #digs .container .items:after {
  clear: both;
}
.body_container.company #digs .container .items div {
  background-image: url(../images/company/office/0.jpg);
  background-repeat: no-repeat;
  background-position: center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  float: left;
  height: 600px;
}
.body_container.company #digs .container .prev,
.body_container.company #digs .container .next {
  background: transparent url(../images/company/scroller_arrows.png) no-repeat left -52px;
  cursor: pointer;
  display: block;
  height: 52px;
  opacity: 0.2;
  top: 47%;
  position: absolute;
  width: 29px;
}
.body_container.company #digs .container .prev:hover,
.body_container.company #digs .container .next:hover {
  opacity: 1;
}
.body_container.company #digs .container .prev {
  left: 3%;
}
.body_container.company #digs .container .next {
  right: 3%;
  background-position: -29px -52px;
}
.body_container.company #digs .container .nav {
  left: 50%;
  opacity: 0;
  position: absolute;
  top: 414px;
}
.body_container.company #digs .container .nav ul {
  *zoom: 1;
  left: -50%;
  list-style: none;
  position: relative;
}
.body_container.company #digs .container .nav ul:before,
.body_container.company #digs .container .nav ul:after {
  display: table;
  content: "";
}
.body_container.company #digs .container .nav ul:after {
  clear: both;
}
.body_container.company #digs .container .nav ul li {
  background: url(../images/company/office/sprite.png);
  cursor: pointer;
  float: left;
  height: 16px;
  margin: 4px;
  text-indent: -9999px;
  width: 16px;
}
.body_container.company #digs .container .nav ul li.current {
  background-position: left center;
}
.body_container.company #digs .container .nav ul li:hover {
  background-position: left bottom;
  opacity: 0.8;
}
.body_container.company #digs .container .nav ul li:hover.current {
  background-position: left center;
}
@media (max-width: 0px) {
  .body_container.company #header .container {
    height: auto;
  }
  .body_container.company #neck {
    padding: 30px 0;
  }
  .body_container.company #digs > img {
    width: 100%;
  }
  .body_container.company #wisdom {
    padding-bottom: 0;
  }
}
body#homepage {
  background: #000000 url(../images/home/wls/bg.jpg) no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
@media (max-width: 640px) {
  body#homepage {
    background-image: url(../images/home/mobile_bg.jpg);
  }
}
.body_container.homepage {
  overflow: hidden;
  position: relative;
}
.body_container.homepage #header {
  margin: 0;
  z-index: 25;
  background: none;
}
.body_container.homepage #header .container {
  position: relative;
  z-index: 26;
  background: none;
  height: auto !important;
}
.body_container.homepage #footer {
  display: none;
}
.body_container.homepage #home_slider {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  overflow: hidden;
}
.body_container.homepage #home_slider .slides {
  height: 100em;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
.body_container.homepage #home_slider .slide {
  display: block;
  width: 100%;
  background-position: 50% 50%;
  position: relative;
  -webkit-background-size: cover !important;
  -moz-background-size: cover !important;
  -o-background-size: cover !important;
  background-size: cover !important;
}
.body_container.homepage #home_slider .slide.active {
  display: block;
}
.body_container.homepage #home_slider #right_sub_nav {
  position: absolute;
  height: 200px;
  right: 0px;
  top: 50%;
  width: 36px;
}
.body_container.homepage #home_slider #right_sub_nav ul {
  right: 0;
  position: absolute;
  top: 0;
  width: 36px;
  z-index: 6;
}
.body_container.homepage #home_slider #right_sub_nav ul li {
  font-family: 'SignalNo1D';
  list-style: none;
  text-align: center;
  color: #000;
  display: block;
  font-size: 11px;
  line-height: 36px;
  width: 36px;
  padding-top: 2px;
  height: 34px;
  position: relative;
  cursor: pointer;
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}
.body_container.homepage #home_slider #right_sub_nav ul li:hover {
  background: #333;
}
.body_container.homepage #home_slider #right_sub_nav ul.panes {
  width: auto;
}
.body_container.homepage #home_slider #right_sub_nav ul#story_nav li {
  color: #676767;
}
.body_container.homepage #home_slider #right_sub_nav ul#story_nav li.active {
  color: #000;
}
.body_container.homepage #home_slider #right_sub_nav > .active,
.body_container.homepage #home_slider #right_sub_nav > .active .timer {
  cursor: pointer;
  height: 36px;
  position: absolute;
  right: 0;
  width: 36px;
}
.body_container.homepage #home_slider #right_sub_nav > .active {
  background: #c87671;
  overflow: hidden;
  top: 0;
  z-index: 4;
}
.body_container.homepage #home_slider #right_sub_nav > .active .timer {
  background: #dd483e;
  top: 0;
  z-index: 2;
}
.body_container.homepage #home_slider .work_toggle {
  height: 63px;
  left: 50%;
  position: absolute;
  bottom: 0;
  width: 128px;
}
.body_container.homepage #home_slider .work_toggle .inner {
  background: url(../images/home/button_seq.png) no-repeat;
  cursor: pointer;
  display: block;
  height: 100%;
  left: -50%;
  overflow: hidden;
  position: relative;
  width: 100%;
}
@media (max-width: 0px) {
  .body_container.homepage #home_slider .work_toggle {
    height: 49px;
    left: 50%;
    position: fixed;
    bottom: 0;
    width: 96px;
  }
  .body_container.homepage #home_slider .work_toggle .inner {
    background: url(../images/home/mobile_view_work_btn.png) no-repeat;
    cursor: pointer;
    display: block;
    height: 100%;
    left: -50%;
    overflow: hidden;
    position: relative;
    width: 100%;
  }
}
.body_container.homepage #home_slider .slides .logo {
  position: absolute;
  bottom: 30px;
  right: 30px;
}
.body_container.homepage #amex .view {
  top: 59%;
  margin-left: -117px;
  z-index: 1000;
}
.body_container.homepage #specialized .view {
  top: 70%;
  margin-left: -144px;
  z-index: 1000;
}
.body_container.homepage #specialized .view .inner div {
  width: 228px;
}
.body_container.homepage #moment .view {
  margin-left: -123px;
  top: 61%;
  z-index: 1000;
}
.body_container.homepage #oscars .view {
  top: 59%;
  margin-left: -150px;
  z-index: 1000;
  width: 322px;
}
.body_container.homepage #oscars .view .inner div {
  width: 268px;
}
.body_container.homepage #oscars .logo {
  position: absolute;
  bottom: 30px;
  right: 30px;
}
.body_container.homepage #mlb13 .view {
  top: 58%;
  margin-left: -160px;
  z-index: 1000;
  width: 342px;
}
.body_container.homepage #mlb13 .view .inner div {
  width: 288px;
}
.body_container.homepage #mlb13 .logo {
  position: absolute;
  bottom: 30px;
  right: 55px;
}
.body_container.homepage #home_slider #right_sub_nav #story_panes {
  position: absolute;
  right: 36px;
  list-style: none;
  height: 115px;
  width: 206px;
  overflow: hidden;
}
.body_container.homepage #home_slider #right_sub_nav #story_panes ul {
  height: 200em;
  position: absolute;
  top: 0;
}
.body_container.homepage #home_slider #right_sub_nav #story_panes li {
  display: block;
  height: 115px;
  width: 206px;
  padding: 0;
  margin: 0;
  line-height: 0;
  text-align: center;
  text-shadow: 0px 0px 5px #000;
}
.body_container.homepage #home_slider #right_sub_nav #story_panes li a {
  color: #FFF;
  text-decoration: none;
  display: block;
}
.body_container.homepage #home_slider #right_sub_nav #story_panes li h3 {
  line-height: 1.5em;
  padding: 30px 0 0;
  margin: 0;
  font-size: 16px;
  text-transform: uppercase;
  font-weight: bold;
}
.body_container.homepage #home_slider #right_sub_nav #story_panes li p {
  padding: 0;
  margin: 0;
  line-height: 1.5em;
  font-size: 12px;
}
.body_container.homepage #home_slider #right_sub_nav #story_panes li p.story {
  font-style: italic;
  text-transform: none;
}
.body_container.homepage #home_slider #right_sub_nav #story_panes .roll_img {
  height: 115px;
  width: 206px;
}
@media (max-width: 0px) {
  .body_container.homepage #right_sub_nav {
    display: none;
  }
}
.body_container.homepage #img_holder {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 5;
  overflow: hidden;
  left: 50%;
  margin-left: -640px;
  height: 1000px;
}
.body_container.homepage .view {
  position: absolute;
  top: 50%;
  left: 50%;
  display: inline-block;
  overflow: hidden;
  height: 35px;
  font-family: 'SignalNo1D';
  text-decoration: none;
  /*border-top: 1px solid #505050;*/

  width: 284px;
}
.body_container.homepage .view .front {
  color: #539185;
  background: #181818;
}
.body_container.homepage .view .back {
  color: #FFF;
  background: #963e38;
}
.body_container.homepage .view .inner {
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -o-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  transform-style: preserve-3d;
  position: relative;
  height: 100%;
}
.body_container.homepage .view .inner div {
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  -webkit-transform-origin: 50% 0%;
  -moz-transform-origin: 50% 0%;
  -o-transform-origin: 50% 0%;
  -ms-transform-origin: 50% 0%;
  transform-origin: 50% 0%;
  display: block;
  font-size: 14px;
  height: 35px;
  left: 0;
  line-height: 41px;
  padding: 0 30px;
  position: absolute;
  text-align: center;
  text-transform: uppercase;
  top: 0;
  width: 228px;
}
.body_container.homepage .view .back {
  -webkit-transform: translate3d(0, 0, -60px) rotate3d(1, 0, 0, 90deg);
  -moz-transform: translate3d(0, 0, -60px) rotate3d(1, 0, 0, 90deg);
  -o-transform: translate3d(0, 0, -60px) rotate3d(1, 0, 0, 90deg);
  -ms-transform: translate3d(0, 0, -60px) rotate3d(1, 0, 0, 90deg);
  transform: translate3d(0, 0, -60px) rotate3d(1, 0, 0, 90deg);
  opacity: 0;
}
.body_container.homepage .view .inner:hover .front {
  -webkit-transform: translate3d(0, 35px, 0) rotate3d(1, 0, 0, -90deg);
  -moz-transform: translate3d(0, 35px, 0) rotate3d(1, 0, 0, -90deg);
  -o-transform: translate3d(0, 35px, 0) rotate3d(1, 0, 0, -90deg);
  -ms-transform: translate3d(0, 35px, 0) rotate3d(1, 0, 0, -90deg);
  transform: translate3d(0, 35px, 0) rotate3d(1, 0, 0, -90deg);
  opacity: 0;
}
.body_container.homepage .view .inner:hover .back {
  -webkit-transform: rotate3d(1, 0, 0, 0deg);
  -moz-transform: rotate3d(1, 0, 0, 0deg);
  -o-transform: rotate3d(1, 0, 0, 0deg);
  -ms-transform: rotate3d(1, 0, 0, 0deg);
  transform: rotate3d(1, 0, 0, 0deg);
  opacity: 1;
}
.body_container.homepage #arrow_nav {
  position: absolute;
  left: 50%;
  margin-left: -12px;
  top: 15%;
}
.body_container.homepage #arrow_nav a {
  position: relative;
  background: url('../images/home/nav_arrows.png') top left;
  width: 24px;
  height: 24px;
  z-index: 70;
  display: block;
  text-indent: -9999px;
}
.body_container.homepage #arrow_nav .down {
  top: 400px;
  background-position: bottom left;
}
#work_embed {
  bottom: auto;
  height: auto;
  position: relative;
}
#work_embed.inactive {
  bottom: 0;
  height: 1px;
  position: absolute;
  overflow: hidden;
  z-index: 9999;
}
#work_embed.inactive .body_container {
  position: static;
}
@media (min-width: 768px) and (max-width: 1079px) {
  body#homepage #header {
    overflow: visible;
  }
}