/* line 4, ../../../../../../lib/gems/1.8/gems/compass-0.11.7/frameworks/blueprint/stylesheets/blueprint/reset/_utilities.scss */
html {
  margin: 0;
  padding: 0;
  border: 0;
  overflow-y: hidden
}

/* line 18, ../../../../../../lib/gems/1.8/gems/compass-0.11.7/frameworks/blueprint/stylesheets/blueprint/reset/_utilities.scss */
.bp-reset-element, body, h1, h2, h3, h4, h5, h6, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, blockquote, q, th, td, caption, table,
div, span, object, iframe, p,
pre, a, abbr, acronym, address,
code, del, dfn, em, img,
dl, dt, dd, ol, ul, li, fieldset,
form, label, legend,
caption, tbody, tfoot, thead, tr {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}
.view-all{
    display: none;
}
#view-all-btn{
  border: none;
    background: none;
    font-size: 15px;
    color: #f2c311;
    float: right;
    cursor: pointer;
    background: url('../images/magazine/openclose-button_small.png') no-repeat;
    width: 20px;
}
#view-all-btn-remove{
  border: none;
    background: none;
    font-size: 15px;
    color: #f2c311;
    float: right;
    cursor: pointer;
    background: url('../images/magazine/openclose-button_small.png') no-repeat;
    width: 20px;
    background-position: -20px;
}
#view-all-btn, #view-all-btn-remove:hover{
  color:black;
  text-decoration: underline;
}

/* line 20, ../../../../../../lib/gems/1.8/gems/compass-0.11.7/frameworks/blueprint/stylesheets/blueprint/reset/_utilities.scss */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {
  display: block;
}

/* line 21, ../../../../../../lib/gems/1.8/gems/compass-0.11.7/frameworks/blueprint/stylesheets/blueprint/reset/_utilities.scss */
blockquote, q {
  quotes: "" "";
}
/* line 67, ../../../../../../lib/gems/1.8/gems/compass-0.11.7/frameworks/blueprint/stylesheets/blueprint/reset/_utilities.scss */
blockquote:before, blockquote:after, q:before, q:after {
  content: "";
}

/* line 22, ../../../../../../lib/gems/1.8/gems/compass-0.11.7/frameworks/blueprint/stylesheets/blueprint/reset/_utilities.scss */
th, td, caption {
  float: none !important;
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}

/* line 23, ../../../../../../lib/gems/1.8/gems/compass-0.11.7/frameworks/blueprint/stylesheets/blueprint/reset/_utilities.scss */
table {
  border-collapse: separate;
  border-spacing: 0;
  vertical-align: middle;
}

/* line 24, ../../../../../../lib/gems/1.8/gems/compass-0.11.7/frameworks/blueprint/stylesheets/blueprint/reset/_utilities.scss */
a img {
  border: none;
}


@font-face {
  font-family: "Sapient Sans";
  src: url('../fonts/spntsr.eot');
  src: url('../fonts/spntsrd41d.eot?#iefix') format('eot'), url('../fonts/spntsr.woff') format('woff'), url('../fonts/spntsr.ttf') format('truetype'), url('../fonts/spntsr.svg#sapientsansregularregular') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "Sapient Sans";
  src: url('../fonts/spntsri.eot');
  src: url('../fonts/spntsrid41d.eot?#iefix') format('eot'), url('../fonts/spntsri.woff') format('woff'), url('../fonts/spntsri.ttf') format('truetype'), url('../fonts/spntsri.svg#sapientsansregularitalicRg') format('svg');
  font-weight: normal;
  font-style: italic;
}

@font-face {
  font-family: "Sapient Sans";
  src: url('../fonts/spntsl.eot');
  src: url('../fonts/spntsld41d.eot?#iefix') format('eot'), url('../fonts/spntsl.woff') format('woff'), url('../fonts/spntsl.ttf') format('truetype'), url('../fonts/spntsl.svg#sapientsanslightregular') format('svg');
  font-weight: 200;
  font-style: normal;
}

@font-face {
  font-family: "Sapient Sans";
  src: url('../fonts/spntsli.eot');
  src: url('../fonts/spntslid41d.eot?#iefix') format('eot'), url('../fonts/spntsli.woff') format('woff'), url('../fonts/spntsli.ttf') format('truetype'), url('../fonts/spntsli.svg#sapientsanslightitalicregular') format('svg');
  font-weight: 200;
  font-style: italic;
}

@font-face {
  font-family: "Sapient Sans";
  src: url('../fonts/spntsb.eot');
  src: url('../fonts/spntsbd41d.eot?#iefix') format('eot'), url('../fonts/spntsb.woff') format('woff'), url('../fonts/spntsb.ttf') format('truetype'), url('../fonts/spntsb.svg#sapientsansboldregular') format('svg');
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: "Sapient Centro";
  src: url('../fonts/sapientcentroslab-reg.eot');
  src: url('../fonts/sapientcentroslab-regd41d.eot?#iefix') format('eot'), url('../fonts/sapientcentroslab-reg.woff') format('woff'), url('../fonts/sapientcentroslab-reg.ttf') format('truetype'), url('../fonts/sapientcentroslab-reg.svg#sapient_centro_slabregular') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "Sapient Centro";
  src: url('../fonts/sapientcentroslab-italic.eot');
  src: url('../fonts/sapientcentroslab-italicd41d.eot?#iefix') format('eot'), url('../fonts/sapientcentroslab-italic.woff') format('woff'), url('../fonts/sapientcentroslab-italic.ttf') format('truetype'), url('../fonts/sapientcentroslab-italic.svg#sapient_centro_slabitalic') format('svg');
  font-weight: normal;
  font-style: italic;
}

/* line 2, ../sass/partials/_light.sass */
body.light .loading-indicator {
  position: relative;
  display: block;
  margin: auto;
}
/* line 6, ../sass/partials/_light.sass */
body.light #columns-loading {
  position: absolute;
  width: 100%;
  height: 100%;
}
/* line 10, ../sass/partials/_light.sass */
body.light .content {
  margin-left: 192px;
}

/* line 16, ../sass/partials/_light.sass */
body.light #menu .list-section ul li.selected a {
  font-weight: bold;
}
/* line 18, ../sass/partials/_light.sass */
body.light .column {
  border-right: 1px dotted #a5a39a;
  border-bottom: 1px dotted #a5a39a;
  width: 656px;
}
/* line 22, ../sass/partials/_light.sass */
body.light .column .column-padding {
  padding: 40px 40px;
}
/* line 24, ../sass/partials/_light.sass */
body.light .column.selected {
  background-color: white;
}
/* line 26, ../sass/partials/_light.sass */
body.light .column.selected .jspVerticalBar {
  display: block;
}
/* line 28, ../sass/partials/_light.sass */
body.light .column .back-to-top {
  display: none;
}
/* line 30, ../sass/partials/_light.sass */
body.light .column p {
  margin-bottom: 16px;
  font-size: 15px;
  line-height: 24px;
}
/* line 34, ../sass/partials/_light.sass */
body.light .column p time {
  font-size: 12px;
  letter-spacing: 0.15em;
  text-transform: uppercase;
}
/* line 38, ../sass/partials/_light.sass */
body.light .column .block-icon {
  width: 100%;
  text-align: center;
  padding: 24px 0;
}
/* line 42, ../sass/partials/_light.sass */
body.light .column .block-image {
  margin-bottom: 8px;
  clear: all;
}
/* line 45, ../sass/partials/_light.sass */
body.light .column .block-image-right {
  float: right;
  margin: 4px 0 0 32px;
}
/* line 48, ../sass/partials/_light.sass */
body.light .column .block-image-left {
  float: left;
  margin: 4px 32px 0 0;
}
/* line 51, ../sass/partials/_light.sass */
body.light .column .block-video {
  clear: all;
}
/* line 53, ../sass/partials/_light.sass */
body.light .column .block-video img {
  margin-bottom: 16px;
  display: block;
}
/* line 56, ../sass/partials/_light.sass */
body.light .column .block-video .video-holder {
  background-color: black;
  margin-bottom: 16px;
}
/* line 59, ../sass/partials/_light.sass */
body.light .column .block-video-right {
  float: right;
  margin: 4px 0 0 32px;
}
/* line 62, ../sass/partials/_light.sass */
body.light .column .block-video-left {
  float: left;
  margin: 4px 32px 0 0;
}
/* line 68, ../sass/partials/_light.sass */
body.light .column .block-video-large a,
body.light .column .block-video-medium a,
body.light .column .block-video-small a {
  position: relative;
  display: block;
}
/* line 71, ../sass/partials/_light.sass */
body.light .column .block-video-large a .play-button,
body.light .column .block-video-medium a .play-button,
body.light .column .block-video-small a .play-button {
  z-index: 500;
  position: absolute;
  width: 48px;
  height: 48px;
  left: 50%;
  top: 50%;
  margin-left: -24px;
  margin-top: -24px;
  background-image: url(../images/magazine/play_video.png);
  background-size: 48px 48px;
}
/* line 83, ../sass/partials/_light.sass */
body.light .column .block-video-large a:hover .play-button,
body.light .column .block-video-medium a:hover .play-button,
body.light .column .block-video-small a:hover .play-button {
  background-image: url(../images/magazine/play_video_hover.png);
}
/* line 86, ../sass/partials/_light.sass */
body.light .column .block-icon-right {
  width: auto;
  padding: 0;
  float: right;
  margin: 4px 0 8px 8px;
}
/* line 91, ../sass/partials/_light.sass */
body.light .column .block-icon-left {
  width: auto;
  padding: 0;
  float: left;
  margin: 4px 8px 8px 0;
}
/* line 96, ../sass/partials/_light.sass */
body.light .column div.centered {
  width: 100%;
  text-align: center;
}
/* line 99, ../sass/partials/_light.sass */
body.light .column blockquote p {
  font-family: "Sapient Centro", serif;
  font-style: italic;
  font-size: 17px;
  color: #848d94;
  line-height: 28px;
}
/* line 105, ../sass/partials/_light.sass */
body.light .column ul {
  margin-bottom: 16px;
}
/* line 107, ../sass/partials/_light.sass */
body.light .column ul li {
  list-style: square;
  margin-left: 24px;
}

#EXPLORE ul {
  color: #848d94;
  line-height: 36px;
}

