/* ==========================================================================
   HTML5 Boilerplate styles - h5bp.com (generated via initializr.com)
   ========================================================================== */
html,
button,
input,
select,
textarea {
  color: #000; }

body {
  font-size: 1em;
  line-height: 1.4; }

::-moz-selection {
  background: #b3d4fc;
  text-shadow: none; }

::selection {
  background: #b3d4fc;
  text-shadow: none; }

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

img {
  vertical-align: middle; }

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

textarea {
  resize: vertical; }

.chromeframe {
  margin: 0.2em 0;
  background: #ccc;
  color: #000;
  padding: 0.2em 0; }

/* ==========================================================================
   PUBLICATION STUDIO - - -  CUSTOM STYLES
   ========================================================================== */
@font-face {
  font-family: 'PS-icons';
  src: url("webfonts/ps-icons.eot");
  /* IE9 Compat Modes */
  src: url("webfonts/ps-icons.eot?#iefix") format("embedded-opentype"), url("webfonts/ps-icons.woff") format("woff"), url("webfonts/ps-icons.ttf") format("truetype"), url("webfonts/ps-icons.svg#PS-icons") format("svg");
  /* Legacy iOS */ }

a:focus {
  outline: none; }

::-moz-selection {
  background: rgba(234, 173, 0, 0.75);
  text-shadow: none;
  color: black; }

::selection {
  background: rgba(234, 173, 0, 0.75);
  text-shadow: none;
  color: black; }

* {
  -webkit-box-sizing: border-box;
  /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box;
  /* Firefox, other Gecko */
  box-sizing: border-box;
  /* Opera/IE 8+ */ }

body {
  background-color: #fff;
  font-family: 'Karla', Helvetica, Arial, sans-serif; }

body, html {
  text-rendering: optimizeLegibility !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale; }

h1, h2, h3, h4, h5 {
  margin: 0;
  font-weight: bold;
  letter-spacing: 0.05rem;
  font-family: DINCondensed-Regular, Helvetica, Arial, sans-serif;
  font-weight: normal;
  font-style: normal; }
  h1.empty, h2.empty, h3.empty, h4.empty, h5.empty {
    opacity: 0.3; }

h1, h2, h3 {
  font-family: DINCondensed-Regular, Helvetica, Arial, sans-serif;
  font-weight: normal;
  font-style: normal; }

h1 {
  font-size: 48px;
  line-height: 41px; }

h2 {
  font-size: 24px;
  line-height: 24px;
  text-transform: uppercase; }

h3 {
  font-size: 22px;
  line-height: 26px;
  text-transform: uppercase; }

h4 {
  font-size: 20px;
  line-height: 24px; }

h5 {
  font-size: 17px;
  line-height: 20px; }

p {
  font-family: 'Karla', Helvetica, Arial, sans-serif;
  font-size: 15px;
  line-height: 19px;
  margin: 0;
  margin-bottom: 20px;
  letter-spacing: -0.01rem; }
  p a {
    color: black;
    text-decoration: none;
    position: relative;
    width: calc(100%);
    background-image: linear-gradient(transparent calc(100% - 1px), black 1px);
    background-repeat: no-repeat;
    background-size: 100% 100%; }
    p a:hover {
      color: #F2BF29; }
  p em {
    font-style: italic; }
  p strong {
    font-style: bold; }

.admin.edit {
  position: fixed;
  bottom: 0;
  left: 0;
  background-color: #000;
  color: #fff;
  height: 30px;
  padding: 0 10px;
  padding-top: 5px;
  z-index: 4000; }

.admin.edit:hover, .admin.edit:hover a {
  background-color: #BADA55;
  color: #000;
  cursor: pointer; }

.admin.edit a {
  color: #fff;
  height: 50px; }

.admin.edit.page {
  z-index: 5000; }

.c-scroll::-webkit-scrollbar {
  width: 6px; }

.c-scroll::-webkit-scrollbar:horizontal {
  height: 6px; }

.c-scroll::-webkit-scrollbar-thumb {
  border-radius: 6px;
  background-color: black; }

.c-scroll::-webkit-scrollbar-thumb:window-inactive {
  background-color: #EEE; }

.c-scroll::-webkit-scrollbar-corner {
  background: rgba(255, 255, 255, 0);
  width: 6px;
  height: 6px; }

.c-scroll::-webkit-scrollbar-button {
  background-color: white;
  width: 2px;
  height: 2px; }

.container {
  width: 100%;
  padding: 30px; }

.js-return-to-map {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 5000;
  -webkit-transition: bottom 0.5s ease;
  -moz-transition: bottom 0.5s ease;
  -ms-transition: bottom 0.5s ease;
  -o-transition: bottom 0.5s ease;
  transition: bottom 0.5s ease; }
  .js-return-to-map:hover {
    cursor: pointer; }

.cart {
  width: calc(100% + 60px);
  height: 0;
  will-change: height;
  margin: -30px -30px 30px -30px;
  background-color: black;
  color: white;
  -webkit-transition: height 0.5s ease;
  -moz-transition: height 0.5s ease;
  -ms-transition: height 0.5s ease;
  -o-transition: height 0.5s ease;
  transition: height 0.5s ease; }
  .cart.open {
    height: 200px; }

header {
  width: 100%;
  padding: 5px 20px 0;
  text-align: center;
  margin-bottom: 40px;
  z-index: 4000;
  position: relative; }
  header .shop-interaction {
    position: absolute;
    top: -5px;
    right: 5px;
    z-index: 5000; }
    header .shop-interaction:hover {
      color: #F2BF29;
      cursor: pointer; }
    header .shop-interaction div {
      display: inline-block; }
    header .shop-interaction .shopping-cart {
      display: inline; }
    header .shop-interaction .cart-icon {
      text-decoration: none;
      color: black; }
      header .shop-interaction .cart-icon:hover {
        color: #F2BF29; }
      header .shop-interaction .cart-icon span.ps_icon {
        font-family: 'PS-icons';
        position: relative;
        top: 5px;
        font-size: 20px; }
      header .shop-interaction .cart-icon.active {
        color: #F2BF29; }
        header .shop-interaction .cart-icon.active span.ps_icon {
          color: #F2BF29; }
    header .shop-interaction h4 {
      text-transform: uppercase;
      font-family: DINCondensed-Regular, Helvetica, Arial, sans-serif;
      font-weight: normal;
      font-style: normal;
      position: relative;
      top: 2px; }
    header .shop-interaction p {
      margin-bottom: 0;
      display: inline;
      margin-left: 3px; }
  header .site-title {
    width: 100%;
    text-align: center; }
    header .site-title .ps, header .site-title .studios {
      text-transform: uppercase;
      display: inline-block; }
    header .site-title .ps {
      margin-bottom: 25px;
      position: relative;
      margin-left: 7px; }
      header .site-title .ps h1 a {
        color: black;
        text-decoration: none; }
      header .site-title .ps span.login {
        position: absolute;
        height: 100%;
        right: 24px;
        top: 3px;
        width: 10px;
        transform: translate(0, -7px); }
        header .site-title .ps span.login a {
          height: 100%;
          width: 100%;
          text-decoration: none;
          color: inherit;
          position: relative; }
          header .site-title .ps span.login a img {
            display: none;
            position: absolute;
            top: 8px;
            left: 3px;
            height: 33px; }
        header .site-title .ps span.login.hover {
          cursor: pointer; }
          header .site-title .ps span.login.hover a img {
            display: block; }
    header .site-title .studios {
      width: 325px;
      display: inline-block;
      text-align: left;
      height: 42px;
      position: relative;
      top: 1px;
      overflow: hidden;
      margin-left: 5px; }
      header .site-title .studios .inner {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0; }
        header .site-title .studios .inner .slick-list {
          height: 100% !important; }
        header .site-title .studios .inner span {
          display: block; }
          header .site-title .studios .inner span h1 {
            margin-bottom: 0;
            position: relative;
            top: 7px; }
            header .site-title .studios .inner span h1 a {
              text-decoration: none;
              color: inherit; }
  header .mobile-menu-toggle {
    display: none; }
    header .mobile-menu-toggle h3.toggle span {
      display: none; }
    header .mobile-menu-toggle h3.toggle:before, header .mobile-menu-toggle h3.toggle:after {
      background-position: 0 0;
      background-size: 8px 3px;
      height: 3px;
      background-repeat: repeat-x;
      content: '';
      display: block;
      position: relative;
      border-top: 2px solid transparent; }
    header .mobile-menu-toggle h3.toggle:before {
      top: -1px; }
    header .mobile-menu-toggle h3.toggle:after {
      top: -7px; }
    header .mobile-menu-toggle h3.toggle:hover {
      cursor: pointer; }
      header .mobile-menu-toggle h3.toggle:hover:before {
        top: -1px; }
      header .mobile-menu-toggle h3.toggle:hover:after {
        top: -5px; }
    header .mobile-menu-toggle h3.current:before, header .mobile-menu-toggle h3.current:after {
      content: '';
      display: block;
      position: relative;
      border-top: 2px solid black; }
    header .mobile-menu-toggle h3.current:before {
      top: -1px; }
    header .mobile-menu-toggle h3.current:after {
      bottom: 3px; }
    header .mobile-menu-toggle h3.current:hover {
      cursor: pointer; }
    header .mobile-menu-toggle.active {
      margin-bottom: 30px; }
      header .mobile-menu-toggle.active h3.toggle:before, header .mobile-menu-toggle.active h3.toggle:after {
        background-position: 1px 0; }
  header nav {
    text-transform: uppercase;
    display: -webkit-box;
    /* OLD - iOS 6-, Safari 3.1-6, BB7 */
    display: -ms-flexbox;
    /* TWEENER - IE 10 */
    display: -moz-box;
    /* MOZILLA */
    display: -webkit-flex;
    /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
    display: flex;
    /* NEW, Spec - Firefox, Chrome, Opera */
    flex-direction: row;
    justify-content: space-between;
    max-width: 550px;
    margin: 0 auto;
    opacity: 1;
    -webkit-transition: height 0.5s ease;
    -moz-transition: height 0.5s ease;
    -ms-transition: height 0.5s ease;
    -o-transition: height 0.5s ease;
    transition: height 0.5s ease; }
    header nav a {
      text-decoration: none;
      color: black; }
    header nav .menu-item {
      position: relative; }
      header nav .menu-item:before, header nav .menu-item:after {
        background-position: 0 0;
        background-size: 8px 3px;
        height: 3px;
        background-repeat: repeat-x;
        content: '';
        display: block;
        position: relative;
        border-top: 2px solid transparent; }
      header nav .menu-item:before {
        top: 2px; }
      header nav .menu-item:after {
        bottom: 3px; }
      header nav .menu-item.active:before, header nav .menu-item.active:after {
        border-color: black; }
      header nav .menu-item.active:hover:before, header nav .menu-item.active:hover:after {
        border-color: transparent; }
      header nav .menu-item:hover:before, header nav .menu-item.parent:before {
        top: 0px; }
      header nav .menu-item:hover:after, header nav .menu-item.parent:after {
        bottom: 6px; }
      header nav .menu-item h3 {
        letter-spacing: 0.07rem; }
  header .functions {
    position: absolute;
    bottom: 5px;
    right: 25px;
    width: calc(20% - 60px); }
    header .functions > div {
      border-top: 2px solid black;
      padding: 2px 0; }
    header .functions .search-function {
      font-size: 14px;
      padding-left: 3px; }
      header .functions .search-function button {
        display: inline-block;
        background-color: white;
        border: none;
        padding: 0 2px 0; }
        header .functions .search-function button:hover {
          color: #F2BF29; }
      header .functions .search-function input {
        font-family: 'Noto Serif', Georgia, 'Times New Roman', Times, serif;
        font-style: italic;
        border: none;
        padding: 0;
        color: #ccc;
        width: calc(100% - 25px); }
        header .functions .search-function input:focus {
          color: black;
          outline: none; }
        header .functions .search-function input::placeholder {
          /* Chrome, Firefox, Opera, Safari 10.1+ */
          color: #ccc;
          opacity: 1;
          /* Firefox */ }
        header .functions .search-function input:-ms-input-placeholder {
          /* Internet Explorer 10-11 */
          color: #ccc; }
        header .functions .search-function input::-ms-input-placeholder {
          /* Microsoft Edge */
          color: #ccc; }
    header .functions .filter-function {
      border-bottom: 2px solid black;
      padding: 0;
      position: relative; }
      header .functions .filter-function .filter-head {
        position: relative;
        top: -1px;
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: -moz-inline-box;
        /* MOZILLA */
        display: -webkit-inline-flex;
        /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
        display: inline-flex;
        /* NEW, Spec - Firefox, Chrome, Opera */
        flex-direction: row;
        justify-content: space-between;
        width: 100%; }
        header .functions .filter-function .filter-head > * {
          display: inline; }
        header .functions .filter-function .filter-head h5 {
          float: left;
          position: relative;
          top: 3px;
          line-height: 17px;
          padding-left: 3px;
          width: 100%;
          max-width: 100%;
          height: 17px;
          overflow: hidden;
          text-align: left;
          word-break: break-all; }
          header .functions .filter-function .filter-head h5 span {
            color: #F2BF29; }
        header .functions .filter-function .filter-head .filter-icon {
          font-size: 14px;
          float: right; }
          header .functions .filter-function .filter-head .filter-icon:hover {
            cursor: pointer;
            color: #F2BF29; }
          header .functions .filter-function .filter-head .filter-icon span {
            width: 22px; }
            header .functions .filter-function .filter-head .filter-icon span.cross {
              font-family: DINCondensed-Regular, Helvetica, Arial, sans-serif;
              font-weight: normal;
              font-style: normal;
              font-size: 16px;
              line-height: 16px; }
          header .functions .filter-function .filter-head .filter-icon .active {
            display: none; }
          header .functions .filter-function .filter-head .filter-icon .nonactive {
            display: inline-block; }
          header .functions .filter-function .filter-head .filter-icon.active .active {
            display: inline-block; }
          header .functions .filter-function .filter-head .filter-icon.active .nonactive {
            display: none; }
      header .functions .filter-function h5 {
        text-transform: uppercase;
        font-family: DINCondensed-Regular, Helvetica, Arial, sans-serif;
        font-weight: normal;
        font-style: normal; }
      header .functions .filter-function.active .filter-bod {
        display: block; }
      header .functions .filter-function .filter-bod {
        display: none;
        position: absolute;
        left: 0;
        top: 27px;
        width: 100%;
        text-align: left;
        background-color: white;
        overflow: auto;
        border-bottom: 2px solid black; }
        header .functions .filter-function .filter-bod .filter-list {
          padding: 3px;
          padding-top: 7px; }
          header .functions .filter-function .filter-bod .filter-list h5 {
            display: inline;
            margin-left: 3px; }
            header .functions .filter-function .filter-bod .filter-list h5.options-title {
              margin-left: 0;
              margin-bottom: -5px;
              margin-top: 5px; }
          header .functions .filter-function .filter-bod .filter-list .option {
            color: black;
            text-decoration: none;
            position: relative;
            padding: 2px 0;
            display: block;
            position: relative; }
            header .functions .filter-function .filter-bod .filter-list .option span.cross {
              display: none;
              color: black;
              left: 3px;
              top: -4px;
              font-size: 20px;
              z-index: 300; }
              header .functions .filter-function .filter-bod .filter-list .option span.cross span.line {
                position: absolute;
                top: 13.5px;
                left: -1px;
                border-bottom: 1px solid black;
                width: 13px; }
                header .functions .filter-function .filter-bod .filter-list .option span.cross span.line:first-of-type {
                  transform: rotate(45deg); }
                header .functions .filter-function .filter-bod .filter-list .option span.cross span.line:last-of-type {
                  transform: rotate(-45deg); }
            header .functions .filter-function .filter-bod .filter-list .option:hover, header .functions .filter-function .filter-bod .filter-list .option.active {
              cursor: pointer;
              color: #F2BF29; }
            header .functions .filter-function .filter-bod .filter-list .option:hover input[type=radio]:hover {
              cursor: pointer; }
            header .functions .filter-function .filter-bod .filter-list .option:hover input[type=radio]:before {
              background-color: #F2BF29; }
              header .functions .filter-function .filter-bod .filter-list .option:hover input[type=radio]:before:hover {
                cursor: pointer; }
            header .functions .filter-function .filter-bod .filter-list .option.reset-options {
              display: inline;
              margin-left: 2px; }
            header .functions .filter-function .filter-bod .filter-list .option input[type=radio] {
              visibility: hidden;
              position: relative;
              left: 3px;
              top: -1px; }
              header .functions .filter-function .filter-bod .filter-list .option input[type=radio]:before {
                content: "";
                width: 9px;
                height: 9px;
                border: 1px solid black;
                display: block;
                position: relative;
                top: 3px;
                visibility: visible;
                background-color: white; }
              header .functions .filter-function .filter-bod .filter-list .option input[type=radio]:hover:before {
                background-color: #F2BF29; }
            header .functions .filter-function .filter-bod .filter-list .option.active span.cross {
              display: block;
              position: relative; }

.home-page .ps-animation a {
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6, BB7 */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -moz-box;
  /* MOZILLA */
  display: -webkit-flex;
  /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
  display: flex;
  /* NEW, Spec - Firefox, Chrome, Opera */
  flex-direction: row;
  align-items: center;
  height: 100%;
  justify-content: center; }

.home-page .ps-animation img {
  width: 100%;
  height: 100%;
  object-fit: contain; }

body.library-page {
  height: 100%;
  overflow: hidden; }

.library-page .books-container {
  -webkit-overflow-scrolling: touch;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 15px;
  background-color: white;
  width: 100%;
  overflow-y: auto;
  padding: 0 0 30px;
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6, BB7 */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -moz-box;
  /* MOZILLA */
  display: -webkit-flex;
  /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
  display: flex;
  /* NEW, Spec - Firefox, Chrome, Opera */
  flex-direction: column;
  justify-content: center;
  -webkit-transition: top 0.5s ease;
  -moz-transition: top 0.5s ease;
  -ms-transition: top 0.5s ease;
  -o-transition: top 0.5s ease;
  transition: top 0.5s ease; }
  .library-page .books-container .books {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: -moz-inline-box;
    /* MOZILLA */
    display: -webkit-inline-flex;
    /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
    display: inline-flex;
    /* NEW, Spec - Firefox, Chrome, Opera */
    flex: 1 1 100%;
    max-height: 550px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content; }
    .library-page .books-container .books .book {
      margin: 0 30px 30px;
      text-decoration: none;
      color: black; }
      .library-page .books-container .books .book:first-of-type {
        margin-left: 60px; }
      .library-page .books-container .books .book:last-of-type {
        margin-right: 60px; }
      .library-page .books-container .books .book .preview-img {
        height: 80%;
        width: 22vw;
        margin-bottom: 15px; }
        .library-page .books-container .books .book .preview-img.no-image {
          position: relative; }
          .library-page .books-container .books .book .preview-img.no-image:after {
            content: 'no image\A available';
            white-space: pre;
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            font-family: DINCondensed-Regular, Helvetica, Arial, sans-serif;
            font-weight: normal;
            font-style: normal;
            font-size: 20px;
            line-height: 21px;
            letter-spacing: 0.03rem;
            display: -webkit-box;
            /* OLD - iOS 6-, Safari 3.1-6, BB7 */
            display: -ms-flexbox;
            /* TWEENER - IE 10 */
            display: -moz-box;
            /* MOZILLA */
            display: -webkit-flex;
            /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
            display: flex;
            /* NEW, Spec - Firefox, Chrome, Opera */
            flex-direction: column;
            align-items: center;
            justify-content: center;
            text-align: center;
            text-transform: uppercase;
            opacity: 0.4; }
        .library-page .books-container .books .book .preview-img img.preview {
          width: 100%;
          height: 100%;
          object-fit: contain;
          object-position: bottom;
          filter: drop-shadow(3px 3px 1px rgba(0, 0, 0, 0.2)); }
          .library-page .books-container .books .book .preview-img img.preview.empty {
            background-color: white; }
      .library-page .books-container .books .book .text {
        text-align: center; }
        .library-page .books-container .books .book .text .title {
          text-transform: uppercase;
          line-height: 21px;
          font-family: DINCondensed-Regular, Helvetica, Arial, sans-serif;
          font-weight: normal;
          font-style: normal; }
      .library-page .books-container .books .book:hover .title {
        color: #F2BF29; }

.library_link {
  font-family: DINCondensed-Regular, Helvetica, Arial, sans-serif;
  font-weight: normal;
  font-style: normal;
  text-transform: uppercase;
  display: block;
  margin: 21px 0 14px;
  position: relative; }
  .library_link h5 {
    font-size: 18px;
    line-height: 21px;
    display: inline; }
  .library_link a {
    text-decoration: none;
    color: black;
    box-shadow: inset 0px 14px white, 0px 2px black; }
    .library_link a:hover {
      color: #F2BF29; }

.book_link {
  -webkit-overflow-scrolling: touch; }
  .book_link .library_link {
    margin: 0 0 30px; }

.variants {
  margin-bottom: 30px; }
  .variants.addmargin {
    margin-top: 25px; }

.psbutton {
  border: 2px solid black;
  text-decoration: none;
  color: black;
  background-color: white;
  padding: 3px 4px 0;
  display: inline-block;
  margin: 0 10px 5px 0; }
  .psbutton:hover {
    color: #F2BF29; }
  .psbutton .title {
    display: inline;
    text-transform: uppercase;
    line-height: 21px;
    font-family: DINCondensed-Regular, Helvetica, Arial, sans-serif;
    font-weight: normal;
    font-style: normal; }

.price-box > h4 {
  display: inline;
  margin-right: 15px; }

.price-box .price {
  color: black;
  -webkit-transition: color 0.1s ease;
  -moz-transition: color 0.1s ease;
  -ms-transition: color 0.1s ease;
  -o-transition: color 0.1s ease; }
  .price-box .price.changed {
    color: #F2BF29; }

.price-box.addmargin {
  margin-top: 30px; }

select.variant-selector {
  border-radius: 0 !important;
  border-style: solid;
  border-color: white;
  border-width: 3px 4px 3px 0;
  font-family: 'Karla', Helvetica, Arial, sans-serif;
  margin-bottom: 5px;
  background-color: white;
  outline: 2px solid black;
  outline-offset: -2px;
  background: url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0Ljk1IDEwIj48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6I2ZmZjt9LmNscy0ye2ZpbGw6IzQ0NDt9PC9zdHlsZT48L2RlZnM+PHRpdGxlPmFycm93czwvdGl0bGU+PHJlY3QgY2xhc3M9ImNscy0xIiB3aWR0aD0iNC45NSIgaGVpZ2h0PSIxMCIvPjxwb2x5Z29uIGNsYXNzPSJjbHMtMiIgcG9pbnRzPSIxLjQxIDQuNjcgMi40OCAzLjE4IDMuNTQgNC42NyAxLjQxIDQuNjciLz48cG9seWdvbiBjbGFzcz0iY2xzLTIiIHBvaW50cz0iMy41NCA1LjMzIDIuNDggNi44MiAxLjQxIDUuMzMgMy41NCA1LjMzIi8+PC9zdmc+) no-repeat 99% 50%;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  /* and then whatever styles you want*/
  height: auto;
  width: auto;
  padding: 3px 10px 4px 8px; }
  select.variant-selector:hover {
    cursor: pointer; }

.lib_book-page .libbook-container {
  -webkit-overflow-scrolling: touch;
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: white;
  width: 100%;
  border-top: 3px solid black;
  -webkit-transition: top 0.5s ease;
  -moz-transition: top 0.5s ease;
  -ms-transition: top 0.5s ease;
  -o-transition: top 0.5s ease;
  transition: top 0.5s ease; }
  .lib_book-page .libbook-container .bg-right {
    position: absolute;
    left: 50%;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: black;
    z-index: 1; }
  .lib_book-page .libbook-container .lib-inner {
    display: -webkit-box;
    /* OLD - iOS 6-, Safari 3.1-6, BB7 */
    display: -ms-flexbox;
    /* TWEENER - IE 10 */
    display: -moz-box;
    /* MOZILLA */
    display: -webkit-flex;
    /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
    display: flex;
    /* NEW, Spec - Firefox, Chrome, Opera */
    flex-direction: row;
    max-width: 1440px;
    margin: 0 auto;
    height: 100%;
    z-index: 2000;
    position: relative; }
    .lib_book-page .libbook-container .lib-inner .book_link {
      width: 25%;
      padding: 30px;
      padding-bottom: 60px;
      overflow-y: auto;
      margin-right: 4px;
      margin-bottom: 4px;
      position: relative; }
      .lib_book-page .libbook-container .lib-inner .book_link .js-toggle-info {
        display: none;
        position: absolute;
        right: 30px;
        top: 30px;
        height: 30px;
        width: 30px; }
        .lib_book-page .libbook-container .lib-inner .book_link .js-toggle-info .arrow-wrapper {
          width: 30px;
          height: 30px; }
          .lib_book-page .libbook-container .lib-inner .book_link .js-toggle-info .arrow-wrapper .arrow {
            width: 30px;
            height: 30px; }
            .lib_book-page .libbook-container .lib-inner .book_link .js-toggle-info .arrow-wrapper .arrow .head {
              width: 21px;
              height: 21px;
              top: -2.5px;
              left: 5px;
              transform: rotate(45deg);
              -webkit-transform: rotate(45deg); }
              .lib_book-page .libbook-container .lib-inner .book_link .js-toggle-info .arrow-wrapper .arrow .head.active {
                transform: rotate(-135deg);
                -webkit-transform: rotate(-135deg);
                top: 8.5px; }
      .lib_book-page .libbook-container .lib-inner .book_link .book {
        text-decoration: none;
        color: black;
        display: block;
        text-align: center; }
        .lib_book-page .libbook-container .lib-inner .book_link .book .preview-img {
          height: 20vw;
          max-height: 320px;
          margin-bottom: 15px; }
          .lib_book-page .libbook-container .lib-inner .book_link .book .preview-img.no-image {
            position: relative; }
            .lib_book-page .libbook-container .lib-inner .book_link .book .preview-img.no-image:after {
              content: 'no image\A available';
              white-space: pre;
              position: absolute;
              top: 0;
              left: 0;
              right: 0;
              bottom: 0;
              font-family: DINCondensed-Regular, Helvetica, Arial, sans-serif;
              font-weight: normal;
              font-style: normal;
              font-size: 20px;
              line-height: 21px;
              letter-spacing: 0.03rem;
              display: -webkit-box;
              /* OLD - iOS 6-, Safari 3.1-6, BB7 */
              display: -ms-flexbox;
              /* TWEENER - IE 10 */
              display: -moz-box;
              /* MOZILLA */
              display: -webkit-flex;
              /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
              display: flex;
              /* NEW, Spec - Firefox, Chrome, Opera */
              flex-direction: column;
              align-items: center;
              justify-content: center;
              text-align: center;
              text-transform: uppercase;
              opacity: 0.4; }
          .lib_book-page .libbook-container .lib-inner .book_link .book .preview-img img.preview {
            width: 100%;
            height: 100%;
            object-fit: contain;
            object-position: bottom;
            filter: drop-shadow(3px 3px 1px rgba(0, 0, 0, 0.2)); }
            .lib_book-page .libbook-container .lib-inner .book_link .book .preview-img img.preview.empty {
              background-color: white;
              width: 80%; }
        .lib_book-page .libbook-container .lib-inner .book_link .book .text {
          text-align: center; }
          .lib_book-page .libbook-container .lib-inner .book_link .book .text .title {
            text-transform: uppercase;
            line-height: 21px;
            font-family: DINCondensed-Regular, Helvetica, Arial, sans-serif;
            font-weight: normal;
            font-style: normal; }
        .lib_book-page .libbook-container .lib-inner .book_link .book:hover .title {
          color: #F2BF29; }
      .lib_book-page .libbook-container .lib-inner .book_link .excerpt {
        text-align: left;
        width: 100%; }
      .lib_book-page .libbook-container .lib-inner .book_link .psbutton {
        border: 2px solid black;
        text-decoration: none;
        color: black;
        background-color: white;
        padding: 3px 4px 0;
        display: inline-block;
        margin: 0 10px 5px 0; }
        .lib_book-page .libbook-container .lib-inner .book_link .psbutton:hover {
          color: #F2BF29; }
        .lib_book-page .libbook-container .lib-inner .book_link .psbutton .title {
          display: inline;
          text-transform: uppercase;
          line-height: 21px;
          font-family: DINCondensed-Regular, Helvetica, Arial, sans-serif;
          font-weight: normal;
          font-style: normal; }
    .lib_book-page .libbook-container .lib-inner .issuu_book {
      background-color: black;
      width: 75%;
      height: calc(100% + 30px); }
      .lib_book-page .libbook-container .lib-inner .issuu_book > div {
        display: -webkit-box;
        /* OLD - iOS 6-, Safari 3.1-6, BB7 */
        display: -ms-flexbox;
        /* TWEENER - IE 10 */
        display: -moz-box;
        /* MOZILLA */
        display: -webkit-flex;
        /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
        display: flex;
        /* NEW, Spec - Firefox, Chrome, Opera */ }

.header-controls__background {
  background-image: none !important; }

.books-page .books {
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6, BB7 */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -moz-box;
  /* MOZILLA */
  display: -webkit-flex;
  /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
  display: flex;
  /* NEW, Spec - Firefox, Chrome, Opera */
  flex-direction: row;
  flex-wrap: wrap;
  max-width: 1440px;
  margin: 0 auto; }
  .books-page .books h3.result {
    letter-spacing: 0.07rem;
    width: 100%;
    text-align: center; }
    .books-page .books h3.result.no-results {
      margin-top: 30vh; }
    .books-page .books h3.result.results {
      margin-top: 30px; }
  .books-page .books.filter-open {
    padding-right: 20%; }
    .books-page .books.filter-open .book {
      width: calc(25% - 60px); }
  .books-page .books .book {
    width: calc(20% - 60px);
    margin: 30px;
    margin-bottom: 15px;
    text-decoration: none;
    color: black; }
    .books-page .books .book .preview-img {
      height: 20vw;
      max-height: 320px;
      width: 100%;
      margin-bottom: 15px; }
      .books-page .books .book .preview-img.no-image {
        position: relative; }
        .books-page .books .book .preview-img.no-image:after {
          content: 'no image\A available';
          white-space: pre;
          position: absolute;
          top: 0;
          left: 0;
          right: 0;
          bottom: 0;
          font-family: DINCondensed-Regular, Helvetica, Arial, sans-serif;
          font-weight: normal;
          font-style: normal;
          font-size: 20px;
          line-height: 21px;
          letter-spacing: 0.03rem;
          display: -webkit-box;
          /* OLD - iOS 6-, Safari 3.1-6, BB7 */
          display: -ms-flexbox;
          /* TWEENER - IE 10 */
          display: -moz-box;
          /* MOZILLA */
          display: -webkit-flex;
          /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
          display: flex;
          /* NEW, Spec - Firefox, Chrome, Opera */
          flex-direction: column;
          align-items: center;
          justify-content: center;
          text-align: center;
          text-transform: uppercase;
          opacity: 0.4; }
      .books-page .books .book .preview-img img.preview {
        width: 100%;
        height: 100%;
        object-fit: contain;
        object-position: bottom;
        filter: drop-shadow(3px 3px 1px rgba(0, 0, 0, 0.2)); }
        .books-page .books .book .preview-img img.preview.empty {
          background-color: white; }
    .books-page .books .book .text {
      text-align: center; }
      .books-page .books .book .text .title {
        text-transform: uppercase;
        line-height: 21px;
        font-family: DINCondensed-Regular, Helvetica, Arial, sans-serif;
        font-weight: normal;
        font-style: normal; }
    .books-page .books .book:hover .title {
      color: #F2BF29; }

.books-page .paging {
  max-width: 1440px;
  margin: 0 auto 15px; }

.books-page .MarkupPagerNav {
  padding: 0;
  margin: 0 30px;
  font-size: 20px;
  line-height: 22px;
  text-transform: uppercase;
  position: relative;
  font-family: DINCondensed-Regular, Helvetica, Arial, sans-serif;
  font-weight: normal;
  font-style: normal;
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6, BB7 */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -moz-box;
  /* MOZILLA */
  display: -webkit-flex;
  /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
  display: flex;
  /* NEW, Spec - Firefox, Chrome, Opera */
  flex-direction: row;
  justify-content: center;
  flex-wrap: nowrap;
  width: calc(100% - 60px); }
  .books-page .MarkupPagerNav span.arrow {
    font-size: 14px;
    position: relative;
    top: -2px; }
  .books-page .MarkupPagerNav .list-item {
    flex: 0 1 auto;
    margin: 0 3px;
    padding: 0 4px;
    min-width: 10px;
    text-align: center; }
    .books-page .MarkupPagerNav .list-item:first-of-type {
      margin-left: 0; }
    .books-page .MarkupPagerNav .list-item:last-of-type {
      margin-right: 0; }
    .books-page .MarkupPagerNav .list-item a {
      color: black;
      text-decoration: none;
      letter-spacing: 0.03rem; }
      .books-page .MarkupPagerNav .list-item a:after, .books-page .MarkupPagerNav .list-item a:before {
        background-position: 0 0;
        background-size: 8px 3px;
        height: 3px;
        background-repeat: repeat-x;
        content: '';
        display: block;
        position: relative; }
      .books-page .MarkupPagerNav .list-item a:after {
        border-top: 2px solid transparent;
        bottom: 2px; }
      .books-page .MarkupPagerNav .list-item a:before {
        border-bottom: 2px solid transparent;
        bottom: 3px; }
      .books-page .MarkupPagerNav .list-item a:hover:after {
        border-color: black; }
      .books-page .MarkupPagerNav .list-item a:hover:before {
        border-color: black; }
    .books-page .MarkupPagerNav .list-item.active a:after, .books-page .MarkupPagerNav .list-item.active a:before {
      border-color: black; }
    .books-page .MarkupPagerNav .list-item.MarkupPagerNavNext, .books-page .MarkupPagerNav .list-item.MarkupPagerNavPrevious {
      position: absolute; }
      .books-page .MarkupPagerNav .list-item.MarkupPagerNavNext a:before, .books-page .MarkupPagerNav .list-item.MarkupPagerNavPrevious a:before {
        bottom: 0; }
      .books-page .MarkupPagerNav .list-item.MarkupPagerNavNext a:after, .books-page .MarkupPagerNav .list-item.MarkupPagerNavPrevious a:after {
        bottom: 5px; }
      .books-page .MarkupPagerNav .list-item.MarkupPagerNavNext a:hover:after, .books-page .MarkupPagerNav .list-item.MarkupPagerNavPrevious a:hover:after {
        border-color: transparent; }
      .books-page .MarkupPagerNav .list-item.MarkupPagerNavNext a:hover:before, .books-page .MarkupPagerNav .list-item.MarkupPagerNavPrevious a:hover:before {
        border-color: transparent; }
    .books-page .MarkupPagerNav .list-item.MarkupPagerNavPrevious {
      left: 0; }
      .books-page .MarkupPagerNav .list-item.MarkupPagerNavPrevious a:before, .books-page .MarkupPagerNav .list-item.MarkupPagerNavPrevious a:after {
        background-position: 3px 0; }
    .books-page .MarkupPagerNav .list-item.MarkupPagerNavNext {
      right: 0; }
      .books-page .MarkupPagerNav .list-item.MarkupPagerNavNext a:before, .books-page .MarkupPagerNav .list-item.MarkupPagerNavNext a:after {
        background-position: 2px 0; }

div[data-fc-sidecart], #fc, #fc-cart {
  background-color: black;
  color: white;
  font-family: 'Karla', Helvetica, Arial, sans-serif;
  height: 100%; }

#fc-cart {
  height: 100%; }

div[data-fc-sidecart] #fc {
  color: white; }
  div[data-fc-sidecart] #fc h1, div[data-fc-sidecart] #fc h2, div[data-fc-sidecart] #fc h3, div[data-fc-sidecart] #fc h5, div[data-fc-sidecart] #fc h5 {
    text-shadow: none;
    color: white;
    font-family: DINCondensed-Regular, Helvetica, Arial, sans-serif !important;
    letter-spacing: 0.05rem; }
  div[data-fc-sidecart] #fc h2, div[data-fc-sidecart] #fc h3 {
    font-size: 24px;
    line-height: 24px; }
  div[data-fc-sidecart] #fc h5 {
    font-weight: normal;
    color: #F2BF29 !important;
    margin-top: 0;
    margin-bottom: 0;
    font-family: 'Karla', Helvetica, Arial, sans-serif !important; }
  div[data-fc-sidecart] #fc p, div[data-fc-sidecart] #fc span, div[data-fc-sidecart] #fc .fc-sidecart-button, div[data-fc-sidecart] #fc td, div[data-fc-sidecart] #fc h5 {
    color: white;
    font-family: 'Karla', Helvetica, Arial, sans-serif;
    font-weight: normal;
    letter-spacing: -0.01rem;
    font-size: 15px;
    line-height: 19px; }
    div[data-fc-sidecart] #fc p.fc-order-quantity span, div[data-fc-sidecart] #fc span.fc-order-quantity span, div[data-fc-sidecart] #fc .fc-sidecart-button.fc-order-quantity span, div[data-fc-sidecart] #fc td.fc-order-quantity span, div[data-fc-sidecart] #fc h5.fc-order-quantity span {
      color: #F2BF29; }
  div[data-fc-sidecart] #fc .fc-action--payment--paypal-express-checkout {
    margin-bottom: 30px; }
  div[data-fc-sidecart] #fc .fc-cart__item__image span {
    border: 0;
    border-radius: 0; }
  div[data-fc-sidecart] #fc .fc-cart__item__image__img {
    border-radius: 0; }
  div[data-fc-sidecart] #fc li.fc-cart__item__option--category {
    display: none !important; }
  div[data-fc-sidecart] #fc li.fc-cart__item__option.fc-cart__item__option__format {
    color: black; }
    div[data-fc-sidecart] #fc li.fc-cart__item__option.fc-cart__item__option__format .fc-cart__item__option__name {
      display: none; }
    div[data-fc-sidecart] #fc li.fc-cart__item__option.fc-cart__item__option__format .fc-cart__item__option__value {
      font-style: italic;
      position: relative;
      left: -8px; }
  div[data-fc-sidecart] #fc nav.fc-sidecart-only-fixed {
    font-size: 20px;
    line-height: 21px;
    letter-spacing: 0.05rem; }
    div[data-fc-sidecart] #fc nav.fc-sidecart-only-fixed .fc-fixed-button-left {
      background-color: black; }
      div[data-fc-sidecart] #fc nav.fc-sidecart-only-fixed .fc-fixed-button-left a {
        background-color: black;
        color: white; }
        div[data-fc-sidecart] #fc nav.fc-sidecart-only-fixed .fc-fixed-button-left a:hover span {
          color: #F2BF29; }
      div[data-fc-sidecart] #fc nav.fc-sidecart-only-fixed .fc-fixed-button-left svg svg .fa-caret-left {
        fill: white !important; }
    div[data-fc-sidecart] #fc nav.fc-sidecart-only-fixed .fc-fixed-button-right a {
      background: black;
      background-color: black; }
      div[data-fc-sidecart] #fc nav.fc-sidecart-only-fixed .fc-fixed-button-right a:hover {
        color: #F2BF29; }
  div[data-fc-sidecart] #fc div[data-fc-id="block-address-entry"] {
    display: none; }
  div[data-fc-sidecart] #fc .fc-messages__empty-notification {
    background-color: #F2BF29;
    border-radius: 0;
    margin: 1em 0;
    padding: 10px 15px;
    text-align: left; }
    div[data-fc-sidecart] #fc .fc-messages__empty-notification a {
      font-family: 'Karla', Helvetica, Arial, sans-serif;
      font-size: 15px;
      line-height: 19px;
      letter-spacing: -0.01rem;
      color: black;
      display: inline-block; }
  div[data-fc-sidecart] #fc .fc-cart__item__price__each {
    font-style: italic;
    position: relative;
    top: -4px;
    right: -3px; }
  div[data-fc-sidecart] #fc div[data-fc-id="block-cart-items-divs"] {
    border-bottom: 2px solid white;
    padding-bottom: 20px;
    margin-bottom: 20px; }
  div[data-fc-sidecart] #fc .fc-sidebar.fc-sidebar--cart {
    background-color: black;
    color: white !important; }
    div[data-fc-sidecart] #fc .fc-sidebar.fc-sidebar--cart .fc-actions--payment {
      border-top: none; }
  div[data-fc-sidecart] #fc .fc-cart__items .fc-cart__item__remove a {
    color: white; }
    div[data-fc-sidecart] #fc .fc-cart__items .fc-cart__item__remove a:hover {
      color: #F2BF29; }
  div[data-fc-sidecart] #fc .fc-cart__item__quantity {
    top: 10px; }
  div[data-fc-sidecart] #fc .fc-transaction {
    border-bottom: none; }
  div[data-fc-sidecart] #fc .fc-transaction__total {
    text-transform: uppercase;
    font-weight: regular; }
    div[data-fc-sidecart] #fc .fc-transaction__total .fc-subtotal__label, div[data-fc-sidecart] #fc .fc-transaction__total .fc-subtotal__value {
      color: white;
      opacity: 1;
      font-family: DINCondensed-Regular, Helvetica, Arial, sans-serif;
      font-weight: normal;
      font-style: normal;
      font-size: 20px;
      line-height: 21px;
      letter-spacing: 0.05rem; }
    div[data-fc-sidecart] #fc .fc-transaction__total .fc-subtotal__value {
      color: #F2BF29 !important;
      letter-spacing: 0; }
  div[data-fc-sidecart] #fc .fc-cart__item__options {
    margin-left: 0;
    margin-top: 13px; }
  div[data-fc-sidecart] #fc .fc-action--checkout--button {
    border: 2px solid white;
    border-radius: 0;
    width: auto;
    color: white;
    text-shadow: none;
    text-transform: uppercase;
    font-family: DINCondensed-Regular, Helvetica, Arial, sans-serif;
    font-weight: normal;
    font-style: normal;
    background-color: black;
    background: black;
    font-size: 20px;
    line-height: 21px;
    letter-spacing: 0.05rem;
    padding: 7px 6px 2px; }
    div[data-fc-sidecart] #fc .fc-action--checkout--button:hover {
      color: #F2BF29; }
  div[data-fc-sidecart] #fc .fc-svg-icon {
    height: .6em;
    width: .5em;
    position: relative;
    top: -1px; }

