/*	-------------------------------------------------
	HTML5 & CSS 
	Marton Dobozi for Studio Roth & Maerchy (c) 2014.
	http://www.rothmaerchy.com
	-------------------------------------------------  */
/*______ Basics ______*/
html {
  overflow-y: scroll;
  text-size-adjust: auto !important;
  -moz-text-size-adjust: auto !important;
  -webkit-text-size-adjust: auto !important;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box; }

*, *:before, *:after {
  box-sizing: inherit; }

::-moz-selection {
  background: yellow;
  text-shadow: none; }

::selection {
  background: yellow;
  text-shadow: none; }

a {
  outline: 0 !important; }

strong, b, th {
  font-weight: normal; }

h1, h2, h3, h4, h5, h6 {
  text-rendering: optimizeLegibility;
  font-weight: normal;
  letter-spacing: 1px; }

ul, ol {
  margin: 0;
  padding: 0 0 0 1.6em; }

li {
  margin: 0;
  padding: 0; }

ol {
  list-style-type: decimal; }

section.content article ul li {
  list-style: none; }

section.content article ul li:before {
  content: "\2013 \0020"; }

nav ul, nav li {
  margin: 0;
  padding: 0;
  list-style: none;
  list-style-image: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

td, th {
  vertical-align: top; }

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0; }

input, select {
  vertical-align: middle; }

textarea {
  overflow: auto; }

sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative; }

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

.footnotes li a:rev {
  display: none; }

.none {
  display: none; }

.clearfix:after {
  content: " ";
  /* Older browser do not support empty content */
  visibility: hidden;
  display: block;
  height: 0;
  clear: both; }

/*------------------------------------------------------------
	Browser Reset
--------------------------------------------------------------*/
body {
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: 100%; }

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

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

:focus {
  outline: 0; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

img {
  border: 0;
  -ms-interpolation-mode: bicubic;
  vertical-align: middle;
  border: 0;
  /* 1 */
  -ms-interpolation-mode: bicubic;
  /* 2 */
  /* vertical-align: bottom; */
  /* Suppress the space beneath the baseline */
  /* Responsive images */
  /* @todo Add responsive embedded video. */
  max-width: 100%;
  height: auto;
  width: auto; }

/*______ Typography ______*/
h1 a {
  color: #999;
  text-decoration: none; }

h1 a:hover {
  color: #000;
  border: 0; }

article h2 {
  text-align: left;
  letter-spacing: 0;
  font-size: 1.3em; }

h2.reservation {
  margin: 3em 0 0.5em 0; }

strong {
  font-family: "SofiaProBlack";
  font-weight: normal !important;
  font-style: normal !important; }

small, p small, .small p {
  font-size: 0.9em;
  color: #999; }

ul {
  list-style-type: circle;
  list-style-position: inside; }

ol {
  list-style-type: decimal;
  list-style-position: inside; }

/*______ Links and Navigation ______*/
a, a:hover {
  color: #333;
  text-decoration: none !important; }

a:visited {
  color: #333; }

article a {
  color: #333;
  border-bottom: 1px solid #999; }
  article a:hover {
    color: #000;
    border-bottom: 1px solid #000;
    background: yellow; }
  article a.sel {
    color: #000;
    border-bottom: 1px solid #000; }

a.anchor {
  display: block;
  height: 227px;
  margin-top: -227px;
  visibility: hidden; }

a.btn {
  text-transform: uppercase;
  letter-spacing: 1px; }

a.btn:hover {
  border-bottom-color: #bbb; }

a.img, a.img:hover {
  border: 0; }

/*______ Positioning, Links & Typo ______*/
body {
  width: 100%;
  height: 100%;
  min-height: 100%;
  margin: 0 0 0 0;
  padding: 0;
  font-size: 14px;
  background: #fff;
  background-attachment: fixed;
  font-family: "SofiaProLight", Arial, Helvetica, sans-serif;
  overflow: hidden; }
  @media only screen and (min-width: 768px) {
    body {
      font-size: 20px; } }
  body .fancybox-overlay {
    z-index: 18000; }
  body .fancybox-wrap {
    z-index: 18010; }
  body #buorg {
    z-index: 1111111 !important;
    position: absolute !important; }
  body .buorg {
    z-index: 1111111 !important;
    position: absolute !important; }

.pushy {
  position: fixed;
  width: 300px;
  padding: 10px 15px;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 100100;
  background: #000;
  color: #fff;
  -webkit-box-shadow: inset -10px 0 6px -9px rgba(0, 0, 0, 0.7);
  -moz-box-shadow: inset -10px 0 6px -9px rgba(0, 0, 0, 0.7);
  box-shadow: inset -10px 0 6px -9px rgba(0, 0, 0, 0.7);
  overflow: scroll;
  -webkit-overflow-scrolling: touch;
  /* enables momentum scrolling in iOS overflow elements */ }
  @media only screen and (min-width: 768px) {
    .pushy {
      overflow: visible;
      width: 320px; } }

.pushy-active .site-overlay {
  background-color: rgba(0, 0, 0, 0); }

#swipebox-overlay {
  z-index: 201000 !important; }

#main {
  text-align: left;
  margin: 0;
  padding: 15px 0 15px 15px;
  font-size: 1.6em;
  font-family: "SofiaProBlack";
  font-weight: normal;
  font-style: normal; }
  @media only screen and (min-width: 768px) {
    #main {
      padding: 15px 9px 15px 15px;
      font-size: 1.2em; } }
  #main .navtrigger {
    display: block;
    z-index: 100000;
    position: relative;
    float: right;
    height: 100px;
    min-height: 0;
    left: 0;
    top: 0;
    width: 40px;
    padding: 0 0 20px 5px;
    color: #eee !important;
    overflow: visible;
    font-size: 30px; }
    #main .navtrigger img {
      width: 30px;
      height: 33px; }
    @media only screen and (min-width: 768px) {
      #main .navtrigger {
        width: 51px;
        padding: 5px 0 20px 10px;
        font-size: 40px; }
        #main .navtrigger img {
          width: 40px;
          height: 44px; } }
    #main .navtrigger:hover {
      color: #fff !important; }
    #main .navtrigger.active {
      display: block; }
  #main a {
    color: #aaa; }
    #main a:hover {
      color: #fff; }
    #main a:active {
      color: #fff !important; }
    #main a.sel {
      color: #fff; }
    #main a.navclose {
      margin: 0 0 1em 0;
      float: left;
      width: 100%; }
  #main h1 {
    margin: 3em 0 0 0;
    font-size: 1.2em; }
    @media only screen and (min-width: 768px) {
      #main h1 {
        margin: 3em 0 0 0; } }
    #main h1 span {
      padding: 0 0.1em; }
  #main ul {
    padding: 0.25em 0; }
  #main li {
    float: left;
    width: 100%; }
    #main li a {
      float: left;
      width: auto;
      margin: 0;
      padding: 0 0 0.1em 0;
      font-size: 1.2em;
      color: #aaa;
      text-transform: uppercase;
      letter-spacing: 1px;
      border-bottom: 0px solid #000;
      line-height: 1.3em; }
      #main li a:hover {
        color: #fff;
        border-bottom: 0px solid #fff; }
      #main li a:active {
        color: #fff;
        border-bottom: 0px solid #fff; }
      #main li a.sel {
        color: #fff;
        border-bottom: 0px solid #fff; }
    #main li:hover {
      color: #fff; }
      #main li:hover a {
        color: #fff; }
      #main li:hover ul li a {
        background-color: none;
        color: #ddd; }
      #main li:hover ul li.selected a {
        color: #fff; }
      #main li:hover ul {
        display: block; }
    #main li.selected a {
      color: #fff; }
    #main li ul {
      display: none;
      width: auto;
      z-index: 5000;
      text-align: left; }
      #main li ul li {
        float: left;
        display: inline;
        height: auto; }
        #main li ul li a {
          float: left;
          width: auto;
          height: auto;
          border-bottom: 1px solid #eee;
          border-top: 0;
          padding: 0.3em 0;
          font-size: 0.8em;
          color: #ddd; }
          #main li ul li a:hover {
            border-color: #fff;
            color: #fff; }
        #main li ul li.selected a {
          border-color: #fff;
          color: #fff; }
    #main li.selected a {
      color: #fff; }
  #main address {
    float: none;
    margin: 2em 0 0 0;
    font-size: 0.7em;
    color: #fff;
    position: relative;
    left: 0;
    top: 2em;
    bottom: auto;
    font-family: "SofiaProLight";
    font-weight: normal;
    font-style: normal; }
    @media only screen and (min-width: 768px) {
      #main address {
        position: absolute;
        left: 20px;
        bottom: 0;
        top: auto;
        margin: 3em 0 0 0;
        font-size: 0.7em; } }
    #main address p {
      margin: 1em 0; }
      #main address p a {
        color: #ddd;
        border-bottom: 0px dotted #999; }
        #main address p a:hover {
          color: #fff;
          border-bottom: 0px solid #fff; }
    #main address .fb-like {
      float: left;
      width: 324px;
      margin: 0 0 2em 0; }