/* line 110, ../sass/partials/_light.sass */
body.light .column ol {
  margin-bottom: 16px;
}
/* line 112, ../sass/partials/_light.sass */
body.light .column ol li {
  margin-left: 24px;
}
/* line 114, ../sass/partials/_light.sass */
body.light .column strong a {
  font-weight: bold;
  text-transform: uppercase;
}
/* line 117, ../sass/partials/_light.sass */
body.light .column strong.extra {
  font-weight: bold;
  color: black;
}
/* line 120, ../sass/partials/_light.sass */
body.light .column .jspPane {
  margin-left: 0 !important;
}
/* line 122, ../sass/partials/_light.sass */
body.light .column time.news {
  display: block;
  font-size: 13px;
  line-height: 20px;
  margin-top: -8px;
  margin-bottom: 8px;
  letter-spacing: 0.06em;
  color: #a5a39a;
}
/* line 133, ../sass/partials/_light.sass */
body.light .column-large h1, body.light .column-medium h1 {
  margin-bottom: 16px;
}
/* line 135, ../sass/partials/_light.sass */
body.light .column-large h2, body.light .column-medium h2 {
  font-weight: bold;
  font-size: 16px;
  line-height: 21px;
  letter-spacing: 0.15em;
  text-transform: uppercase;
}
/* line 141, ../sass/partials/_light.sass */
body.light .column-large h3, body.light .column-medium h3 {
  text-transform: uppercase;
  margin-bottom: 16px;
}
/* line 144, ../sass/partials/_light.sass */
body.light .column-large h4, body.light .column-medium h4 {
  text-transform: uppercase;
  font-weight: 200;
  font-size: 14px;
  letter-spacing: 0.1em;
  color: #848d94;
  margin-bottom: 4px;
}
/* line 153, ../sass/partials/_light.sass */
body.light .column-small h1 {
  font-weight: bold;
  font-size: 16px;
  width: 192px;
  height: 24px;
  line-height: 24px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #2a2827;
  text-align: left;
  margin-bottom: 32px;
}
/* line 164, ../sass/partials/_light.sass */
body.light .column-small h2 {
  text-transform: uppercase;
  margin-bottom: 16px;
}
/* line 169, ../sass/partials/_light.sass */
body.light .block-image img, body.light .block-slideshow img, body.light .block-video img {
  margin-bottom: 16px;
}
/* line 171, ../sass/partials/_light.sass */
body.light .block-image .caption, body.light .block-slideshow .caption, body.light .block-video .caption {
  margin-bottom: 16px;
}
/* line 173, ../sass/partials/_light.sass */
body.light .block-image h2, body.light .block-slideshow h2, body.light .block-video h2 {
  font-size: 12px;
  font-weight: bold;
  margin: 0;
}
/* line 177, ../sass/partials/_light.sass */
body.light .block-image p, body.light .block-slideshow p, body.light .block-video p {
  line-height: 18px;
}
/* line 179, ../sass/partials/_light.sass */
body.light .block-slideshow-large, body.light .block-video-large {
  width: 576px;
}
/* line 181, ../sass/partials/_light.sass */
body.light .block-slideshow-medium, body.light .block-video-medium {
  width: 384px;
}
/* line 183, ../sass/partials/_light.sass */
body.light .block-slideshow-small, body.light .block-video-small {
  width: 192px;
}
/* line 186, ../sass/partials/_light.sass */
body.light .block-video-large a {
  width: 576px;
}
/* line 189, ../sass/partials/_light.sass */
body.light .block-video-medium a {
  width: 384px;
}
/* line 192, ../sass/partials/_light.sass */
body.light .block-video-small a {
  width: 192px;
}
/* line 194, ../sass/partials/_light.sass */
body.light .block-slideshow-right, body.light .block-video-right {
  float: right;
  margin: 4px 0 0 32px;
}
/* line 197, ../sass/partials/_light.sass */
body.light .block-slideshow-left, body.light .block-video-left {
  float: left;
  margin: 4px 32px 0 0;
}
/* line 202, ../sass/partials/_light.sass */
body.light section.team, body.light div.team {
  margin-top: 25px;
}
/* line 204, ../sass/partials/_light.sass */
body.light section.team h3.category, body.light div.team h3.category {
  margin: 32px 0 32px 0;
}
/* line 206, ../sass/partials/_light.sass */
body.light section.team article, body.light section.team .article, body.light div.team article, body.light div.team .article {
  display: block;
  min-height: 128px;
  clear: both;
  list-style: none;
  margin: 0;
}
/* line 210, ../sass/partials/_light.sass */
body.light section.team article h2, body.light section.team .article h2, body.light div.team article h2, body.light div.team .article h2 {
  margin: 0 0 4px 0;
}
/* line 212, ../sass/partials/_light.sass */
body.light section.team article h3, body.light section.team .article h3, body.light div.team article h3, body.light div.team .article h3 {
  margin: 0 0 16px 0;
}
/* line 214, ../sass/partials/_light.sass */
body.light section.team article p, body.light section.team .article p, body.light div.team article p, body.light div.team .article p {
  margin-top: 20px;
}
/* line 218, ../sass/partials/_light.sass */
body.light section.team article .image, body.light section.team .article .image, body.light div.team article .image, body.light div.team .article .image {
  float: left;
  padding-right: 32px;
  padding-bottom: 16px;
}
/* line 224, ../sass/partials/_light.sass */
body.light #contact p {
  margin-bottom: 32px;
  font-size: 13px;
  line-height: 20px;
}
/* line 228, ../sass/partials/_light.sass */
body.light #contact h3 {
  margin-bottom: 16px;
}
/* line 230, ../sass/partials/_light.sass */
body.light #contact h4 {
  font-size: 14px;
}
/* line 234, ../sass/partials/_light.sass */
body.light #blog blockquote p {
  font-family: "Sapient Sans", sans-serif;
  font-weight: normal;
  font-style: normal;
  font-size: 13px;
  line-height: 20px;
}
/* line 240, ../sass/partials/_light.sass */
body.light .blog-post {
  margin-bottom: 32px;
}
/* line 242, ../sass/partials/_light.sass */
body.light .blog-post time {
  font-size: 12px;
  letter-spacing: 0.15em;
  line-height: 18px;
  color: #848d94;
  text-transform: uppercase;
  margin-bottom: 16px;
}
/* line 249, ../sass/partials/_light.sass */
body.light .blog-post time span {
  display: block;
  position: absolute;
  width: 40px;
  height: 1px;
  background: #dddcd6;
}
/* line 255, ../sass/partials/_light.sass */
body.light .blog-post time .line-left, body.light .blog-post time .line-right {
  display: none;
}
/* line 257, ../sass/partials/_light.sass */
body.light .blog-post h2 {
  text-transform: none;
  font-size: 17px;
  line-height: 21px;
  margin: 0 0 8px 0;
}
/* line 263, ../sass/partials/_light.sass */
body.light .tweet {
  margin-bottom: 16px;
}
/* line 265, ../sass/partials/_light.sass */
body.light .tweet p {
  margin: 0;
  font-size: 15px;
  line-height: 20px;
}
/* line 269, ../sass/partials/_light.sass */
body.light .tweet time {
  font-size: 13px;
  line-height: 20px;
  letter-spacing: 0.06em;
  color: #a5a39a;
}
/* line 275, ../sass/partials/_light.sass */
body.light #social .block-image img {
  margin-bottom: 10px;
}
/* line 279, ../sass/partials/_light.sass */
body.light .recognition-block h2 {
  font-weight: 200;
  margin: 32px 0 32px 0;
  font-size: 36px;
  line-height: 36px;
  letter-spacing: normal;
}
/* line 285, ../sass/partials/_light.sass */
body.light .recognition-block h3 {
  width: 100%;
  text-align: center;
  margin: 4px 0 24px 0;
  font-size: 12px;
  letter-spacing: 0.1em;
  color: #848d94;
  text-transform: uppercase;
  height: 18px;
  line-height: 18px;
  position: relative;
  margin-bottom: 16px;
}
/* line 297, ../sass/partials/_light.sass */
body.light .recognition-block h3 span {
  display: block;
  position: absolute;
  width: 205px;
  height: 1px;
  background: #dddcd6;
}
/* line 303, ../sass/partials/_light.sass */
body.light .recognition-block h3 .line-left {
  left: 0;
  top: 9px;
}
/* line 306, ../sass/partials/_light.sass */
body.light .recognition-block h3 .line-right {
  right: 0;
  top: 9px;
}
/* line 310, ../sass/partials/_light.sass */
body.light .recognition-block ul li {
  list-style: none;
  margin: 0 0 32px 0;
      padding-left: 3px;
}
/* line 314, ../sass/partials/_light.sass */
body.light .recognition_item {
  font-size: 13px;
  line-height: 20px;
  letter-spacing: 0.06em;
}
/* line 319, ../sass/partials/_light.sass */
body.light .recognition_item .attribution .title {
  font-weight: bold;
  font-size: 15px;
  text-transform: uppercase;
  line-height: 26px;
  color: #2a2827;
}
.attribution{
    font-size: 16px;
    line-height: 26px;
  }
/* line 325, ../sass/partials/_light.sass */
body.light .recognition_item .attribution em {
  font-style: italic;
}
/* line 328, ../sass/partials/_light.sass */
body.light hr {
  height: 1px;
  background-color: #dddcd6;
  border: none;
  margin: 24px 0;
  padding: 0;
}
/* line 334, ../sass/partials/_light.sass */
body.light hr.short {
  width: 100%;
  margin-left: -40px;
}
/* line 337, ../sass/partials/_light.sass */
body.light hr.long {
  width: 100%;
}
/* line 339, ../sass/partials/_light.sass */
body.light div.logo-rule {
  height: 18px;
  width: 100%;
  margin: 24px 0;
}
/* line 343, ../sass/partials/_light.sass */
body.light div.logo-rule span {
  display: block;
  float: left;
}
/* line 346, ../sass/partials/_light.sass */
body.light div.logo-rule .line-left, body.light div.logo-rule .line-right {
  width: 264px;
  height: 1px;
  margin-top: 9px;
  background: #dddcd6;
}
/* line 351, ../sass/partials/_light.sass */
body.light div.logo-rule .logo {
  width: 14px;
  margin: 0 17px;
  height: 18px;
  background-image: url(../images/tiny_logo.png);
}
/* line 356, ../sass/partials/_light.sass */
body.light .jspTrack {
  background-color: transparent;
}
/* line 358, ../sass/partials/_light.sass */
body.light .jspVerticalBar {
  display: none;
  background-color: transparent;
  width: 8px;
}

/* line 364, ../sass/partials/_light.sass */
body.light.js-enabled {
  }
/* line 366, ../sass/partials/_light.sass */
body.light.js-enabled .arrows {
  position: fixed;
}
/* line 370, ../sass/partials/_light.sass */
body.light.js-enabled .arrows .arrow-container .right-arrow.hidden {
  display: block;
  visibility: hidden;
}
/* line 373, ../sass/partials/_light.sass */
body.light.js-enabled .content {
  height: 100%;
  overflow-y: hidden;
}
/* line 376, ../sass/partials/_light.sass */
body.light.js-enabled .column {
  float: left;
  border-bottom: none;
  overflow: auto;
  height: 100%;
  position: relative;
}
/* line 382, ../sass/partials/_light.sass */
body.light.js-enabled .column a.expander-toggle {
  display: block;
  width: 20px;
  height: 20px;
  overflow: hidden;
  position: absolute;
  z-index: 4999;
  right: 16px;
  top: 48px;
  background-size: 40px 20px;
  color: transparent;
}
/* line 393, ../sass/partials/_light.sass */
body.light.js-enabled .column a.expander-toggle-expand {
  background-image: url(../images/magazine/openclose-button_small.png);
  background-position: left;
}
/* line 396, ../sass/partials/_light.sass */
body.light.js-enabled .column a.expander-toggle-collapse {
  background-image: url(../images/magazine/openclose-button_small.png);
  background-position: right;
}
/* line 400, ../sass/partials/_light.sass */
body.light.js-enabled .column-large {
  width: 656px;
}
/* line 402, ../sass/partials/_light.sass */
body.light.js-enabled .column-large .jspPane {
  width: 656px !important;
}
/* line 405, ../sass/partials/_light.sass */
body.light.js-enabled .column-large div.logo-rule .line-left, body.light.js-enabled .column-large div.logo-rule .line-right {
  width: 264px;
}
/* line 407, ../sass/partials/_light.sass */
body.light.js-enabled .column-medium {
  width: 464px;
}
/* line 409, ../sass/partials/_light.sass */
body.light.js-enabled .column-medium .jspPane {
  width: 464px !important;
}
/* line 412, ../sass/partials/_light.sass */
body.light.js-enabled .column-medium div.logo-rule .line-left, body.light.js-enabled .column-medium div.logo-rule .line-right {
  width: 168px;
}
/* line 414, ../sass/partials/_light.sass */
body.light.js-enabled .column-small {
  width: 272px;
}
/* line 416, ../sass/partials/_light.sass */
body.light.js-enabled .column-small .jspPane {
  width: 272px !important;
}
/* line 419, ../sass/partials/_light.sass */
body.light.js-enabled .column-small div.logo-rule .line-left, body.light.js-enabled .column-small div.logo-rule .line-right {
  width: 72px;
}
/* line 421, ../sass/partials/_light.sass */
body.light.js-enabled .block {
  overflow: hidden;
}
/* line 423, ../sass/partials/_light.sass */
body.light.js-enabled .slideshow {
  position: relative;
  display: inline-block;
  height: auto;
  overflow: hidden;
}
/* line 429, ../sass/partials/_light.sass */
body.light.js-enabled .slideshow .slides .slide {
  position: absolute;
  padding: 0px;
  margin: 0px;
}
/* line 433, ../sass/partials/_light.sass */
body.light.js-enabled .slideshow .slides .slide img {
  margin: 0px;
}
/* line 435, ../sass/partials/_light.sass */
body.light.js-enabled .slideshow .over {
  visibility: visible;
}
/* line 437, ../sass/partials/_light.sass */
body.light.js-enabled .slideshow .slideshow-controls {
  z-index: 45;
  position: absolute;
  width: 48px;
  height: 64px;
}

/* line 444, ../sass/partials/_light.sass */
body.preview #menu {
  display: none !important;
}
/* line 446, ../sass/partials/_light.sass */
body.preview .content {
  margin-left: 0;
}

/* line 450, ../sass/partials/_light.sass */
body.light.no-js {
  min-width: inherit;
}
/* line 452, ../sass/partials/_light.sass */
body.light.no-js #menu {
  position: fixed;
}

