@import url('https://fonts.googleapis.com/css?family=Lato:400,400i,700');
*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  font-weight: normal;
  text-decoration: none;
  vertical-align: baseline;
  color: inherit;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}
body {
  line-height: 1;
}
ol,
ul {
  list-style: none;
}
blockquote,
q {
  quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
html,
body {
  -webkit-font-smoothing: antialiased;
}
img {
  -ms-interpolation-mode: bicubic;
}
em {
  font-style: italic;
}
strike {
  text-decoration: line-through;
}
.right {
  float: right !important;
}
.no-border {
  border: none !important;
}
.center {
  margin-left: auto !important;
  margin-right: auto !important;
  display: block;
  float: none !important;
}
.align-center {
  text-align: center;
}
.align-right {
  text-align: right;
}
.clear {
  clear: both;
  float: none !important;
}
.clear-fix {
  *zoom: 1;
}
.clear-fix:before,
.clear-fixafter {
  content: " ";
  display: table;
}
.clear-fix:after {
  clear: both;
}
/**
 * @license
 * MyFonts Webfont Build ID 3007617, 2015-04-12T03:33:42-0400
 *
 * The fonts listed in this notice are subject to the End User License
 * Agreement(s) entered into by the website owner. All other parties are
 * explicitly restricted from using the Licensed Webfonts(s).
 *
 * You may obtain a valid license at the URLs below.
 *
 * Webfont: Kautiva by Sudtipos
 * URL: http://www.myfonts.com/fonts/sudtipos/kautiva/book/
 * Copyright: Copyright 2004, SUDTIPOS. Disenada por Alejandro Paul y Alfredo Graziani. Todos los derechos reservados. Buenos Aires, Argenti
 * Licensed pageviews: 10,000
 *
 *
 * License: http://www.myfonts.com/viewlicense?type=web&buildid=3007617
 *
 * © 2015 MyFonts Inc
*/
@font-face {
  font-family: 'Kautiva';
  font-weight: normal;
  font-style: normal;
  src: url('/fonts/2DE481_0_0.eot');
  src: url('/fonts/2DE481_0_0.eot?#iefix') format('embedded-opentype'), url('/fonts/2DE481_0_0.woff2') format('woff2'), url('/fonts/2DE481_0_0.woff') format('woff'), url('/fonts/2DE481_0_0.ttf') format('truetype');
}
/**
 * @license
 * MyFonts Webfont Build ID 3007882, 2015-04-13T02:25:42-0400
 *
 * The fonts listed in this notice are subject to the End User License
 * Agreement(s) entered into by the website owner. All other parties are
 * explicitly restricted from using the Licensed Webfonts(s).
 *
 * You may obtain a valid license at the URLs below.
 *
 * Webfont: Cargan-Light by Hoftype
 * URL: http://www.myfonts.com/fonts/hoftype/cargan/light/
 * Copyright: Copyright (c) 2014 by Dieter Hofrichter. All rights reserved.
 * Licensed pageviews: 10,000
 *
 *
 * License: http://www.myfonts.com/viewlicense?type=web&buildid=3007882
 *
 * © 2015 MyFonts Inc
 */
@font-face {
  font-family: 'Cargan';
  font-weight: normal;
  font-style: normal;
  src: url('/fonts/2DE58A_0_0.eot');
  src: url('/fonts/2DE58A_0_0.eot?#iefix') format('embedded-opentype'), url('/fonts/2DE58A_0_0.woff2') format('woff2'), url('/fonts/2DE58A_0_0.woff') format('woff'), url('/fonts/2DE58A_0_0.ttf') format('truetype');
}
@font-face {
  font-family: 'Zwodrei';
  src: url('/fonts/Zwodrei.eot');
  src: url('/fonts/Zwodrei.eot?#iefix') format('embedded-opentype'), url('/fonts/Zwodrei.woff') format('woff'), url('/fonts/Zwodrei.ttf') format('truetype'), url('/fonts/Zwodrei.svg') format('svg');
}
@font-face {
  font-family: 'Zwodrei-Bold';
  src: url('/fonts/Zwodrei-Bold.eot');
  src: url('/fonts/Zwodrei-Bold.eot?#iefix') format('embedded-opentype'), url('/fonts/Zwodrei-Bold.woff') format('woff'), url('/fonts/Zwodrei-Bold.ttf') format('truetype');
}
.em {
  font-family: Cargan, sans-serif;
}
.head {
  font-family: Kautiva, Zwodrei-Bold, Georgia, 'Times New Roman', serif;
  font-weight: bold;
  text-transform: uppercase;
}
.subhead {
  text-transform: uppercase;
  letter-spacing: 1px;
}
.icon-prev,
.icon-next {
  font-family: Lato, sans-serif;
  font-size: 1.3em;
}
.icon-prev:before {
  content: "←";
}
.icon-next:before {
  content: "→";
}
#grid .cell {
  display: block;
  float: left;
}
.row {
  width: 960px;
  max-width: 100%;
  min-width: 768px;
  margin: 0 auto;
}
.row .row {
  width: auto;
  max-width: none;
  min-width: 0;
  margin: 0 -15px;
}
.row.collapse .column,
.row.collapse .columns {
  padding: 0;
}
.row .row.collapse {
  margin: 0;
}
.column,
.columns {
  float: left;
  min-height: 1px;
  padding: 0 15px;
  position: relative;
}
.column.centered,
.columns.centered {
  float: none;
  margin: 0 auto;
}
[class*="column"] + [class*="column"]:last-child {
  float: right;
}
[class*="column"] + [class*="column"].end {
  float: left;
}
.columns.one,
.row .one {
  width: 8.33333%;
}
.columns.two,
.row .two {
  width: 16.66667%;
}
.three,
.row .three {
  width: 25%;
}
.four,
.row .four {
  width: 33.33333%;
}
.five,
.row .five {
  width: 41.66667%;
}
.six,
.row .six {
  width: 50%;
}
.seven,
.row .seven {
  width: 58.33333%;
}
.eight,
.row .eight {
  width: 66.66667%;
}
.nine,
.row .nine {
  width: 75%;
}
.ten,
.row .ten {
  width: 83.33333%;
}
.eleven,
.row .eleven {
  width: 91.66667%;
}
.twelve,
.row .twelve {
  width: 100%;
}
.row .offset-by-one {
  margin-left: 8.33333%;
}
.row .offset-by-two {
  margin-left: 16.66667%;
}
.row .offset-by-three {
  margin-left: 25%;
}
.row .offset-by-four {
  margin-left: 33.33333%;
}
.row .offset-by-five {
  margin-left: 41.66667%;
}
.row .offset-by-six {
  margin-left: 50%;
}
.row .offset-by-seven {
  margin-left: 58.33333%;
}
.row .offset-by-eight {
  margin-left: 66.66667%;
}
.row .offset-by-nine {
  margin-left: 75%;
}
.row .offset-by-ten {
  margin-left: 83.33333%;
}
.push-two {
  left: 16.66667%;
}
.pull-two {
  right: 16.66667%;
}
.push-three {
  left: 25%;
}
.pull-three {
  right: 25%;
}
.push-four {
  left: 33.33333%;
}
.pull-four {
  right: 33.33333%;
}
.push-five {
  left: 41.66667%;
}
.pull-five {
  right: 41.66667%;
}
.push-six {
  left: 50%;
}
.pull-six {
  right: 50%;
}
.push-seven {
  left: 58.33333%;
}
.pull-seven {
  right: 58.33333%;
}
.push-eight {
  left: 66.66667%;
}
.pull-eight {
  right: 66.66667%;
}
.push-nine {
  left: 75%;
}
.pull-nine {
  right: 75%;
}
.push-ten {
  left: 83.33333%;
}
.pull-ten {
  right: 83.33333%;
}
/* Nicolas Gallagher's micro clearfix */
.row {
  *zoom: 1;
}
.row:before,
.row:after {
  content: " ";
  display: table;
}
.row:after {
  clear: both;
}
/* Block Grids ----------------------
These are 2-up, 3-up, 4-up and 5-up ULs, suited for repeating blocks of content. Add 'mobile' to them to switch them just like the layout grid (one item per line) on phones  For IE7/8 compatibility block-grid items need to be the same height. You can optionally uncomment the lines below to support arbitrary height, but know that IE7/8 do not support :nth-child.
-------------------------------------------------- */
.block-grid {
  display: block;
  overflow: hidden;
  padding: 0;
}
.block-grid > li {
  display: block;
  height: auto;
  float: left;
}
.block-grid.one-up {
  margin: 0;
  margin: 0 -8px;
}
.block-grid.one-up > li {
  width: 100%;
  padding: 0 0 15px;
  padding: 0 8px 8px;
}
.block-grid.two-up {
  margin: 0 -15px;
  margin: 0 -8px;
}
.block-grid.two-up > li {
  width: 50%;
  padding: 0 15px 15px;
  padding: 0 8px 8px;
}
.block-grid.two-up > li:nth-child(2n+1) {
  clear: both;
}
.block-grid.three-up {
  margin: 0 -12px;
  margin: 0 -8px;
}
.block-grid.three-up > li {
  width: 33.33333%;
  padding: 0 12px 12px;
  padding: 0 8px 8px;
}
.block-grid.three-up > li:nth-child(3n+1) {
  clear: both;
}
.block-grid.four-up {
  margin: 0 -10px;
}
.block-grid.four-up > li {
  width: 25%;
  padding: 0 10px 10px;
}
.block-grid.four-up > li:nth-child(4n+1) {
  clear: both;
}
.block-grid.five-up {
  margin: 0 -8px;
}
.block-grid.five-up > li {
  width: 20%;
  padding: 0 8px 8px;
}
.block-grid.five-up > li:nth-child(5n+1) {
  clear: both;
}
.block-grid.six-up {
  margin: 0 -8px;
}
.block-grid.six-up > li {
  width: 16.66667%;
  padding: 0 8px 8px;
}
.block-grid.six-up > li:nth-child(6n+1) {
  clear: both;
}
.block-grid.seven-up {
  margin: 0 -8px;
}
.block-grid.seven-up > li {
  width: 14.28571%;
  padding: 0 8px 8px;
}
.block-grid.seven-up > li:nth-child(7n+1) {
  clear: both;
}
.block-grid.eight-up {
  margin: 0 -8px;
}
.block-grid.eight-up > li {
  width: 12.5%;
  padding: 0 8px 8px;
}
.block-grid.eight-up > li:nth-child(8n+1) {
  clear: both;
}
.block-grid.nine-up {
  margin: 0 -8px;
}
.block-grid.nine-up > li {
  width: 11.11111%;
  padding: 0 8px 8px;
}
.block-grid.nine-up > li:nth-child(9n+1) {
  clear: both;
}
.block-grid.ten-up {
  margin: 0 -8px;
}
.block-grid.ten-up > li {
  width: 10%;
  padding: 0 8px 8px;
}
.block-grid.ten-up > li:nth-child(10n+1) {
  clear: both;
}
.block-grid.eleven-up {
  margin: 0 -8px;
}
.block-grid.eleven-up > li {
  width: 9.09091%;
  padding: 0 8px 8px;
}
.block-grid.eleven-up > li:nth-child(11n+1) {
  clear: both;
}
.block-grid.twelve-up {
  margin: 0 -8px;
}
.block-grid.twelve-up > li {
  width: 8.33333%;
  padding: 0 8px 8px;
}
.block-grid.twelve-up > li:nth-child(12n+1) {
  clear: both;
}
@media only screen and (max-width: 767px) {
  /*       */
  .left,
  .right {
    float: none;
  }
  body {
    -webkit-text-size-adjust: none;
    -ms-text-size-adjust: none;
    width: 100%;
    min-width: 0;
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
  }
  /* The Grid --- */
  /*      */
  .row {
    width: auto;
    min-width: 0;
    margin-left: 0;
    margin-right: 0;
  }
  .column,
  .columns {
    width: auto !important;
    float: none !important;
  }
  .column:last-child,
  .columns:last-child {
    float: none;
  }
  [class*="column"] + [class*="column"]:last-child {
    float: none;
  }
  .column:before,
  .columns:before,
  .column:after,
  .columns:after {
    content: "";
    display: table;
  }
  .column:after,
  .columns:after {
    clear: both;
  }
  .offset-by-one,
  .offset-by-two,
  .offset-by-three,
  .offset-by-four,
  .offset-by-five,
  .offset-by-six,
  .offset-by-seven,
  .offset-by-eight,
  .offset-by-nine,
  .offset-by-ten {
    margin-left: 0 !important;
  }
  .push-two,
  .push-three,
  .push-four,
  .push-five,
  .push-six,
  .push-seven,
  .push-eight,
  .push-nine,
  .push-ten {
    left: auto;
  }
  .pull-two,
  .pull-three,
  .pull-four,
  .pull-five,
  .pull-six,
  .pull-seven,
  .pull-eight,
  .pull-nine,
  .pull-ten {
    right: auto;
  }
  /* Mobile 4-column Grid */
  .row .mobile-one {
    width: 25% !important;
    float: left;
    padding: 0 15px;
  }
  .row .mobile-one:last-child {
    float: right;
  }
  .row .mobile-one.end {
    float: left;
  }
  .row.collapse .mobile-one {
    padding: 0;
  }
  .row .mobile-two {
    width: 50% !important;
    float: left;
    padding: 0 15px;
  }
  .row .mobile-two:last-child {
    float: right;
  }
  .row .mobile-two.end {
    float: left;
  }
  .row.collapse .mobile-two {
    padding: 0;
  }
  .row .mobile-three {
    width: 75% !important;
    float: left;
    padding: 0 15px;
  }
  .row .mobile-three:last-child {
    float: right;
  }
  .row .mobile-three.end {
    float: left;
  }
  .row.collapse .mobile-three {
    padding: 0;
  }
  .row .mobile-four {
    width: 100% !important;
    float: left;
    padding: 0 15px;
  }
  .row .mobile-four:last-child {
    float: right;
  }
  .row .mobile-four.end {
    float: left;
  }
  .row.collapse .mobile-four {
    padding: 0;
  }
  .push-one-mobile {
    left: 25%;
  }
  .pull-one-mobile {
    right: 25%;
  }
  .push-two-mobile {
    left: 50%;
  }
  .pull-two-mobile {
    right: 50%;
  }
  .push-three-mobile {
    left: 75%;
  }
  .pull-three-mobile {
    right: 75%;
  }
  /* Block Grids --- */
  /*       */
  .block-grid.mobile > li {
    float: none;
    width: 100%;
    margin-left: 0;
  }
  .block-grid > li {
    clear: none !important;
  }
  .block-grid.mobile-one-up > li {
    width: 100%;
  }
  .block-grid.mobile-two-up > li {
    width: 50%;
  }
  .block-grid.mobile-two-up > li:nth-child(2n+1) {
    clear: both;
  }
  .block-grid.mobile-three-up > li {
    width: 33.33333%;
  }
  .block-grid.mobile-three-up > li:nth-child(3n+1) {
    clear: both;
  }
  .block-grid.mobile-four-up > li {
    width: 25%;
  }
  .block-grid.mobile-four-up > li:nth-child(4n+1) {
    clear: both;
  }
  .block-grid.mobile-five-up > li {
    width: 20%;
  }
  .block-grid.mobile-five-up > li:nth-child(5n+1) {
    clear: both;
  }
  .block-grid.mobile-six-up > li {
    width: 16.66667%;
  }
  .block-grid.mobile-six-up > li:nth-child(6n+1) {
    clear: both;
  }
  .block-grid.mobile-seven-up > li {
    width: 14.28571%;
  }
  .block-grid.mobile-seven-up > li:nth-child(7n+1) {
    clear: both;
  }
  .block-grid.mobile-eight-up > li {
    width: 12.5%;
  }
  .block-grid.mobile-eight-up > li:nth-child(8n+1) {
    clear: both;
  }
  .block-grid.mobile-nine-up > li {
    width: 11.11111%;
  }
  .block-grid.mobile-nine-up > li:nth-child(9n+1) {
    clear: both;
  }
  .block-grid.mobile-ten-up > li {
    width: 10%;
  }
  .block-grid.mobile-ten-up > li:nth-child(10n+1) {
    clear: both;
  }
  .block-grid.mobile-eleven-up > li {
    width: 9.09091%;
  }
  .block-grid.mobile-eleven-up > li:nth-child(11n+1) {
    clear: both;
  }
  .block-grid.mobile-twelve-up > li {
    width: 8.33333%;
  }
  .block-grid.mobile-twelve-up > li:nth-child(12n+1) {
    clear: both;
  }
}
html,
body {
  background: #191e23 url('/images/bg_canvas-dark.jpg');
  background-position: center center;
  font-size: 14px;
  font-family: Lato, sans-serif;
  line-height: 1.6em;
  color: #35373a;
}
img,
object,
embed {
  max-width: 100%;
  height: auto;
}
object,
embed {
  height: 100%;
}
p {
  margin: 16px 0;
}
p:first-child {
  margin-top: 0;
}
.status {
  display: none;
  z-index: 980;
  position: fixed;
  margin: 0 auto;
  width: 120px;
  margin-left: -60px;
  left: 50%;
  top: 0px;
  font-weight: 700;
  text-align: center;
  padding: 8px 17px;
  color: rgba(255, 255, 255, 0.8);
  line-height: 1.5em;
  font-size: 12px;
  background: rgba(0, 0, 0, 0.6);
}
.status.bottom {
  bottom: 0px;
  top: auto;
  width: 230px;
  margin-left: -115px;
}
#page-work,
#page-single {
  position: relative;
  z-index: 0;
}
#page-work.frozen,
#page-single.frozen {
  position: fixed;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.error-content {
  text-align: center;
  background: #ffffff;
  width: 280px;
  max-width: 100%;
  margin: 80px auto;
  padding: 50px;
}
.error-content h1 {
  font-family: Kautiva, Zwodrei-Bold, Georgia, 'Times New Roman', serif;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 30px;
  line-height: 1em;
  text-transform: none;
}
.error-content img {
  margin: 0 auto;
  display: block;
}
.error-content a {
  transition: color border;
  -webkit-transition: color border;
  -moz-transition: color border;
  -o-transition: color border;
  color: #35373a;
  border-bottom: 1px solid #35373a;
}
.ui-hint {
  color: inherit;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  -moz-opacity: 0;
  -khtml-opacity: 0;
  opacity: 0;
  transition: opacity 400ms;
  -webkit-transition: opacity 400ms;
  -moz-transition: opacity 400ms;
  -o-transition: opacity 400ms;
  line-height: inherit;
}
*:hover > .ui-hint {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;
}
.icon-video {
  border: 4px solid #ffffff;
  padding: 2px 6px 2px 8px;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -o-border-radius: 4px;
  font-size: 16px;
  line-height: 16px;
  color: #ffffff;
}
.icon-video:before {
  content: "\25ba";
}
#page-work:before,
#page-work:after {
  content: ' ';
  display: table;
}
#page-work.dragging .thing {
  pointer-events: none;
}
#page-work .title {
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #ffffff;
  font-size: 11px;
  line-height: 1.3em;
}
#page-work .subtitle {
  font-size: 11px;
  color: #a5a8ac;
  line-height: 1.4em;
}
#page-work footer {
  color: #515458;
}
#page-work footer a {
  transition: color border;
  -webkit-transition: color border;
  -moz-transition: color border;
  -o-transition: color border;
  color: #515458;
  border-bottom: 1px solid #515458;
}
#page-work .canvas {
  margin-top: 80px;
  margin-left: 80px;
  width: 2202px;
  height: 1584px;
  position: relative;
  padding: 0;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: move;
  cursor: -moz-grab;
  cursor: -webkit-grab;
}
#page-work .canvas:active {
  cursor: move;
  cursor: -moz-grabbing;
  cursor: -webkit-grabbing;
}
#page-work .canvas.dragging .thing {
  pointer-events: none;
}
#page-work .thing {
  z-index: 10;
  position: absolute;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;
  transition: opacity 400ms;
  -webkit-transition: opacity 400ms;
  -moz-transition: opacity 400ms;
  -o-transition: opacity 400ms;
  /*------- image --------*/
  /*------- gallery --------*/
  /*------- motion --------*/
  /*-------- roza --------*/
}
#page-work .thing.loading {
  display: none;
}
#page-work .thing.invisible {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  -moz-opacity: 0;
  -khtml-opacity: 0;
  opacity: 0;
}
#page-work .thing img.thumb {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 0;
}
#page-work .thing .content {
  width: inherit;
  height: inherit;
  position: relative;
  top: -5px;
  left: -5px;
  overflow: hidden;
}
#page-work .thing .piece {
  position: absolute;
  z-index: 1;
}
#page-work .thing .shadow {
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -o-border-radius: 2px;
  background: url("/images/bg_shadow.png") center;
  width: inherit;
  height: inherit;
  position: relative;
  top: 5px;
  left: 5px;
}
#page-work .thing.copyright {
  font-size: 12px;
}
#page-work .thing.center {
  z-index: 0;
  font-size: 12px;
  background: url('/images/bg_canvas_center.png') no-repeat center;
}
#page-work .thing.center .content {
  position: absolute;
  left: 195px;
  top: 165px;
  width: 360px;
  height: 240px;
  color: #969ba0;
}
#page-work .thing.center .content[data-page="about"] .pane.about {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;
  z-index: 1;
}
#page-work .thing.center .content[data-page="about"] .pane.main {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  -moz-opacity: 0;
  -khtml-opacity: 0;
  opacity: 0;
}
#page-work .thing.center .content[data-page="help"] .pane.help {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;
  z-index: 1;
}
#page-work .thing.center .content[data-page="help"] .pane.main {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  -moz-opacity: 0;
  -khtml-opacity: 0;
  opacity: 0;
}
#page-work .thing.center .content .pane {
  display: block;
  position: absolute;
  transition: opacity 400ms;
  -webkit-transition: opacity 400ms;
  -moz-transition: opacity 400ms;
  -o-transition: opacity 400ms;
}
#page-work .thing.center .content .pane p {
  line-height: 1.6em;
}
#page-work .thing.center .content .pane small {
  font-size: 90%;
  letter-spacing: 1px;
}
#page-work .thing.center .content .pane h1 {
  font-family: Kautiva, Zwodrei-Bold, Georgia, 'Times New Roman', serif;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  text-transform: none;
  font-size: 24px;
  color: #ffffff;
  margin-bottom: 8px;
}
#page-work .thing.center .content .pane h2 {
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #ffffff;
  line-height: 1.5em;
}
#page-work .thing.center .content .pane h3 {
  font-size: 14px;
  font-family: Cargan, sans-serif;
  color: #ffffff;
}
#page-work .thing.center .content .pane .links-container {
  margin-top: 16px;
}
#page-work .thing.center .content .pane .link:not([data-page="main"]) {
  cursor: pointer;
  transition: color border;
  -webkit-transition: color border;
  -moz-transition: color border;
  -o-transition: color border;
  color: #ffffff;
  border-bottom: 1px solid #ffffff;
}
#page-work .thing.center .content .pane .link[data-page="main"] {
  cursor: pointer;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 10px;
}
#page-work .thing.center .content .pane .ui-hint {
  font-size: 24px;
}
#page-work .thing.center .content .pane #contact-links p {
  margin: 5px 0;
}
#page-work .thing.center .content .pane a {
  transition: color border;
  -webkit-transition: color border;
  -moz-transition: color border;
  -o-transition: color border;
  color: #ffffff;
  border-bottom: 1px solid #ffffff;
}
#page-work .thing.center .content .pane.main {
  text-align: center;
  padding: 66px 58px;
  z-index: 1;
  -moz-transform: rotate(-3deg);
  -webkit-transform: rotate(-3deg);
  -o-transform: rotate(-3deg);
}
#page-work .thing.center .content .pane.about,
#page-work .thing.center .content .pane.help {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  -moz-opacity: 0;
  -khtml-opacity: 0;
  opacity: 0;
  z-index: 0;
  font-family: Lato, sans-serif;
  padding: 20px 30px;
}
#page-work .thing.cover {
  width: 176px;
  height: 228px;
  margin: 16px;
}
#page-work .thing.cover .content {
  overflow: hidden;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% auto;
}
#page-work .thing.cover .content .overlay {
  top: 0;
  transition: top 300ms;
  -webkit-transition: top 300ms;
  -moz-transition: top 300ms;
  -o-transition: top 300ms;
  background: url('/images/banner_vertical.svg') repeat-x center bottom;
  width: 100%;
  position: absolute;
  text-align: center;
  padding: 15px 0 15px;
}
#page-work .thing.cover .content .overlay .header {
  padding: 8px;
}
#page-work .thing.cover .content:hover .overlay {
  top: -5px;
}
#page-work .thing.gallery,
#page-work .thing.website,
#page-work .thing[class*="sketchbook"] {
  width: 228px;
  height: 176px;
  margin: 16px;
}
#page-work .thing.gallery .content,
#page-work .thing.website .content,
#page-work .thing[class*="sketchbook"] .content {
  background-size: 100% auto;
  background-repeat: no-repeat;
  background-position: center;
}
#page-work .thing.gallery .content .overlay,
#page-work .thing.website .content .overlay,
#page-work .thing[class*="sketchbook"] .content .overlay {
  position: absolute;
  bottom: 16px;
  display: block;
  text-align: left;
  left: 0;
  transition: left 300ms;
  -webkit-transition: left 300ms;
  -moz-transition: left 300ms;
  -o-transition: left 300ms;
  background: url('/images/banner_horizontal.svg') no-repeat top right;
  max-width: 90%;
  padding: 10px 15px 8px 25px;
}
#page-work .thing.gallery .content .overlay .header,
#page-work .thing.website .content .overlay .header,
#page-work .thing[class*="sketchbook"] .content .overlay .header {
  padding: 0;
  border: 0;
}
#page-work .thing.gallery .content:hover .overlay,
#page-work .thing.website .content:hover .overlay,
#page-work .thing[class*="sketchbook"] .content:hover .overlay {
  bottom: 16px;
  left: -10px;
}
#page-work .thing.Stu .content {
  top: -10px;
  height: 103%;
}
#page-work .thing[class*="sketchbook"] .content .overlay .header .title,
#page-work .thing[class*="sketchbook"] .content .overlay .header .subtitle {
  font-family: Cargan, sans-serif;
  color: #ffffff;
  letter-spacing: 0px;
  text-transform: none;
  font-size: 11px;
  line-height: 13px;
}
#page-work .thing[class*="sketchbook"] .content .overlay .header .subtitle {
  display: none;
}
#page-work .thing.sketchbook-top .content .overlay {
  bottom: auto;
  top: 16px;
  background-position: bottom right;
}
#page-work .thing.sketchbook-top .content:hover .overlay {
  bottom: auto;
  top: 16px;
}
#page-work .thing.motion,
#page-work .thing.roza {
  width: 20px;
  height: 20px;
  margin: 16px;
}
#page-work .thing.motion .content:hover .overlay,
#page-work .thing.roza .content:hover .overlay,
#page-work .thing.motion .film:hover .overlay,
#page-work .thing.roza .film:hover .overlay {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
  -moz-opacity: 0.75;
  -khtml-opacity: 0.75;
  opacity: 0.75;
}
#page-work .thing.motion .content,
#page-work .thing.roza .content {
  background-repeat: no-repeat;
}
#page-work .thing.motion .play,
#page-work .thing.roza .play {
  z-index: 1;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