#container {
  width: 100%;
  height: 100%; }

#contentframe {
  width: 100%;
  height: 100%;
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 0 0 40px;
  overflow-x: visible; }
  @media only screen and (min-width: 768px) {
    #contentframe {
      padding: 0 0 0 60px; } }

.navtrigger {
  display: block;
  z-index: 100000;
  position: fixed;
  height: 100%;
  min-height: 480px;
  left: 0;
  top: 0;
  width: 40px;
  font-size: 30px;
  padding: 15px 5px;
  background: #000;
  font-family: "SofiaProBlack";
  font-weight: normal;
  font-style: normal;
  color: #eee !important;
  overflow: visible;
  z-index: 200000; }
  .navtrigger img {
    width: 30px;
    height: 33px; }
  @media only screen and (min-width: 768px) {
    .navtrigger {
      width: 60px;
      padding: 20px 10px;
      font-size: 40px; }
      .navtrigger img {
        width: 40px;
        height: 44px; } }
  .navtrigger:hover {
    color: #fff !important; }
  .navtrigger.active {
    display: none; }

header#site {
  display: none;
  position: fixed;
  top: 0;
  right: 0;
  background: rgba(255, 255, 255, 0.8);
  z-index: 10000;
  width: 242px;
  height: 119px;
  border: 0 dotted DodgerBlue;
  padding: 20px;
  line-height: 1.4em;
  text-align: left; }
  header#site a {
    width: 202px;
    float: left; }
    header#site a #logo h1 img {
      width: 202px;
      height: 79px; }
  header#site nav#meta {
    width: 360px;
    height: 137px;
    padding: 4px 0 20px 0;
    margin: 0;
    float: right;
    background-color: none; }
    header#site nav#meta ul {
      text-align: right; }
      header#site nav#meta ul li {
        display: inline;
        height: auto;
        margin: 0 0 0 15px;
        padding: 0;
        text-transform: uppercase;
        font-size: 1.4em;
        letter-spacing: 1px; }
        header#site nav#meta ul li a {
          color: #222; }
          header#site nav#meta ul li a:hover {
            color: #fff; }
          header#site nav#meta ul li a.sel {
            color: #fff; }
  header#site .navtrigger {
    display: block;
    float: left; }
    @media only screen and (min-width: 768px) {
      header#site .navtrigger {
        display: block; } }
  header#site nav#main {
    display: none;
    float: right;
    text-align: left;
    border: 0 dotted DodgerBlue; }
    @media only screen and (min-width: 768px) {
      header#site nav#main {
        display: block; } }
    header#site nav#main ul {
      float: left; }
    header#site nav#main li {
      float: none;
      display: inline-block;
      position: relative; }
      header#site nav#main li a {
        float: left;
        width: auto;
        margin: 0 1.5em;
        padding: 0;
        font-size: 1.2em;
        color: #222;
        text-transform: uppercase;
        letter-spacing: 1px;
        border-bottom: 4px solid #fff; }
        header#site nav#main li a:hover {
          color: #000;
          border-bottom: 4px solid #000; }
      header#site nav#main li:hover {
        color: #000; }
        header#site nav#main li:hover a {
          color: #000; }
        header#site nav#main li:hover ul li a {
          background-color: none;
          color: #333; }
        header#site nav#main li:hover ul li.selected a {
          background-color: #000;
          color: #fff; }
        header#site nav#main li:hover ul {
          display: block; }
      header#site nav#main li.selected a {
        background-color: #000;
        color: #fff; }
      header#site nav#main li ul {
        display: none;
        width: 100%;
        position: absolute;
        top: 20px;
        left: 0;
        width: auto;
        z-index: 5000;
        background: #fff;
        text-align: left; }
        header#site nav#main li ul li {
          float: left;
          display: inline;
          height: auto; }
          header#site nav#main li ul li a {
            float: left;
            width: auto;
            height: auto;
            border-bottom: 1px solid #eee;
            border-top: 0;
            padding: 12px 24px 10px 24px;
            font-size: 0.8em;
            background-color: #fff;
            color: #333; }
            header#site nav#main li ul li a:hover {
              background-color: #000;
              border-color: #000;
              color: #fff; }
          header#site nav#main li ul li.selected a {
            background-color: #000;
            border-color: #000;
            color: #fff; }
      header#site nav#main li.selected a {
        background-color: #fff;
        color: #000; }
    header#site nav#main ul.subnav {
      display: block;
      width: auto;
      z-index: 5000;
      background: #fff;
      text-align: left; }
      header#site nav#main ul.subnav li {
        float: left;
        display: inline;
        height: auto; }
        header#site nav#main ul.subnav li a {
          float: left;
          width: auto;
          height: auto;
          border-top: 0;
          padding: 0.5em 0;
          font-size: 0.8em;
          color: #333; }
          header#site nav#main ul.subnav li a:hover {
            color: #000;
            border-bottom: 4px solid #000; }
        header#site nav#main ul.subnav li.selected a {
          color: #000;
          border-bottom: 4px solid #000; }

#langnav {
  width: 240px;
  float: right; }

ul.subnav {
  display: block;
  width: 100%;
  z-index: 5000;
  text-align: left;
  padding: 1em; }
  ul.subnav li {
    float: left;
    display: inline;
    height: auto; }
    ul.subnav li a {
      float: left;
      width: auto;
      height: auto;
      border-top: 0;
      padding: 0.5em 1em;
      font-size: 1.4em;
      color: #333; }
      ul.subnav li a:hover {
        color: #000;
        border-bottom: 4px solid #000; }
    ul.subnav li.selected a {
      color: #000;
      border-bottom: 4px solid #000; }

/* ----------------------------------------- fade in projects */
body.home #project-grid, body.projects #project-grid {
  opacity: 0; }

body.projects section#content #home {
  display: none; }

body.loaded section#content #project-grid, body.no-js section#content #project-grid {
  opacity: 1;
  -webkit-transition: opacity 400ms ease-out;
  -moz-transition: opacity 400ms ease-out;
  transition: opacity 400ms ease-out; }
  body.loaded section#content #project-grid .project a img, body.no-js section#content #project-grid .project a img {
    opacity: 1; }

body.home section#content #project-grid .project a img {
  opacity: 1 !important; }
  @media only screen and (min-width: 992px) {
    body.home section#content #project-grid .project a img {
      opacity: 0.5 !important; } }