@media only screen and (max-width: 800px) {
  /* line 456, ../sass/partials/_light.sass */
  body.light.no-js #culture.column {
    display: none;
  }
  /* line 458, ../sass/partials/_light.sass */
  body.light.no-js #menu {
    position: relative;
    display: block;
    overflow: hidden;
    width: 100%;
    top: 0;
    left: 0;
  }
  /* line 465, ../sass/partials/_light.sass */
  body.light.no-js #menu .list-section {
    display: none;
  }
  /* line 467, ../sass/partials/_light.sass */
  body.light.no-js #menu .contact-container {
    display: none;
  }
  /* line 469, ../sass/partials/_light.sass */
  body.light.no-js .content {
    margin: 0;
    width: 100%;
  }
  /* line 473, ../sass/partials/_light.sass */
  body.light.no-js .content .block-slideshow a, body.light.no-js .content .block-image a, body.light.no-js .content .block-icon a, body.light.no-js .content .block-video a {
    max-width: 100%;
  }
  /* line 475, ../sass/partials/_light.sass */
  body.light.no-js .content .block-slideshow img, body.light.no-js .content .block-image img, body.light.no-js .content .block-icon img, body.light.no-js .content .block-video img {
    max-width: 100%;
    height: auto;
  }
  /* line 479, ../sass/partials/_light.sass */
  body.light.no-js .content .block-video-large a {
    position: relative;
    display: block;
  }
  /* line 482, ../sass/partials/_light.sass */
  body.light.no-js .content .block-video-large a .play-button {
    z-index: 500;
    position: absolute;
    width: 40px;
    height: 40px;
    left: 50%;
    top: 50%;
    margin-left: -20px;
    margin-top: -20px;
    background-image: url(../images/magazine/play_video_small_sprite.html);
  }
  /* line 493, ../sass/partials/_light.sass */
  body.light.no-js .content .block-video-large a:hover .play-button {
    background-position: 0px 40px;
  }
  /* line 495, ../sass/partials/_light.sass */
  body.light.no-js .content .logo-rule {
    clear: both;
    display: none;
  }
  /* line 498, ../sass/partials/_light.sass */
  body.light.no-js .content h1, body.light.no-js .content h2, body.light.no-js .content h3, body.light.no-js .content h4, body.light.no-js .content h5, body.light.no-js .content blockquote {
    clear: both;
  }

  /* line 501, ../sass/partials/_light.sass */
  body.light.no-js .content blockquote p {
    font-size: 17px;
    line-height: 28px;
  }
  /* line 504, ../sass/partials/_light.sass */
  body.light.no-js .content .column {
    border-bottom: 1px solid #dddcd6;
    width: 100%;
  }
  /* line 507, ../sass/partials/_light.sass */
  body.light.no-js .content .column .back-to-top {
    display: block;
    text-align: left;
  }
  /* line 510, ../sass/partials/_light.sass */
  body.light.no-js .content .column .back-to-top a {
    font-size: 16px;
  }
  /* line 512, ../sass/partials/_light.sass */
  body.light.no-js .content .column-padding {
    padding: 20px 32px 20px 32px;
  }
  /* line 515, ../sass/partials/_light.sass */
  body.light.no-js .content .column-medium h1 {
    letter-spacing: 0.015em;
  }
  /* line 518, ../sass/partials/_light.sass */
  body.light.no-js .content .column-small h1 {
    color: #f2c311;
    font-size: 40px;
    font-weight: 200;
    line-height: 48px;
    background: none;
    height: auto;
    text-transform: uppercase;
    text-align: left;
    letter-spacing: 0;
  }
  /* line 528, ../sass/partials/_light.sass */
  body.light.no-js .content .blog-post {
    margin-bottom: 16px;
    clear: both;
  }
  /* line 531, ../sass/partials/_light.sass */
  body.light.no-js .content .blog-post time {
    text-align: left;
    margin-bottom: 4px;
    display: block;
  }
  /* line 535, ../sass/partials/_light.sass */
  body.light.no-js .content .blog-post time span {
    display: none;
  }
  /* line 537, ../sass/partials/_light.sass */
  body.light.no-js .content .blog-post h2 {
    text-align: left;
  }
  /* line 539, ../sass/partials/_light.sass */
  body.light.no-js .content .centered {
    text-align: left;
  }
  /* line 542, ../sass/partials/_light.sass */
  body.light.no-js .content #twitter hr {
    height: 1px;
    background-color: #dddcd6;
    border: none;
    margin: 8px 0;
    padding: 0;
  }
  /* line 548, ../sass/partials/_light.sass */
  body.light.no-js .content .block-icon {
    text-align: left;
  }
  /* line 552, ../sass/partials/_light.sass */
  body.light.no-js .content .recognition-block h3 span {
    display: none;
  }
  /* line 554, ../sass/partials/_light.sass */
  body.light.no-js .content .block-slideshow-large {
    max-width: 100%;
  }
  /* line 556, ../sass/partials/_light.sass */
  body.light.no-js .content .block-slideshow-medium {
    max-width: 100%;
  }
  /* line 558, ../sass/partials/_light.sass */
  body.light.no-js .content .block-slideshow-small {
    max-width: 100%;
  }
  /* line 560, ../sass/partials/_light.sass */
  body.light.no-js .content .block-slideshow-right {
    float: none;
    margin: 4px 0 0 0;
  }
  /* line 563, ../sass/partials/_light.sass */
  body.light.no-js .content .block-slideshow-left {
    float: none;
    margin: 4px 0 0 0;
  }
  /* line 566, ../sass/partials/_light.sass */
  body.light.no-js .content .block-image-right {
    float: none;
    margin: 4px 0 0 0;
  }
  /* line 569, ../sass/partials/_light.sass */
  body.light.no-js .content .block-video-medium {
    max-width: 100%;
  }
  /* line 571, ../sass/partials/_light.sass */
  body.light.no-js .content .block-video-medium a {
    max-width: 100%;
  }
  /* line 573, ../sass/partials/_light.sass */
  body.light.no-js .content .block-video-small {
    max-width: 100%;
  }
  /* line 575, ../sass/partials/_light.sass */
  body.light.no-js .content .block-video-small a {
    max-width: 100%;
  }
  /* line 577, ../sass/partials/_light.sass */
  body.light.no-js .content .block-image-left {
    float: none;
    margin: 4px 0 0 0;
  }
  /* line 580, ../sass/partials/_light.sass */
  body.light.no-js .content .block-video-right {
    float: none;
    margin: 4px 0 0 0;
  }
  /* line 583, ../sass/partials/_light.sass */
  body.light.no-js .content .block-video-left {
    float: none;
    margin: 4px 0 0 0;
  }
  /* line 587, ../sass/partials/_light.sass */
  body.light.no-js #welcome .column-padding {
    padding: 20px 32px 20px 32px;
  }
}
@media only screen and (min-width: 801px) {
  /* line 592, ../sass/partials/_light.sass */
  body.light.no-js .content {
    height: 100%;
    overflow-y: auto;
    z-index: 1;
  }
  /* line 596, ../sass/partials/_light.sass */
  body.light.no-js .column {
    float: left;
    border-bottom: none;
    overflow: auto;
    height: 100%;
    position: relative;
  }
  /* line 602, ../sass/partials/_light.sass */
  body.light.no-js .column-large {
    width: 656px;
  }

  /* line 605, ../sass/partials/_light.sass */
  body.light.no-js .column-large div.logo-rule .line-left, body.light.no-js .column-large div.logo-rule .line-right {
    width: 264px;
  }
  /* line 607, ../sass/partials/_light.sass */
  body.light.no-js .column-medium {
    width: 464px;
  }
  /* line 610, ../sass/partials/_light.sass */
  body.light.no-js .column-medium div.logo-rule .line-left, body.light.no-js .column-medium div.logo-rule .line-right {
    width: 168px;
  }
  /* line 612, ../sass/partials/_light.sass */
  body.light.no-js .column-small {
    width: 272px;
  }
  /* line 615, ../sass/partials/_light.sass */
  body.light.no-js .column-small div.logo-rule .line-left, body.light.no-js .column-small div.logo-rule .line-right {
    width: 72px;
  }
  /* line 617, ../sass/partials/_light.sass */
  body.light.no-js .block {
    overflow: hidden;
  }
}

/* line 1, ../sass/partials/_project_index.sass */
body.project-index.dark {
  background-color: #111111;
}
/* line 6, ../sass/partials/_project_index.sass */
body.project-index.dark #menu li.work a {
  color: white;
}
/* line 8, ../sass/partials/_project_index.sass */
body.project-index.dark #menu li.slash {
  display: inline-block !important;
}
/* line 10, ../sass/partials/_project_index.sass */
body.project-index.dark #menu li .page-title {
  top: 24px !important;
}
/* line 12, ../sass/partials/_project_index.sass */
body.project-index.dark .content {
  overflow: hidden;
  *zoom: 1;
  position: relative;
  float: left;
  margin: 17px 10px 0;
}

#work-content{
 /*  min-width: 8605px */
 min-width: 11700px
}
#show-content{
  min-width: 20420px
}
#search-content{
  min-width: 2245px
}

/* line 16, ../sass/partials/_project_index.sass */
body.project-index.dark .content .column-container {
  float: left;
  margin-left: 192px;
  overflow: hidden;
}
/* line 20, ../sass/partials/_project_index.sass */
body.project-index.dark .content .column-container .overview-column {
  float: left;
  width: 304px;
  border-color: #313131;
  border-right-width: 1px;
  border-style: dotted;
  padding-left: 15px;
  padding-right: 16px;
  margin-bottom: -2000px;
  padding-bottom: 2000px;
  margin-top: 48px;
}
/* line 31, ../sass/partials/_project_index.sass */
body.project-index.dark .content .column-container .overview-column p {
  margin-top: 48px;
}
/* line 33, ../sass/partials/_project_index.sass */
body.project-index.dark .content .column-container .project-column {
  float: left;
  width: 335px;
  border-color: #313131;
  border-right-width: 1px;
  border-style: dotted;
  margin-bottom: -2000px;
  padding-bottom: 2000px;
  margin-top: 48px;
  height: 580px;
}
/* line 42, ../sass/partials/_project_index.sass */
body.project-index.dark .content .column-container .project-column .undertaking {
  height: 250px;
  position: relative;
  padding-left: 15px;
  padding-right: 16px;
}
/* line 44, ../sass/partials/_project_index.sass */
body.project-index.dark .content .column-container .project-column .undertaking.selected {
  background-color: black;
}
/* line 47, ../sass/partials/_project_index.sass */
body.project-index.dark .content .column-container .project-column .undertaking .inner-border {
  top: 16px;
  position: absolute;
  background-color: #313131;
  height: 266px;
  width: 304px;
}
/* line 53, ../sass/partials/_project_index.sass */
body.project-index.dark .content .column-container .project-column .undertaking .loading-indicator {
  position: relative;
  top: 113px;
  display: block;
  margin: auto;
  background-image: url(../images/magazine/loading_anim1_gray.png);
}
/* line 61, ../sass/partials/_project_index.sass */
body.project-index.dark .content .column-container .project-column .undertaking img {
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: -moz-none;
  -o-user-select: none;
  user-select: none;
  width: 304px;
  height: 160px;
  margin-bottom: 16px;
  margin-top: 16px;
}
/* line 67, ../sass/partials/_project_index.sass */
body.project-index.dark .content .column-container .project-column .undertaking .title-and-count {
  float: left;
}
/* line 69, ../sass/partials/_project_index.sass */
body.project-index.dark .content .column-container .project-column .undertaking .title-and-count h2 {
  font-family: "Sapient Sans", sans-serif;
  font-weight: bold;
  font-style: normal;
  font-size: 14px;
  line-height: 20px;
  color: #f2c311;
  text-transform: uppercase;
  letter-spacing: 1.5px;
}
/* line 78, ../sass/partials/_project_index.sass */
body.project-index.dark .content .column-container .project-column .undertaking .title-and-count h2 .year {
  margin-right: 8px;
}
/* line 80, ../sass/partials/_project_index.sass */
body.project-index.dark .content .column-container .project-column .undertaking .title-and-count .number-of-works {
  background-color: #d6a34b;
  height: 22px;
  width: 22px;
  display: inline-block;
  -moz-border-radius: 11px;
  -webkit-border-radius: 11px;
  -o-border-radius: 11px;
  -ms-border-radius: 11px;
  -khtml-border-radius: 11px;
  border-radius: 11px;
  position: relative;
  text-align: center;
  line-height: 22px;
  color: #2a2827;
  font-weight: bold;
  font-size: 14px;
}
/* line 92, ../sass/partials/_project_index.sass */
body.project-index.dark .content .column-container .project-column .undertaking div.clients {
  clear: left;
  margin-bottom: 4px;
  font-size: 14px;
  line-height: 20px;
  font-weight: bold;
}
/* line 98, ../sass/partials/_project_index.sass */
body.project-index.dark .content .column-container .project-column .undertaking div.clients a {
  font-family: "Sapient Sans", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 20px;
  color: white;
}
/* line 105, ../sass/partials/_project_index.sass */
body.project-index.dark .content .column-container .project-column .undertaking p {
  margin-bottom: 24px;
  display: none
}
/* line 107, ../sass/partials/_project_index.sass */
body.project-index.dark #footer {
  position: relative;
  z-index: 100;
  width: 100%;
  float: left;
  clear: left;
}
/* line 113, ../sass/partials/_project_index.sass */
body.project-index.dark #footer #copyright {
  width: 336px;
  margin: auto;
  text-align: center;
  margin-top: 64px;
  height: 70px;
  padding-top: 40px;
}
/* line 120, ../sass/partials/_project_index.sass */
body.project-index.dark #header {
  border-color: #313131;
  border-style: solid;
  border-bottom-width: 1px;
}
/* line 124, ../sass/partials/_project_index.sass */
body.project-index.dark #header .index-icon {
  background-position: 0px -16px;
}