div[data-fc-sidecart] .fa-caret-left, div[data-fc-sidecart] .fa-caret-right, div[data-fc-sidecart] .fa-lock {
  fill: #FFF !important; }

div[data-fc-sidecart] #fc-cart {
  background-color: black;
  color: white;
  font-family: 'Karla', Helvetica, Arial, sans-serif; }
  div[data-fc-sidecart] #fc-cart header.fc-cart__header {
    width: calc(100% + 30px); }

.jspVerticalBar {
  width: 8px; }

.jspTrack {
  background-color: white; }

.jspDrag {
  border-radius: 4px;
  background-color: black; }

body.studios-page {
  overflow: hidden; }
  body.studios-page .container {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0; }

.studios-page .infoBox {
  min-width: 300px;
  max-height: 450px;
  overflow-y: scroll !important;
  background-color: white;
  border-top: 2px solid;
  border-bottom: 2px solid; }
  .studios-page .infoBox:hover {
    cursor: pointer; }
  .studios-page .infoBox .info-inner {
    width: 100%;
    padding: 20px; }
    .studios-page .infoBox .info-inner:hover {
      cursor: pointer; }
    .studios-page .infoBox .info-inner .splash-img-preview {
      width: 100%;
      height: 13vw;
      margin-bottom: 10px;
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
      -webkit-background-position: center center;
      -moz-background-position: center center;
      -o-background-position: center center;
      background-position: center center;
      -webkit-background-attachment: inherit;
      -moz-background-attachment: inherit;
      -o-background-attachment: inherit;
      background-attachment: inherit; }
    .studios-page .infoBox .info-inner h3 {
      line-height: 22px; }
    .studios-page .infoBox .info-inner .contact_field p a {
      background-image: none; }
    .studios-page .infoBox .info-inner .contact_field span.ps_icon {
      font-family: 'PS-icons';
      position: relative;
      width: 20px;
      height: 20px;
      top: 5px;
      font-size: 20px;
      margin-left: -2px; }
    .studios-page .infoBox .info-inner .soon {
      margin-top: 20px; }
      .studios-page .infoBox .info-inner .soon img {
        width: 100%; }