/* ----------------------------------------- */
section#content {
  float: left;
  width: 100%;
  height: 100%;
  margin: 0 0 0 0;
  padding: 0 5px 5px 5px;
  text-align: left;
  background-color: none;
  z-index: 0;
  line-height: 160%; }
  @media only screen and (min-width: 768px) {
    section#content {
      padding: 5px; } }
  @media only screen and (min-width: 992px) {
    section#content {
      padding: 5px; } }
  section#content #skrollr-body {
    width: 100%;
    height: 100%;
    position: relative;
    overflow: visible; }
    section#content #skrollr-body .homeitem {
      width: 100%;
      height: 100%; }
      section#content #skrollr-body .homeitem #bg1, section#content #skrollr-body .homeitem #bg2, section#content #skrollr-body .homeitem #bg3, section#content #skrollr-body .homeitem #bg4, section#content #skrollr-body .homeitem #bg5, section#content #skrollr-body .homeitem #bg6 {
        top: 0;
        left: 0;
        position: relative;
        background-position: center center;
        background-repeat: no-repeat;
        background-attachment: fixed;
        background-size: cover;
        height: 100%;
        width: 100%; }
        section#content #skrollr-body .homeitem #bg1 img, section#content #skrollr-body .homeitem #bg2 img, section#content #skrollr-body .homeitem #bg3 img, section#content #skrollr-body .homeitem #bg4 img, section#content #skrollr-body .homeitem #bg5 img, section#content #skrollr-body .homeitem #bg6 img {
          width: 100% !important;
          height: auto; }
        section#content #skrollr-body .homeitem #bg1 .homeitemtext, section#content #skrollr-body .homeitem #bg2 .homeitemtext, section#content #skrollr-body .homeitem #bg3 .homeitemtext, section#content #skrollr-body .homeitem #bg4 .homeitemtext, section#content #skrollr-body .homeitem #bg5 .homeitemtext, section#content #skrollr-body .homeitem #bg6 .homeitemtext {
          width: 100%;
          height: 100%;
          position: relative;
          overflow: hidden; }
          section#content #skrollr-body .homeitem #bg1 .homeitemtext .iteminfo, section#content #skrollr-body .homeitem #bg2 .homeitemtext .iteminfo, section#content #skrollr-body .homeitem #bg3 .homeitemtext .iteminfo, section#content #skrollr-body .homeitem #bg4 .homeitemtext .iteminfo, section#content #skrollr-body .homeitem #bg5 .homeitemtext .iteminfo, section#content #skrollr-body .homeitem #bg6 .homeitemtext .iteminfo {
            margin-right: 3em;
            padding: 0.5em 1em;
            position: absolute;
            left: 50px;
            top: 50px;
            background-color: rgba(0, 0, 0, 0.75);
            font-size: 1.4em;
            z-index: 10000; }
            section#content #skrollr-body .homeitem #bg1 .homeitemtext .iteminfo h1, section#content #skrollr-body .homeitem #bg2 .homeitemtext .iteminfo h1, section#content #skrollr-body .homeitem #bg3 .homeitemtext .iteminfo h1, section#content #skrollr-body .homeitem #bg4 .homeitemtext .iteminfo h1, section#content #skrollr-body .homeitem #bg5 .homeitemtext .iteminfo h1, section#content #skrollr-body .homeitem #bg6 .homeitemtext .iteminfo h1 {
              float: none;
              width: auto;
              height: auto;
              margin: 0;
              font-size: 1.5em;
              color: #fff;
              text-transform: uppercase; }
            section#content #skrollr-body .homeitem #bg1 .homeitemtext .iteminfo h2, section#content #skrollr-body .homeitem #bg2 .homeitemtext .iteminfo h2, section#content #skrollr-body .homeitem #bg3 .homeitemtext .iteminfo h2, section#content #skrollr-body .homeitem #bg4 .homeitemtext .iteminfo h2, section#content #skrollr-body .homeitem #bg5 .homeitemtext .iteminfo h2, section#content #skrollr-body .homeitem #bg6 .homeitemtext .iteminfo h2 {
              margin: 0.5em 0;
              font-size: 1.3em;
              font-family: "SofiaProLight-Italic";
              font-weight: normal;
              font-style: normal;
              color: #fff; }
            section#content #skrollr-body .homeitem #bg1 .homeitemtext .iteminfo p, section#content #skrollr-body .homeitem #bg2 .homeitemtext .iteminfo p, section#content #skrollr-body .homeitem #bg3 .homeitemtext .iteminfo p, section#content #skrollr-body .homeitem #bg4 .homeitemtext .iteminfo p, section#content #skrollr-body .homeitem #bg5 .homeitemtext .iteminfo p, section#content #skrollr-body .homeitem #bg6 .homeitemtext .iteminfo p {
              color: #fff;
              font-size: 1em;
              float: none; }
              section#content #skrollr-body .homeitem #bg1 .homeitemtext .iteminfo p a, section#content #skrollr-body .homeitem #bg2 .homeitemtext .iteminfo p a, section#content #skrollr-body .homeitem #bg3 .homeitemtext .iteminfo p a, section#content #skrollr-body .homeitem #bg4 .homeitemtext .iteminfo p a, section#content #skrollr-body .homeitem #bg5 .homeitemtext .iteminfo p a, section#content #skrollr-body .homeitem #bg6 .homeitemtext .iteminfo p a {
                color: #eee;
                border-bottom: 1px solid #bbb; }
                section#content #skrollr-body .homeitem #bg1 .homeitemtext .iteminfo p a:hover, section#content #skrollr-body .homeitem #bg2 .homeitemtext .iteminfo p a:hover, section#content #skrollr-body .homeitem #bg3 .homeitemtext .iteminfo p a:hover, section#content #skrollr-body .homeitem #bg4 .homeitemtext .iteminfo p a:hover, section#content #skrollr-body .homeitem #bg5 .homeitemtext .iteminfo p a:hover, section#content #skrollr-body .homeitem #bg6 .homeitemtext .iteminfo p a:hover {
                  color: #fff;
                  border-bottom: 1px solid #fff; }
              section#content #skrollr-body .homeitem #bg1 .homeitemtext .iteminfo p.projectlink, section#content #skrollr-body .homeitem #bg2 .homeitemtext .iteminfo p.projectlink, section#content #skrollr-body .homeitem #bg3 .homeitemtext .iteminfo p.projectlink, section#content #skrollr-body .homeitem #bg4 .homeitemtext .iteminfo p.projectlink, section#content #skrollr-body .homeitem #bg5 .homeitemtext .iteminfo p.projectlink, section#content #skrollr-body .homeitem #bg6 .homeitemtext .iteminfo p.projectlink {
                color: #fff; }
  section#content div.wrap {
    width: 1024px;
    height: auto;
    margin: 0 auto;
    padding: 0 0 0 0;
    background-color: #fff;
    overflow: hidden; }
  section#content .block {
    float: left;
    width: 100%;
    margin: 0;
    overflow: hidden;
    border: 0px dotted DodgerBlue; }
  section#content .projectblock {
    float: left;
    width: 100%;
    margin: 0;
    overflow: hidden;
    border: 0px dotted DodgerBlue; }
  section#content .cats {
    float: left;
    width: 100%;
    margin: 16px 5px 20px 5px;
    font-size: 0.7em; }
    @media only screen and (min-width: 768px) {
      section#content .cats {
        margin: 16px 60px 20px 60px;
        font-size: 0.5em; } }
    section#content .cats a {
      float: none;
      color: #222;
      margin: 0 2em 0 0;
      border-bottom: 2px solid #fff;
      font-family: "SofiaProBold";
      font-weight: normal;
      font-style: normal;
      font-size: 1.1em;
      text-transform: uppercase;
      letter-spacing: 1.5px;
      width: 100%; }
      @media only screen and (min-width: 768px) {
        section#content .cats a {
          width: auto; } }
      section#content .cats a:hover {
        color: #000;
        border-bottom: 2px solid #000; }
      section#content .cats a.sel {
        color: #000;
        border-bottom: 2px solid #000; }
      section#content .cats a.first {
        border-left: 1px solid #000; }
    section#content .cats span {
      float: left;
      color: #000;
      margin: 0 2em 0 0;
      border-bottom: 2px solid #fff; }
      section#content .cats span.sel {
        color: #fff;
        background-color: #000; }
      section#content .cats span.first {
        border-left: 1px solid #000; }
  section#content article {
    float: left;
    width: 100%;
    margin: 0 0 0 0;
    overflow: hidden;
    border: 0px dotted DodgerBlue;
    padding: 0; }
    section#content article .intro {
      padding-left: 50px;
      padding-right: 50px; }
    section#content article h1, section#content article h2, section#content article h3 {
      padding: 0;
      color: #333;
      line-height: 1.3em;
      text-transform: uppercase;
      letter-spacing: 1px;
      font-family: "SofiaProBlack";
      font-weight: normal;
      font-style: normal; }
    section#content article h1 {
      margin: 0 0 1em 0;
      padding: 0.5em 0 0 0;
      font-size: 2.2em;
      color: #000;
      line-height: 1.2em;
      text-align: left; }
      @media only screen and (min-width: 768px) {
        section#content article h1 {
          text-align: center;
          margin: 0 0 30px 0; } }
    section#content article h2 {
      margin: 1.5em 0 -0.7em 0;
      font-size: 1em;
      color: #111;
      line-height: 1em; }
      @media only screen and (min-width: 768px) {
        section#content article h2 {
          font-size: 0.8em; } }
      @media only screen and (min-width: 922px) {
        section#content article h2 {
          font-size: 1em; } }
    section#content article h3 {
      margin: 1em 0;
      font-size: 1em;
      color: #333;
      text-transform: uppercase;
      line-height: 1em; }
    section#content article p {
      margin: 1em 0 0 0;
      width: auto;
      font-size: 1em;
      line-height: 140%;
      color: #000; }
      @media only screen and (min-width: 768px) {
        section#content article p {
          font-size: 0.8em; } }
      @media only screen and (min-width: 922px) {
        section#content article p {
          font-size: 1em; } }
      section#content article p.lead {
        margin: 0.2em 0 0.5em 0;
        font-size: 1.4em;
        font-weight: 200;
        line-height: 140%; }
    section#content article ul {
      color: #000;
      margin: 1em 0em 1em 0.8em;
      padding-left: 0;
      text-indent: -0.8em; }
      section#content article ul li {
        line-height: 140%;
        padding: 0.15em 0 0.15em 0;
        font-size: 1em;
        list-style: none; }
        section#content article ul li:before {
          content: "\2013 \0020"; }
        @media only screen and (min-width: 768px) {
          section#content article ul li {
            font-size: 0.8em; } }
        @media only screen and (min-width: 922px) {
          section#content article ul li {
            font-size: 1em; } }
    section#content article iframe.map {
      width: 512px;
      margin: 0;
      border: 0; }
    section#content article.project h1 {
      font-size: 1.4em;
      text-align: left; }
      @media only screen and (min-width: 768px) {
        section#content article.project h1 {
          font-size: 1em; } }
      @media only screen and (min-width: 922px) {
        section#content article.project h1 {
          font-size: 1.4em; } }
    section#content article.project .projectimages {
      padding: 40px 5px 0 5px;
      float: left;
      /*}*/ }
      @media only screen and (min-width: 768px) {
        section#content article.project .projectimages {
          padding: 0 60px 0 0; } }
      @media screen and (max-width: 480px) {
        section#content article.project .projectimages #swipebox-action {
          height: 100px !important; } }
      section#content article.project .projectimages div {
        float: left;
        width: 100%;
        height: auto;
        border: 0;
        padding: 0 0 10px 0;
        cursor: pointer !important;
        /* div#foreground { float: left; overflow: hidden; width: 100%; height: auto; border: 0; margin: 0 10px 10px 0;
        @media only screen and (max-width: 768px) { margin: 0 5px 5px 0; } */ }
        @media only screen and (min-width: 768px) {
          section#content article.project .projectimages div {
            padding: 0 1% 1% 0; }
            section#content article.project .projectimages div.portrait {
              width: 49.5%;
              padding: 0 1% 1% 0; } }
        section#content article.project .projectimages div img {
          width: 100%;
          height: auto;
          opacity: 1 !important;
                                                        /*margin: 0 0 10px 0;
@media only screen and (min-width: 768px) {
		width: 100%; max-height: 480px; margin: 0 1% 1% 0;
		&.portrait { width: 49.5%; max-height: 480px; margin: 0 1% 1% 0; }
		&.portrait + .portrait { margin: 0 0 1% 0; }
	}*/ }
      section#content article.project .projectimages .video-container {
        position: relative;
        padding-bottom: 56.25%;
        padding-top: 0;
        margin: 0 0 10px 0;
        height: 0;
        z-index: 0; }
        @media only screen and (min-width: 768px) {
          section#content article.project .projectimages .video-container {
            margin: 0 0 1% 0; } }
      section#content article.project .projectimages .video-container iframe,
      section#content article.project .projectimages .video-container object,
      section#content article.project .projectimages .video-container embed {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 15000; }
    section#content article.project #breadcrumb {
      padding: 0 0 0 60px;
      font-size: 1em; }
    section#content article.project .text {
      padding: 0 5px; }
      @media only screen and (min-width: 768px) {
        section#content article.project .text {
          padding: 40px 60px; } }
    section#content article.project .en {
      margin: 5em 0 0 0;
      font-size: 0.75em;
      font-family: "SofiaProLight-Italic";
      font-weight: normal;
      font-style: normal; }
      section#content article.project .en h1, section#content article.project .en h2, section#content article.project .en h3 {
        font-family: "SofiaProBlack-Italic";
        font-weight: normal;
        font-style: normal; }
      section#content article.project .en h1 {
        font-size: 1.4em; }
      section#content article.project .en h2 {
        font-size: 1em; }
    section#content article.where .howimage, section#content article.who .howimage, section#content article.what .howimage, section#content article.how .howimage, section#content article.clients .howimage {
      float: left;
      margin: 0 -40px 2.5em -40px; }
      section#content article.where .howimage img, section#content article.who .howimage img, section#content article.what .howimage img, section#content article.how .howimage img, section#content article.clients .howimage img {
        width: 100%;
        height: auto;
        padding: 0; }
      section#content article.where .howimage video, section#content article.who .howimage video, section#content article.what .howimage video, section#content article.how .howimage video, section#content article.clients .howimage video {
        width: 100%;
        height: auto;
        padding: 0; }
        @media only screen and (min-width: 768px) {
          section#content article.where .howimage video, section#content article.who .howimage video, section#content article.what .howimage video, section#content article.how .howimage video, section#content article.clients .howimage video {
            width: 100%;
            height: auto; } }
    section#content article.where .whatimage, section#content article.who .whatimage, section#content article.what .whatimage, section#content article.how .whatimage, section#content article.clients .whatimage {
      float: left;
      margin-bottom: 2.5em;
      margin: 0 -40px 2.5em -40px; }
      section#content article.where .whatimage img, section#content article.who .whatimage img, section#content article.what .whatimage img, section#content article.how .whatimage img, section#content article.clients .whatimage img {
        width: 100%;
        height: auto;
        padding: 0; }
      section#content article.where .whatimage video, section#content article.who .whatimage video, section#content article.what .whatimage video, section#content article.how .whatimage video, section#content article.clients .whatimage video {
        width: 100%;
        height: auto;
        padding: 0; }
        @media only screen and (min-width: 768px) {
          section#content article.where .whatimage video, section#content article.who .whatimage video, section#content article.what .whatimage video, section#content article.how .whatimage video, section#content article.clients .whatimage video {
            width: 100%;
            height: auto; } }
        @media only screen and (min-width: 922px) {
          section#content article.where .whatimage video, section#content article.who .whatimage video, section#content article.what .whatimage video, section#content article.how .whatimage video, section#content article.clients .whatimage video {
            width: 100%;
            height: auto; } }
    section#content article.where .clientsimage, section#content article.who .clientsimage, section#content article.what .clientsimage, section#content article.how .clientsimage, section#content article.clients .clientsimage {
      float: left;
      margin-bottom: 2.5em;
      margin: 0 -40px 2.5em -40px; }
      section#content article.where .clientsimage img, section#content article.who .clientsimage img, section#content article.what .clientsimage img, section#content article.how .clientsimage img, section#content article.clients .clientsimage img {
        width: 100%;
        height: auto;
        padding: 0; }
      section#content article.where .clientsimage video, section#content article.who .clientsimage video, section#content article.what .clientsimage video, section#content article.how .clientsimage video, section#content article.clients .clientsimage video {
        width: 100%;
        height: auto;
        padding: 0; }
        @media only screen and (min-width: 768px) {
          section#content article.where .clientsimage video, section#content article.who .clientsimage video, section#content article.what .clientsimage video, section#content article.how .clientsimage video, section#content article.clients .clientsimage video {
            width: 100%;
            height: auto; } }
        @media only screen and (min-width: 922px) {
          section#content article.where .clientsimage video, section#content article.who .clientsimage video, section#content article.what .clientsimage video, section#content article.how .clientsimage video, section#content article.clients .clientsimage video {
            width: 100%;
            height: auto; } }
    section#content article.where header, section#content article.who header, section#content article.what header, section#content article.how header, section#content article.clients header {
      margin: 2em 0;
      padding: 0;
      float: left;
      width: 100%; }
      @media only screen and (min-width: 768px) {
        section#content article.where header, section#content article.who header, section#content article.what header, section#content article.how header, section#content article.clients header {
          margin: 0 0 30px 0; } }
      section#content article.where header h1, section#content article.who header h1, section#content article.what header h1, section#content article.how header h1, section#content article.clients header h1 {
        margin: 1em 0 0 0;
        padding: 0.5em 0 0 0;
        font-size: 2.2em;
        color: #000;
        line-height: 1em;
        text-align: left; }
        @media only screen and (min-width: 768px) {
          section#content article.where header h1, section#content article.who header h1, section#content article.what header h1, section#content article.how header h1, section#content article.clients header h1 {
            text-align: center;
            margin: 170px 0 0 0; } }
      section#content article.where header h2, section#content article.who header h2, section#content article.what header h2, section#content article.how header h2, section#content article.clients header h2 {
        margin: 0 0 1em 0;
        font-size: 1em;
        color: #111;
        line-height: 1em;
        text-align: left;
        font-family: "SofiaProLight-Italic";
        font-weight: normal;
        font-style: normal; }
        @media only screen and (min-width: 768px) {
          section#content article.where header h2, section#content article.who header h2, section#content article.what header h2, section#content article.how header h2, section#content article.clients header h2 {
            text-align: center;
            margin: 0 0 1.8em 0; } }
    section#content article.clients #clientlist {
      list-style-type: none;
      font-size: 1em;
      text-transform: uppercase; }
      section#content article.clients #clientlist li {
        float: left;
        display: inline;
        width: 100%;
        margin: 1em 0;
        font-size: 1em; }
        section#content article.clients #clientlist li a {
          float: none;
          border-bottom: 2px solid #fff;
          color: #333;
          margin-bottom: 0.5em;
          white-space: nowrap; }
          section#content article.clients #clientlist li a:hover {
            color: #000;
            border-bottom: 2px solid #000; }
        section#content article.clients #clientlist li ul {
          width: 100%;
          margin: 0;
          padding: 0; }
          section#content article.clients #clientlist li ul li {
            float: left;
            display: inline;
            width: auto;
            margin: 0;
            padding: 0;
            font-size: 2em; }
            section#content article.clients #clientlist li ul li a {
              margin: 0 2em 0 0;
              border-bottom: 4px solid #fff;
              margin-bottom: 0; }
              section#content article.clients #clientlist li ul li a:hover {
                border-bottom: 4px solid #000; }
        section#content article.clients #clientlist li:before {
          content: none; }
    section#content article.where {
      padding: 0 10px; }
      section#content article.where header {
        margin: 1em 0 2em 0; }
        @media only screen and (min-width: 768px) {
          section#content article.where header {
            margin: 0; } }
        section#content article.where header h1 {
          margin: 0;
          padding: 0.3em 0 0 0; }
          @media only screen and (min-width: 768px) {
            section#content article.where header h1 {
              margin: 30px 0 0 0; } }
      section#content article.where #map_canvas {
        width: 100%;
        height: 200px;
        overflow: hidden; }
        @media only screen and (min-width: 480px) {
          section#content article.where #map_canvas {
            height: 400px; } }
        @media only screen and (min-width: 768px) {
          section#content article.where #map_canvas {
            height: 500px; } }
        section#content article.where #map_canvas img {
          max-width: none; }
        section#content article.where #map_canvas #markertext {
          text-align: center; }
          section#content article.where #map_canvas #markertext h1 {
            font-size: 1.5em;
            margin: 0; }
          section#content article.where #map_canvas #markertext p {
            font-size: 1.1em;
            margin-bottom: 1em; }
        section#content article.where #map_canvas .gmnoprint {
          width: auto !important; }
      section#content article.where #address {
        position: relative;
        top: 0;
        right: 0;
        background: #111;
        width: 100%;
        height: 0;
        padding: 45% 0 55% 0;
        text-align: center;
        z-index: 100000;
        float: left;
        margin: 0 0 2em 0;
        font-size: 1.3em;
        border-top-left-radius: 50%;
        border-top-right-radius: 50%;
        border-bottom-right-radius: 50%;
        border-bottom-left-radius: 50%; }
        @media only screen and (min-width: 320px) {
          section#content article.where #address {
            width: 250px;
            height: 250px;
            padding: 50px 0; } }
        @media only screen and (min-width: 768px) {
          section#content article.where #address {
            float: none;
            width: 270px;
            height: 270px;
            padding: 60px 0;
            margin: 40px auto;
            overflow: hidden;
            font-size: 0.9em; } }
        @media only screen and (min-width: 992px) {
          section#content article.where #address {
            position: absolute;
            float: none;
            top: 240px;
            right: 100px;
            width: 320px;
            height: 320px;
            padding: 75px 40px;
            font-size: 1.1em;
            margin: 0 0 2em 0;
            border-top-left-radius: 160px;
            border-top-right-radius: 160px;
            border-bottom-right-radius: 160px;
            border-bottom-left-radius: 160px; } }
        section#content article.where #address h1 {
          font-size: 1.2em;
          margin: 0;
          color: #fff;
          text-align: center !important; }
          section#content article.where #address h1 span {
            padding: 0 0.1em; }
        section#content article.where #address p {
          margin: 0.2em 0 0 0;
          font-size: 0.8em;
          color: #fff; }
          section#content article.where #address p a {
            border: 0;
            color: #eee; }
            section#content article.where #address p a:hover {
              color: #fff;
              border-bottom: 1px solid #fff;
              background: none; }
    section#content article.how {
      padding: 0 10px; }
      @media only screen and (min-width: 768px) {
        section#content article.how {
          padding-left: 50px;
          padding-right: 50px; } }
      section#content article.how .de {
        padding: 0; }
        @media only screen and (min-width: 992px) {
          section#content article.how .de {
            padding: 0 3% 0 15%; } }
        section#content article.how .de h2 {
          font-size: 1.3em;
          margin: 20px 0 0.2em 0; }
        section#content article.how .de p + h2 {
          margin: 1.5em 0 0.2em 0; }
        section#content article.how .de p {
          font-size: 1.1em;
          margin: 0 0 0 0; }
      section#content article.how .en {
        font-family: "SofiaProLight-Italic";
        font-weight: normal;
        font-style: normal;
        padding: 2em 0 0 0; }
        @media only screen and (min-width: 992px) {
          section#content article.how .en {
            padding: 0 15% 0 3%; } }
        section#content article.how .en h2 {
          font-size: 0.8em;
          margin: 20px 0 0.2em 0;
          font-family: "SofiaProBlack-Italic";
          font-weight: normal;
          font-style: normal; }
        section#content article.how .en p + h2 {
          margin: 1.5em 0 0.2em 0; }
        section#content article.how .en p {
          font-size: 0.8em;
          margin: 0 0 0 0; }
    section#content article.what {
      padding: 0 10px; }
      @media only screen and (min-width: 768px) {
        section#content article.what {
          padding-left: 50px;
          padding-right: 50px; } }
      section#content article.what section {
        text-align: left;
        padding-bottom: 2em;
        padding-left: 0;
        padding-right: 15px; }
        @media only screen and (min-width: 992px) {
          section#content article.what section {
            text-align: center;
            padding-left: 15px;
            padding-right: 0; } }
        section#content article.what section h2 {
          margin: 0 1em 1em 0;
          font-size: 1.3em;
          text-align: left;
          /* background: #000; width: 280px; height: 280px; border-radius: 140px; color: #fff; padding: 130px 40px; display: inline-block; */ }
          @media only screen and (min-width: 768px) {
            section#content article.what section h2 {
              text-align: left; } }
        section#content article.what section div {
          text-align: left;
          padding: 0;
          font-size: 1em; }
          section#content article.what section div.de {
            margin: 0 0 0 0; }
            section#content article.what section div.de ul {
              margin: 0.5em 0 1em 0.5em; }
              section#content article.what section div.de ul li {
                font-size: 1em;
                text-indent: -0.85em;
                padding: 0 0 0.2em 0; }
                @media only screen and (min-width: 992px) {
                  section#content article.what section div.de ul li {
                    font-size: 0.7em; } }
                @media only screen and (min-width: 1200px) {
                  section#content article.what section div.de ul li {
                    font-size: 1em; } }
          section#content article.what section div.en {
            font-size: 0.75em;
            margin: 0 0 0 0;
            font-family: "SofiaProLight-Italic";
            font-weight: normal;
            font-style: normal; }
            section#content article.what section div.en ul {
              margin: 0.5em 0 1em 0;
              text-indent: 0; }
              section#content article.what section div.en ul li {
                font-size: 1em; }
                @media only screen and (min-width: 992px) {
                  section#content article.what section div.en ul li {
                    font-size: 0.8em; } }
                @media only screen and (min-width: 1200px) {
                  section#content article.what section div.en ul li {
                    font-size: 1em; } }
              section#content article.what section div.en ul li:before {
                content: none; }
    section#content article.clients {
      padding: 0 10px; }
      @media only screen and (min-width: 768px) {
        section#content article.clients {
          padding-left: 50px;
          padding-right: 50px; } }
      section#content article.clients section {
        text-align: left;
        margin: 0 0 3em 0;
        padding-bottom: 2em;
        padding-left: 0;
        padding-right: 15px; }
        @media only screen and (min-width: 992px) {
          section#content article.clients section {
            padding-left: 15px;
            padding-right: 0; } }
        section#content article.clients section h2 {
          margin: 0 1em 1em 0;
          font-size: 1.3em;
          color: #000;
          text-align: left; }
        section#content article.clients section div {
          text-align: left;
          padding: 0; }
          section#content article.clients section div.de {
            font-size: 1em;
            margin: 0 0 0 0; }
            section#content article.clients section div.de ul {
              margin: 0.5em 0 1em 0;
              text-indent: 0; }
              section#content article.clients section div.de ul li:before {
                content: none; }
            section#content article.clients section div.de + h2 {
              margin: 3em 1em 1em 0; }
          section#content article.clients section div.en {
            font-size: 0.75em;
            margin: 0 0 0 0;
            font-family: "SofiaProLight-Italic";
            font-weight: normal;
            font-style: normal; }
    section#content article.jobs {
      padding: 0 10px; }
    section#content article.who {
      padding: 0 10px; }
      @media only screen and (min-width: 768px) {
        section#content article.who {
          padding-left: 50px;
          padding-right: 50px; } }
      section#content article.who section.personbig {
        float: left;
        display: block;
        height: auto;
        overflow: visible; }
        @media only screen and (min-width: 768px) {
          section#content article.who section.personbig {
            display: none;
            overflow: hidden;
            margin-bottom: 50px; } }
        section#content article.who section.personbig div.personinfo {
          display: block;
          float: left;
          margin: 0 0 40px 0; }
          @media only screen and (min-width: 768px) {
            section#content article.who section.personbig div.personinfo {
              display: none;
              margin: auto;
              margin: auto; } }
          section#content article.who section.personbig div.personinfo a.personclose {
            display: none;
            float: right;
            font-size: 0.5em;
            border: 0;
            color: #333;
            margin-top: 0; }
            @media only screen and (min-width: 768px) {
              section#content article.who section.personbig div.personinfo a.personclose {
                display: block;
                font-size: 1.8em;
                margin-top: -3px; } }
            @media only screen and (min-width: 992px) {
              section#content article.who section.personbig div.personinfo a.personclose {
                display: block;
                font-size: 1.8em;
                margin-top: -3px; } }
            section#content article.who section.personbig div.personinfo a.personclose:hover {
              background: none; }
          section#content article.who section.personbig div.personinfo img {
            float: left;
            max-width: 100%;
            height: 100% !important;
            padding: 0; }
            @media only screen and (min-width: 480px) {
              section#content article.who section.personbig div.personinfo img {
                max-width: 75%; } }
            @media only screen and (min-width: 768px) {
              section#content article.who section.personbig div.personinfo img {
                max-width: 100%;
                padding: 0 5%; } }
          section#content article.who section.personbig div.personinfo div.persontext {
            padding: 1em 0 0 0;
            font-size: 1em; }
            @media only screen and (min-width: 768px) {
              section#content article.who section.personbig div.personinfo div.persontext {
                padding: 0 0 0 0;
                font-size: 0.8em; } }
            @media only screen and (min-width: 992px) {
              section#content article.who section.personbig div.personinfo div.persontext {
                font-size: 1em; } }
            section#content article.who section.personbig div.personinfo div.persontext h1 {
              text-align: left;
              font-size: 1.3em;
              margin: 0; }
              @media only screen and (min-width: 768px) {
                section#content article.who section.personbig div.personinfo div.persontext h1 {
                  padding: 4px 0 0 0; } }
            section#content article.who section.personbig div.personinfo div.persontext p a {
              color: #333; }
              section#content article.who section.personbig div.personinfo div.persontext p a:hover {
                color: #000;
                border-bottom: 1px solid #000; }
            section#content article.who section.personbig div.personinfo div.persontext .personfunction {
              margin: 0.1em 0 0 0; }
              @media only screen and (min-width: 768px) {
                section#content article.who section.personbig div.personinfo div.persontext .personfunction {
                  margin: 0 0 0.1em 0; } }
            section#content article.who section.personbig div.personinfo div.persontext .personcontact {
              font-size: 1em;
              margin: 0 0 1.5em 0; }
              @media only screen and (min-width: 768px) {
                section#content article.who section.personbig div.personinfo div.persontext .personcontact {
                  font-size: 0.7em;
                  margin: 0 0 2em 0; } }
              section#content article.who section.personbig div.personinfo div.persontext .personcontact .phone {
                float: left;
                margin: 0 0 1.5em 0;
                width: 100%; }
                @media only screen and (min-width: 768px) {
                  section#content article.who section.personbig div.personinfo div.persontext .personcontact .phone {
                    float: none;
                    margin: 0;
                    width: auto; } }
            section#content article.who section.personbig div.personinfo div.persontext .en {
              font-size: 0.8em;
              font-family: "SofiaProLight-Italic";
              font-weight: normal;
              font-style: normal; }
      section#content article.who section.personsmall {
        display: none; }
        @media only screen and (min-width: 768px) {
          section#content article.who section.personsmall {
            display: block; } }
      section#content article.who div.person {
        text-align: center;
        display: none;
        padding: 5px; }
        @media only screen and (min-width: 768px) {
          section#content article.who div.person {
            display: block; } }
        section#content article.who div.person h1 {
          text-align: left;
          font-size: 0.7em; }
          @media only screen and (min-width: 768px) {
            section#content article.who div.person h1 {
              font-size: 0.7em; } }
          @media only screen and (min-width: 992px) {
            section#content article.who div.person h1 {
              font-size: 1em; } }
        section#content article.who div.person .en {
          font-size: 0.8em;
          font-family: "SofiaProLight-Italic";
          font-weight: normal;
          font-style: normal; }
        section#content article.who div.person img {
          width: 100%;
          height: auto;
          vertical-align: top;
          border: 0; }
        section#content article.who div.person a {
          display: block;
          position: relative;
          width: 100%;
          height: auto;
          border: 0; }
          section#content article.who div.person a .persontitle {
            position: relative;
            width: 100%;
            height: auto;
            z-index: 100;
            opacity: 1;
            background-color: black;
            top: 0px;
            left: 0px;
            right: 0px;
            bottom: 0px;
            text-align: center;
            float: none;
            padding: 1em 0;
            -webkit-transition: all 0.3s ease;
            -moz-transition: all 0.3s ease;
            -ms-transition: all 0.3s ease;
            -o-transition: all 0.3s ease;
            transition: all 0.3s ease; }
            @media only screen and (min-width: 992px) {
              section#content article.who div.person a .persontitle {
                position: absolute;
                height: 100%;
                float: left;
                opacity: 0; } }
            section#content article.who div.person a .persontitle h1 {
              position: absolute;
              width: 100%;
              bottom: 55%;
              margin-bottom: -10px;
              overflow: hidden;
              color: #fff;
              text-align: center; }
            section#content article.who div.person a .persontitle p {
              margin: 1em 0 0 0;
              width: 100%;
              font-size: 0.6em;
              line-height: 140%;
              color: #fff;
              position: absolute;
              bottom: 20%;
              text-align: center;
              overflow: hidden;
              display: none; }
              @media only screen and (min-width: 992px) {
                section#content article.who div.person a .persontitle p {
                  bottom: 35%;
                  display: block;
                  font-size: 0.75em; } }
              @media only screen and (min-width: 1200px) {
                section#content article.who div.person a .persontitle p {
                  bottom: 40%;
                  display: block;
                  font-size: 0.9em; } }
          section#content article.who div.person a:hover .persontitle {
            opacity: 1; }
  section#content .royalslider {
    margin: 0 auto;
    overflow: visible !important; }
    section#content .royalslider div.rsContent {
      background: #000;
      position: relative;
      padding-bottom: 56.25%;
      /* 16/9 ratio */
      height: 0;
      /* IE6 workaround*/
      overflow: hidden; }
      section#content .royalslider div.rsContent a.rsImg {
        position: absolute;
        width: 100%;
        height: auto !important;
        left: 0;
        top: 0; }
      section#content .royalslider div.rsContent div.rsVideoContainer {
        position: absolute;
        width: 100%;
        height: auto !important;
        left: 0;
        top: 0; }
      section#content .royalslider div.rsContent iframe {
        position: absolute;
        width: 100%;
        height: 100% !important;
        left: 0;
        top: 0; }
      section#content .royalslider div.rsContent img {
        width: 100%;
        height: 576px; }
  section#content #sidebar {
    width: 324px;
    height: auto;
    float: right;
    background-color: #fff;
    overflow: visible;
    padding: 80px 20px 70px 0; }
    section#content #sidebar h1 {
      float: none;
      width: 100%;
      margin: 0 0 10px 0;
      padding: 0 0 10px 0;
      font-size: 1.6em;
      color: #333;
      line-height: 1em;
      border-bottom: 1px solid #ddd;
      text-transform: uppercase;
      font-weight: normal;
      letter-spacing: 1px; }
    section#content #sidebar ul {
      margin: 0;
      padding: 0; }
      section#content #sidebar ul li {
        float: left;
        display: inline;
        margin: 0;
        padding: 0 0 10px 0; }
    section#content #sidebar img {
      margin: 0 0 40px 0; }
    section#content #sidebar .fb-like-box {
      width: 324px;
      margin: 0 0 0 0; }
    section#content #sidebar iframe {
      width: 324px;
      margin: 0 0 0 0; }
  section#content div.ee_gmap {
    float: right;
    width: 512px;
    height: 512px; }
    section#content div.ee_gmap p {
      width: 260px !important;
      margin: 0 0 5px 0;
      white-space: nowrap; }
    section#content div.ee_gmap img {
      max-width: none !important;
      vertical-align: baseline !important; }
  section#content p#mapcontrol a {
    cursor: pointer; }
  section#content p.paginate {
    float: left;
    padding: 40px 30px 20px 20px; }
  section#content p.filtertype {
    float: right;
    width: auto;
    height: 25px;
    font-weight: 400;
    font-size: 1.4em;
    padding: 40px 0 10px 0;
    margin: 0; }
    section#content p.filtertype a {
      color: #000;
      border-bottom: 1px solid #000; }
      section#content p.filtertype a:hover {
        border: 0; }
      section#content p.filtertype a.sel {
        border: 0; }
  section#content div.filter {
    width: 100%;
    font-weight: 400;
    margin: 2em 0 0 0; }
    section#content div.filter h1 {
      float: left;
      margin: 0.6em 0 0.5em 0;
      padding: 0 0 0 0;
      font-size: 0.9em;
      color: #000;
      line-height: 1em;
      border: 0; }
    section#content div.filter p {
      width: 100%;
      float: left;
      margin: 0 0 1em 0; }
    section#content div.filter a {
      float: left;
      color: #666;
      border-bottom: 1px dotted #999;
      padding: 0;
      margin: 0 1em 0.2em 0;
      font-size: 0.6em;
      text-transform: uppercase; }
      section#content div.filter a:hover {
        color: #000;
        border-bottom: 1px solid #000; }
      section#content div.filter a.sel {
        color: #000;
        border-bottom: 1px solid #000; }
      section#content div.filter a.first {
        border-left: 1px solid #000; }
    section#content div.filter span {
      float: left;
      color: #000;
      border: 1px solid #000;
      border-left: 1;
      padding: 0 0.5em;
      margin: 0 0.5em 0.5em 0;
      font-size: 0.8em; }
      section#content div.filter span.sel {
        color: #fff;
        background-color: #000; }
      section#content div.filter span.first {
        border-left: 1px solid #000; }
  section#content .col3.intro {
    font-size: 0.9em; }
  section#content p {
    margin: 1em 0 0 0;
    width: auto;
    font-size: 1em;
    line-height: 160%;
    color: #444; }
  section#content blockquote.pull {
    font-size: 1.5em; }
  section#content #home {
    display: none;
    width: auto;
    height: auto;
    z-index: 0;
    position: relative;
    top: 0;
    left: 0; }
    @media only screen and (min-width: 992px) {
      section#content #home {
        width: 93%;
        height: 100%;
        z-index: 200000;
        position: absolute;
        top: 0;
        left: 60px; } }
  section#content #homecontent {
    position: relative;
    top: auto;
    left: auto;
    right: auto;
    width: 100%;
    z-index: 5000;
    background: #000;
    color: #fff;
    padding: 1.2em 2em 2em 2em;
    border: 0px solid #fff;
    font-size: 0.9em;
    margin: 5px 0 0 0; }
    @media only screen and (min-width: 768px) {
      section#content #homecontent {
        font-size: 1em;
        border: 5px solid #fff;
        border-top: 0; } }
    @media only screen and (min-width: 992px) {
      section#content #homecontent {
        margin: 0;
        width: 50%;
        max-width: 720px;
        position: fixed;
        top: 100px;
        left: 25%;
        right: 25%;
        margin: 0 auto 0 30px;
        border: 0px solid #fff;
        text-align: center;
        padding: 1.5em 2.5em 2em 2.5em; } }
    @media only screen and (min-width: 1440px) {
      section#content #homecontent {
        width: 720px;
        top: 100px;
        left: 26%;
        right: 24%;
        margin: 0 auto; } }
    section#content #homecontent .closehomecontent {
      font-size: 1.8em;
      float: right;
      color: #fff;
      margin: 0 0 20px 90%; }
      @media only screen and (min-width: 768px) {
        section#content #homecontent .closehomecontent {
          float: right;
          font-size: 1.2em;
          margin: 0 0 0 90%; } }
    section#content #homecontent h1 {
      text-align: center;
      font-size: 2em;
      float: left;
      margin: 0 0 0.6em 0;
      color: #fff;
      font-family: "SofiaProBlack";
      font-weight: normal;
      font-style: normal;
      text-transform: uppercase;
      letter-spacing: 1px;
      width: 100%; }
      @media only screen and (min-width: 768px) {
        section#content #homecontent h1 {
          float: none;
          margin: 0.9em 0 0.1em 0; } }
      section#content #homecontent h1 img {
        width: 347px;
        height: auto; }
    section#content #homecontent h2 {
      text-align: left;
      font-size: 1.2em;
      color: #fff;
      font-family: "SofiaProLight";
      font-weight: normal;
      font-style: normal;
      float: left;
      width: 100%;
      margin: 0 0 1em 0; }
      @media only screen and (min-width: 480px) {
        section#content #homecontent h2 {
          float: none;
          text-align: center; } }
    section#content #homecontent p {
      font-size: 1.5em;
      line-height: 1.4em;
      color: #fff; }
    section#content #homecontent small, section#content #homecontent .en p {
      display: block;
      margin: 1em 0;
      font-size: 1.2em;
      line-height: 1.6em;
      font-family: "SofiaProLight-Italic";
      font-weight: normal;
      font-style: normal;
      color: #fff; }
      @media only screen and (min-width: 768px) {
        section#content #homecontent small, section#content #homecontent .en p {
          font-size: 1em; } }
    section#content #homecontent #news {
      position: relative;
      top: 0;
      left: 0;
      width: 200px;
      height: 200px;
      padding: 15px;
      border-radius: 50%;
      background-color: yellow;
      -ms-transform: rotate(-20deg);
      /* IE 9 */
      -webkit-transform: rotate(-20deg);
      /* Chrome, Safari, Opera */
      transform: rotate(-20deg);
      font-family: "SofiaProBlack";
      font-weight: normal;
      font-style: normal;
      text-align: center; }
      @media only screen and (min-width: 768px) {
        section#content #homecontent #news {
          top: 0;
          left: 0;
          padding: 10px; } }
      @media only screen and (min-width: 992px) {
        section#content #homecontent #news {
          position: absolute;
          top: -90px;
          left: -80px; } }
      section#content #homecontent #news h1 {
        font-size: 1.2em;
        color: #000;
        line-height: 2em;
        margin: 1.7em 0 0 0; }
        @media only screen and (min-width: 768px) {
          section#content #homecontent #news h1 {
            font-size: 0.8em; } }
      section#content #homecontent #news p {
        font-size: 1.1em;
        color: #000;
        line-height: 2em;
        margin: 0; }
        @media only screen and (min-width: 768px) {
          section#content #homecontent #news p {
            font-size: 0.7em; } }
        section#content #homecontent #news p a {
          color: #000;
          border-bottom: 2px dotted #000;
          text-align: center; }
          section#content #homecontent #news p a:hover {
            border-bottom: 2px solid #000; }
  section#content #project-grid {
    float: left;
    width: 100%;
    padding: 0;
    margin: 0; }
    section#content #project-grid .project {
      float: left;
      display: inline;
      margin: 0;
      background-color: #fff;
      padding: 5px 0 0 0;
      border: 0px dotted red;
      /*@media only screen and (min-width: 1040px) { width: 20%; }
      @media only screen and (max-width: 1040px) { width: 33%; }
      @media only screen and (max-width: 768px) { width: 50%; }
      @media only screen and (max-width: 480px) { width: 100%; }*/ }
      @media only screen and (min-width: 768px) {
        section#content #project-grid .project {
          width: 50%;
          padding: 5px; } }
      @media only screen and (min-width: 992px) {
        section#content #project-grid .project {
          width: 33.33%; } }
      section#content #project-grid .project a {
        display: block;
        position: relative;
        width: 100%;
        height: auto; }
        section#content #project-grid .project a img {
          width: 100%;
          height: auto;
          vertical-align: top;
          border: 0;
          opacity: 1; }
          @media only screen and (min-width: 992px) {
            section#content #project-grid .project a img {
              opacity: 0.5; } }
        section#content #project-grid .project a .projectinfo {
          position: relative;
          width: 100%;
          height: auto;
          z-index: 100;
          opacity: 1;
          background-color: black;
          top: 0px;
          left: 0px;
          right: 0px;
          bottom: 0px;
          text-align: center;
          float: left;
          padding: 0.8em 0 1em 0;
          -webkit-transition: all 0.3s ease;
          -moz-transition: all 0.3s ease;
          -ms-transition: all 0.3s ease;
          -o-transition: all 0.3s ease;
          transition: all 0.3s ease; }
          @media only screen and (min-width: 992px) {
            section#content #project-grid .project a .projectinfo {
              position: absolute;
              height: 100%;
              opacity: 0;
              display: flex; } }
          section#content #project-grid .project a .projectinfo .meta {
            float: left;
            position: relative;
            width: 100%;
            bottom: auto;
            margin-bottom: 0;
            overflow: visible;
            padding: 0 5px; }
            @media only screen and (min-width: 992px) {
              section#content #project-grid .project a .projectinfo .meta {
                display: flex;
                flex-flow: row wrap;
                align-items: center;
                justify-content: center;
                overflow: hidden;
                padding: 0 10px 0 10px; } }
            @media only screen and (min-width: 1200px) {
              section#content #project-grid .project a .projectinfo .meta {
                overflow: hidden;
                padding: 0 20px 0 20px; } }
            section#content #project-grid .project a .projectinfo .meta h1 {
              float: none;
              width: auto;
              height: auto;
              margin: 0.2em 0 0 0;
              font-size: 1em;
              font-family: "SofiaProBlack";
              font-weight: normal;
              font-style: normal;
              color: #fff;
              text-transform: uppercase; }
              @media only screen and (min-width: 992px) {
                section#content #project-grid .project a .projectinfo .meta h1 {
                  font-size: 1em; } }
              @media only screen and (min-width: 1200px) {
                section#content #project-grid .project a .projectinfo .meta h1 {
                  font-size: 1.7em; } }
            section#content #project-grid .project a .projectinfo .meta h2 {
              margin: 0;
              font-size: 1em;
              font-family: "SofiaProLight-Italic";
              font-weight: normal;
              font-style: normal;
              color: #fff; }
              @media only screen and (min-width: 768px) {
                section#content #project-grid .project a .projectinfo .meta h2 {
                  font-size: 0.8em; } }
            section#content #project-grid .project a .projectinfo .meta .cats {
              color: #fff;
              font-size: 0.8em;
              float: none;
              margin: 0; }
        @media only screen and (min-width: 992px) {
          section#content #project-grid .project a:hover .projectinfo {
            opacity: 1; } }
    section#content #project-grid .navigation {
      display: none;
      width: 100%; }
    section#content #project-grid #infscr-loading {
      z-index: 200;
      text-align: center;
      position: fixed;
      bottom: 0;
      left: 35%;
      background-color: rgba(0, 0, 0, 0.75);
      color: #fff;
      padding: 1em;
      font-size: 1em;
      text-transform: uppercase;
      letter-spacing: 1px; }
      section#content #project-grid #infscr-loading img {
        display: block;
        margin: 1em auto;
        text-align: center; }