/* line 128, ../sass/partials/_project_index.sass */
body.project-index.js-enabled {
 
}
/* line 130, ../sass/partials/_project_index.sass */
body.project-index.js-enabled .arrows {
  position: fixed;
}
/* line 134, ../sass/partials/_project_index.sass */
body.project-index.js-enabled .arrows .arrow-container .right-arrow.hidden {
  display: none
}
/* line 137, ../sass/partials/_project_index.sass */
body.project-index.js-enabled .content {
  height: 100%;
}
/* line 141, ../sass/partials/_project_index.sass */
body.project-index.js-enabled .content .column-container .overview-column {
  margin-bottom: 0px;
  padding-bottom: 0px;
}
/* line 144, ../sass/partials/_project_index.sass */
body.project-index.js-enabled .content .column-container .project-column {
  margin-bottom: 0px;
  padding-bottom: 0px;
}
/* line 147, ../sass/partials/_project_index.sass */
body.project-index.js-enabled .content .column-container .loading-indicator {
  position: relative;
  display: block;
  margin: auto;
}
/* line 151, ../sass/partials/_project_index.sass */
body.project-index.js-enabled .content .column-container #project-index-loading {
  position: absolute;
  margin-top: 48px;
  width: 100%;
}
/* line 155, ../sass/partials/_project_index.sass */
body.project-index.js-enabled .content .column-container #project-index-loading .loading-indicator {
  position: relative;
  display: block;
  margin: auto;
}
/* line 159, ../sass/partials/_project_index.sass */
body.project-index.js-enabled .project-placeholder-column {
  float: left;
  margin-bottom: -2000px;
  padding-bottom: 2000px;
}
/* line 164, ../sass/partials/_project_index.sass */
body.project-index.js-enabled #copyright {
  margin: auto;
  margin-top: 117px;
  width: 336px;
  text-align: center;
  height: 70px;
  padding-top: 40px;
}

@media only screen and (max-width: 800px) {
  /* line 175, ../sass/partials/_project_index.sass */
  body.project-index.mobile .content {
    width: 100%;
  }
  /* line 177, ../sass/partials/_project_index.sass */
  body.project-index.mobile .content .column-container {
    float: none;
    margin: auto;
    width: 674px;
    margin-top: 16px;
  }
  /* line 183, ../sass/partials/_project_index.sass */
  body.project-index.mobile #footer #copyright {
    height: 118px;
  }
}
@media only screen and (max-width: 674px) {
  /* line 188, ../sass/partials/_project_index.sass */
  body.project-index.mobile .content {
    width: 100%;
  }
  /* line 190, ../sass/partials/_project_index.sass */
  body.project-index.mobile .content .column-container {
    width: 100%;
    padding-top: 54px;
  }
  /* line 193, ../sass/partials/_project_index.sass */
  body.project-index.mobile .content .column-container .overview-column {
    width: 100%;
    float: none;
    margin: 0;
    padding: 0;
  }
  /* line 198, ../sass/partials/_project_index.sass */
  body.project-index.mobile .content .column-container .overview-column p {
    margin: 16px;
  }
  /* line 200, ../sass/partials/_project_index.sass */
  body.project-index.mobile .content .column-container .project-column {
    float: none;
    margin: auto;
    padding-bottom: 0px;
    border: none;
    height: auto !important;
  }
  /* line 206, ../sass/partials/_project_index.sass */
  body.project-index.mobile .content .column-container .project-column .undertaking {
    border-top: 1px solid #313131;
    margin-top: 16px;
    padding-top: 16px;
  }
  /* line 210, ../sass/partials/_project_index.sass */
  body.project-index.mobile .content .column-container .project-column .undertaking.undertaking-first {
    margin-top: 0;
    padding-top: 0;
    border-top: none;
  }
}
@media only screen and (max-width: 440px) {
  /* line 218, ../sass/partials/_project_index.sass */
  body.project-index.mobile .content .column-container .project-column {
    width: auto;
  }
  /* line 220, ../sass/partials/_project_index.sass */
  body.project-index.mobile .content .column-container .project-column .undertaking {
    width: 304px;
    padding: 16px 0 0 !important;
    margin: 16px auto 0;
    height: auto;
  }
  /* line 225, ../sass/partials/_project_index.sass */
  body.project-index.mobile .content .column-container .project-column .undertaking img {
    max-width: 304px;
    height: auto;
  }
  /* line 228, ../sass/partials/_project_index.sass */
  body.project-index.mobile .content .column-container .project-column .undertaking.undertaking-first {
    padding: 0 !important;
  }
  /* line 232, ../sass/partials/_project_index.sass */
  body.project-index.mobile #footer #copyright {
    width: 304px;
    background-position: 0px 0px;
  }
}

/* line 2, ../sass/partials/_project_detail.sass */
body.project-detail .right-arrow-info {
  display: none;
  overflow: hidden;
  pointer-events: all;
  float: right;
  position: relative;
  height: 64px;
  z-index: 4000;
}
/* line 10, ../sass/partials/_project_detail.sass */
body.project-detail .right-arrow-info .label {
  margin-top: 12px;
  margin-left: 16px;
  margin-right: 16px;
  color: #2a2827;
  font-family: "Sapient Sans", sans-serif;
  font-weight: bold;
  font-style: normal;
  font-size: 11px;
  line-height: 14px;
  letter-spacing: 0.15em;
  white-space: nowrap;
}
/* line 22, ../sass/partials/_project_detail.sass */
body.project-detail .right-arrow-info .title {
  margin-top: 4px;
  margin-left: 16px;
  margin-right: 16px;
  white-space: nowrap;
  color: #2a2827;
  font-family: "Sapient Sans", sans-serif;
  font-weight: normal;
  font-style: normal;
  font-size: 20px;
  line-height: 20px;
}
/* line 33, ../sass/partials/_project_detail.sass */
body.project-detail .right-arrow-info .separator {
  width: 1px;
  height: 40px;
  margin-top: 12px;
  float: right;
}
/* line 38, ../sass/partials/_project_detail.sass */
body.project-detail .content {
  margin-top: 48px;
  float: left;
}
/* line 41, ../sass/partials/_project_detail.sass */
body.project-detail .content .project-container {
  float: left;
}
/* line 43, ../sass/partials/_project_detail.sass */
body.project-detail .content .project-container .slideshow {
  margin-left: 192px;
  padding-left: 24px;
  float: left;
}
/* line 47, ../sass/partials/_project_detail.sass */
body.project-detail .content .project-container .slideshow .slide {
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: -moz-none;
  -o-user-select: none;
  user-select: none;
  float: left;
  padding-right: 8px;
}
/* line 49, ../sass/partials/_project_detail.sass */
body.project-detail .content .project-container .slideshow .slide img {
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: -moz-none;
  -o-user-select: none;
  user-select: none;
}
/* line 51, ../sass/partials/_project_detail.sass */
body.project-detail .content .project-container .slideshow .slide .ajax-image {
  display: none;
}
/* line 55, ../sass/partials/_project_detail.sass */
body.project-detail .content .project-container .project-header {
  clear: left;
  margin-left: 216px;
  padding-top: 25px;
}
/* line 58, ../sass/partials/_project_detail.sass */
body.project-detail .content .project-container .project-header h1 {
  font-size: 40px;
}
/* line 60, ../sass/partials/_project_detail.sass */
body.project-detail .content .project-container .project-header h3 {
  color: #d7d5cb;
  font-weight: normal;
  padding-top: 5px;
}
/* line 64, ../sass/partials/_project_detail.sass */
body.project-detail .content .project-container .project-header h6 {
  margin-top: 16px;
  margin-bottom: 8px;
}
/* line 67, ../sass/partials/_project_detail.sass */
body.project-detail .content .project-container .detail {
  float: left;
  margin-left: 220px;
  padding-bottom: 64px;
}
/* line 71, ../sass/partials/_project_detail.sass */
body.project-detail .content .project-container .detail h2 {
  text-transform: uppercase;
  margin-bottom: 16px;
}
/* line 75, ../sass/partials/_project_detail.sass */
body.project-detail .content .project-container .detail ul li {
  margin-bottom: 8px;
}
/* line 77, ../sass/partials/_project_detail.sass */
body.project-detail .content .project-container .detail .info-column {
  float: left;
  margin-top: 32px;
  margin-right: 48px;
}
/* line 82, ../sass/partials/_project_detail.sass */
body.project-detail .content .project-container .detail .info-column h6 {
  line-height: 15px;
  margin-bottom: 8px;
}
/* line 85, ../sass/partials/_project_detail.sass */
body.project-detail .content .project-container .detail .info-column .body-text-3 {
  margin-bottom: 24px;
  font-size: 14px;
  line-height: 20px;
}
/* line 89, ../sass/partials/_project_detail.sass */
body.project-detail .content .project-container .detail .description-column {
  float: left;
  width: 520px;
  margin-top: 32px;
  margin-right: 48px;
}
/* line 94, ../sass/partials/_project_detail.sass */
body.project-detail .content .project-container .detail .description-column .summary {
  margin-bottom: 32px;
}
/* line 96, ../sass/partials/_project_detail.sass */
body.project-detail .content .project-container .detail .description-column .summary p {
  color: white;
  font-family: "Sapient Centro", serif;
  font-style: italic;
  font-size: 17px;
  line-height: 28px;
}
/* line 103, ../sass/partials/_project_detail.sass */
body.project-detail .content .project-container .detail .description-column .description p {
  margin-bottom: 16px;
}
/* line 105, ../sass/partials/_project_detail.sass */
body.project-detail .content .project-container .detail .description-column .separator {
  width: 24px;
  margin: 56px 0;
}
/* line 109, ../sass/partials/_project_detail.sass */
body.project-detail .content .project-container .detail .description-column .recognitions .recognition-description {
  margin-top: 24px;
  color: white;
}
/* line 112, ../sass/partials/_project_detail.sass */
body.project-detail .content .project-container .detail .description-column .recognitions .recognition-description em {
  font-style: italic;
}
/* line 114, ../sass/partials/_project_detail.sass */
body.project-detail .content .project-container .detail .description-column .recognitions .recognition-quote {
  margin-left: 40px;
}
/* line 117, ../sass/partials/_project_detail.sass */
body.project-detail .content .project-container .detail .description-column .credits h6 {
  margin-bottom: 32px;
}
/* line 119, ../sass/partials/_project_detail.sass */
body.project-detail .content .project-container .detail .description-column .credits h3 {
  margin-bottom: 24px;
}
/* line 121, ../sass/partials/_project_detail.sass */
body.project-detail .content .project-container .detail .description-column .credits dl {
  width: 520px;
}
/* line 123, ../sass/partials/_project_detail.sass */
body.project-detail .content .project-container .detail .description-column .credits dl dt {
  width: 200px;
  float: left;
  clear: left;
  padding-top: 16px;
  padding-right: 24px;
  padding-bottom: 16px;
  font-size: 16px;
  line-height: 21px;
  border-color: #313131;
  border-top-width: 1px;
  border-style: solid;
}
/* line 135, ../sass/partials/_project_detail.sass */
body.project-detail .content .project-container .detail .description-column .credits dl dt.first {
  border-top-width: 0px;
}
/* line 137, ../sass/partials/_project_detail.sass */
body.project-detail .content .project-container .detail .description-column .credits dl dd {
  width: 296px;
  float: left;
  padding-top: 16px;
  padding-bottom: 16px;
  line-height: 24px;
  font-size: 15px;
  color: white;
  border-color: #313131;
  border-top-width: 1px;
  border-style: solid;
}
/* line 148, ../sass/partials/_project_detail.sass */
body.project-detail .content .project-container .detail .description-column .credits dl dd.first {
  border-top-width: 0px;
}
/* line 150, ../sass/partials/_project_detail.sass */
body.project-detail .content .project-container .detail .work-column {
  float: left;
  width: 176px;
  margin-top: 32px;
}
/* line 156, ../sass/partials/_project_detail.sass */
body.project-detail .content .project-container .detail .work-column ul li .separator {
  width: 24px;
  margin: 8px 0;
}
/* line 159, ../sass/partials/_project_detail.sass */
body.project-detail #copyright {
  width: 520px;
  padding-top: 80px;
  text-align: left;
  height: 70px;
  clear: both;
}
/* line 165, ../sass/partials/_project_detail.sass */
body.project-detail #header {
  border-color: #313131;
  border-style: solid;
  border-bottom-width: 1px;
}
/* line 169, ../sass/partials/_project_detail.sass */
body.project-detail #header .header-left-arrow, body.project-detail #header .header-right-arrow {
  display: block;
}
/* line 171, ../sass/partials/_project_detail.sass */
body.project-detail #header .header-left-arrow.hidden, body.project-detail #header .header-right-arrow.hidden {
  display: block;
  visibility: hidden;
}
/* line 174, ../sass/partials/_project_detail.sass */
body.project-detail #header .detail-icon {
  background-position: 0px -16px;
}