.studios-page .shop-interaction {
  display: none; }

.studios-page .js-terturn-to-map {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  background-color: red;
  z-index: 5000; }

.studios-page .studio-container {
  position: fixed;
  left: 0;
  right: 0;
  top: calc(100% + 32px);
  bottom: 0;
  z-index: 300;
  background-color: white;
  border-top: 3px solid black;
  width: 100%;
  padding: 30px 15px 0 30px;
  -webkit-transition: top 0.5s ease;
  -moz-transition: top 0.5s ease;
  -ms-transition: top 0.5s ease;
  -o-transition: top 0.5s ease;
  transition: top 0.5s ease; }
  .studios-page .studio-container > .inner {
    display: -webkit-box;
    /* OLD - iOS 6-, Safari 3.1-6, BB7 */
    display: -ms-flexbox;
    /* TWEENER - IE 10 */
    display: -moz-box;
    /* MOZILLA */
    display: -webkit-flex;
    /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
    display: flex;
    /* NEW, Spec - Firefox, Chrome, Opera */
    flex-direction: row;
    max-width: 1440px;
    margin: 0 auto;
    position: relative;
    height: 100%; }
    .studios-page .studio-container > .inner .close-button {
      position: absolute;
      top: 0;
      left: 0;
      z-index: 1000; }
      .studios-page .studio-container > .inner .close-button span.cross {
        color: black;
        width: 20px;
        position: relative;
        top: 1px;
        margin-right: 3px; }
      .studios-page .studio-container > .inner .close-button:hover {
        cursor: pointer; }
        .studios-page .studio-container > .inner .close-button:hover span.cross {
          color: #F2BF29; }

.studio-page .studio-container, .studio-page .about-container, .studios-page .studio-container, .studios-page .about-container, .about-page .studio-container, .about-page .about-container {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: white;
  border-top: 3px solid black;
  width: 100%;
  padding: 30px 15px 0 30px;
  -webkit-transition: top 0.5s ease;
  -moz-transition: top 0.5s ease;
  -ms-transition: top 0.5s ease;
  -o-transition: top 0.5s ease;
  transition: top 0.5s ease; }
  .studio-page .studio-container .close-button, .studio-page .about-container .close-button, .studios-page .studio-container .close-button, .studios-page .about-container .close-button, .about-page .studio-container .close-button, .about-page .about-container .close-button {
    position: absolute;
    top: -31px;
    padding: 4px 9px 5px;
    background-color: black;
    color: white;
    right: 0; }
    .studio-page .studio-container .close-button a, .studio-page .about-container .close-button a, .studios-page .studio-container .close-button a, .studios-page .about-container .close-button a, .about-page .studio-container .close-button a, .about-page .about-container .close-button a {
      text-decoration: none;
      color: white; }
      .studio-page .studio-container .close-button a:hover, .studio-page .about-container .close-button a:hover, .studios-page .studio-container .close-button a:hover, .studios-page .about-container .close-button a:hover, .about-page .studio-container .close-button a:hover, .about-page .about-container .close-button a:hover {
        color: #F2BF29; }
      .studio-page .studio-container .close-button a .cross, .studio-page .about-container .close-button a .cross, .studios-page .studio-container .close-button a .cross, .studios-page .about-container .close-button a .cross, .about-page .studio-container .close-button a .cross, .about-page .about-container .close-button a .cross {
        position: relative;
        top: 1px; }
  .studio-page .studio-container > .inner, .studio-page .about-container > .inner, .studios-page .studio-container > .inner, .studios-page .about-container > .inner, .about-page .studio-container > .inner, .about-page .about-container > .inner {
    display: -webkit-box;
    /* OLD - iOS 6-, Safari 3.1-6, BB7 */
    display: -ms-flexbox;
    /* TWEENER - IE 10 */
    display: -moz-box;
    /* MOZILLA */
    display: -webkit-flex;
    /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
    display: flex;
    /* NEW, Spec - Firefox, Chrome, Opera */
    flex-direction: row;
    max-width: 1440px;
    margin: 0 auto;
    position: relative;
    height: 100%; }
    .studio-page .studio-container > .inner .close-button, .studio-page .about-container > .inner .close-button, .studios-page .studio-container > .inner .close-button, .studios-page .about-container > .inner .close-button, .about-page .studio-container > .inner .close-button, .about-page .about-container > .inner .close-button {
      position: absolute;
      top: 0;
      z-index: 1000; }
      .studio-page .studio-container > .inner .close-button a.back-to-studios, .studio-page .about-container > .inner .close-button a.back-to-studios, .studios-page .studio-container > .inner .close-button a.back-to-studios, .studios-page .about-container > .inner .close-button a.back-to-studios, .about-page .studio-container > .inner .close-button a.back-to-studios, .about-page .about-container > .inner .close-button a.back-to-studios {
        color: black !important;
        text-transform: lowercase !important; }
      .studio-page .studio-container > .inner .close-button span.cross, .studio-page .about-container > .inner .close-button span.cross, .studios-page .studio-container > .inner .close-button span.cross, .studios-page .about-container > .inner .close-button span.cross, .about-page .studio-container > .inner .close-button span.cross, .about-page .about-container > .inner .close-button span.cross {
        color: black;
        width: 20px;
        position: relative;
        top: 1px;
        margin-right: 3px; }
      .studio-page .studio-container > .inner .close-button:hover, .studio-page .about-container > .inner .close-button:hover, .studios-page .studio-container > .inner .close-button:hover, .studios-page .about-container > .inner .close-button:hover, .about-page .studio-container > .inner .close-button:hover, .about-page .about-container > .inner .close-button:hover {
        cursor: pointer; }
        .studio-page .studio-container > .inner .close-button:hover span.cross, .studio-page .about-container > .inner .close-button:hover span.cross, .studios-page .studio-container > .inner .close-button:hover span.cross, .studios-page .about-container > .inner .close-button:hover span.cross, .about-page .studio-container > .inner .close-button:hover span.cross, .about-page .about-container > .inner .close-button:hover span.cross {
          color: #F2BF29; }
    .studio-page .studio-container > .inner .splash-img, .studio-page .about-container > .inner .splash-img, .studios-page .studio-container > .inner .splash-img, .studios-page .about-container > .inner .splash-img, .about-page .studio-container > .inner .splash-img, .about-page .about-container > .inner .splash-img {
      width: calc(100% - 30px);
      height: 40vh;
      min-height: 300px;
      margin: 0 15px 30px 15px;
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
      -webkit-background-position: center center;
      -moz-background-position: center center;
      -o-background-position: center center;
      background-position: center center;
      -webkit-background-attachment: inherit;
      -moz-background-attachment: inherit;
      -o-background-attachment: inherit;
      background-attachment: inherit; }
      .studio-page .studio-container > .inner .splash-img.mobile, .studio-page .about-container > .inner .splash-img.mobile, .studios-page .studio-container > .inner .splash-img.mobile, .studios-page .about-container > .inner .splash-img.mobile, .about-page .studio-container > .inner .splash-img.mobile, .about-page .about-container > .inner .splash-img.mobile {
        display: none; }
    .studio-page .studio-container > .inner .column, .studio-page .about-container > .inner .column, .studios-page .studio-container > .inner .column, .studios-page .about-container > .inner .column, .about-page .studio-container > .inner .column, .about-page .about-container > .inner .column {
      width: 20%;
      overflow-y: auto; }
      .studio-page .studio-container > .inner .column.contact, .studio-page .studio-container > .inner .column.about-intro, .studio-page .about-container > .inner .column.contact, .studio-page .about-container > .inner .column.about-intro, .studios-page .studio-container > .inner .column.contact, .studios-page .studio-container > .inner .column.about-intro, .studios-page .about-container > .inner .column.contact, .studios-page .about-container > .inner .column.about-intro, .about-page .studio-container > .inner .column.contact, .about-page .studio-container > .inner .column.about-intro, .about-page .about-container > .inner .column.contact, .about-page .about-container > .inner .column.about-intro {
        padding: 0 15px 60px 0;
        word-break: break-word;
        position: relative;
        left: 0;
        bottom: 0;
        display: -webkit-box;
        /* OLD - iOS 6-, Safari 3.1-6, BB7 */
        display: -ms-flexbox;
        /* TWEENER - IE 10 */
        display: -moz-box;
        /* MOZILLA */
        display: -webkit-flex;
        /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
        display: flex;
        /* NEW, Spec - Firefox, Chrome, Opera */
        flex-direction: column;
        justify-content: flex-start; }
        .studio-page .studio-container > .inner .column.contact h1, .studio-page .studio-container > .inner .column.contact h2, .studio-page .studio-container > .inner .column.contact h3, .studio-page .studio-container > .inner .column.contact h4, .studio-page .studio-container > .inner .column.contact h5, .studio-page .studio-container > .inner .column.about-intro h1, .studio-page .studio-container > .inner .column.about-intro h2, .studio-page .studio-container > .inner .column.about-intro h3, .studio-page .studio-container > .inner .column.about-intro h4, .studio-page .studio-container > .inner .column.about-intro h5, .studio-page .about-container > .inner .column.contact h1, .studio-page .about-container > .inner .column.contact h2, .studio-page .about-container > .inner .column.contact h3, .studio-page .about-container > .inner .column.contact h4, .studio-page .about-container > .inner .column.contact h5, .studio-page .about-container > .inner .column.about-intro h1, .studio-page .about-container > .inner .column.about-intro h2, .studio-page .about-container > .inner .column.about-intro h3, .studio-page .about-container > .inner .column.about-intro h4, .studio-page .about-container > .inner .column.about-intro h5, .studios-page .studio-container > .inner .column.contact h1, .studios-page .studio-container > .inner .column.contact h2, .studios-page .studio-container > .inner .column.contact h3, .studios-page .studio-container > .inner .column.contact h4, .studios-page .studio-container > .inner .column.contact h5, .studios-page .studio-container > .inner .column.about-intro h1, .studios-page .studio-container > .inner .column.about-intro h2, .studios-page .studio-container > .inner .column.about-intro h3, .studios-page .studio-container > .inner .column.about-intro h4, .studios-page .studio-container > .inner .column.about-intro h5, .studios-page .about-container > .inner .column.contact h1, .studios-page .about-container > .inner .column.contact h2, .studios-page .about-container > .inner .column.contact h3, .studios-page .about-container > .inner .column.contact h4, .studios-page .about-container > .inner .column.contact h5, .studios-page .about-container > .inner .column.about-intro h1, .studios-page .about-container > .inner .column.about-intro h2, .studios-page .about-container > .inner .column.about-intro h3, .studios-page .about-container > .inner .column.about-intro h4, .studios-page .about-container > .inner .column.about-intro h5, .about-page .studio-container > .inner .column.contact h1, .about-page .studio-container > .inner .column.contact h2, .about-page .studio-container > .inner .column.contact h3, .about-page .studio-container > .inner .column.contact h4, .about-page .studio-container > .inner .column.contact h5, .about-page .studio-container > .inner .column.about-intro h1, .about-page .studio-container > .inner .column.about-intro h2, .about-page .studio-container > .inner .column.about-intro h3, .about-page .studio-container > .inner .column.about-intro h4, .about-page .studio-container > .inner .column.about-intro h5, .about-page .about-container > .inner .column.contact h1, .about-page .about-container > .inner .column.contact h2, .about-page .about-container > .inner .column.contact h3, .about-page .about-container > .inner .column.contact h4, .about-page .about-container > .inner .column.contact h5, .about-page .about-container > .inner .column.about-intro h1, .about-page .about-container > .inner .column.about-intro h2, .about-page .about-container > .inner .column.about-intro h3, .about-page .about-container > .inner .column.about-intro h4, .about-page .about-container > .inner .column.about-intro h5 {
          font-family: DINCondensed-Regular, Helvetica, Arial, sans-serif;
          font-weight: normal;
          font-style: normal; }
        .studio-page .studio-container > .inner .column.contact .close-button h4, .studio-page .studio-container > .inner .column.contact .close-button h5, .studio-page .studio-container > .inner .column.about-intro .close-button h4, .studio-page .studio-container > .inner .column.about-intro .close-button h5, .studio-page .about-container > .inner .column.contact .close-button h4, .studio-page .about-container > .inner .column.contact .close-button h5, .studio-page .about-container > .inner .column.about-intro .close-button h4, .studio-page .about-container > .inner .column.about-intro .close-button h5, .studios-page .studio-container > .inner .column.contact .close-button h4, .studios-page .studio-container > .inner .column.contact .close-button h5, .studios-page .studio-container > .inner .column.about-intro .close-button h4, .studios-page .studio-container > .inner .column.about-intro .close-button h5, .studios-page .about-container > .inner .column.contact .close-button h4, .studios-page .about-container > .inner .column.contact .close-button h5, .studios-page .about-container > .inner .column.about-intro .close-button h4, .studios-page .about-container > .inner .column.about-intro .close-button h5, .about-page .studio-container > .inner .column.contact .close-button h4, .about-page .studio-container > .inner .column.contact .close-button h5, .about-page .studio-container > .inner .column.about-intro .close-button h4, .about-page .studio-container > .inner .column.about-intro .close-button h5, .about-page .about-container > .inner .column.contact .close-button h4, .about-page .about-container > .inner .column.contact .close-button h5, .about-page .about-container > .inner .column.about-intro .close-button h4, .about-page .about-container > .inner .column.about-intro .close-button h5 {
          font-family: DINCondensed-Regular, Helvetica, Arial, sans-serif;
          font-weight: normal;
          font-style: normal; }
        .studio-page .studio-container > .inner .column.contact a, .studio-page .studio-container > .inner .column.about-intro a, .studio-page .about-container > .inner .column.contact a, .studio-page .about-container > .inner .column.about-intro a, .studios-page .studio-container > .inner .column.contact a, .studios-page .studio-container > .inner .column.about-intro a, .studios-page .about-container > .inner .column.contact a, .studios-page .about-container > .inner .column.about-intro a, .about-page .studio-container > .inner .column.contact a, .about-page .studio-container > .inner .column.about-intro a, .about-page .about-container > .inner .column.contact a, .about-page .about-container > .inner .column.about-intro a {
          color: black;
          text-decoration: none; }
          .studio-page .studio-container > .inner .column.contact a:hover, .studio-page .studio-container > .inner .column.about-intro a:hover, .studio-page .about-container > .inner .column.contact a:hover, .studio-page .about-container > .inner .column.about-intro a:hover, .studios-page .studio-container > .inner .column.contact a:hover, .studios-page .studio-container > .inner .column.about-intro a:hover, .studios-page .about-container > .inner .column.contact a:hover, .studios-page .about-container > .inner .column.about-intro a:hover, .about-page .studio-container > .inner .column.contact a:hover, .about-page .studio-container > .inner .column.about-intro a:hover, .about-page .about-container > .inner .column.contact a:hover, .about-page .about-container > .inner .column.about-intro a:hover {
            color: #F2BF29; }
      .studio-page .studio-container > .inner .column.contact span.ps_icon, .studio-page .about-container > .inner .column.contact span.ps_icon, .studios-page .studio-container > .inner .column.contact span.ps_icon, .studios-page .about-container > .inner .column.contact span.ps_icon, .about-page .studio-container > .inner .column.contact span.ps_icon, .about-page .about-container > .inner .column.contact span.ps_icon {
        font-family: 'PS-icons';
        position: relative;
        width: 20px;
        height: 20px;
        top: 5px;
        font-size: 20px;
        margin-left: -2px; }
      .studio-page .studio-container > .inner .column.contact .contact_field p a, .studio-page .about-container > .inner .column.contact .contact_field p a, .studios-page .studio-container > .inner .column.contact .contact_field p a, .studios-page .about-container > .inner .column.contact .contact_field p a, .about-page .studio-container > .inner .column.contact .contact_field p a, .about-page .about-container > .inner .column.contact .contact_field p a {
        background-image: none; }
      .studio-page .studio-container > .inner .column.events .events-block, .studio-page .about-container > .inner .column.events .events-block, .studios-page .studio-container > .inner .column.events .events-block, .studios-page .about-container > .inner .column.events .events-block, .about-page .studio-container > .inner .column.events .events-block, .about-page .about-container > .inner .column.events .events-block {
        margin-top: 30px;
        position: relative; }
        .studio-page .studio-container > .inner .column.events .events-block .mobile-trigger, .studio-page .about-container > .inner .column.events .events-block .mobile-trigger, .studios-page .studio-container > .inner .column.events .events-block .mobile-trigger, .studios-page .about-container > .inner .column.events .events-block .mobile-trigger, .about-page .studio-container > .inner .column.events .events-block .mobile-trigger, .about-page .about-container > .inner .column.events .events-block .mobile-trigger {
          display: none;
          position: absolute;
          left: 0;
          top: 0;
          width: 30px;
          height: 22px;
          text-align: center; }
          .studio-page .studio-container > .inner .column.events .events-block .mobile-trigger:hover, .studio-page .studio-container > .inner .column.events .events-block .mobile-trigger.hover, .studio-page .about-container > .inner .column.events .events-block .mobile-trigger:hover, .studio-page .about-container > .inner .column.events .events-block .mobile-trigger.hover, .studios-page .studio-container > .inner .column.events .events-block .mobile-trigger:hover, .studios-page .studio-container > .inner .column.events .events-block .mobile-trigger.hover, .studios-page .about-container > .inner .column.events .events-block .mobile-trigger:hover, .studios-page .about-container > .inner .column.events .events-block .mobile-trigger.hover, .about-page .studio-container > .inner .column.events .events-block .mobile-trigger:hover, .about-page .studio-container > .inner .column.events .events-block .mobile-trigger.hover, .about-page .about-container > .inner .column.events .events-block .mobile-trigger:hover, .about-page .about-container > .inner .column.events .events-block .mobile-trigger.hover {
            cursor: pointer;
            color: #F2BF29; }
          .studio-page .studio-container > .inner .column.events .events-block .mobile-trigger span, .studio-page .about-container > .inner .column.events .events-block .mobile-trigger span, .studios-page .studio-container > .inner .column.events .events-block .mobile-trigger span, .studios-page .about-container > .inner .column.events .events-block .mobile-trigger span, .about-page .studio-container > .inner .column.events .events-block .mobile-trigger span, .about-page .about-container > .inner .column.events .events-block .mobile-trigger span {
            position: relative;
            top: 0;
            width: 100%;
            height: 100%;
            display: -webkit-box;
            /* OLD - iOS 6-, Safari 3.1-6, BB7 */
            display: -ms-flexbox;
            /* TWEENER - IE 10 */
            display: -moz-box;
            /* MOZILLA */
            display: -webkit-flex;
            /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
            display: flex;
            /* NEW, Spec - Firefox, Chrome, Opera */
            flex-direction: column;
            justify-content: center;
            margin-left: 2px; }
            .studio-page .studio-container > .inner .column.events .events-block .mobile-trigger span.arrow-up, .studio-page .about-container > .inner .column.events .events-block .mobile-trigger span.arrow-up, .studios-page .studio-container > .inner .column.events .events-block .mobile-trigger span.arrow-up, .studios-page .about-container > .inner .column.events .events-block .mobile-trigger span.arrow-up, .about-page .studio-container > .inner .column.events .events-block .mobile-trigger span.arrow-up, .about-page .about-container > .inner .column.events .events-block .mobile-trigger span.arrow-up {
              display: none; }
            .studio-page .studio-container > .inner .column.events .events-block .mobile-trigger span.arrow-down, .studio-page .about-container > .inner .column.events .events-block .mobile-trigger span.arrow-down, .studios-page .studio-container > .inner .column.events .events-block .mobile-trigger span.arrow-down, .studios-page .about-container > .inner .column.events .events-block .mobile-trigger span.arrow-down, .about-page .studio-container > .inner .column.events .events-block .mobile-trigger span.arrow-down, .about-page .about-container > .inner .column.events .events-block .mobile-trigger span.arrow-down {
              display: -webkit-box;
              /* OLD - iOS 6-, Safari 3.1-6, BB7 */
              display: -ms-flexbox;
              /* TWEENER - IE 10 */
              display: -moz-box;
              /* MOZILLA */
              display: -webkit-flex;
              /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
              display: flex;
              /* NEW, Spec - Firefox, Chrome, Opera */ }
          .studio-page .studio-container > .inner .column.events .events-block .mobile-trigger.active span.arrow-up, .studio-page .about-container > .inner .column.events .events-block .mobile-trigger.active span.arrow-up, .studios-page .studio-container > .inner .column.events .events-block .mobile-trigger.active span.arrow-up, .studios-page .about-container > .inner .column.events .events-block .mobile-trigger.active span.arrow-up, .about-page .studio-container > .inner .column.events .events-block .mobile-trigger.active span.arrow-up, .about-page .about-container > .inner .column.events .events-block .mobile-trigger.active span.arrow-up {
            display: -webkit-box;
            /* OLD - iOS 6-, Safari 3.1-6, BB7 */
            display: -ms-flexbox;
            /* TWEENER - IE 10 */
            display: -moz-box;
            /* MOZILLA */
            display: -webkit-flex;
            /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
            display: flex;
            /* NEW, Spec - Firefox, Chrome, Opera */ }
          .studio-page .studio-container > .inner .column.events .events-block .mobile-trigger.active span.arrow-down, .studio-page .about-container > .inner .column.events .events-block .mobile-trigger.active span.arrow-down, .studios-page .studio-container > .inner .column.events .events-block .mobile-trigger.active span.arrow-down, .studios-page .about-container > .inner .column.events .events-block .mobile-trigger.active span.arrow-down, .about-page .studio-container > .inner .column.events .events-block .mobile-trigger.active span.arrow-down, .about-page .about-container > .inner .column.events .events-block .mobile-trigger.active span.arrow-down {
            display: none; }
        .studio-page .studio-container > .inner .column.events .events-block .upcoming, .studio-page .studio-container > .inner .column.events .events-block .past, .studio-page .about-container > .inner .column.events .events-block .upcoming, .studio-page .about-container > .inner .column.events .events-block .past, .studios-page .studio-container > .inner .column.events .events-block .upcoming, .studios-page .studio-container > .inner .column.events .events-block .past, .studios-page .about-container > .inner .column.events .events-block .upcoming, .studios-page .about-container > .inner .column.events .events-block .past, .about-page .studio-container > .inner .column.events .events-block .upcoming, .about-page .studio-container > .inner .column.events .events-block .past, .about-page .about-container > .inner .column.events .events-block .upcoming, .about-page .about-container > .inner .column.events .events-block .past {
          position: relative;
          text-transform: uppercase;
          text-align: right;
          border-top: 2px solid black;
          padding-top: 1px;
          padding-bottom: 4px;
          margin-bottom: -7px; }
        .studio-page .studio-container > .inner .column.events .events-block .past, .studio-page .about-container > .inner .column.events .events-block .past, .studios-page .studio-container > .inner .column.events .events-block .past, .studios-page .about-container > .inner .column.events .events-block .past, .about-page .studio-container > .inner .column.events .events-block .past, .about-page .about-container > .inner .column.events .events-block .past {
          opacity: 0.4; }
        .studio-page .studio-container > .inner .column.events .events-block .events-list.past-events, .studio-page .about-container > .inner .column.events .events-block .events-list.past-events, .studios-page .studio-container > .inner .column.events .events-block .events-list.past-events, .studios-page .about-container > .inner .column.events .events-block .events-list.past-events, .about-page .studio-container > .inner .column.events .events-block .events-list.past-events, .about-page .about-container > .inner .column.events .events-block .events-list.past-events {
          opacity: 0.4; }
        .studio-page .studio-container > .inner .column.events .events-block .events-list .event .event-date, .studio-page .about-container > .inner .column.events .events-block .events-list .event .event-date, .studios-page .studio-container > .inner .column.events .events-block .events-list .event .event-date, .studios-page .about-container > .inner .column.events .events-block .events-list .event .event-date, .about-page .studio-container > .inner .column.events .events-block .events-list .event .event-date, .about-page .about-container > .inner .column.events .events-block .events-list .event .event-date {
          padding: 1px 0;
          width: 100%;
          border-top: 2px solid black;
          border-bottom: 2px solid black; }
          .studio-page .studio-container > .inner .column.events .events-block .events-list .event .event-date h4, .studio-page .about-container > .inner .column.events .events-block .events-list .event .event-date h4, .studios-page .studio-container > .inner .column.events .events-block .events-list .event .event-date h4, .studios-page .about-container > .inner .column.events .events-block .events-list .event .event-date h4, .about-page .studio-container > .inner .column.events .events-block .events-list .event .event-date h4, .about-page .about-container > .inner .column.events .events-block .events-list .event .event-date h4 {
            text-transform: uppercase;
            margin-bottom: -4px; }
        .studio-page .studio-container > .inner .column.events .events-block .events-list .event .event-content, .studio-page .about-container > .inner .column.events .events-block .events-list .event .event-content, .studios-page .studio-container > .inner .column.events .events-block .events-list .event .event-content, .studios-page .about-container > .inner .column.events .events-block .events-list .event .event-content, .about-page .studio-container > .inner .column.events .events-block .events-list .event .event-content, .about-page .about-container > .inner .column.events .events-block .events-list .event .event-content {
          margin-top: 18px; }
          .studio-page .studio-container > .inner .column.events .events-block .events-list .event .event-content .event-title, .studio-page .about-container > .inner .column.events .events-block .events-list .event .event-content .event-title, .studios-page .studio-container > .inner .column.events .events-block .events-list .event .event-content .event-title, .studios-page .about-container > .inner .column.events .events-block .events-list .event .event-content .event-title, .about-page .studio-container > .inner .column.events .events-block .events-list .event .event-content .event-title, .about-page .about-container > .inner .column.events .events-block .events-list .event .event-content .event-title {
            margin-bottom: 15px;
            text-transform: uppercase;
            line-height: 1.1; }
          .studio-page .studio-container > .inner .column.events .events-block .events-list .event .event-content .event-link, .studio-page .about-container > .inner .column.events .events-block .events-list .event .event-content .event-link, .studios-page .studio-container > .inner .column.events .events-block .events-list .event .event-content .event-link, .studios-page .about-container > .inner .column.events .events-block .events-list .event .event-content .event-link, .about-page .studio-container > .inner .column.events .events-block .events-list .event .event-content .event-link, .about-page .about-container > .inner .column.events .events-block .events-list .event .event-content .event-link {
            text-align: right;
            margin-bottom: 20px; }
            .studio-page .studio-container > .inner .column.events .events-block .events-list .event .event-content .event-link span.arrow, .studio-page .about-container > .inner .column.events .events-block .events-list .event .event-content .event-link span.arrow, .studios-page .studio-container > .inner .column.events .events-block .events-list .event .event-content .event-link span.arrow, .studios-page .about-container > .inner .column.events .events-block .events-list .event .event-content .event-link span.arrow, .about-page .studio-container > .inner .column.events .events-block .events-list .event .event-content .event-link span.arrow, .about-page .about-container > .inner .column.events .events-block .events-list .event .event-content .event-link span.arrow {
              position: relative;
              font-size: 15px;
              bottom: 2px; }
      .studio-page .studio-container > .inner .column.recent-work, .studio-page .studio-container > .inner .column.network, .studio-page .about-container > .inner .column.recent-work, .studio-page .about-container > .inner .column.network, .studios-page .studio-container > .inner .column.recent-work, .studios-page .studio-container > .inner .column.network, .studios-page .about-container > .inner .column.recent-work, .studios-page .about-container > .inner .column.network, .about-page .studio-container > .inner .column.recent-work, .about-page .studio-container > .inner .column.network, .about-page .about-container > .inner .column.recent-work, .about-page .about-container > .inner .column.network {
        padding: 0 15px 60px; }
        .studio-page .studio-container > .inner .column.recent-work .recent-publications, .studio-page .studio-container > .inner .column.network .recent-publications, .studio-page .about-container > .inner .column.recent-work .recent-publications, .studio-page .about-container > .inner .column.network .recent-publications, .studios-page .studio-container > .inner .column.recent-work .recent-publications, .studios-page .studio-container > .inner .column.network .recent-publications, .studios-page .about-container > .inner .column.recent-work .recent-publications, .studios-page .about-container > .inner .column.network .recent-publications, .about-page .studio-container > .inner .column.recent-work .recent-publications, .about-page .studio-container > .inner .column.network .recent-publications, .about-page .about-container > .inner .column.recent-work .recent-publications, .about-page .about-container > .inner .column.network .recent-publications {
          margin-top: 15px; }
          .studio-page .studio-container > .inner .column.recent-work .recent-publications .book .preview-img, .studio-page .studio-container > .inner .column.network .recent-publications .book .preview-img, .studio-page .about-container > .inner .column.recent-work .recent-publications .book .preview-img, .studio-page .about-container > .inner .column.network .recent-publications .book .preview-img, .studios-page .studio-container > .inner .column.recent-work .recent-publications .book .preview-img, .studios-page .studio-container > .inner .column.network .recent-publications .book .preview-img, .studios-page .about-container > .inner .column.recent-work .recent-publications .book .preview-img, .studios-page .about-container > .inner .column.network .recent-publications .book .preview-img, .about-page .studio-container > .inner .column.recent-work .recent-publications .book .preview-img, .about-page .studio-container > .inner .column.network .recent-publications .book .preview-img, .about-page .about-container > .inner .column.recent-work .recent-publications .book .preview-img, .about-page .about-container > .inner .column.network .recent-publications .book .preview-img {
            height: 20vw;
            max-height: 320px;
            width: 100%;
            margin-bottom: 15px;
            margin-bottom: 30px;
            text-align: center; }
            .studio-page .studio-container > .inner .column.recent-work .recent-publications .book .preview-img img.preview, .studio-page .studio-container > .inner .column.network .recent-publications .book .preview-img img.preview, .studio-page .about-container > .inner .column.recent-work .recent-publications .book .preview-img img.preview, .studio-page .about-container > .inner .column.network .recent-publications .book .preview-img img.preview, .studios-page .studio-container > .inner .column.recent-work .recent-publications .book .preview-img img.preview, .studios-page .studio-container > .inner .column.network .recent-publications .book .preview-img img.preview, .studios-page .about-container > .inner .column.recent-work .recent-publications .book .preview-img img.preview, .studios-page .about-container > .inner .column.network .recent-publications .book .preview-img img.preview, .about-page .studio-container > .inner .column.recent-work .recent-publications .book .preview-img img.preview, .about-page .studio-container > .inner .column.network .recent-publications .book .preview-img img.preview, .about-page .about-container > .inner .column.recent-work .recent-publications .book .preview-img img.preview, .about-page .about-container > .inner .column.network .recent-publications .book .preview-img img.preview {
              width: 100%;
              height: 100%;
              object-fit: contain;
              object-position: bottom;
              filter: drop-shadow(3px 3px 1px rgba(0, 0, 0, 0.2)); }
      .studio-page .studio-container > .inner .column.columns-3, .studio-page .about-container > .inner .column.columns-3, .studios-page .studio-container > .inner .column.columns-3, .studios-page .about-container > .inner .column.columns-3, .about-page .studio-container > .inner .column.columns-3, .about-page .about-container > .inner .column.columns-3 {
        width: 60%; }
        .studio-page .studio-container > .inner .column.columns-3 .main-content, .studio-page .about-container > .inner .column.columns-3 .main-content, .studios-page .studio-container > .inner .column.columns-3 .main-content, .studios-page .about-container > .inner .column.columns-3 .main-content, .about-page .studio-container > .inner .column.columns-3 .main-content, .about-page .about-container > .inner .column.columns-3 .main-content {
          display: -webkit-box;
          /* OLD - iOS 6-, Safari 3.1-6, BB7 */
          display: -ms-flexbox;
          /* TWEENER - IE 10 */
          display: -moz-box;
          /* MOZILLA */
          display: -webkit-flex;
          /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
          display: flex;
          /* NEW, Spec - Firefox, Chrome, Opera */
          flex-direction: row;
          padding: 0 15px 60px; }
          .studio-page .studio-container > .inner .column.columns-3 .main-content .main-column, .studio-page .about-container > .inner .column.columns-3 .main-content .main-column, .studios-page .studio-container > .inner .column.columns-3 .main-content .main-column, .studios-page .about-container > .inner .column.columns-3 .main-content .main-column, .about-page .studio-container > .inner .column.columns-3 .main-content .main-column, .about-page .about-container > .inner .column.columns-3 .main-content .main-column {
            width: 50%; }
            .studio-page .studio-container > .inner .column.columns-3 .main-content .main-column:first-of-type, .studio-page .about-container > .inner .column.columns-3 .main-content .main-column:first-of-type, .studios-page .studio-container > .inner .column.columns-3 .main-content .main-column:first-of-type, .studios-page .about-container > .inner .column.columns-3 .main-content .main-column:first-of-type, .about-page .studio-container > .inner .column.columns-3 .main-content .main-column:first-of-type, .about-page .about-container > .inner .column.columns-3 .main-content .main-column:first-of-type {
              padding-right: 15px; }
            .studio-page .studio-container > .inner .column.columns-3 .main-content .main-column:last-of-type, .studio-page .about-container > .inner .column.columns-3 .main-content .main-column:last-of-type, .studios-page .studio-container > .inner .column.columns-3 .main-content .main-column:last-of-type, .studios-page .about-container > .inner .column.columns-3 .main-content .main-column:last-of-type, .about-page .studio-container > .inner .column.columns-3 .main-content .main-column:last-of-type, .about-page .about-container > .inner .column.columns-3 .main-content .main-column:last-of-type {
              padding-left: 15px; }
            .studio-page .studio-container > .inner .column.columns-3 .main-content .main-column.main-images img, .studio-page .about-container > .inner .column.columns-3 .main-content .main-column.main-images img, .studios-page .studio-container > .inner .column.columns-3 .main-content .main-column.main-images img, .studios-page .about-container > .inner .column.columns-3 .main-content .main-column.main-images img, .about-page .studio-container > .inner .column.columns-3 .main-content .main-column.main-images img, .about-page .about-container > .inner .column.columns-3 .main-content .main-column.main-images img {
              width: 100%;
              margin-bottom: 15px; }
        .studio-page .studio-container > .inner .column.columns-3 .cs-column, .studio-page .about-container > .inner .column.columns-3 .cs-column, .studios-page .studio-container > .inner .column.columns-3 .cs-column, .studios-page .about-container > .inner .column.columns-3 .cs-column, .about-page .studio-container > .inner .column.columns-3 .cs-column, .about-page .about-container > .inner .column.columns-3 .cs-column {
          display: -webkit-box;
          /* OLD - iOS 6-, Safari 3.1-6, BB7 */
          display: -ms-flexbox;
          /* TWEENER - IE 10 */
          display: -moz-box;
          /* MOZILLA */
          display: -webkit-flex;
          /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
          display: flex;
          /* NEW, Spec - Firefox, Chrome, Opera */
          flex-direction: column;
          justify-content: center;
          align-items: center;
          width: 100%;
          height: 65vh; }
          .studio-page .studio-container > .inner .column.columns-3 .cs-column img, .studio-page .about-container > .inner .column.columns-3 .cs-column img, .studios-page .studio-container > .inner .column.columns-3 .cs-column img, .studios-page .about-container > .inner .column.columns-3 .cs-column img, .about-page .studio-container > .inner .column.columns-3 .cs-column img, .about-page .about-container > .inner .column.columns-3 .cs-column img {
            width: 100%;
            max-width: 500px; }

.about-page .about-container {
  position: absolute;
  border-top-color: transparent;
  padding-top: 0; }
  .about-page .about-container > .inner {
    -webkit-overflow-scrolling: touch; }
    .about-page .about-container > .inner .colophon img {
      width: 100%;
      display: inline-block;
      margin-right: 10px;
      margin-bottom: 15px; }
      .about-page .about-container > .inner .colophon img.landscape {
        max-width: 200px; }
      .about-page .about-container > .inner .colophon img.portrait {
        max-width: 90px; }
    .about-page .about-container > .inner .wrapper {
      width: 80%;
      display: -webkit-box;
      /* OLD - iOS 6-, Safari 3.1-6, BB7 */
      display: -ms-flexbox;
      /* TWEENER - IE 10 */
      display: -moz-box;
      /* MOZILLA */
      display: -webkit-flex;
      /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
      display: flex;
      /* NEW, Spec - Firefox, Chrome, Opera */
      flex-direction: row; }
      .about-page .about-container > .inner .wrapper .column.about-intro {
        width: 25%;
        position: relative; }
      .about-page .about-container > .inner .wrapper .column.main {
        -webkit-overflow-scrolling: touch;
        width: 73%;
        padding-bottom: 30px; }
        .about-page .about-container > .inner .wrapper .column.main .text {
          max-width: 620px; }
    .about-page .about-container > .inner .column.about-intro {
      padding-top: 0; }
      .about-page .about-container > .inner .column.about-intro h4 {
        margin-bottom: 20px;
        line-height: 22px; }
    .about-page .about-container > .inner .column.columns-3 {
      overflow-x: hidden; }
      .about-page .about-container > .inner .column.columns-3 .text, .about-page .about-container > .inner .column.columns-3 .carousel {
        padding: 0 15px; }
      .about-page .about-container > .inner .column.columns-3 .carousel {
        height: 35vw;
        max-height: 500px;
        margin-bottom: 30px;
        z-index: 3000; }
        .about-page .about-container > .inner .column.columns-3 .carousel .slick-list, .about-page .about-container > .inner .column.columns-3 .carousel .slick-track {
          height: inherit;
          max-height: inherit; }
        .about-page .about-container > .inner .column.columns-3 .carousel .slick-prev .arrow .head, .about-page .about-container > .inner .column.columns-3 .carousel .slick-next .arrow .head {
          width: 21px;
          height: 21px;
          top: 15px !important; }
        .about-page .about-container > .inner .column.columns-3 .carousel .carousel-img img {
          height: 100%;
          width: 100%;
          object-fit: cover; }
    .about-page .about-container > .inner .column.network .colophon {
      margin-top: 40px;
      display: none; }
    .about-page .about-container > .inner .column.network p.former-studios a {
      opacity: 0.4; }
      .about-page .about-container > .inner .column.network p.former-studios a:hover {
        opacity: 1; }

.about-page .slick-dots {
  position: absolute;
  bottom: 20px;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  margin: 0;
  width: 100%; }
  .about-page .slick-dots li {
    position: relative;
    display: inline-block;
    height: 10px;
    width: 10px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer;
    background-color: white;
    border-radius: 6px; }
    .about-page .slick-dots li.slick-active, .about-page .slick-dots li:hover {
      background-color: #F2BF29; }
    .about-page .slick-dots li button {
      border: 0;
      background: transparent;
      display: block;
      height: 12px;
      width: 12px;
      outline: none;
      line-height: 0px;
      font-size: 0px;
      color: transparent;
      padding: 5px;
      cursor: pointer; }
      .about-page .slick-dots li button:hover, .about-page .slick-dots li button:focus {
        outline: none; }

.arrow-wrapper {
  position: absolute;
  z-index: 4000; }
  .arrow-wrapper:hover {
    cursor: pointer; }
    .arrow-wrapper:hover .arrow .head {
      border-color: #F2BF29; }
  .arrow-wrapper.arrow-right {
    top: calc(50% - 25px);
    right: 25px; }
  .arrow-wrapper.arrow-left {
    top: calc(50% - 25px);
    left: 25px; }
  .arrow-wrapper.arrow-left, .arrow-wrapper.arrow-right {
    height: 50px;
    width: 50px; }
  .arrow-wrapper .arrow {
    position: absolute;
    display: block;
    left: 0;
    top: 0; }
    .arrow-wrapper .arrow.left, .arrow-wrapper .arrow.right {
      height: 50px;
      width: 50px; }
    .arrow-wrapper .arrow .head {
      position: absolute;
      border: solid black;
      border-width: 0 3px 3px 0;
      display: inline-block;
      padding: 3px;
      width: 30px;
      height: 30px; }
    .arrow-wrapper .arrow.right .head {
      transform: rotate(-45deg);
      -webkit-transform: rotate(-45deg);
      right: 18px;
      top: 12px; }
    .arrow-wrapper .arrow.left .head {
      transform: rotate(135deg);
      -webkit-transform: rotate(135deg);
      top: 11.5px;
      left: 18px; }

.fancybox-button {
  background: transparent; }
  .fancybox-button.arrow-right {
    top: calc(50% - 25px);
    right: 10px; }
  .fancybox-button.arrow-left {
    top: calc(50% - 25px);
    left: 10px; }
  .fancybox-button .arrow .head {
    border-color: white;
    border-width: 0 3px 3px 0;
    width: 21px;
    height: 21px;
    top: 15px; }
  .fancybox-button--close {
    position: fixed;
    right: 10px;
    top: 10px; }
    .fancybox-button--close:hover .cross span.line {
      border-bottom-color: #F2BF29; }
  .fancybox-button .cross {
    height: 30px;
    width: 30px;
    position: absolute;
    top: 7px;
    right: 7px; }
    .fancybox-button .cross span.line {
      position: absolute;
      top: 13px;
      left: 0;
      border-bottom: 3px solid white;
      width: 30px; }
      .fancybox-button .cross span.line:first-of-type {
        transform: rotate(45deg); }
      .fancybox-button .cross span.line:last-of-type {
        transform: rotate(-45deg); }

.book-page .book-container {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: white;
  width: 100%;
  padding: 0 15px 0 30px;
  -webkit-transition: top 0.5s ease;
  -moz-transition: top 0.5s ease;
  -ms-transition: top 0.5s ease;
  -o-transition: top 0.5s ease;
  transition: top 0.5s ease; }
  .book-page .book-container > .inner {
    -webkit-overflow-scrolling: touch;
    display: -webkit-box;
    /* OLD - iOS 6-, Safari 3.1-6, BB7 */
    display: -ms-flexbox;
    /* TWEENER - IE 10 */
    display: -moz-box;
    /* MOZILLA */
    display: -webkit-flex;
    /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
    display: flex;
    /* NEW, Spec - Firefox, Chrome, Opera */
    flex-direction: row;
    max-width: 1440px;
    margin: 0 auto;
    position: relative;
    height: 100%; }

.book-page .c {
  overflow-y: auto; }
  .book-page .c.book-previews {
    -webkit-overflow-scrolling: touch;
    width: 30%;
    display: -webkit-box;
    /* OLD - iOS 6-, Safari 3.1-6, BB7 */
    display: -ms-flexbox;
    /* TWEENER - IE 10 */
    display: -moz-box;
    /* MOZILLA */
    display: -webkit-flex;
    /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
    display: flex;
    /* NEW, Spec - Firefox, Chrome, Opera */
    flex-direction: row;
    justify-content: flex-end;
    padding: 0 20px 5px; }
    .book-page .c.book-previews .prev-in {
      display: -webkit-box;
      /* OLD - iOS 6-, Safari 3.1-6, BB7 */
      display: -ms-flexbox;
      /* TWEENER - IE 10 */
      display: -moz-box;
      /* MOZILLA */
      display: -webkit-flex;
      /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
      display: flex;
      /* NEW, Spec - Firefox, Chrome, Opera */
      width: 100%;
      max-width: 250px;
      height: -webkit-fit-content;
      height: -moz-fit-content;
      height: fit-content;
      padding-bottom: 30px; }
      .book-page .c.book-previews .prev-in.spreads {
        flex-direction: row;
        flex-wrap: wrap; }
        .book-page .c.book-previews .prev-in.spreads .primg {
          width: 50%; }
          .book-page .c.book-previews .prev-in.spreads .primg:first-of-type {
            margin-left: 50%; }
          .book-page .c.book-previews .prev-in.spreads .primg:nth-child(even) {
            border-right: 1px solid transparent; }
          .book-page .c.book-previews .prev-in.spreads .primg:nth-child(odd) {
            width: calc(50% - 1px) !important; }
        .book-page .c.book-previews .prev-in.spreads.odd .primg:last-of-type {
          margin-bottom: 30px; }
        .book-page .c.book-previews .prev-in.spreads.odd .primg:nth-last-child(2) {
          margin-bottom: 30px; }
        .book-page .c.book-previews .prev-in.spreads.even .primg:last-of-type {
          margin-bottom: 30px; }
      .book-page .c.book-previews .prev-in.pages {
        flex-direction: column; }
        .book-page .c.book-previews .prev-in.pages .primg {
          width: 100%; }
          .book-page .c.book-previews .prev-in.pages .primg:last-of-type {
            margin-bottom: 30px; }
      .book-page .c.book-previews .prev-in .primg {
        position: relative;
        align-self: flex-end;
        margin-bottom: 20px;
        max-width: 125px;
        filter: drop-shadow(3px 3px 1px rgba(0, 0, 0, 0.2));
        border-bottom: 2px solid transparent; }
        .book-page .c.book-previews .prev-in .primg img {
          width: 100%; }
        .book-page .c.book-previews .prev-in .primg.active {
          border-bottom: 2px solid #F2BF29; }
        .book-page .c.book-previews .prev-in .primg:after {
          content: "";
          background-color: #F2BF29;
          position: absolute;
          top: 0;
          left: 0;
          right: 0;
          bottom: 0;
          opacity: 0; }
        .book-page .c.book-previews .prev-in .primg:hover {
          cursor: pointer; }
          .book-page .c.book-previews .prev-in .primg:hover:after {
            opacity: 0.2; }
  .book-page .c.book-image {
    width: 40%;
    position: relative; }
    .book-page .c.book-image .book-gallery {
      height: 100%;
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      padding: 0 20px 60px; }
      .book-page .c.book-image .book-gallery .slick-list, .book-page .c.book-image .book-gallery .slick-track {
        height: 100%; }
      .book-page .c.book-image .book-gallery .b-img {
        text-align: center; }
        .book-page .c.book-image .book-gallery .b-img img {
          max-width: calc(100% - 10px);
          max-height: calc(100% - 5px);
          margin: auto;
          filter: drop-shadow(3px 3px 1px rgba(0, 0, 0, 0.2)); }
  .book-page .c.book-info {
    width: 30%;
    padding: 0 15px 60px; }

.book-page blockquote {
  margin: 20px 0;
  padding-left: 20px;
  border-left: 2px solid black; }

.book-page .book-info h2 {
  margin-bottom: 25px; }

.book-page .book-details h5 {
  font-family: DINCondensed-Regular, Helvetica, Arial, sans-serif;
  font-weight: normal;
  font-style: normal;
  font-size: 18px;
  line-height: 21px;
  text-transform: uppercase;
  display: inline; }
  .book-page .book-details h5.library_link {
    display: block;
    margin: 13px 0 30px;
    position: relative; }
    .book-page .book-details h5.library_link a {
      text-decoration: none;
      color: black;
      box-shadow: inset 0px 14px white, 0px 2px black; }
      .book-page .book-details h5.library_link a:hover {
        color: #F2BF29; }

.book-page .book-details p {
  margin-bottom: 0;
  display: inline; }

.book-page .book-details span.cog {
  padding: 7px;
  font-size: 13px;
  opacity: 0.1;
  position: relative;
  display: inline; }
  .book-page .book-details span.cog:hover {
    opacity: 0.5;
    cursor: pointer; }

.activity-page .paging {
  max-width: 1440px;
  margin: 0 auto 15px; }

.activity-page .MarkupPagerNav {
  padding: 0;
  margin: 0 30px;
  font-size: 20px;
  line-height: 22px;
  text-transform: uppercase;
  position: relative;
  font-family: DINCondensed-Regular, Helvetica, Arial, sans-serif;
  font-weight: normal;
  font-style: normal;
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6, BB7 */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -moz-box;
  /* MOZILLA */
  display: -webkit-flex;
  /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
  display: flex;
  /* NEW, Spec - Firefox, Chrome, Opera */
  flex-direction: row;
  justify-content: center;
  flex-wrap: nowrap;
  width: calc(100% - 60px); }
  .activity-page .MarkupPagerNav span.arrow {
    font-size: 14px;
    position: relative;
    top: -2px; }
  .activity-page .MarkupPagerNav .list-item {
    flex: 0 1 auto;
    margin: 0 3px;
    padding: 0 4px;
    min-width: 10px;
    text-align: center; }
    .activity-page .MarkupPagerNav .list-item:first-of-type {
      margin-left: 0; }
    .activity-page .MarkupPagerNav .list-item:last-of-type {
      margin-right: 0; }
    .activity-page .MarkupPagerNav .list-item a {
      color: black;
      text-decoration: none;
      letter-spacing: 0.03rem; }
      .activity-page .MarkupPagerNav .list-item a:after, .activity-page .MarkupPagerNav .list-item a:before {
        background-position: 0 0;
        background-size: 8px 3px;
        height: 3px;
        background-repeat: repeat-x;
        content: '';
        display: block;
        position: relative; }
      .activity-page .MarkupPagerNav .list-item a:after {
        border-top: 2px solid transparent;
        bottom: 2px; }
      .activity-page .MarkupPagerNav .list-item a:before {
        border-bottom: 2px solid transparent;
        bottom: 3px; }
      .activity-page .MarkupPagerNav .list-item a:hover:after {
        border-color: black; }
      .activity-page .MarkupPagerNav .list-item a:hover:before {
        border-color: black; }
    .activity-page .MarkupPagerNav .list-item.active a:after, .activity-page .MarkupPagerNav .list-item.active a:before {
      border-color: black; }
    .activity-page .MarkupPagerNav .list-item.MarkupPagerNavNext, .activity-page .MarkupPagerNav .list-item.MarkupPagerNavPrevious {
      position: absolute; }
      .activity-page .MarkupPagerNav .list-item.MarkupPagerNavNext a:before, .activity-page .MarkupPagerNav .list-item.MarkupPagerNavPrevious a:before {
        bottom: 0; }
      .activity-page .MarkupPagerNav .list-item.MarkupPagerNavNext a:after, .activity-page .MarkupPagerNav .list-item.MarkupPagerNavPrevious a:after {
        bottom: 5px; }
      .activity-page .MarkupPagerNav .list-item.MarkupPagerNavNext a:hover:after, .activity-page .MarkupPagerNav .list-item.MarkupPagerNavPrevious a:hover:after {
        border-color: transparent; }
      .activity-page .MarkupPagerNav .list-item.MarkupPagerNavNext a:hover:before, .activity-page .MarkupPagerNav .list-item.MarkupPagerNavPrevious a:hover:before {
        border-color: transparent; }
    .activity-page .MarkupPagerNav .list-item.MarkupPagerNavPrevious {
      left: 0; }
      .activity-page .MarkupPagerNav .list-item.MarkupPagerNavPrevious a:before, .activity-page .MarkupPagerNav .list-item.MarkupPagerNavPrevious a:after {
        background-position: 3px 0; }
    .activity-page .MarkupPagerNav .list-item.MarkupPagerNavNext {
      right: 0; }
      .activity-page .MarkupPagerNav .list-item.MarkupPagerNavNext a:before, .activity-page .MarkupPagerNav .list-item.MarkupPagerNavNext a:after {
        background-position: 2px 0; }

.activity-page .activity-container {
  max-width: 1440px;
  margin: 0 auto;
  -webkit-transition: top 0.5s ease;
  -moz-transition: top 0.5s ease;
  -ms-transition: top 0.5s ease;
  -o-transition: top 0.5s ease;
  transition: top 0.5s ease; }
  .activity-page .activity-container .instagram {
    position: relative; }
    .activity-page .activity-container .instagram .loadmore {
      position: absolute;
      bottom: -15px;
      width: 100%;
      left: 0;
      text-align: center; }
      .activity-page .activity-container .instagram .loadmore h4 {
        text-transform: uppercase;
        color: black !important; }
        .activity-page .activity-container .instagram .loadmore h4:after {
          content: '.';
          display: inline;
          clear: both;
          animation: dots 1s steps(5, end) infinite; }

@keyframes dots {
  0%, 20% {
    color: transparent;
    text-shadow: 0.25em 0 0 transparent, 0.5em 0 0 transparent; }
  40% {
    color: black;
    text-shadow: 0.25em 0 0 transparent, 0.5em 0 0 transparent; }
  60% {
    text-shadow: 0.25em 0 0 black, 0.5em 0 0 transparent; }
  80%, 100% {
    text-shadow: .25em 0 0 black, .5em 0 0 black; } }
    .activity-page .activity-container .instagram .grid-sizer {
      width: 20%; }
    .activity-page .activity-container .instagram a.instagram-item {
      display: inline-block;
      vertical-align: top;
      color: black;
      text-decoration: none;
      margin-bottom: 30px;
      padding: 10px;
      margin-right: -2px; }
      .activity-page .activity-container .instagram a.instagram-item.narrow {
        width: 20%; }
      .activity-page .activity-container .instagram a.instagram-item.regular {
        width: 40%; }
      .activity-page .activity-container .instagram a.instagram-item.wide {
        width: 60%; }
      .activity-page .activity-container .instagram a.instagram-item .img-header {
        border-top: 2px solid black;
        border-bottom: 2px solid black;
        text-transform: uppercase;
        margin-bottom: 20px;
        padding-top: 4px;
        display: -webkit-box;
        /* OLD - iOS 6-, Safari 3.1-6, BB7 */
        display: -ms-flexbox;
        /* TWEENER - IE 10 */
        display: -moz-box;
        /* MOZILLA */
        display: -webkit-flex;
        /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
        display: flex;
        /* NEW, Spec - Firefox, Chrome, Opera */
        flex-direction: row;
        justify-content: space-between; }
        .activity-page .activity-container .instagram a.instagram-item .img-header h4 {
          font-family: DINCondensed-Regular, Helvetica, Arial, sans-serif;
          font-weight: normal;
          font-style: normal;
          line-height: 20px; }
        .activity-page .activity-container .instagram a.instagram-item .img-header .postedby h4 {
          text-align: right; }
      .activity-page .activity-container .instagram a.instagram-item .pic {
        margin-bottom: 30px; }
        .activity-page .activity-container .instagram a.instagram-item .pic.js-slide {
          margin-bottom: 0; }
        .activity-page .activity-container .instagram a.instagram-item .pic.last {
          margin-bottom: 0; }
      .activity-page .activity-container .instagram a.instagram-item .caption {
        border-bottom: 2px solid black;
        padding: 10px 0;
        margin-bottom: 0; }
      .activity-page .activity-container .instagram a.instagram-item img {
        width: 100%; }
      .activity-page .activity-container .instagram a.instagram-item .nav-buttons {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        padding: 0 20px;
        z-index: 1000;
        height: 40px; }
        .activity-page .activity-container .instagram a.instagram-item .nav-buttons .slick-dots {
          position: relative;
          list-style: none;
          text-align: center;
          padding-left: 0;
          margin: 0;
          bottom: 0; }
          .activity-page .activity-container .instagram a.instagram-item .nav-buttons .slick-dots li {
            background-color: white;
            opacity: 0.6;
            height: 8px;
            width: 8px;
            border-radius: 4px;
            box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.2);
            opacity: 0.4;
            margin: 0 4px;
            display: inline-block; }
            .activity-page .activity-container .instagram a.instagram-item .nav-buttons .slick-dots li button {
              display: none; }
            .activity-page .activity-container .instagram a.instagram-item .nav-buttons .slick-dots li:hover {
              cursor: pointer; }
            .activity-page .activity-container .instagram a.instagram-item .nav-buttons .slick-dots li.slick-active, .activity-page .activity-container .instagram a.instagram-item .nav-buttons .slick-dots li:hover {
              opacity: 1; }
      .activity-page .activity-container .instagram a.instagram-item .video-img {
        position: relative; }
        .activity-page .activity-container .instagram a.instagram-item .video-img button[name="play"] {
          position: absolute;
          top: 0;
          left: 0;
          right: 0;
          bottom: 0;
          text-align: center;
          width: 80px;
          height: 80px;
          background: white;
          border: 3px solid black;
          border-radius: 100%;
          margin: auto;
          cursor: pointer; }
          .activity-page .activity-container .instagram a.instagram-item .video-img button[name="play"]:focus {
            outline: 0;
            box-shadow: none; }
          .activity-page .activity-container .instagram a.instagram-item .video-img button[name="play"]:after {
            content: '';
            display: inline-block;
            position: relative;
            top: 3px;
            left: 5px;
            border-style: solid;
            border-width: 15px 0 15px 30px;
            border-color: transparent transparent transparent black; }
      .activity-page .activity-container .instagram a.instagram-item:hover .video-img button[name="play"] {
        border-color: #F2BF29; }
        .activity-page .activity-container .instagram a.instagram-item:hover .video-img button[name="play"]:after {
          border-color: transparent transparent transparent #F2BF29; }

@-moz-document url-prefix() {
  .prev-in.spreads .primg:nth-last-child(1), .prev-in.spreads .primg:nth-last-child(2) {
    padding-bottom: 60px; }
    .prev-in.spreads .primg:nth-last-child(1):after, .prev-in.spreads .primg:nth-last-child(2):after {
      bottom: 60px !important; }
  .prev-in.pages .primg:nth-last-child(1) {
    padding-bottom: 60px; }
    .prev-in.pages .primg:nth-last-child(1):after {
      bottom: 60px !important; }
  .book-details {
    padding-bottom: 30px; }
  .lib_wrapper {
    padding-bottom: 30px; }
  .former-studios {
    margin-bottom: 60px; }
  .about-page .column.main .text {
    padding-bottom: 30px !important; }
  .about-page .former-studios {
    padding-bottom: 30px; }
  select.variant-selector {
    border-width: 2px 5px 1px 0; }
  .events-inner, .main-images, .recent-publications, .price-box, .main-text.main-column {
    padding-bottom: 30px; }
  .filter-list .option input[type="radio"] {
    visibility: visible;
    position: relative;
    -moz-appearance: none; }
    .filter-list .option input[type="radio"]:before {
      left: -3px;
      top: 1px !important; }
  .filter-list .option span.cross {
    position: relative;
    left: 0px !important;
    top: -1px !important; } }

@media only screen and (max-width: 1024px) {
  header .functions {
    bottom: -50px;
    width: calc(100% - 55px);
    position: absolute;
    left: 30px;
    display: -webkit-box;
    /* OLD - iOS 6-, Safari 3.1-6, BB7 */
    display: -ms-flexbox;
    /* TWEENER - IE 10 */
    display: -moz-box;
    /* MOZILLA */
    display: -webkit-flex;
    /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
    display: flex;
    /* NEW, Spec - Firefox, Chrome, Opera */
    flex-direction: row;
    justify-content: space-between; }
    header .functions .func {
      width: calc(25% - 50px); }
      header .functions .func.search-function {
        border-bottom: 2px solid black; }
  .books-page .books {
    margin-top: 0;
    padding-top: 20px; }
    .books-page .books.filter-open {
      padding-right: 25%; }
      .books-page .books.filter-open .book {
        width: calc(33.33% - 50px); }
    .books-page .books .book {
      width: calc(25% - 50px);
      margin: 25px; }
      .books-page .books .book .preview-img {
        height: 26vw; }
  .studio-page .studio-container > .inner .column.recent-work .recent-publications .book .preview-img img.preview, .studios-page .studio-container > .inner .column.recent-work .recent-publications .book .preview-img img.preview {
    max-width: 90%; }
  .book-page .book-container > .inner .book-previews {
    padding-left: 0; } }

@media only screen and (max-width: 960px) {
  .lib_book-page .libbook-container .lib-inner .book_link {
    width: 35%; }
  .lib_book-page .libbook-container .lib-inner .issuu_book {
    width: 65%; }
  .studios-page .infoBox .info-inner .splash-img-preview {
    height: 28vw; } }

@media only screen and (max-width: 880px) {
  .activity-page .activity-container .instagram a.instagram-item.narrow {
    width: 40%; }
  .activity-page .activity-container .instagram a.instagram-item.regular {
    width: 40%; }
  .activity-page .activity-container .instagram a.instagram-item.wide {
    width: 60%; }
  .books-page header .functions .func {
    width: calc(33.33% - 40px); }
  .books-page .books.filter-open {
    padding-right: 33.33%; }
    .books-page .books.filter-open .book {
      width: calc(50% - 40px); }
  .books-page .books .book {
    width: calc(33.33% - 40px);
    margin: 20px; }
    .books-page .books .book .preview-img {
      height: 36vw; }
  .book-page .book-container > .inner {
    flex-wrap: wrap;
    overflow: auto; }
    .book-page .book-container > .inner .c.book-previews {
      width: 100%;
      justify-content: flex-start;
      overflow-x: auto;
      margin-bottom: 30px;
      padding-bottom: 20px;
      padding-right: 0;
      margin-right: 15px; }
      .book-page .book-container > .inner .c.book-previews .prev-in {
        max-width: 100%;
        min-width: -moz-max-content;
        min-width: -webkit-max-content;
        display: -ms-inline-grid;
        -ms-grid-columns: max-content;
        min-width: max-content; }
        .book-page .book-container > .inner .c.book-previews .prev-in.spreads {
          flex-wrap: nowrap; }
          .book-page .book-container > .inner .c.book-previews .prev-in.spreads .primg:first-of-type {
            margin-left: 0; }
          .book-page .book-container > .inner .c.book-previews .prev-in.spreads .primg:nth-child(odd) {
            margin-right: 10px; }
          .book-page .book-container > .inner .c.book-previews .prev-in.spreads .primg:nth-child(even) {
            margin-left: 10px; }
        .book-page .book-container > .inner .c.book-previews .prev-in.pages {
          flex-direction: row; }
          .book-page .book-container > .inner .c.book-previews .prev-in.pages .primg {
            margin-right: 20px; }
        .book-page .book-container > .inner .c.book-previews .prev-in .primg {
          margin-bottom: 0 !important; }
    .book-page .book-container > .inner .c.book-previews {
      margin-right: 5px; }
    .book-page .book-container > .inner .c.book-image {
      width: 50%; }
      .book-page .book-container > .inner .c.book-image .book-gallery {
        padding: 0 20px 30px 0; }
    .book-page .book-container > .inner .c.book-info {
      width: 50%; }
  .studio-page .studio-container, .studios-page .studio-container {
    padding: 30px 0 15px 30px; }
    .studio-page .studio-container > .inner, .studios-page .studio-container > .inner {
      flex-wrap: wrap;
      overflow: auto;
      margin-right: 15px; }
      .studio-page .studio-container > .inner .splash-img, .studios-page .studio-container > .inner .splash-img {
        min-height: 200px;
        height: 30vh;
        width: 100%;
        margin: 0;
        margin-bottom: 30px; }
      .studio-page .studio-container > .inner .column.contact, .studios-page .studio-container > .inner .column.contact {
        position: relative;
        width: 35%;
        justify-content: flex-start; }
        .studio-page .studio-container > .inner .column.contact .inner, .studios-page .studio-container > .inner .column.contact .inner {
          padding-top: 40px;
          padding-right: 30px; }
          .studio-page .studio-container > .inner .column.contact .inner.fixed, .studios-page .studio-container > .inner .column.contact .inner.fixed {
            position: absolute;
            bottom: 0;
            left: 0;
            width: 100%;
            margin-bottom: 40px;
            padding-right: 15px; }
      .studio-page .studio-container > .inner .column.main, .studios-page .studio-container > .inner .column.main {
        width: 65%;
        padding-left: 15px;
        padding-right: 15px; }
        .studio-page .studio-container > .inner .column.main .main-content, .studios-page .studio-container > .inner .column.main .main-content {
          padding: 0;
          padding-bottom: 60px;
          flex-direction: column; }
          .studio-page .studio-container > .inner .column.main .main-content .main-column, .studios-page .studio-container > .inner .column.main .main-content .main-column {
            padding: 0 !important;
            width: 100%; }
      .studio-page .studio-container > .inner .column.recent-work, .studios-page .studio-container > .inner .column.recent-work {
        width: 100%;
        padding: 0 0 30px;
        margin-right: 15px; }
        .studio-page .studio-container > .inner .column.recent-work h3.latest-title, .studios-page .studio-container > .inner .column.recent-work h3.latest-title {
          position: sticky;
          top: 0;
          left: 0; }
        .studio-page .studio-container > .inner .column.recent-work .recent-publications, .studios-page .studio-container > .inner .column.recent-work .recent-publications {
          display: -webkit-inline-box;
          display: -ms-inline-flexbox;
          display: -moz-inline-box;
          /* MOZILLA */
          display: -webkit-inline-flex;
          /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
          display: inline-flex;
          /* NEW, Spec - Firefox, Chrome, Opera */
          align-items: flex-end;
          flex: 1 1 100%; }
          .studio-page .studio-container > .inner .column.recent-work .recent-publications .book .preview-img, .studios-page .studio-container > .inner .column.recent-work .recent-publications .book .preview-img {
            height: auto;
            width: 22vw;
            margin-bottom: 0;
            margin-right: 30px; }
            .studio-page .studio-container > .inner .column.recent-work .recent-publications .book .preview-img img.preview, .studios-page .studio-container > .inner .column.recent-work .recent-publications .book .preview-img img.preview {
              max-width: 100%; }
  .about-page .about-container > .inner {
    overflow: auto; }
    .about-page .about-container > .inner .wrapper {
      display: table;
      width: 65%;
      table-layout: fixed; }
      .about-page .about-container > .inner .wrapper .column {
        width: 100% !important; }
    .about-page .about-container > .inner .column.about-intro {
      display: none; }
    .about-page .about-container > .inner .column.main .text {
      padding-left: 0; }
    .about-page .about-container > .inner .column.main .carousel {
      padding-left: 0;
      height: 40vw; }
    .about-page .about-container > .inner .column.main .tvt-link {
      display: inline-block; }
    .about-page .about-container > .inner .column.network {
      width: 35%;
      align-self: flex-start; } }

@media only screen and (max-width: 800px) {
  .lib_book-page .libbook-container {
    overflow-y: auto; }
    .lib_book-page .libbook-container .bg-right {
      display: none; }
    .lib_book-page .libbook-container .lib-inner {
      flex-direction: column;
      height: auto; }
      .lib_book-page .libbook-container .lib-inner .book_link, .lib_book-page .libbook-container .lib-inner .issuu_book {
        width: 100%; }
      .lib_book-page .libbook-container .lib-inner .book_link {
        overflow-y: hidden;
        display: -webkit-box;
        /* OLD - iOS 6-, Safari 3.1-6, BB7 */
        display: -ms-flexbox;
        /* TWEENER - IE 10 */
        display: -moz-box;
        /* MOZILLA */
        display: -webkit-flex;
        /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
        display: flex;
        /* NEW, Spec - Firefox, Chrome, Opera */
        flex-direction: row; }
        .lib_book-page .libbook-container .lib-inner .book_link .book {
          width: 30%;
          padding-right: 15px; }
          .lib_book-page .libbook-container .lib-inner .book_link .book .preview-img {
            height: 30vw; }
        .lib_book-page .libbook-container .lib-inner .book_link .lib_wrapper {
          width: 70%;
          padding-left: 15px; }
      .lib_book-page .libbook-container .lib-inner .issuu_book {
        height: 70vw; }
  .container {
    padding: 20px; }
  .home-page .ps-animation {
    padding: 0 20px 50px; }
    .home-page .ps-animation img {
      height: auto; }
  header {
    padding-top: 30px; }
    header .site-title {
      margin-bottom: 30px; }
      header .site-title .ps {
        width: 100%;
        text-align: center;
        margin-bottom: -5px;
        margin-left: 0; }
        header .site-title .ps h1 {
          display: inline-block;
          position: relative; }
          header .site-title .ps h1 span.login a img {
            left: 2px; }
      header .site-title .studios {
        margin-left: 0;
        text-align: center;
        width: 100%; }
  .library-page .books-container .books .book .preview-img {
    width: 32vw; }
  .about-page .carousel .arrow-wrapper.arrow-right {
    right: 20px; }
  .about-page .carousel .arrow-wrapper.arrow-left {
    left: 5px; }
  .books-page .MarkupPagerNav {
    min-height: 90px; }
    .books-page .MarkupPagerNav .MarkupPagerNavPrevious {
      position: absolute;
      left: 0;
      bottom: 0; }
    .books-page .MarkupPagerNav .MarkupPagerNavNext {
      position: absolute;
      right: 0;
      bottom: 0; } }

@media only screen and (max-width: 630px) {
  .books-page header .functions {
    left: 20px;
    width: calc(100% - 40px); }
    .books-page header .functions .func {
      width: calc(50% - 40px); }
  .books-page .books.filter-open {
    padding-right: 50%; }
    .books-page .books.filter-open .book {
      width: calc(100% - 40px); }
  .books-page .books .book {
    width: calc(50% - 40px);
    margin: 20px; }
    .books-page .books .book .preview-img {
      height: 55vw; } }

@media only screen and (max-width: 500px) {
  .lib_book-page .libbook-container .lib-inner .book_link {
    flex-direction: column; }
    .lib_book-page .libbook-container .lib-inner .book_link .book, .lib_book-page .libbook-container .lib-inner .book_link .lib_wrapper {
      padding: 0;
      width: 100%; }
    .lib_book-page .libbook-container .lib-inner .book_link .book {
      width: 70%; }
      .lib_book-page .libbook-container .lib-inner .book_link .book .preview-img {
        display: none; }
      .lib_book-page .libbook-container .lib-inner .book_link .book .text {
        text-align: left; }
    .lib_book-page .libbook-container .lib-inner .book_link .js-toggle-info {
      display: block; }
    .lib_book-page .libbook-container .lib-inner .book_link .lib_wrapper .excerpt {
      display: none; }
    .lib_book-page .libbook-container .lib-inner .book_link .lib_wrapper.active .excerpt {
      display: block; }
  .lib_book-page .libbook-container .lib-inner .issuu_book {
    height: 120vw; }
  .library-page .books-container {
    bottom: 0;
    padding-bottom: 0;
    overflow-x: hidden;
    width: calc(100% - 5px);
    padding-right: 5px; }
    .library-page .books-container .books {
      flex-direction: column;
      width: 100%;
      max-height: 100%; }
      .library-page .books-container .books .book {
        max-width: 80%;
        margin: 0 10% 30px; }
        .library-page .books-container .books .book:first-of-type {
          margin-left: 10%; }
        .library-page .books-container .books .book .preview-img {
          height: auto;
          width: 32vh;
          max-width: 100%;
          margin: 0 auto 15px; }
          .library-page .books-container .books .book .preview-img.no-image {
            height: 100vw;
            max-height: 360px; }
  .about-page .about-container > .inner .column.main .carousel {
    height: 60vw; }
    .about-page .about-container > .inner .column.main .carousel .arrow-wrapper.arrow-right {
      right: 15px; }
    .about-page .about-container > .inner .column.main .carousel .arrow-wrapper.arrow-left {
      left: 0; }
  .about-page .about-container > .inner .column.main .colophon {
    display: none; }
  .about-page .about-container > .inner .column.network .colophon {
    display: inline-block; }
  @-moz-document url-prefix() {
    .about-page .former-studios {
      padding-bottom: 0;
      margin-bottom: 40px; } }
  .activity-page .activity-container .instagram a.instagram-item {
    padding: 0; }
    .activity-page .activity-container .instagram a.instagram-item.narrow {
      width: 100%; }
    .activity-page .activity-container .instagram a.instagram-item.regular {
      width: 100%; }
    .activity-page .activity-container .instagram a.instagram-item.wide {
      width: 100%; }
    .activity-page .activity-container .instagram a.instagram-item .pic {
      margin-bottom: 20px; }
  header {
    padding: 20px 0 0;
    margin-bottom: 20px; }
    header .mobile-menu-toggle {
      display: -webkit-box;
      /* OLD - iOS 6-, Safari 3.1-6, BB7 */
      display: -ms-flexbox;
      /* TWEENER - IE 10 */
      display: -moz-box;
      /* MOZILLA */
      display: -webkit-flex;
      /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
      display: flex;
      /* NEW, Spec - Firefox, Chrome, Opera */
      flex-direction: row;
      justify-content: space-between;
      align-items: baseline;
      width: calc(100% - 20px);
      left: 10px;
      position: relative; }
      header .mobile-menu-toggle.active h3.toggle span {
        display: inline; }
    header nav {
      flex-direction: column;
      align-items: center;
      height: 0;
      visibility: hidden;
      opacity: 0; }
      header nav.open {
        height: auto;
        visibility: visible;
        -webkit-transition: opacity .5s ease-in-out;
        -moz-transition: opacity .5s ease-in-out;
        -ms-transition: opacity .5s ease-in-out;
        -o-transition: opacity .5s ease-in-out;
        transition: opacity .5s ease-in-out; }
      header nav.opened {
        opacity: 1; }
    header .shop-interaction {
      position: absolute;
      top: -18px;
      right: -9px; }
  .home-page .ps-animation {
    padding: 0 0 50px; }
  .books-page header {
    margin-bottom: 90px; }
    .books-page header .functions {
      flex-direction: column;
      justify-content: flex-start;
      bottom: -80px;
      left: 0;
      width: 100%;
      align-items: center; }
      .books-page header .functions .func {
        width: 100%;
        max-width: calc(100% - 20px); }
        .books-page header .functions .func.search-function {
          border-bottom: none; }
  .books-page .MarkupPagerNav {
    margin: 0;
    width: 100%; }
    .books-page .MarkupPagerNav span.shelf {
      display: none; }
  .books-page .books.filter-open {
    padding-right: 0; }
    .books-page .books.filter-open .book {
      width: calc(50% - 40px); }
  .book-page .book-container {
    padding: 0 5px 0 20px; }
    .book-page .book-container > .inner .c.book-image, .book-page .book-container > .inner .c.book-info {
      width: 100%; }
    .book-page .book-container > .inner .c.book-image {
      height: 50vh; }
    .book-page .book-container > .inner .c.book-info {
      padding: 0 15px 30px 0; }
  .studio-page .studio-container, .studio-page .about-container, .studios-page .studio-container, .studios-page .about-container, .about-page .studio-container, .about-page .about-container {
    padding: 24px 5px 0 20px; }
    .studio-page .studio-container > .inner, .studio-page .about-container > .inner, .studios-page .studio-container > .inner, .studios-page .about-container > .inner, .about-page .studio-container > .inner, .about-page .about-container > .inner {
      margin-right: 0; }
      .studio-page .studio-container > .inner .splash-img, .studio-page .about-container > .inner .splash-img, .studios-page .studio-container > .inner .splash-img, .studios-page .about-container > .inner .splash-img, .about-page .studio-container > .inner .splash-img, .about-page .about-container > .inner .splash-img {
        height: 230px;
        display: none; }
        .studio-page .studio-container > .inner .splash-img.mobile, .studio-page .about-container > .inner .splash-img.mobile, .studios-page .studio-container > .inner .splash-img.mobile, .studios-page .about-container > .inner .splash-img.mobile, .about-page .studio-container > .inner .splash-img.mobile, .about-page .about-container > .inner .splash-img.mobile {
          display: inline-block;
          margin-bottom: 10px; }
      .studio-page .studio-container > .inner .column, .studio-page .about-container > .inner .column, .studios-page .studio-container > .inner .column, .studios-page .about-container > .inner .column, .about-page .studio-container > .inner .column, .about-page .about-container > .inner .column {
        width: 100% !important;
        margin-right: 10px; }
        .studio-page .studio-container > .inner .column.contact, .studio-page .about-container > .inner .column.contact, .studios-page .studio-container > .inner .column.contact, .studios-page .about-container > .inner .column.contact, .about-page .studio-container > .inner .column.contact, .about-page .about-container > .inner .column.contact {
          padding-right: 0;
          padding-top: 0; }
          .studio-page .studio-container > .inner .column.contact .inner, .studio-page .about-container > .inner .column.contact .inner, .studios-page .studio-container > .inner .column.contact .inner, .studios-page .about-container > .inner .column.contact .inner, .about-page .studio-container > .inner .column.contact .inner, .about-page .about-container > .inner .column.contact .inner {
            position: relative;
            padding-top: 10px;
            padding-right: 0; }
          .studio-page .studio-container > .inner .column.contact .close-button, .studio-page .about-container > .inner .column.contact .close-button, .studios-page .studio-container > .inner .column.contact .close-button, .studios-page .about-container > .inner .column.contact .close-button, .about-page .studio-container > .inner .column.contact .close-button, .about-page .about-container > .inner .column.contact .close-button {
            position: fixed;
            top: auto;
            left: auto;
            transform: translate(-10px, -30px); }
            .studio-page .studio-container > .inner .column.contact .close-button.fixed, .studio-page .about-container > .inner .column.contact .close-button.fixed, .studios-page .studio-container > .inner .column.contact .close-button.fixed, .studios-page .about-container > .inner .column.contact .close-button.fixed, .about-page .studio-container > .inner .column.contact .close-button.fixed, .about-page .about-container > .inner .column.contact .close-button.fixed {
              position: absolute; }
          .studio-page .studio-container > .inner .column.contact .upcoming:hover, .studio-page .studio-container > .inner .column.contact .past:hover, .studio-page .about-container > .inner .column.contact .upcoming:hover, .studio-page .about-container > .inner .column.contact .past:hover, .studios-page .studio-container > .inner .column.contact .upcoming:hover, .studios-page .studio-container > .inner .column.contact .past:hover, .studios-page .about-container > .inner .column.contact .upcoming:hover, .studios-page .about-container > .inner .column.contact .past:hover, .about-page .studio-container > .inner .column.contact .upcoming:hover, .about-page .studio-container > .inner .column.contact .past:hover, .about-page .about-container > .inner .column.contact .upcoming:hover, .about-page .about-container > .inner .column.contact .past:hover {
            cursor: pointer; }
          .studio-page .studio-container > .inner .column.contact .upcoming:after, .studio-page .studio-container > .inner .column.contact .past:after, .studio-page .about-container > .inner .column.contact .upcoming:after, .studio-page .about-container > .inner .column.contact .past:after, .studios-page .studio-container > .inner .column.contact .upcoming:after, .studios-page .studio-container > .inner .column.contact .past:after, .studios-page .about-container > .inner .column.contact .upcoming:after, .studios-page .about-container > .inner .column.contact .past:after, .about-page .studio-container > .inner .column.contact .upcoming:after, .about-page .studio-container > .inner .column.contact .past:after, .about-page .about-container > .inner .column.contact .upcoming:after, .about-page .about-container > .inner .column.contact .past:after {
            content: '';
            position: relative;
            border-bottom: 2px solid black;
            width: 100%;
            display: block;
            top: -3px; }
          .studio-page .studio-container > .inner .column.contact .upcoming.active:after, .studio-page .studio-container > .inner .column.contact .past.active:after, .studio-page .about-container > .inner .column.contact .upcoming.active:after, .studio-page .about-container > .inner .column.contact .past.active:after, .studios-page .studio-container > .inner .column.contact .upcoming.active:after, .studios-page .studio-container > .inner .column.contact .past.active:after, .studios-page .about-container > .inner .column.contact .upcoming.active:after, .studios-page .about-container > .inner .column.contact .past.active:after, .about-page .studio-container > .inner .column.contact .upcoming.active:after, .about-page .studio-container > .inner .column.contact .past.active:after, .about-page .about-container > .inner .column.contact .upcoming.active:after, .about-page .about-container > .inner .column.contact .past.active:after {
            display: none; }
          .studio-page .studio-container > .inner .column.contact .events-list, .studio-page .about-container > .inner .column.contact .events-list, .studios-page .studio-container > .inner .column.contact .events-list, .studios-page .about-container > .inner .column.contact .events-list, .about-page .studio-container > .inner .column.contact .events-list, .about-page .about-container > .inner .column.contact .events-list {
            border-bottom: 2px solid black;
            display: none; }
            .studio-page .studio-container > .inner .column.contact .events-list.active, .studio-page .about-container > .inner .column.contact .events-list.active, .studios-page .studio-container > .inner .column.contact .events-list.active, .studios-page .about-container > .inner .column.contact .events-list.active, .about-page .studio-container > .inner .column.contact .events-list.active, .about-page .about-container > .inner .column.contact .events-list.active {
              display: block; }
        .studio-page .studio-container > .inner .column.events .events-block .mobile-trigger, .studio-page .about-container > .inner .column.events .events-block .mobile-trigger, .studios-page .studio-container > .inner .column.events .events-block .mobile-trigger, .studios-page .about-container > .inner .column.events .events-block .mobile-trigger, .about-page .studio-container > .inner .column.events .events-block .mobile-trigger, .about-page .about-container > .inner .column.events .events-block .mobile-trigger {
          display: block; }
        .studio-page .studio-container > .inner .column.events .events-block .past.and-upcoming, .studio-page .about-container > .inner .column.events .events-block .past.and-upcoming, .studios-page .studio-container > .inner .column.events .events-block .past.and-upcoming, .studios-page .about-container > .inner .column.events .events-block .past.and-upcoming, .about-page .studio-container > .inner .column.events .events-block .past.and-upcoming, .about-page .about-container > .inner .column.events .events-block .past.and-upcoming {
          border-top: 0; }
        .studio-page .studio-container > .inner .column.main, .studio-page .about-container > .inner .column.main, .studios-page .studio-container > .inner .column.main, .studios-page .about-container > .inner .column.main, .about-page .studio-container > .inner .column.main, .about-page .about-container > .inner .column.main {
          padding-right: 0;
          padding-left: 0; }
          .studio-page .studio-container > .inner .column.main .cs-column, .studio-page .about-container > .inner .column.main .cs-column, .studios-page .studio-container > .inner .column.main .cs-column, .studios-page .about-container > .inner .column.main .cs-column, .about-page .studio-container > .inner .column.main .cs-column, .about-page .about-container > .inner .column.main .cs-column {
            height: auto;
            margin-bottom: 30px; }
        .studio-page .studio-container > .inner .column.recent-work, .studio-page .about-container > .inner .column.recent-work, .studios-page .studio-container > .inner .column.recent-work, .studios-page .about-container > .inner .column.recent-work, .about-page .studio-container > .inner .column.recent-work, .about-page .about-container > .inner .column.recent-work {
          padding: 0 0 20px;
          margin-right: 5px; }
          .studio-page .studio-container > .inner .column.recent-work .recent-publications .book .preview-img, .studio-page .about-container > .inner .column.recent-work .recent-publications .book .preview-img, .studios-page .studio-container > .inner .column.recent-work .recent-publications .book .preview-img, .studios-page .about-container > .inner .column.recent-work .recent-publications .book .preview-img, .about-page .studio-container > .inner .column.recent-work .recent-publications .book .preview-img, .about-page .about-container > .inner .column.recent-work .recent-publications .book .preview-img {
            width: 30vw;
            margin-right: 20px; }
  .about-page .about-container {
    padding-top: 0; }
    .about-page .about-container > .inner {
      flex-direction: column; }
      .about-page .about-container > .inner .wrapper {
        width: 100%; }
      .about-page .about-container > .inner .column {
        width: 100% !important; }
        .about-page .about-container > .inner .column.network {
          display: table;
          padding-left: 0; } }

@media only screen and (max-width: 400px) {
  .books-page .books {
    width: calc(100% + 40px);
    margin-left: -20px;
    margin-right: -20px; }
    .books-page .books .book {
      width: calc(100% - 40px);
      margin: 20px; }
      .books-page .books .book .preview-img {
        height: 60vh; }
      .books-page .books .book .text {
        width: 80%;
        min-width: 200px;
        margin-left: auto;
        margin-right: auto; }
    .books-page .books.filter-open .book {
      width: calc(100% - 40px); }
  .studios-page .infoBox .info-inner .splash-img-preview {
    height: 43vw; } }

@media only screen and (max-width: 385px) {
  header .site-title .ps h1 {
    line-height: 38px; }
  header .site-title {
    margin-bottom: 20px; }
    header .site-title .ps h1, header .site-title .studios .inner span h1 {
      font-size: 38px; }
    header .site-title .ps span.login {
      right: 18px; }
    header .site-title .studios {
      top: -6px;
      height: 38px; }
      header .site-title .studios .inner {
        top: -4px; } }

@media only screen and (max-width: 320px) {
  header .site-title {
    width: calc(100% + 40px);
    left: -20px;
    position: relative; }
    header .site-title .studios {
      width: calc(100% + 40px);
      left: -20px; } }

/* ==========================================================================
   Media Queries
   ========================================================================== */
/* ==========================================================================
   Helper classes
   ========================================================================== */
.ir {
  background-color: transparent;
  border: 0;
  overflow: hidden;
  *text-indent: -9999px; }

.ir:before {
  content: "";
  display: block;
  width: 0;
  height: 150%; }

.hidden {
  display: none !important;
  /*visibility: hidden;*/ }

.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px; }

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto; }

.invisible {
  visibility: hidden; }

.clearfix:before,
.clearfix:after {
  content: " ";
  display: table; }

.clearfix:after {
  clear: both; }

.clearfix {
  *zoom: 1; }

/* ==========================================================================
   Print styles
   ========================================================================== */
@media print {
  * {
    background: transparent !important;
    color: #000 !important;
    /* Black prints faster: h5bp.com/s */
    box-shadow: none !important;
    text-shadow: none !important; }
  a,
  a:visited {
    text-decoration: underline; }
  a[href]:after {
    content: " (" attr(href) ")"; }
  abbr[title]:after {
    content: " (" attr(title) ")"; }
  /*
     * Don't show links for images, or javascript/internal links
     */
  .ir a:after,
  a[href^="javascript:"]:after,
  a[href^="#"]:after {
    content: ""; }
  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid; }
  thead {
    display: table-header-group;
    /* h5bp.com/t */ }
  tr,
  img {
    page-break-inside: avoid; }
  img {
    max-width: 100% !important; }
  @page {
    margin: 0.5cm; }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3; }
  h2,
  h3 {
    page-break-after: avoid; } }