/*______ Tables ______*/
section.content article table {
  float: left;
  width: auto !important;
  margin: 0 0 0 0; }
  section.content article table th {
    border-bottom: 1px solid #ddd; }
  section.content article table td {
    width: 90px;
    padding: 10px 30px 10px 0;
    border-bottom: 1px solid #ddd; }
    section.content article table td img {
      float: left;
      width: 90px;
      height: auto;
      background: #eee; }
    section.content article table td h1 {
      font-size: 1em !important;
      margin: 0 0 5px 0; }
    section.content article table td h2 {
      font-size: 0.9em !important;
      margin: 20px 0 5px 0; }
    section.content article table td h3 {
      font-size: 0.8em !important;
      color: #777;
      margin: 20px 0 5px 0; }
    section.content article table td p {
      font-size: 0.9em;
      margin: 5px 0 0 0; }
    section.content article table td p.date {
      font-size: 0.9em;
      margin: 0 0 5px 0; }
    section.content article table td small {
      font-size: 0.85em;
      margin: 0; }
    section.content article table td ul {
      font-size: 0.9em;
      margin: 0 0 0 1em;
      padding-left: 2px;
      text-indent: -1em; }
    section.content article table td li {
      line-height: 130%;
      padding: 0 0 0.5em 0; }
  section.content article table td + td {
    width: auto; }

table.tablesorter {
  float: left;
  width: 974px;
  margin: 0 0 0 0; }
  table.tablesorter th {
    border-bottom: 1px solid #ddd; }
  table.tablesorter td {
    width: 14%;
    padding: 10px 30px 10px 0;
    border-bottom: 1px solid #ddd; }
    table.tablesorter td img {
      float: left;
      width: 90px;
      height: auto;
      background: #eee; }
    table.tablesorter td h1 {
      font-size: 1em !important;
      margin: 0 0 5px 0; }
    table.tablesorter td h2 {
      font-size: 0.9em !important;
      margin: 20px 0 5px 0; }
    table.tablesorter td h3 {
      font-size: 0.8em !important;
      color: #777;
      margin: 20px 0 5px 0; }
    table.tablesorter td p {
      font-size: 1em;
      margin: 5px 0 0 0; }
    table.tablesorter td p.date {
      font-size: 0.9em;
      margin: 0 0 5px 0; }
    table.tablesorter td small {
      font-size: 0.85em;
      margin: 0; }
    table.tablesorter td ul {
      font-size: 0.9em;
      margin: 0 0 0 1em;
      padding-left: 2px;
      text-indent: -1em; }
    table.tablesorter td li {
      line-height: 130%;
      padding: 0 0 0.5em 0; }

/*______ Featured Images ______*/
aside {
  float: right;
  width: 290px;
  height: auto;
  padding: 0 0 40px 29px; }
  aside img {
    width: auto;
    height: auto;
    padding: 0 0 20px 0;
    background: none; }
  aside .thumbs, aside .thumbs1, aside .thumbs2, aside .thumbs3 {
    float: left;
    margin: 15px 0 50px 0; }
    aside .thumbs a, aside .thumbs1 a, aside .thumbs2 a, aside .thumbs3 a {
      float: left;
      margin: 0 15px 15px 0;
      width: 147px;
      height: 98px;
      border: 0; }
    aside .thumbs a:nth-of-type(3n+3), aside .thumbs1 a:nth-of-type(3n+3), aside .thumbs2 a:nth-of-type(3n+3), aside .thumbs3 a:nth-of-type(3n+3) {
      margin: 0; }
    aside .thumbs a + a + a, aside .thumbs1 a + a + a, aside .thumbs2 a + a + a, aside .thumbs3 a + a + a {
      margin: 0; }
    aside .thumbs a + a + a + a, aside .thumbs1 a + a + a + a, aside .thumbs2 a + a + a + a, aside .thumbs3 a + a + a + a {
      margin: 0 15px 15px 0; }
    aside .thumbs a + a + a + a + a, aside .thumbs1 a + a + a + a + a, aside .thumbs2 a + a + a + a + a, aside .thumbs3 a + a + a + a + a {
      margin: 0 15px 15px 0; }
    aside .thumbs a + a + a + a + a + a, aside .thumbs1 a + a + a + a + a + a, aside .thumbs2 a + a + a + a + a + a, aside .thumbs3 a + a + a + a + a + a {
      margin: 0; }
    aside .thumbs img, aside .thumbs1 img, aside .thumbs2 img, aside .thumbs3 img {
      width: 147px;
      height: 98px;
      background: #999; }

footer {
  float: left;
  display: none;
  width: 100%;
  height: 50px;
  position: fixed;
  bottom: 0;
  margin: 0;
  background: #000;
  padding: 0 20px 0 50px;
  line-height: 180% !important;
  font-size: 1.2em;
  border: 0 dotted DodgerBlue; }
  footer #footercontent {
    width: auto;
    margin: 0 auto;
    padding: 1em 0 1em 0;
    line-height: 1em; }
    footer #footercontent h1 {
      margin: 0 0 1.5em 0;
      font-size: 0.9em;
      text-transform: uppercase;
      color: #888; }
    footer #footercontent ul {
      display: block;
      margin: 0 0 1em 0;
      padding: 0; }
      footer #footercontent ul li {
        margin: 0;
        padding: 0;
        line-height: 180% !important; }
        footer #footercontent ul li a {
          color: #eee; }
          footer #footercontent ul li a:hover {
            color: #fff; }
    footer #footercontent p {
      width: 100%;
      color: #999;
      font-size: 0.7em;
      text-transform: uppercase;
      line-height: 1em;
      text-align: left;
      float: left; }
      footer #footercontent p span {
        float: right; }
    footer #footercontent #sponsors {
      float: left;
      margin: 0;
      padding: 0; }
      footer #footercontent #sponsors span {
        float: left;
        margin: 0 20px 0 0;
        padding: 0; }
      footer #footercontent #sponsors a {
        margin: 0;
        padding: 0;
        border: 0;
        float: left; }
      footer #footercontent #sponsors img {
        border: 0;
        float: left; }
  footer p {
    margin: 0 0 1em 0; }