/* line 177, ../sass/partials/_project_detail.sass */
body.project-detail.js-enabled {
  
}
/* line 179, ../sass/partials/_project_detail.sass */
body.project-detail.js-enabled .content {
  position: relative;
}
/* line 183, ../sass/partials/_project_detail.sass */
body.project-detail.js-enabled .content .content-slider {
  overflow: hidden;
  *zoom: 1;
  position: absolute;
}
/* line 186, ../sass/partials/_project_detail.sass */
body.project-detail.js-enabled .content .content-slider .project-container {
  float: left;
  overflow: hidden;
}
/* line 187, ../sass/partials/_project_detail.sass */
body.project-detail.js-enabled .content .content-slider .project-container .loading-indicator {
  position: relative;
  top: 50%;
  display: block;
  margin: auto;
}
/* line 194, ../sass/partials/_project_detail.sass */
body.project-detail.js-enabled .content .content-slider .project-container .slideshow {
  height: 428px;
  overflow: hidden;
}
/* line 200, ../sass/partials/_project_detail.sass */
body.project-detail.js-enabled .content .content-slider .project-container .slideshow .slideshow-slider {
}
/* line 203, ../sass/partials/_project_detail.sass */
body.project-detail.js-enabled .content .content-slider .project-container .slideshow .slideshow-slider .slide .ajax-image {
  display: block;
  background-color: #313131;
}
/* line 206, ../sass/partials/_project_detail.sass */
body.project-detail.js-enabled .content .content-slider .project-container .slideshow .slideshow-slider .slide .video-holder {
  position: absolute;
}
/* line 208, ../sass/partials/_project_detail.sass */
body.project-detail.js-enabled .content .content-slider .project-container .slideshow .slideshow-slider .slide iframe {
  position: absolute;
  display: block;
}
/* line 211, ../sass/partials/_project_detail.sass */
body.project-detail.js-enabled .content .content-slider .project-container .slideshow .slideshow-slider .slide.slide-last {
  padding: 0;
}
/* line 213, ../sass/partials/_project_detail.sass */
body.project-detail.js-enabled .content .content-slider .project-container .slideshow .slideshow-slider .slide .loading-indicator {
  background-image: url(../images/magazine/loading_anim1_gray.png);
}
/* line 215, ../sass/partials/_project_detail.sass */
body.project-detail.js-enabled .content .content-slider .project-container .slideshow .slideshow-slider .slide-vimeo-play-button {
  display: none;
  z-index: 500;
  position: absolute;
  width: 48px;
  height: 48px;
  top: 188px;
  background-image: url(../images/magazine/play_video.png);
  background-size: 48px 48px;
}
/* line 224, ../sass/partials/_project_detail.sass */
body.project-detail.js-enabled .content .content-slider .project-container .slideshow .slideshow-slider .slide-vimeo-play-button:hover {
  background-image: url(../images/magazine/play_video_hover.png);
}
/* line 227, ../sass/partials/_project_detail.sass */
body.project-detail.js-enabled .content .content-slider .project-container .slideshow .slideshow-arrows {
  position: absolute;
  z-index: 900;
  display: none;
  left: 0px;
  height: 428px;
}
/* line 233, ../sass/partials/_project_detail.sass */
body.project-detail.js-enabled .content .content-slider .project-container .slideshow .slideshow-arrows .slideshow-arrow-left {
  display: none;
  z-index: 900;
  position: absolute;
  background-image: url(../images/magazine/slideshow_prev.html);
  width: 57px;
  height: 57px;
  left: 16px;
  bottom: 186px;
}
/* line 242, ../sass/partials/_project_detail.sass */
body.project-detail.js-enabled .content .content-slider .project-container .slideshow .slideshow-arrows .slideshow-arrow-right {
  display: none;
  z-index: 900;
  position: absolute;
  background-image: url(../images/magazine/slideshow_next.html);
  width: 57px;
  height: 57px;
  bottom: 186px;
}
/* line 250, ../sass/partials/_project_detail.sass */
body.project-detail.js-enabled .content .content-slider .project-container .project-header {
  padding-top: 20px;
}
/* line 253, ../sass/partials/_project_detail.sass */
body.project-detail.js-enabled .content .content-slider .project-container .detail {
  
}
/* line 256, ../sass/partials/_project_detail.sass */
body.project-detail.js-enabled .arrows .arrow-container {
  margin-top: 336px;
}
/* line 258, ../sass/partials/_project_detail.sass */
body.project-detail.js-enabled .arrows .arrow-container .left-arrow {
  z-index: 2001;
  margin-right: 1px;
  background-image: url("../images/magazine/work_nav_arrow_left_2.png");
}
/* line 262, ../sass/partials/_project_detail.sass */
body.project-detail.js-enabled .arrows .arrow-container .left-arrow.hidden, body.project-detail.js-enabled .arrows .arrow-container .left-arrow.showing {
  display: none;
}
/* line 265, ../sass/partials/_project_detail.sass */
body.project-detail.js-enabled .arrows .arrow-container .right-arrow {
  z-index: 2002;
  background-image: url("../images/magazine/work_nav_arrow_right_2.png");
}
/* line 268, ../sass/partials/_project_detail.sass */
body.project-detail.js-enabled .arrows .arrow-container .right-arrow.hidden {
  visibility: hidden;
}

/* line 276, ../sass/partials/_project_detail.sass */
body.project-detail.ipad .content .content-slider .project-container .slideshow .slideshow-slider {
  float: left;
  margin-right: -100000px;
}

/* line 280, ../sass/partials/_project_detail.sass */
#project-detail-loading {
  width: 100%;
  padding-top: 48px;
}
/* line 283, ../sass/partials/_project_detail.sass */
#project-detail-loading .loading-indicator {
  position: relative;
  display: block;
  margin: auto;
}

@media all and (max-width: 1140px) {
  /* line 290, ../sass/partials/_project_detail.sass */
  body.project-detail #copyright {
    width: 292px;
    margin: auto;
  }
  /* line 296, ../sass/partials/_project_detail.sass */
  body.project-detail .content .project-container.project-overview .detail .description-column {
    width: 344px;
  }
}
@media all and (max-width: 980px) {
  /* line 304, ../sass/partials/_project_detail.sass */
  body.project-detail .content .project-container.project-overview .detail .info-column {
    width: 120px;
  }
  /* line 306, ../sass/partials/_project_detail.sass */
  body.project-detail .content .project-container.project-overview .detail .description-column {
    width: 244px;
  }
  /* line 308, ../sass/partials/_project_detail.sass */
  body.project-detail .content .project-container.project-overview .detail .work-column {
    width: 156px;
  }
  /* line 312, ../sass/partials/_project_detail.sass */
  body.project-detail .content .project-container.work-detail .detail .description-column {
    width: 344px;
  }
}
@media only screen and (max-width: 800px) {
  /* line 318, ../sass/partials/_project_detail.sass */
  body.project-detail.mobile .content {
    margin-top: 20px;
  }
  /* line 322, ../sass/partials/_project_detail.sass */
  body.project-detail.mobile .content .content-slider .project-container .slideshow {
    margin: 0;
    margin-top: 48px;
    padding-left: 12px;
    padding-right: 12px;
  }
  /* line 328, ../sass/partials/_project_detail.sass */
  body.project-detail.mobile .content .content-slider .project-container .slideshow .slideshow-slider .slide {
    padding: 0px;
  }
  /* line 330, ../sass/partials/_project_detail.sass */
  body.project-detail.mobile .content .content-slider .project-container .slideshow .slideshow-slider .slide img {
    max-width: 100%;
    height: auto;
  }
  /* line 333, ../sass/partials/_project_detail.sass */
  body.project-detail.mobile .content .content-slider .project-container .project-header {
    margin: 0;
    padding-left: 12px;
    padding-right: 12px;
  }
  /* line 337, ../sass/partials/_project_detail.sass */
  body.project-detail.mobile .content .content-slider .project-container .detail {
    margin: 0;
    padding-left: 12px;
    padding-right: 12px;
  }
  /* line 341, ../sass/partials/_project_detail.sass */
  body.project-detail.mobile .content .content-slider .project-container .detail .work-column {
    display: none;
  }
  /* line 343, ../sass/partials/_project_detail.sass */
  body.project-detail.mobile .content .content-slider .project-container .detail .info-column {
    position: relative;
    z-index: 1900;
  }
  /* line 346, ../sass/partials/_project_detail.sass */
  body.project-detail.mobile .content .content-slider .project-container .detail .description-column {
    float: none;
    position: relative;
    z-index: 1800;
    width: 100%;
    padding-right: 0;
    margin-right: 0;
  }
  /* line 347, ../sass/partials/_project_detail.sass */
  body.project-detail.mobile .content .content-slider .project-container .detail .description-column .summary, body.project-detail.mobile .content .content-slider .project-container .detail .description-column .description, body.project-detail.mobile .content .content-slider .project-container .detail .description-column .separator, body.project-detail.mobile .content .content-slider .project-container .detail .description-column .recognitions, body.project-detail.mobile .content .content-slider .project-container .detail .description-column .credits {
    margin-left: 203px;
  }
  /* line 356, ../sass/partials/_project_detail.sass */
  body.project-detail.mobile .content .content-slider .project-container .detail .description-column .credits dl {
    width: auto;
  }
  /* line 358, ../sass/partials/_project_detail.sass */
  body.project-detail.mobile .content .content-slider .project-container .detail .description-column .credits dl dd {
    float: none;
    width: auto;
    padding-top: 0;
    margin-top: 0;
    border-width: 0;
  }
  /* line 364, ../sass/partials/_project_detail.sass */
  body.project-detail.mobile .content .content-slider .project-container .detail .description-column .credits dl dt {
    float: none;
    width: auto;
    padding-bottom: 0;
  }
}
@media only screen and (max-width: 674px) {
  /* line 375, ../sass/partials/_project_detail.sass */
  body.project-detail.mobile .content .content-slider .project-container .detail .description-column .summary, body.project-detail.mobile .content .content-slider .project-container .detail .description-column .description, body.project-detail.mobile .content .content-slider .project-container .detail .description-column .separator, body.project-detail.mobile .content .content-slider .project-container .detail .description-column .recognitions, body.project-detail.mobile .content .content-slider .project-container .detail .description-column .credits {
    margin-left: 0px;
  }
  /* line 377, ../sass/partials/_project_detail.sass */
  body.project-detail.mobile .content .content-slider .project-container .detail .description-column .recognitions, body.project-detail.mobile .content .content-slider .project-container .detail .description-column .credits {
    clear: left;
    padding-top: 24px;
  }
  /* line 380, ../sass/partials/_project_detail.sass */
  body.project-detail.mobile .content .content-slider .project-container .detail .info-column {
    margin-right: 16px;
  }
}