#page-work .thing.motion .play .icon-video,
#page-work .thing.roza .play .icon-video {
  position: absolute;
  right: 0;
  bottom: 0;
  margin: 16px;
}
#page-work .thing.motion .overlay,
#page-work .thing.roza .overlay {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;
  transition: opacity 300ms;
  -webkit-transition: opacity 300ms;
  -moz-transition: opacity 300ms;
  -o-transition: opacity 300ms;
  position: absolute;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.75);
  width: 100%;
  height: 100%;
}
#page-work .thing.motion .overlay .header,
#page-work .thing.roza .overlay .header {
  padding: 20px;
  position: absolute;
  bottom: 0px;
  right: 40px;
}
#page-work .thing.motion .overlay .title,
#page-work .thing.roza .overlay .title {
  width: inherit;
  height: inherit;
  text-transform: none;
  letter-spacing: 0;
  font-family: Cargan, sans-serif;
  font-size: 11px;
}
#page-work .thing.roza {
  margin-left: 0px;
  background: url("/media/thumbs/Roza-Shanina-bg_scaled.png") no-repeat left 5px;
}
#page-work .thing.roza .content {
  width: 350px;
  height: 196.875px;
  position: absolute;
  z-index: 0;
  top: 110px;
  left: 154px;
}
#page-work .thing.roza .overlay .subtitle {
  display: none;
}
#page-work .thing.roza .overlay .title {
  text-indent: -9999px;
  background: url('/media/thumbs/Roza-Shanina-title.png') no-repeat center;
}
#page-single {
  width: 100%;
  min-height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