/*______ Forms ______*/
div#loginpress {
  width: 300px;
  float: left; }

form#register_member_form {
  width: 300px;
  float: right;
  margin: 20px 10px 0 0; }

form {
  margin: 20px 0 20px 0; }
  form label {
    margin: 20px 0 0 0; }
  form textarea {
    width: 300px;
    height: 200px; }
  form input {
    width: 300px;
    height: 20px;
    margin: 0 0 0 0;
    padding: 0; }
  form input[type=submit] {
    width: auto;
    height: auto;
    display: inline-block;
    *display: inline;
    padding: 4px 10px 4px;
    margin-bottom: 0;
    *margin-left: .3em;
    font-size: 13px;
    line-height: 18px;
    *line-height: 20px;
    color: #333333;
    text-align: center;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
    vertical-align: middle;
    cursor: pointer;
    background-color: #f5f5f5;
    *background-color: #e6e6e6;
    background-image: -ms-linear-gradient(top, white, #e6e6e6);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(white), to(#e6e6e6));
    background-image: -webkit-linear-gradient(top, white, #e6e6e6);
    background-image: -o-linear-gradient(top, white, #e6e6e6);
    background-image: linear-gradient(top, white, #e6e6e6);
    background-image: -moz-linear-gradient(top, white, #e6e6e6);
    background-repeat: repeat-x;
    border: 1px solid #cccccc;
    *border: 0;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    border-color: #e6e6e6 #e6e6e6 #bfbfbf;
    border-bottom-color: #b3b3b3;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=0);
    filter: progid:dximagetransform.microsoft.gradient(enabled=false);
    *zoom: 1;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); }
    form input[type=submit]:hover, form input[type=submit]:active, form input[type=submit].active, form input[type=submit].disabled, form input[type=submit][disabled] {
      background-color: #e6e6e6;
      *background-color: #d9d9d9; }
  form div.line {
    float: left;
    width: 100%; }
  form ul {
    display: block; }
  form ul li {
    list-style: none;
    display: inline;
    float: left;
    width: 100px; }
    form ul li label {
      margin: 5px 0 0 0; }
  form ul li:before {
    content: none !important; }

form input[type=checkbox], form input[type=radio] {
  width: auto;
  margin: 0 20px 0 0; }

dl {
  clear: both; }

dt {
  float: left;
  width: 104px; }

dd {
  float: left;
  width: auto;
  padding: 0 0 20px 0; }

fieldset {
  border: 0;
  margin: 0;
  padding: 0; }

form p {
  line-height: 1em !important; }