/* line 3, ../sass/partials/_search_menu.sass */
body.mobile #menu {
  position: absolute;
}
/* line 5, ../sass/partials/_search_menu.sass */
body #menu {
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: -moz-none;
  -o-user-select: none;
  user-select: none;
  height: 100%;
  position: fixed;
  left: 0px;
  z-index: 5000;
}
/* line 11, ../sass/partials/_search_menu.sass */
body #menu.maximized, body #menu.minimizing, body #menu.showing_subsection, body #menu.shown_subsection, body #menu.hiding_subsection {
  width: 192px;
}
/* line 13, ../sass/partials/_search_menu.sass */
body #menu.maximized .contact-details, body #menu.minimizing .contact-details, body #menu.showing_subsection .contact-details, body #menu.shown_subsection .contact-details, body #menu.hiding_subsection .contact-details {
  width: 192px;
}
/* line 15, ../sass/partials/_search_menu.sass */
body #menu.minimized, body #menu.maximizing {
  width: 56px;
}
/* line 17, ../sass/partials/_search_menu.sass */
body #menu.minimized .logo-type, body #menu.minimized .menu-buttons, body #menu.minimized .list-section, body #menu.minimized .phone, body #menu.minimized .sapientnitro-logo, body #menu.maximizing .logo-type, body #menu.maximizing .menu-buttons, body #menu.maximizing .list-section, body #menu.maximizing .phone, body #menu.maximizing .sapientnitro-logo {
  visibility: hidden;
  opacity: 0;
}
/* line 20, ../sass/partials/_search_menu.sass */
body #menu.minimized .contact-details, body #menu.maximizing .contact-details {
  width: 56px;
}
/* line 23, ../sass/partials/_search_menu.sass */
body #menu .logo a {
  display: block;
  width: 174px;
  height: 118px;
  margin: auto;
  margin-top: 28px;
  margin-bottom: 20px;
  text-indent: -119988px;
  overflow: hidden;
  text-align: left;
  background-image: url('../images/magazine/2s_rebrand_symbol1da7.png?1388442316');
  background-repeat: no-repeat;
  background-position: 0 0;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: -moz-none;
  -o-user-select: none;
  user-select: none;
}
/* line 34, ../sass/partials/_search_menu.sass */
body #menu .logo-type a {
  display: none;
  width: 146px;
  height: 47px;
  margin: auto;
  margin-bottom: 40px;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: -moz-none;
  -o-user-select: none;
  user-select: none;
}
/* line 41, ../sass/partials/_search_menu.sass */
body #menu .sapientnitro-logo-max {
  position: absolute;
  width: 192px;
  bottom: 20px;
}
/* line 45, ../sass/partials/_search_menu.sass */
body #menu .sapientnitro-logo-max a {
  display: block;
  width: 113px;
  height: 22px;
  margin: auto;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: -moz-none;
  -o-user-select: none;
  user-select: none;
}
/* line 51, ../sass/partials/_search_menu.sass */
body #menu .sapientnitro-logo-min {
  position: absolute;
  width: 56px;
  height: 25px;
  bottom: 20px;
}
/* line 56, ../sass/partials/_search_menu.sass */
body #menu .sapientnitro-logo-min a {
  display: block;
  width: 12px;
  height: 25px;
  margin: auto;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: -moz-none;
  -o-user-select: none;
  user-select: none;
}
/* line 62, ../sass/partials/_search_menu.sass */
body #menu .menu-buttons {
  width: 192px;
  position: relative;
  height: 96px;
  letter-spacing: 0.1em;
}
/* line 67, ../sass/partials/_search_menu.sass */
body #menu .menu-buttons h2 {
  position: relative;
  width: 96px;
  text-align: center;
  height: 64px;
  line-height: 64px;
  border-style: solid;
  font-weight: bold;
  font-size: 16px;
  text-transform: uppercase;
}
/* line 77, ../sass/partials/_search_menu.sass */
body #menu .menu-buttons .menu-button {
  position: absolute;
  top: 0;
}
/* line 80, ../sass/partials/_search_menu.sass */
body #menu .menu-buttons .menu-button h2 {
  margin-bottom: 32px;
}
/* line 82, ../sass/partials/_search_menu.sass */
body #menu .menu-buttons .menu-button a {
  -webkit-transition: color 0.2s;
  -moz-transition: color 0.2s;
  -o-transition: color 0.2s;
  transition: color 0.2s;
}
/* line 87, ../sass/partials/_search_menu.sass */
body #menu .menu-buttons .menu-button a:hover {
  color: white;
}
/* line 89, ../sass/partials/_search_menu.sass */
body #menu .menu-buttons .work-button {
  left: 0px;
}
/* line 91, ../sass/partials/_search_menu.sass */
body #menu .menu-buttons .work-button h2 {
  border-right-width: 1px;
}
/* line 93, ../sass/partials/_search_menu.sass */
body #menu .menu-buttons .studio-button {
  left: 96px;
}
/* line 96, ../sass/partials/_search_menu.sass */
body #menu .list-section ul {
  text-align: center;
  width: 100%;
}
/* line 99, ../sass/partials/_search_menu.sass */
body #menu .list-section ul li {
  height: 40px;
  font-size: 12px;
  text-transform: uppercase;
}
/* line 103, ../sass/partials/_search_menu.sass */
body #menu .list-section ul li a {
  text-transform: uppercase;
  font-size: 16px;
  letter-spacing: 0.1em;
}
/* line 107, ../sass/partials/_search_menu.sass */
body #menu .list-section ul li.browse-by {
  padding-top: 20px;
}
/* line 110, ../sass/partials/_search_menu.sass */
body .search-column #search-no-results {
  display: none;
  clear: both;
  font-size: 13px;
  line-height: 16px;
  padding-top: 16px;
  padding-right: 16px;
}
/* line 117, ../sass/partials/_search_menu.sass */
body .search-column #search-no-results #search-no-results-keywords {
  font-style: italic;
}

/* line 121, ../sass/partials/_search_menu.sass */
body.menu-list h3, body.menu-search h3, body.menu h3 {
  margin-bottom: 16px;
}
/* line 123, ../sass/partials/_search_menu.sass */
body.menu-list #header, body.menu-search #header, body.menu #header {
  display: none;
}
/* line 125, ../sass/partials/_search_menu.sass */
body.menu-list .list-container, body.menu-search .list-container, body.menu .list-container {
  padding-top: 24px;
  margin-left: 216px;
}

/* line 130, ../sass/partials/_search_menu.sass */
body.menu-search .content {
margin-left: 192px;
    padding-top: 24px;
    width: 308px;
    height: 624px;
    background: white;
    float: left;
}
/* line 133, ../sass/partials/_search_menu.sass */
body.menu-search .content #search-box {
  float: left;
  width: 228px;
  height: 40px;
  font-size: 20px;
  padding: 8px;
  padding-right: 0px;
  background-color: #f2c311;
  border-style: none;
  color: #2a2827;
}
/* line 143, ../sass/partials/_search_menu.sass */
body.menu-search .content #search-box:focus {
  border-style: none;
}
/* line 145, ../sass/partials/_search_menu.sass */
body.menu-search .content #search-button {
  float: left;
  cursor: pointer;
  width: 30px;
  height: 40px;
  background-color: transparent;
  border-style: none;
  padding: 0px;
  text-indent: -119988px;
  overflow: hidden;
  text-align: left;
  background-image: url('../images/magazine/search_iconddd9.png?1389215798');
  background-repeat: no-repeat;
  background-position: -20px -4px;
  background-color: #f2c311;
  padding: 0px;
  border-style: none;
}
/* line 157, ../sass/partials/_search_menu.sass */
body.menu-search .content #reset-button {
  float: left;
  cursor: pointer;
  width: 30px;
  height: 40px;
  background-color: transparent;
  border-style: none;
  padding: 0px;
  text-indent: -119988px;
  overflow: hidden;
  text-align: left;
  background-image: url('../images/magazine/clear_iconddd9.png?1389215798');
  background-repeat: no-repeat;
  background-position: 7px 12px;
  background-color: #f2c311;
  padding: 0px;
  border-style: none;
}

/* line 171, ../sass/partials/_search_menu.sass */
body #menu {
  background-color: #f2c311;
}
/* line 174, ../sass/partials/_search_menu.sass */
body #menu a, body #menu a:hover {
  text-decoration: none;
}
/* line 177, ../sass/partials/_search_menu.sass */
body #menu .logo-type a {
  background-size: 144px 44px;
  text-indent: -119988px;
  overflow: hidden;
  text-align: left;
  background-image: url('../images/magazine/2s_logotype_retinaa3a1.png?1390589985');
  background-repeat: no-repeat;
  background-position: 0 0;
}
/* line 181, ../sass/partials/_search_menu.sass */
body #menu .sapientnitro-logo-max a {
  text-indent: -119988px;
    background-image: url('../images/magazine/sn_logotype_retinaa3a1.png?1390589985');
    background-repeat: no-repeat;
    width: 76px;
    display: flex;
    margin: 0 auto;
}
/* line 185, ../sass/partials/_search_menu.sass */
body #menu .sapientnitro-logo-min a {
  background-size: 12px 24px;
  text-indent: -119988px;
  overflow: hidden;
  text-align: left;
  background-image: url('../images/magazine/sn_logomark_retinaa3a1.png?1390589985');
  background-repeat: no-repeat;
  background-position: 0 0;
}
/* line 189, ../sass/partials/_search_menu.sass */
body #menu .menu-buttons h2 {
  border-color: #b89719;
}
/* line 191, ../sass/partials/_search_menu.sass */
body #menu .menu-buttons h2 a {
  color: #2a2827;
}
/* line 196, ../sass/partials/_search_menu.sass */
body #menu .list-section ul a, body #menu .list-section ul a:visited {
  -webkit-transition: color 0.1s;
  -moz-transition: color 0.1s;
  -o-transition: color 0.1s;
  transition: color 0.1s;
  color: #2a2827;
}
/* line 202, ../sass/partials/_search_menu.sass */
body #menu .list-section ul a:hover {
  color: white;
}

/* line 209, ../sass/partials/_search_menu.sass */
body.dark #menu .work-button h2 a {
  color: #2a2827;
  border-bottom: solid 2px;
  padding: 2px;
}
/* line 214, ../sass/partials/_search_menu.sass */
body.dark #menu .studio-list ul {
  display: none;
}

/* line 221, ../sass/partials/_search_menu.sass */
body.light #menu .studio-button h2 a {
  border-bottom: solid 2px;
  padding-bottom: 2px;
}
/* line 225, ../sass/partials/_search_menu.sass */
body.light #menu .work-list ul {
  display: none;
}

/* line 229, ../sass/partials/_search_menu.sass */
body.js-enabled .list-container {
      padding-top: 24px;
    margin-left: 216px;
    width: 280px;
    background: white;
    margin-left: 192px;
    padding-left: 22px;
  }