#page-single .slideshow > div {
  margin-bottom: 16px;
}
#page-single .slideshow img {
  max-height: 600px;
  max-width: 100%;
  width: auto;
  margin-bottom: 0;
}
#page-single.error header {
  display: none;
}
#page-single.error #top {
  min-height: 0;
}
#page-single .error-content {
  padding-bottom: 30px;
}
#page-single.no-subtitle .subtitle {
  display: none;
}
#page-single.no-intro #intro-container {
  display: none;
}
#page-single #top {
  min-height: 205px;
}
#page-single #template a,
#page-single header a {
  transition: color border;
  -webkit-transition: color border;
  -moz-transition: color border;
  -o-transition: color border;
  color: #35373a;
  border-bottom: 1px solid #35373a;
}
#page-single header,
#page-single #template,
#page-single footer {
  margin: 40px 0;
}
#page-single .intro {
  margin-top: 20px;
  font-family: Cargan, sans-serif;
  line-height: 1.7em;
  font-size: 15px;
}
#page-single .intro .byline {
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 10px;
  text-align: right;
}
#page-single .intro .byline:before {
  content: "— ";
}
#page-single nav {
  padding: 24px 32px;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 10px;
  color: #969ba0;
}
#page-single hr.tilt-up {
  position: relative;
  top: -10px;
}
#page-single hr.tilt-down {
  margin-top: 0px;
}
#page-single header {
  text-align: center;
}
#page-single header nav {
  text-align: left;
}
#page-single header .title {
  font-family: Kautiva, Zwodrei-Bold, Georgia, 'Times New Roman', serif;
  font-weight: bold;
  text-transform: uppercase;
  text-transform: none;
  font-weight: normal;
  line-height: 1.2em;
  font-size: 40px;
}
#page-single header .subtitle {
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 11px;
}
#page-single header .title,
#page-single header .subtitle {
  margin-bottom: 10px;
}
#page-single footer {
  height: 70px;
  margin-bottom: 0;
}
#page-single .canvas {
  background: #eeeeee url("/images/bg_canvas-light.png");
  min-height: 100%;
  width: 100%;
  position: absolute;
  /* --- general formatting --- */
  /* ---- Custom sizes ----- */
  /* For smaller sizes, float copy to the right of the media at a four/eight or a five/seven proportion. */
  /* And adjust the page-container for the smaller sizes with four/eight */
  /* If there is no statement */
}
#page-single .canvas .section,
#page-single .canvas section,
#page-single .canvas .pad-bottom-1,
#page-single .canvas .break-full {
  margin-top: 40px;
  margin-bottom: 40px;
}
#page-single .canvas .flush-bottom {
  margin-bottom: 0;
}
#page-single .canvas .flush-bottom .row:last-child {
  margin-bottom: 10px;
}
#page-single .canvas .flush-top {
  margin-top: 0;
}
#page-single .canvas #template .row {
  width: 820px;
  position: relative;
}
#page-single .canvas #template .row .row {
  width: auto;
}
#page-single .canvas #template h2,
#page-single .canvas #template h3 {
  font-family: Kautiva, Zwodrei, Georgia, 'Times New Roman', serif;
  line-height: 1.2;
  margin: 20px 0;
}
#page-single .canvas #template h2 {
  font-size: 22px;
}
#page-single .canvas #template h3 {
  font-size: 18px;
}
#page-single .canvas #template .halo {
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.3) inset;
  -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.3) inset;
  -mox-box-shadow: 0 0 30px rgba(0, 0, 0, 0.3) inset;
  -o-box-shadow: 0 0 30px rgba(0, 0, 0, 0.3) inset;
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 99;
}
#page-single .canvas #template .halo.big {
  box-shadow: 0 0 130px rgba(0, 0, 0, 0.25) inset;
  -webkit-box-shadow: 0 0 130px rgba(0, 0, 0, 0.25) inset;
  -mox-box-shadow: 0 0 130px rgba(0, 0, 0, 0.25) inset;
  -o-box-shadow: 0 0 130px rgba(0, 0, 0, 0.25) inset;
}
#page-single .canvas #template img:not(.bleed) {
  display: block;
  box-shadow: 2px 2px 0px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 2px 2px 0px rgba(0, 0, 0, 0.1);
  -mox-box-shadow: 2px 2px 0px rgba(0, 0, 0, 0.1);
  -o-box-shadow: 2px 2px 0px rgba(0, 0, 0, 0.1);
}
#page-single .canvas #template img:not(.bleed).exact {
  max-width: none;
}
#page-single .canvas #template img:not(.bleed),
#page-single .canvas #template .flex-video {
  margin: 0 auto 30px;
}
#page-single .canvas #template .row.break {
  width: 960px;
}
#page-single .canvas #template .break-full {
  display: block;
  box-shadow: 2px 2px 0px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 2px 2px 0px rgba(0, 0, 0, 0.1);
  -mox-box-shadow: 2px 2px 0px rgba(0, 0, 0, 0.1);
  -o-box-shadow: 2px 2px 0px rgba(0, 0, 0, 0.1);
  width: 100%;
  background-color: #000;
  overflow: hidden;
}
#page-single .canvas #template .break-full.inset {
  box-shadow: none;
  -webkit-box-shadow: none;
  -mox-box-shadow: none;
  -o-box-shadow: none;
}
#page-single .canvas #template .break-full img {
  margin: 0 auto;
  display: block;
  box-shadow: none;
  -webkit-box-shadow: none;
  -mox-box-shadow: none;
  -o-box-shadow: none;
}
#page-single .canvas #template .inline-icon {
  margin-right: 5px;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
  -moz-opacity: 0.3;
  -khtml-opacity: 0.3;
  opacity: 0.3;
}
#page-single .canvas #template .meta {
  margin-top: 40px;
  color: #969ba0;
}
#page-single .canvas #template .meta .credits {
  margin-bottom: 20px;
}
#page-single .canvas #template .meta .date {
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 11px;
}
#page-single .canvas [class*="large"] #media {
  width: 100%;
  float: left;
  min-height: 1px;
  padding: 0 15px;
  position: relative;
}
#page-single .canvas [class*="large"] #info,
#page-single .canvas [class*="large"] .meta {
  width: 50%;
  float: left;
  min-height: 1px;
  padding: 0 15px;
  position: relative;
  float: right;
  clear: both;
}
#page-single .canvas [class*="large"] .meta {
  text-align: right;
}
#page-single .canvas [class*="large"].long #info,
#page-single .canvas [class*="large"].long .meta {
  width: 75%;
  float: left;
  text-align: left;
}
#page-single .canvas .large-1 #page-container {
  width: 75%;
}
#page-single .canvas .large-2 #page-container {
  width: 83.33333%;
}
#page-single .canvas [class*="medium"] #media,
#page-single .canvas [class*="small"] #media {
  width: 66.66667%;
  float: left;
  min-height: 1px;
  padding: 0 15px;
  position: relative;
}
#page-single .canvas [class*="medium"] #info,
#page-single .canvas [class*="small"] #info,
#page-single .canvas [class*="medium"] .meta,
#page-single .canvas [class*="small"] .meta {
  width: 33.33333%;
  float: left;
  min-height: 1px;
  padding: 0 15px;
  position: relative;
}
#page-single .canvas .medium-1 #page-container {
  width: 91.66667%;
}
#page-single .canvas .small #page-container {
  width: 83.33333%;
}
#page-single .canvas .small #media {
  width: 58.33333%;
  float: left;
  min-height: 1px;
  padding: 0 15px;
  position: relative;
}
#page-single .canvas .small #info,
#page-single .canvas .small .meta {
  width: 41.66667%;
  float: left;
  min-height: 1px;
  padding: 0 15px;
  position: relative;
}
#page-single .canvas .no-statement #media {
  width: 100%;
  float: left;
  min-height: 1px;
  padding: 0 15px;
  position: relative;
  float: none;
  margin: 0 auto;
}
#page-single .canvas .no-statement #info {
  display: none;
}
#page-single .canvas .no-statement .meta {
  text-align: right;
  width: 100%;
}
#page-single .canvas .no-statement.medium-2 #page-container {
  width: 66.66667%;
}
#page-single .canvas .no-statement.medium-1 #page-container {
  width: 58.33333%;
}
#page-single .canvas .no-statement.small #page-container {
  width: 50%;
}
#page-single .h-scroller {
  cursor: e-resize;
  width: 100%;
  left: 0;
  background-size: auto 100%;
  background-repeat: repeat-x;
  box-shadow: 0 5px 15px #999;
  -webkit-box-shadow: 0 5px 15px #999;
  -mox-box-shadow: 0 5px 15px #999;
  -o-box-shadow: 0 5px 15px #999;
}
#page-single .h-scroller#cranes {
  margin-top: 60px;
  height: 450px;
  background-image: url('/media/Natalie-Sklobovskaya_Cranes-CD-Inset.jpg');
}
.flex-video {
  position: relative;
  padding-top: 25px;
  padding-bottom: 67.5%;
  height: 0;
  overflow: hidden;
}
.flex-video.widescreen {
  padding-bottom: 56.25%;
}
.flex-video.vimeo {
  padding-top: 0;
}
.flex-video iframe,
.flex-video object,
.flex-video embed,
.flex-video video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
hr.tilt-up,
hr.tilt-down {
  border: none;
  border-bottom: 1px solid #ccced0;
}
hr.tilt-up {
  -moz-transform: rotate(-0.7deg);
  -webkit-transform: rotate(-0.7deg);
  -o-transform: rotate(-0.7deg);
}
hr.tilt-down {
  -moz-transform: rotate(0.7deg);
  -webkit-transform: rotate(0.7deg);
  -o-transform: rotate(0.7deg);
}
@media only screen and (min-width: 768px) {
  #page-single #template h2:first-child,
  #page-single #template h3:first-child {
    margin-top: 0;
  }
}
@media only screen and (max-width: 767px) {
  #page-single #presentation,
  #page-single .image {
    float: none;
  }
  #page-single .container {
    margin-left: 60px;
  }
  #page-single .container,
  #page-single .container #template,
  #page-single footer,
  #page-single .side,
  #page-single .image,
  .c5,
  .c6,
  .c7,
  .c8,
  .c9,
  .c10,
  .c11,
  .c12 {
    width: auto !important;
    float: none !important;
  }
  #page-single #presentation {
    margin: 20px 0;
  }
  #page-single #presentation.slideshow {
    margin-bottom: 80px;
  }
  #page-single .container .image img {
    width: auto;
    max-width: 100% !important;
  }
  #page-single .image,
  #page-single .side,
  .c5,
  .c6,
  .c7,
  .c8,
  .c9,
  .c10,
  .c11,
  .c12 {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  #page-single .section {
    margin-bottom: 20px;
  }
  .control {
    left: 10px;
  }
  #template .piece.transit {
    display: none !important;
  }
  .flex-direction-nav .flex-prev {
    opacity: 1;
    left: 0;
  }
  .flex-direction-nav .flex-next {
    opacity: 1;
    right: 0;
  }
  #page-single img {
    display: block;
    margin-left: auto;
    margin-right: auto;
  }
}