/* line 233, ../sass/partials/_search_menu.sass */
body.js-enabled.project-index .search-column, body.js-enabled.project-detail .search-column {

  z-index: 3000;
  position: fixed;
  background-color: white;
  color: #2a2827;
  float: left;

  overflow: hidden;
}
/* line 243, ../sass/partials/_search_menu.sass */
body.js-enabled.project-index .search-column h3, body.js-enabled.project-detail .search-column h3 {
  display: block;
  padding-top: 16px;
  padding-bottom: 16px;
  background-color: white;
}
/* line 248, ../sass/partials/_search_menu.sass */
body.js-enabled.project-index .search-column .header, body.js-enabled.project-detail .search-column .header {
  height: 48px;
  width: 100%;
}
/* line 251, ../sass/partials/_search_menu.sass */
body.js-enabled.project-index .search-column .header .close, body.js-enabled.project-detail .search-column .header .close {
  width: 19px;
  height: 19px;
  float: right;
  margin-top: 14px;
  margin-right: 14px;
  text-indent: -119988px;
  overflow: hidden;
  text-align: left;
  background-image: url('../images/magazine/search_close_icon8d2e.png?1330556388');
  background-repeat: no-repeat;
  background-position: 0px 0px;
  cursor: pointer;
}
/* line 259, ../sass/partials/_search_menu.sass */
body.js-enabled.project-index .search-column ul, body.js-enabled.project-detail .search-column ul {
  margin-right: 15px;
}
/* line 262, ../sass/partials/_search_menu.sass */
body.js-enabled.project-index .search-column ul li a, body.js-enabled.project-detail .search-column ul li a {
  color: #848d94;
  font-family: "Sapient Sans", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 15px;
  line-height: 24px;
}
/* line 269, ../sass/partials/_search_menu.sass */
body.js-enabled.project-index .search-column ul li a:hover, body.js-enabled.project-detail .search-column ul li a:hover {
  color: #2a2827;
}
/* line 271, ../sass/partials/_search_menu.sass */
body.js-enabled.project-index .search-column .search-items, body.js-enabled.project-detail .search-column .search-items {
  text-align: left;
  margin-left: 15px;
  padding-top: 16px;
  padding-bottom: 32px;
  height: auto;
  overflow: auto;
}
/* line 278, ../sass/partials/_search_menu.sass */
body.js-enabled.project-index .search-column .search-items .jspPane, body.js-enabled.project-detail .search-column .search-items .jspPane {
  padding: 16px 0 32px !important;
}
/* line 281, ../sass/partials/_search_menu.sass */
body.js-enabled.project-index .search-column .search-items li, body.js-enabled.project-detail .search-column .search-items li {
  padding-bottom: 8px;
  font-size: 13px;
  line-height: 16px;
}
/* line 285, ../sass/partials/_search_menu.sass */
body.js-enabled.project-index .search-column .featured-work, body.js-enabled.project-detail .search-column .featured-work {
  font-size: 24px;
  font-weight: 300;
  line-height: 32px;
}
/* line 289, ../sass/partials/_search_menu.sass */
body.js-enabled.project-index .search-column .show-all, body.js-enabled.project-detail .search-column .show-all {
  font-size: 24px;
  font-weight: 300;
  line-height: 32px;
}
/* line 293, ../sass/partials/_search_menu.sass */
body.js-enabled.project-index .search-column #search-form, body.js-enabled.project-detail .search-column #search-form {
  display: block;
  float: none;
}
#search-form{
  margin-left: 6px
}
/* line 296, ../sass/partials/_search_menu.sass */
body.js-enabled.project-index .search-column #search-box, body.js-enabled.project-detail .search-column #search-box {
  float: left;
  width: 228px;
  height: 24px;
  font-size: 20px;
  padding: 8px;
  background-color: #f2c311;
  border-style: none;
  color: #2a2827;
}
/* line 305, ../sass/partials/_search_menu.sass */
body.js-enabled.project-index .search-column #search-box:focus, body.js-enabled.project-detail .search-column #search-box:focus {
  border-style: none;
}
/* line 307, ../sass/partials/_search_menu.sass */
body.js-enabled.project-index .search-column #search-button, body.js-enabled.project-detail .search-column #search-button {
  float: left;
  cursor: pointer;
  width: 30px;
  height: 40px;
  background-color: transparent;
  border-style: none;
  padding: 0px;
  text-indent: -119988px;
  overflow: hidden;
  text-align: left;
  background-image: url('../images/magazine/search_iconddd9.png?1389215798');
  background-repeat: no-repeat;
  background-position: -20px -4px;
  background-color: #f2c311;
  padding: 0px;
  border-style: none;
}
/* line 319, ../sass/partials/_search_menu.sass */
body.js-enabled.project-index .search-column #reset-button, body.js-enabled.project-detail .search-column #reset-button {
  float: left;
  cursor: pointer;
  width: 30px;
  height: 40px;
  background-color: transparent;
  border-style: none;
  padding: 0px;
  text-indent: -119988px;
  overflow: hidden;
  text-align: left;
  background-image: url('../images/magazine/clear_iconddd9.png?1389215798');
  background-repeat: no-repeat;
  background-position: 7px 12px;
  background-color: #f2c311;
  padding: 0px;
  border-style: none;
}
/* line 331, ../sass/partials/_search_menu.sass */
body.js-enabled.project-index .search-column .jspTrack, body.js-enabled.project-detail .search-column .jspTrack {
  background-color: transparent;
}
/* line 333, ../sass/partials/_search_menu.sass */
body.js-enabled.project-index .search-column .jspVerticalBar, body.js-enabled.project-detail .search-column .jspVerticalBar {
  background-color: transparent;
  width: 8px;
}
/* line 336, ../sass/partials/_search_menu.sass */
body.js-enabled.project-index .search-column .jspDrag, body.js-enabled.project-detail .search-column .jspDrag {
  background-color: black;
  opacity: 0.1;
}
/* line 339, ../sass/partials/_search_menu.sass */
body.js-enabled.project-index #autocomplete, body.js-enabled.project-detail #autocomplete {
  padding-top: 16px;
  clear: left;
}

@media only screen and (max-width: 800px) {
  /* line 346, ../sass/partials/_search_menu.sass */
  body.menu-list.mobile .content .list-container {
    padding-top: 104px;
    margin-left: 16px;
    margin-right: 16px;
  }
}

@media only screen and (max-width: 800px) {
  /* line 353, ../sass/partials/_search_menu.sass */
  body.menu-search.mobile .content {
    margin: 0;
    padding: 0;
  }
  /* line 356, ../sass/partials/_search_menu.sass */
  body.menu-search.mobile .content .search-form-container {
    padding-top: 104px;
    margin-left: 16px;
    margin-right: 16px;
  }
}

@media only screen and (max-width: 800px) {
  /* line 364, ../sass/partials/_search_menu.sass */
  body.mobile #menu {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    overflow: hidden;
    width: 100%;
    height: 68px;
    text-align: right;
  }
  /* line 374, ../sass/partials/_search_menu.sass */
  body.mobile #menu .logo a {
    margin-left: 20px;
    margin-top: 14px;
  }
  /* line 377, ../sass/partials/_search_menu.sass */
  body.mobile #menu .logo-type {
    position: absolute;
    top: 0;
    left: 0;
  }
  /* line 381, ../sass/partials/_search_menu.sass */
  body.mobile #menu .logo-type a {
    width: 70px;
    height: 10px;
    background-image: url("../images/magazine/2s_part_of_sapientnitro.png");
    background-size: 70px 10px;
    margin-left: 70px;
    margin-top: 31px;
  }
  /* line 388, ../sass/partials/_search_menu.sass */
  body.mobile #menu .list-section {
    display: none;
  }
  /* line 390, ../sass/partials/_search_menu.sass */
  body.mobile #menu .contact-container {
    display: none;
  }
  /* line 392, ../sass/partials/_search_menu.sass */
  body.mobile #menu .menu-buttons {
    position: absolute;
    text-align: right;
    margin-top: -62px;
    width: 100%;
  }
  /* line 397, ../sass/partials/_search_menu.sass */
  body.mobile #menu .menu-buttons .menu-button {
    position: relative;
    display: inline-block;
    width: auto;
  }
  /* line 401, ../sass/partials/_search_menu.sass */
  body.mobile #menu .menu-buttons .menu-button.studio-button {
    left: 0;
  }
  /* line 403, ../sass/partials/_search_menu.sass */
  body.mobile #menu .menu-buttons .menu-button.studio-button h2 {
    padding-right: 20px;
  }
  /* line 405, ../sass/partials/_search_menu.sass */
  body.mobile #menu .menu-buttons .menu-button h2 {
    width: auto;
    line-height: 40px;
    height: 40px;
    font-size: 13px;
    padding-left: 10px;
    padding-right: 10px;
  }
  /* line 413, ../sass/partials/_search_menu.sass */
  body.mobile #menu .content .column-container {
    padding-top: 58px;
  }
}

@media only screen and (min-width: 801px) {
  /* line 421, ../sass/partials/_search_menu.sass */
  body.light.no-js #menu .menu-buttons h2 a {
    line-height: 64px;
  }
  /* line 425, ../sass/partials/_search_menu.sass */
  body.light.no-js #menu .list-section ul {
    z-index: 9995;
  }
  /* line 427, ../sass/partials/_search_menu.sass */
  body.light.no-js #menu .list-section ul li {
    z-index: 9997;
  }
  /* line 429, ../sass/partials/_search_menu.sass */
  body.light.no-js #menu .list-section ul li a {
    z-index: 9999;
    display: block;
    height: 32px;
    line-height: 32px;
    width: 100%;
  }
}

/* line 15, ../sass/magazine.sass */
html {
  height: 100%;
}

/* line 18, ../sass/magazine.sass */
body {
  font-size: 15px;
  line-height: 24px;
  font-family: "Sapient Sans", sans-serif;
  font-style: normal;
  font-weight: normal;
  height: 100%;
  position: relative;
}
/* line 27, ../sass/magazine.sass */
body.dark {
  color: #848d94;
  background-image: none;
  background-color: #111111;
}
/* line 31, ../sass/magazine.sass */
body.dark a, body.dark a:visited, body.dark a:hover {
  color: #f2c311;
}
/* line 33, ../sass/magazine.sass */
body.dark a:hover, body.dark a.active, body.dark a:visited:hover, body.dark a:visited.active, body.dark a:hover:hover, body.dark a:hover.active {
  color: #f2c311;
}
/* line 35, ../sass/magazine.sass */
body.dark h1 {
  color: white;
  text-transform: none;
}
/* line 38, ../sass/magazine.sass */
body.dark h2 {
  color: #f2c311;
}
/* line 40, ../sass/magazine.sass */
body.dark h3 {
  color: black;
  display: none
}
/* line 42, ../sass/magazine.sass */
body.dark h4 {
  color: #d6a34b;
}
/* line 44, ../sass/magazine.sass */
body.dark h5 {
  color: white;
}
/* line 46, ../sass/magazine.sass */
body.dark .body-text-1 {
  color: #848d94;
}
/* line 48, ../sass/magazine.sass */
body.dark .body-text-2 {
  color: #848d94;
}
/* line 50, ../sass/magazine.sass */
body.dark .body-text-3 {
  color: #848d94;
}
/* line 52, ../sass/magazine.sass */
body.dark blockquote {
  color: #848d94;
}
/* line 54, ../sass/magazine.sass */
body.dark .left-arrow, body.dark .right-arrow, body.dark .right-arrow-info {
  background-color: #f2c311;
}
/* line 56, ../sass/magazine.sass */
body.dark #header {
  background-image: none;
}
/* line 58, ../sass/magazine.sass */
body.dark #header h1 {
  font-weight: bold;
  font-size: 11px;
  line-height: 49px;
  letter-spacing: 0.15em;
}
/* line 63, ../sass/magazine.sass */
body.dark h6 {
  color: white;
}
/* line 65, ../sass/magazine.sass */
body.dark hr {
  width: 100%;
  height: 1px;
  background-color: #222222;
  border: none;
  margin: 24px 0;
  padding: 0;
}
/* line 73, ../sass/magazine.sass */
body.light {
  background-color: #f9f9f9;
  color: #848d94;
}
/* line 76, ../sass/magazine.sass */
body.light a, body.light a:visited, body.light a:hover {
  color: #2a2827;
}

/* line 78, ../sass/magazine.sass */
body.light a:hover, body.light a.active, body.light a:visited:hover, body.light a:visited.active, body.light a:hover:hover, body.light a:hover.active {
  text-decoration: underline;
}
/* line 80, ../sass/magazine.sass */
body.light h1 {
  color: #f2c311;
}
/* line 82, ../sass/magazine.sass */
body.light h2 {
  color: #2a2827;
}
/* line 84, ../sass/magazine.sass */
body.light h3 {
  color: #2a2827;
}
/* line 86, ../sass/magazine.sass */
body.light h4 {
  color: #2a2827;
}
/* line 88, ../sass/magazine.sass */
body.light h5 {
  color: #2a2827;
}
/* line 90, ../sass/magazine.sass */
body.light .body_text_1 {
  color: #2a2827;
}
/* line 92, ../sass/magazine.sass */
body.light .body_text_2 {
  color: #2a2827;
}
/* line 94, ../sass/magazine.sass */
body.light .body_text_3 {
  color: #848d94;
}
/* line 96, ../sass/magazine.sass */
body.light blockquote {
  color: #f2c311;
}
/* line 99, ../sass/magazine.sass */
body.light blockquote.bq2 a {
  font-family: "Sapient Sans", sans-serif;
  font-style: normal;
  color: #f2c311;
  text-transform: uppercase;
  letter-spacing: 0.15em;
  font-size: 14px;
  font-weight: bold;
  border-bottom: 2px solid;
  padding-bottom: 8px;
}
/* line 109, ../sass/magazine.sass */
body.light blockquote.bq2 a:hover {
  text-decoration: none;
  color: #2a2827;
}
/* line 112, ../sass/magazine.sass */
body.light .left-arrow, body.light .right-arrow, body.light .right-arrow-info {
  background-color: #f2c311;
}
/* line 114, ../sass/magazine.sass */
body.light #header {
  display: none;
}
/* line 119, ../sass/magazine.sass */
body .body-text-1 {
  font-size: 15px;
  line-height: 24px;
}
/* line 123, ../sass/magazine.sass */
body .body-text-2 {
  font-size: 14px;
  line-height: 24px;
}
/* line 127, ../sass/magazine.sass */
body .body-text-3 {
  font-size: 13px;
  line-height: 17px;
}
/* line 131, ../sass/magazine.sass */
body a, body a:visited, body a:hover, body a:focus, body a:active {
  text-decoration: none;
  outline: none;
}
.color-active{
  background-color: #fff
}
/* line 135, ../sass/magazine.sass */
body h1 {
  font-weight: 200;
  text-transform: uppercase;
  font-size: 40px;
  line-height: 48px;
}
/* line 141, ../sass/magazine.sass */
body h2 {
  font-weight: 200;
  font-size: 36px;
  line-height: 36px;
}
/* line 146, ../sass/magazine.sass */
body h3 {
  font-weight: bold;
  font-size: 16px;
  line-height: 21px;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}
/* line 153, ../sass/magazine.sass */
body h4 {
  font-size: 16px;
  line-height: 20px;
  text-transform: uppercase;
  letter-spacing: 0.15em;
}
/* line 158, ../sass/magazine.sass */
body h5 {
  font-size: 14px;
  line-height: 20px;
  font-weight: bold;
  letter-spacing: 0.15em;
  text-transform: uppercase;
}
/* line 164, ../sass/magazine.sass */
body h6 {
  font-weight: bold;
  font-size: 12px;
  line-height: 14px;
  letter-spacing: 0.15em;
  text-transform: uppercase;
}
/* line 171, ../sass/magazine.sass */
body blockquote, body blockquote.bq2 {
  font-size: 16px;
  line-height: 24px;
  font-style: italic;
}
/* line 176, ../sass/magazine.sass */
body em {
  font-style: italic;
}
/* line 179, ../sass/magazine.sass */
body strong {
  font-style: bold;
  font-weight: bold;
}
/* line 183, ../sass/magazine.sass */
body input {
  -webkit-appearance: none;
  /* Get rid of borders on search inputs */
  -webkit-border-radius: 0px 0px;
  -moz-border-radius: 0px / 0px;
  -o-border-radius: 0px / 0px;
  -ms-border-radius: 0px / 0px;
  -khtml-border-radius: 0px / 0px;
  border-radius: 0px / 0px;
}
/* line 189, ../sass/magazine.sass */
body.mobile .arrows {
  display: none;
}
/* line 191, ../sass/magazine.sass */
body #header {
  width: 100%;
  position: fixed;
  z-index: 2000;
  top: 0px;
  left: 0px;
  height: 48px;
  font-size: 16px;
  line-height: 48px;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: -moz-none;
  -o-user-select: none;
  user-select: none;
}
/* line 201, ../sass/magazine.sass */
body #header .work {
  padding-left: 192px;
}
/* line 203, ../sass/magazine.sass */
body #header h1 {
  float: left;
  font-weight: normal;
  font-size: 16px;
  line-height: 48px;
}
/* line 208, ../sass/magazine.sass */
body #header h1.work {
  margin-left: 24px;
  text-transform: uppercase;
}
/* line 211, ../sass/magazine.sass */
body #header h1.page-title {
  margin-left: 8px;
  text-transform: uppercase;
}
/* line 214, ../sass/magazine.sass */
body #header h1 a {
  color: white;
}
/* line 216, ../sass/magazine.sass */
body #header span {
  float: left;
}
/* line 218, ../sass/magazine.sass */
body #header span.slash {
  font-size: 32px;
  color: #313131;
  margin-left: 8px;
  font-weight: 300;
}
/* line 223, ../sass/magazine.sass */
body #header .header-arrows {
  float: left;
}
/* line 225, ../sass/magazine.sass */
body #header .header-arrows .header-left-arrow, body #header .header-arrows .header-right-arrow {
  float: left;
  width: 36px;
  height: 23px;
  margin-top: 12px;
  background-position: 12px -23px;
}
/* line 231, ../sass/magazine.sass */
body #header .header-arrows .header-left-arrow.inactive, body #header .header-arrows .header-right-arrow.inactive {
  background-position: 12px 0px;
}
/* line 233, ../sass/magazine.sass */
body #header .header-arrows .header-left-arrow.hidden, body #header .header-arrows .header-right-arrow.hidden {
  display: none;
}
/* line 235, ../sass/magazine.sass */
body #header .header-arrows .offset-and-total {
  float: left;
  width: 80px;
  text-align: center;
}
/* line 239, ../sass/magazine.sass */
body #header .header-arrows .offset-and-total .offset, body #header .header-arrows .offset-and-total .total {
  float: none;
  color: white;
}
/* line 242, ../sass/magazine.sass */
body #header .header-arrows .header-left-arrow {
  margin-left: 24px;
  text-indent: -119988px;
  overflow: hidden;
  text-align: left;
  background-image: url('../images/magazine/left_nav_sprite8f6c.png?1391642350');
  background-repeat: no-repeat;
  background-position: 50% 100%;
}
/* line 245, ../sass/magazine.sass */
body #header .header-arrows .header-left-arrow.highlighted {
  background-position: 0px -46px;
  cursor: pointer;
}
/* line 248, ../sass/magazine.sass */
body #header .header-arrows .header-left-arrow.active {
  cursor: pointer;
}
/* line 250, ../sass/magazine.sass */
body #header .header-arrows .header-right-arrow {
  text-indent: -119988px;
  overflow: hidden;
  text-align: left;
  background-image: url('../images/magazine/right_nav_sprite8f6c.png?1391642350');
  background-repeat: no-repeat;
  background-position: 50% 100%;
}
/* line 252, ../sass/magazine.sass */
body #header .header-arrows .header-right-arrow.highlighted {
  background-position: 0px -46px;
  cursor: pointer;
}
/* line 255, ../sass/magazine.sass */
body #header .header-arrows .header-right-arrow.active {
  cursor: pointer;
}
/* line 257, ../sass/magazine.sass */
body #header .index-icon {
  float: right;
  margin-top: 16px;
  height: 16px;
  width: 16px;
  text-indent: -119988px;
  overflow: hidden;
  text-align: left;
  background-image: url('../images/magazine/work_grid_sprite_smalld4eb.png?1390260347');
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 16px 32px;
  margin-right: 20px;
}
/* line 265, ../sass/magazine.sass */
body #header .detail-icon {
  float: right;
  margin-top: 16px;
  margin-right: 24px;
  width: 16px;
  height: 16px;
  text-indent: -119988px;
  overflow: hidden;
  text-align: left;
  background-image: url('../images/magazine/work_detail_sprite_smalld4eb.png?1390260347');
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 16px 32px;
  visibility: hidden;
  display:none;
}
/* line 274, ../sass/magazine.sass */
body .arrows {
  width: 100%;
  height: 0px;
  position: fixed;
  left: 0px;
  z-index: 2000;
}
/* line 280, ../sass/magazine.sass */
body .arrows .arrow-container {
  margin-top: 336px;
  float: right;
  width: auto;
  overflow: hidden;
  height: 64px;
}
/* line 286, ../sass/magazine.sass */
body .arrows .arrow-container .left-arrow, body .arrows .arrow-container .right-arrow {
  position: relative;
  float: right;
  width: 64px;
  height: 64px;
}
/* line 291, ../sass/magazine.sass */
body .arrows .arrow-container .left-arrow {
  z-index: 2001;
  margin-right: 1px;
  background-image: url("../images/magazine/work_nav_arrow_left_2.png");
}
/* line 295, ../sass/magazine.sass */
body .arrows .arrow-container .left-arrow.hidden {
  display: none;
}
/* line 297, ../sass/magazine.sass */
body .arrows .arrow-container .right-arrow {
  z-index: 2002;
  background-image: url("../images/magazine/work_nav_arrow_right_2.png");
}
/* line 301, ../sass/magazine.sass */
body ul {
  list-style-type: none;
}
/* line 304, ../sass/magazine.sass */
body *:focus {
  outline: none;
}
/* line 307, ../sass/magazine.sass */
body .error-message {
  margin-top: 100px;
  margin-left: 50px;
  width: 500px;
}
/* line 311, ../sass/magazine.sass */
body .error-message h1 {
  margin-bottom: 16px;
}
/* line 314, ../sass/magazine.sass */
body #dark-background-fade {
  position: absolute;
  z-index: 0;
  width: 100%;
  height: 100%;
  background-image: none;
  background-color: #111111;
}
/* line 322, ../sass/magazine.sass */
body #light-background-fade {
  position: absolute;
  z-index: 0;
  width: 100%;
  height: 100%;
  background-image: none;
}

/* line 329, ../sass/magazine.sass */
body.js-enabled {
  width: auto !important;
}
/* line 332, ../sass/magazine.sass */
body.js-enabled #header {
  overflow: hidden;
  width: 100%;
  position: fixed;
  background-color: #111111;
  z-index: 2500;
}
/* line 338, ../sass/magazine.sass */
body.js-enabled .loading-indicator {
  width: 48px;
  height: 48px;
  background-image: url("../images/magazine/loading_anim1.png");
}
/* line 342, ../sass/magazine.sass */
body.js-enabled .loading-indicator.disabled, body.js-enabled .loading-indicator.enabling {
  display: none;
}
/* line 344, ../sass/magazine.sass */
body.js-enabled .loading-indicator.enabled, body.js-enabled .loading-indicator.disabling {
  display: block;
}
/* line 347, ../sass/magazine.sass */
body.js-enabled.dark .loading-indicator {
  background-image: url("../images/magazine/loading_anim1_gray.png");
}

/* line 351, ../sass/magazine.sass */
body.ipad .arrows {
  display: none;
}
/* line 353, ../sass/magazine.sass */
body.ipad .arrows .arrow-container {
  display: none;
}
/* line 355, ../sass/magazine.sass */
body.ipad .arrows .arrow-container .left-arrow, body.ipad .arrows .arrow-container .right-arrow {
  display: none;
}
/* line 357, ../sass/magazine.sass */
body.ipad input {
  margin-right: -1px;
}

/* line 360, ../sass/magazine.sass */
.offscreen {
  position: absolute;
  top: -10000px;
}
/* line 363, ../sass/magazine.sass */
.offscreen img {
  display: none;
}

#welcome::-webkit-scrollbar {
      width: 8px;
}
#welcome::-webkit-scrollbar-thumb {
      background-color: #ccc; 
} 

#news::-webkit-scrollbar {
      width: 8px;
}
#news::-webkit-scrollbar-thumb {
      background-color: #ccc; 
} 
#social::-webkit-scrollbar {
      width: 8px;
}
#social::-webkit-scrollbar-thumb {
      background-color: #ccc; 
} 
#ENGAGE::-webkit-scrollbar {
      width: 8px;
}
#ENGAGE::-webkit-scrollbar-thumb {
      background-color: #ccc; 
} 
#culture::-webkit-scrollbar {
      width: 8px;
}
#culture::-webkit-scrollbar-thumb {
      background-color: #ccc; 
}
#EXPLORE::-webkit-scrollbar {
      width: 8px;
}
#EXPLORE::-webkit-scrollbar-thumb {
      background-color: #ccc; 
} 
#DATA::-webkit-scrollbar {
      width: 8px;
}
#DATA::-webkit-scrollbar-thumb {
      background-color: #ccc; 
} 
.view-all::-webkit-scrollbar {
      width: 8px;
}
.view-all::-webkit-scrollbar-thumb {
      background-color: #ccc; 
} 
#contact::-webkit-scrollbar {
      width: 8px;
}
#contact::-webkit-scrollbar-thumb {
      background-color: #ccc; 
} 



@media only screen and (max-width: 800px) {
  /* line 369, ../sass/magazine.sass */
  body.mobile #header {
    top: auto;
    border-width: 0;
    bottom: -2px;
    height: auto;
    background-image: none;
    background-color: #111111;
  }
  /* line 376, ../sass/magazine.sass */
  body.mobile #header h1.work {
    margin-left: 40px;
    padding-left: 0px;
  }
  /* line 379, ../sass/magazine.sass */
  body.mobile h1 {
    font-size: 32px;
  }
}
@media only screen and (max-width: 520px) {
  /* line 384, ../sass/magazine.sass */
  body.mobile #header .index-icon {
    display: none;
  }
  /* line 386, ../sass/magazine.sass */
  body.mobile #header .detail-icon {
    display: none;
  }
  /* line 388, ../sass/magazine.sass */
  body.mobile #header .header-arrows {
    float: right;
  }
}
@media only screen and (max-width: 440px) {
  /* line 393, ../sass/magazine.sass */
  body.mobile #header h1.work {
    display: none;
  }
  /* line 395, ../sass/magazine.sass */
  body.mobile #header span.slash {
    display: none;
  }
  /* line 397, ../sass/magazine.sass */
  body.mobile #header h1.page-title {
    margin-left: 16px;
  }
}