/* 	http://meyerweb.com/eric/tools/css/reset/
  v2.0 | 20110126
  License: none (public domain) */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}
body {
  line-height: 1;
}
blockquote, q {
  quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}


/* ------  Font Import ------  */

@font-face {
  font-family: 'order-icons';
  src:url('/fonts/theme_custom_fonts/peak-icons.eot');
  src:url('/fonts/theme_custom_fonts/peak-icons.eot?#iefix') format('embedded-opentype'),
    url('/fonts/theme_custom_fonts/peak-icons.woff') format('woff'),
    url('/fonts/theme_custom_fonts/peak-icons.ttf') format('truetype'),
    url('/fonts/theme_custom_fonts/peak-icons.svg#order-icons') format('svg');
  font-weight: normal;
  font-style: normal;
}

.icon-close, .icon-dropdown-closed, .icon-dropdown-open, .icon-video, .icon-view {
  font-family: 'order-icons';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
}

.icon-close:before { content: "\e001"; }
.icon-dropdown-closed:before { content: "\e002"; }
.icon-dropdown-open:before { content: "\e003"; }
.icon-video:before { content: "\e000"; }
.icon-view:before { content: "\e008"; }


.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}

.clearfix {
  display: inline-block;
}

html[xmlns] .clearfix {
  display: block;
}

* html .clearfix {
  height: 1%;
}


body, html {
  background-color: #111111;
  font-family: Helvetica, Arial, sans-serif;
}
ul {
  list-style: disc inside none;
}
ol {
  list-style: decimal inside none;
}
strong {
  font-weight: normal
}


/*  -------------------------------------------------------------
  General global styles --------------------------------------- */
/* This is needed for short content sites where the menu may be longer than the html and body elements */
html,body{height:100%;padding:0;margin:0;border:0;}

html { overflow-y: auto }

body {
  color: #eaeaea;
  font-family: "Input Mono Narrow Regular", "Input Mono Narrow Regular", monospace;
  font-size: 18px;
}
h1,h2,h3,h4,h5,h6 {
  color: #ffffff;
  font-family: "Input Mono Narrow Bold", "Input Mono Narrow Bold", monospace;
}

h1, h2{
  font-size: 21px;
  font-weight: normal;
}

p { line-height: 1.4;}

a{
  outline: 0;
}


/* Base CSS rules and variables */

body {
  background: #111111;
  color: #eaeaea;
  font-family: "Input Mono Narrow Regular", "Input Mono Narrow Regular", monospace;
  font-size: 18px;
  overflow-x: none;
  position: relative;
}

body a {
  color: #37a081;
  text-decoration: underline;
}
body a:hover,
body a:focus {
  color: #1e5944;
  text-decoration: underline;
}

body h1,
body h2 {
  color: #ffffff;
  font-family: "Input Mono Narrow Bold", "Input Mono Narrow Bold", monospace;
  font-size: 21px;
}

#logo {
  color: #ffffff;
  font-family: Aften Screen Bold;
  font-size: 38px;
}

#social li a{
  color: #ffffff;
}
#social li a:hover{
  color: #eaeaea;
}

/* Share button */
#share_button {
  display: inline-block;
  height: calc(5px + 10px);
  line-height: calc(5px + 10px);
  margin: 0 2px;
  padding: 0 5px;
  vertical-align: middle;
}
#share_button a {
  display: inline-block;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 10px;
  text-indent: 0;
  text-decoration: none;
  text-transform: lowercase;
  color: #ffffff;
  vertical-align: baseline;
}

.social_icons {
  display: inline-block;
  position: relative;
}

.social_icons ul {
  list-style-type: none;
  margin-left: -3px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.social_icons .social-icon {
  width: auto;
  height: 10px;
  overflow: visible;
  position: relative;
}

.social_icons .social-icon-link {
  display: block;
  margin: -1px 4px;
  width: calc(2px + 10px);
  height: calc(5px + 10px);
}


html.lightbox-active body{
  overflow: hidden;
}

body.gallery .menu-bg,
body.listing .menu-bg,
body.content .menu-bg{
  position: fixed;
  left: 0;
  top: 0;
  background: #111111;
  width: 300px;
  height: 300px;

}
body.gallery #social,
body.listing #social,
body.content #social {
  list-style:none;
  margin: 32px 0 0 0;
  padding: 0;
  overflow: hidden;
}


body.gallery #social  li.social_icon a,
body.listing #social  li.social_icon a,
body.content #social li.social_icon a{
  display: inline-block;
  width: 20px;
  height: 20px;
  text-align: center;
  line-height: 20px;
}



body.gallery .caption,
body.gallery .caption h1,
body.gallery .caption h2,
body.gallery .caption p {
  color: #444444;
  font-size: 18px;
}

body.listing .caption,
body.listing .caption h1,
body.listing .caption h2,
body.listing .caption p,
body.listing .caption a {
  color: #eaeaea;
  font-family: Inconsolata, monospace;
  font-size: 18px;
}





body.gallery a.logo,
body.listing a.logo,
body.content a.logo{
  font-family: Aften Screen Bold;
  font-size: 38px;
  font-weight: normal;
  color: #ffffff;
  text-decoration: none;
  display: inline-block;
  margin-bottom: 32px;
  max-width: 100%;
  display: block;
}
body.gallery a.logo img,
body.listing a.logo img,
body.content a.logo img{
  transform-origin: left;
-o-transform-origin: left;
-ms-transform-origin: left;
-moz-transform-origin: left;
-webkit-transform-origin: left;

  transform: scale(1.0);
-o-transform: scale(1.0);
-ms-transform: scale(1.0);
-moz-transform: scale(1.0);
-webkit-transform: scale(1.0);

  max-width: 100%;
  max-height: 200px;
  overflow: hidden;
}

.post_text, .pre_text {
  width: 150px;
  line-height: 1.2;
  margin:0;
  color: #888888;
  font-family: "Input Mono Narrow Regular", "Input Mono Narrow Regular", monospace;
  font-size: 14px;
}
.pre_text{
  margin-bottom: 32px;
}

.post_text {
  margin: 10px 0 0 0;
}






body.gallery #content,
body.listing #content,
body.content #content {
  color: #eaeaea;
  font-size: 18px;
  font-family: "Input Mono Narrow Regular", "Input Mono Narrow Regular", monospace;
  line-height: 1.5;
  position: relative;
}

body.gallery #content h1,
body.listing #content h1,
body.content #content h1,
body.gallery #content h2,
body.listing #content h2,
body.content #content h2{
  color: #ffffff;
  font-size: 21px;
  font-family: "Input Mono Narrow Bold", "Input Mono Narrow Bold", monospace;
}

body.gallery .nav-wrapper,
body.listing .nav-wrapper,
body.content .nav-wrapper{
  width: 23%;
  max-width: 217px;
  padding: 0% 0 0% 5%;
  float: left;
  height: inherit;

  
  margin-right: 2%;
  border-right: 1px solid #111111;
  
  
  background: #111111;

  
  position: fixed;
  overflow: auto;
  padding: 4% 1% 0 3%;
  
  left: 0;
  
  
  top: 0;
  

  
}

body.gallery .nav-wrapper>.wrapper,
body.listing .nav-wrapper>.wrapper,
body.content .nav-wrapper>.wrapper{
  padding-right: 40px;
  padding-bottom: 60px;
  display: none;
}

body.gallery #content,
body.listing #content,
body.content #content{
  display: none;
  float: left;
  width: calc(100vw - 360px);
  max-width: 85em;
  margin: 4% 1% 0 0;
  
}

body.gallery .assets-container{
  position: relative;
  padding-bottom: 4%;
}

body.gallery .assets-container .asset{
  
  margin: 0 3% 3% 0;
  

  float: left;
  height: 12em;
  width: auto;
  max-width: 100%;
  position: relative;
}
body.gallery .assets-container .asset.last-col{
  margin-right: 0;
}
body.gallery .assets-container .asset.asset-text a,
body.gallery .assets-container .asset.asset-video a,
body.gallery .assets-container .asset.asset-image a{
  cursor: pointer;
  text-decoration: none;
  display: block;
  width: inherit;
  height: inherit;
}

body.gallery .assets-container .asset.loading{
  background: url(https://bucket2.format-assets.com/theme_versions/4287109/assets/images/loading.gif) center center no-repeat;
}

body.gallery .assets-container .asset.asset-title{
  width: auto;
  height:auto;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
}

body.gallery .assets-container .asset.asset-title{
  max-height: none;
  
  width: 73%;
  
}



body.gallery .assets-container .asset.asset-title.text-title{
  
    padding: 0px;
  
  box-shadow: 0px 2px 0px rgba(170, 170, 170, 0.3);
  padding-bottom: 20px;
  max-height: none;
  
  width: 44%;
  

}

body.gallery .assets-container .asset.asset-title.text-title h2{
  padding-bottom: 10px;
}

body.gallery .assets-container .asset.asset-title.text-title p{
  line-height: 1.6;
}


  body.gallery .assets-container .asset.asset-title.text-title .wrapper {
    margin: 0px;
  }

  @media only screen and (max-width: 75em) {
    body.gallery .assets-container .asset.asset-title.text-title .wrapper {
      margin: 0px;
    }
  }



body.gallery .assets-container .asset.asset-title {
  
  width: calc(100% - 3%) !important;
  margin-right: 3% !important;
  
}

@media only screen and (max-width: 45em) {
  body.gallery .assets-container .asset.asset-title { margin-right: 0 !important; }
}



body.gallery .assets-container .asset.asset-title .img{
  display: block;
  margin:0;
}

body.gallery .assets-container .asset.asset-title img{
  max-width: 100%;
  max-height: 100%;
  height: auto;
  display: block;
}

body.gallery .assets-container .asset img{
  max-height: 100%;
  width: auto;
}

body.gallery .assets-container .asset.asset-video>a{
  display: block;
  width: 100%;
}

body.gallery .assets-container .asset .overlay{
  -webkit-transition: opacity 0.3s ease-out;
  -moz-transition: opacity 0.3s ease-out;
  -o-transition: opacity 0.3s ease-out;
  transition: opacity 0.3s ease-out;
  background: #55ce96;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  filter: alpha(opacity=0);
}


body.gallery .assets-container .asset .icon{
  position: absolute;
  width: 42px;
  height: 42px;
  text-align: center;
  top: 50%;
  left: 50%;
  margin-left: -21px;
  margin-top: -21px;
  display: none;
}
body.gallery .assets-container .asset:not(.asset-video) .icon {


  -webkit-transition: -webkit-transform 0.2s ease-out, opacity 0.3s ease-out;
  -moz-transition: -moz-transform 0.2s ease-out, opacity 0.3s ease-out;
  -o-transition: -o-transform 0.2s ease-out, opacity 0.3s ease-out;
  transition: transform 0.2s ease-out, opacity 0.3s ease-out;


  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transform: scale(0.8);
  -moz-transform: scale(0.8);
  -ms-transform: scale(0.8);
  -o-transform: scale(0.8);
  transform: scale(0.8);

}

body.gallery .assets-container .asset:hover .icon{
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}

body.gallery .assets-container .asset .icon:after{
  font-family: 'order-icons';
  line-height: 42px;
  vertical-align: middle;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  text-decoration: none;
  -webkit-font-smoothing: antialiased;
  color: #ffffff;
  font-size: 32px;
}

body.gallery .assets-container .asset.asset-image .icon:after{
  content: "\e008";
  font-size: 32px;
}


.ie9 body.gallery .assets-container .asset.asset-image .icon:after{
  
  display: block;
  opacity: 1 !important;
  -webkit-transform: none;
  -moz-transform: none;
  -ms-transform: none;
  -o-transform: none;
  transform: none;
  
}

.ie8 body.gallery .assets-container .asset.asset-image .icon:after { display: none; }
.ie9 body.gallery .assets-container .asset.asset-image:hover .icon:after { display: block; }


body.gallery .assets-container .asset.asset-video .icon:after{
  content: "\e000";
  font-size: 42px;
}

body.gallery .assets-container .asset:hover .overlay,
body.gallery .assets-container .asset.asset-video:hover .overlay{
  display: block;
  opacity: 0.5;

  filter: alpha(opacity=40);
}



body.gallery .assets-container .asset:active .overlay,
body.gallery .assets-container .asset.asset-video:active .overlay {
  -webkit-transition: opacity 0s;
  -moz-transition: opacity 0s;
  -o-transition: opacity 0s;
  transition: opacity 0s;
  opacity: 0.7;
  filter: alpha(opacity=70);
}

body.gallery .assets-container .asset.asset-video .overlay{
  background: #242424;
  opacity: 0.25;
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=25)" !important;
  filter: alpha(opacity=25) !important;
}
body.gallery .assets-container .asset.asset-video:hover .overlay{
  opacity: 0.4;
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)" !important;
  filter: alpha(opacity=40) !important;
}

body.gallery .assets-container .asset.asset-text{
  width: 12em;
  height: 12em;
  box-shadow: 0px 2px 0px rgba(170, 170, 170, 0.3);
}

body.gallery .assets-container .asset.asset-text>a{
  -webkit-transition: background 0.2s ease-out;
  -moz-transition: background 0.2s ease-out;
  -o-transition: background 0.2s ease-out;
  transition: background 0.2s ease-out;
  display: block;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  width: 100%;
  height: 100%;
  background: #313131;
  padding: 25px;
  color: #aaaaaa;
}

body.gallery .assets-container .asset.asset-text>a:hover {
  background: #2d2d2d;
}

body.gallery .assets-container .asset.asset-text .text-plus-icon{
  position: absolute;
  left: 15px;
  bottom: 10px;
}

body.gallery .assets-container .asset.asset-text .text-plus-icon svg path{
  fill: #aaaaaa;
}

body.gallery .assets-container .asset.asset-text a>span{
  position: absolute;
  top: 15px;
  font-size: 11px;
  line-height: 1.7;
  left: 0;
  width: 100%;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  padding-left: 15px;
  padding-right: 25px;
}

body.gallery .lazy-asset, body.listing .lazy-asset, body.content .lazy-asset {
  opacity: 0;
  transition: opacity 300ms ease-in-out;
}

body.gallery .lazyloaded, body.listing .lazyloaded, body.content .lazyloaded {
  opacity: 1;
}




body.gallery .assets-container.vstack{
  padding-bottom: 0;
}

body.gallery .assets-container.vstack .asset{
  width: 297px;
  height: auto;
  overflow: hidden;
  margin: 0;
  position: absolute;
}

body.gallery .assets-container.vstack .asset.asset-title{
  margin-right: 0;
}

body.gallery .assets-container.vstack .asset img{
  width: 100%;
}

body.gallery .assets-container.vstack .asset.asset-text{
  width: 22%;

}

body.gallery .assets-container.vstack .asset.asset-text a{
  padding: 100% 0 0 0;
}





body.gallery .assets-container .asset.asset-video>a{
  height: inherit;
}

body.gallery .assets-container .asset.asset-image img,
body.gallery .assets-container .asset.asset-video img{
  height: 100%;
}

body.gallery .grid-sizer{
  
  width: 22%;
  
}

body.gallery .gutter-sizer{
  
  width: 3%;
  
}



body.gallery #overlay {
  background: #eeeeee;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0.5;

  filter: alpha(opacity=50) !important;
  display: none;
  z-index: 0;
}

body.gallery .lightbox-wrapper{
  overflow-y : auto;
  width: 100%;
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1;
}

body.gallery .lightbox-wrapper.scrollable{
  overflow-y: auto;
}

body.gallery #gallery_window {
  position: absolute;
  top: 60px;
  left: 50%;
  width: 600px;
  background: #000000;
  margin-left:-300px;

  filter: alpha(opacity=100);
  opacity: 1;
  z-index: 1002;
  padding: 54px 54px 54px 54px;
}

body.gallery #gallery_window.loading {
  background: #000000 url(https://bucket2.format-assets.com/theme_versions/4287109/assets/images/loading.gif) 50% 50% no-repeat;
  /*  *background: #000000 url(https://bucket2.format-assets.com/theme_versions/4287109/assets/images/loading.gif) 50% 45% no-repeat;*/
  }

  body.gallery #window_inner.mouse-left {
    cursor: w-resize;
  }

  body.gallery #window_inner.mouse-right {
    cursor: e-resize;
  }

  body.gallery #window_inner img{
    width: 100% !important;
    height: auto !important;
  }

  body.gallery #window_inner.text {
    margin: 35px 12px 12px 0;
    height: 100%;
    width: 100%;
    padding: 0;
    background: #111111;
  }

  body.gallery #window_inner.text .text_inner {
    outline: 0;
    width: 100% !important;
    line-height: 1.2em;
  }

  body.gallery #window_inner .text_holder {
    max-width: 450px;
  }

  body.gallery #close {
    position: fixed;
    top: 0;
    right: 0;
    text-transform: uppercase;
    text-decoration: none;
    font-size: 40px;
    display: block;
    cursor: pointer;
    color: #8b8b8b;
    padding: 10px;
  }
  body.gallery #close .icon-close::before {
    font-family: "order-icons";
  }

  body.gallery #copy_holder {
    width: 100%;
    max-width: 400px;
    margin: 30px auto 0 auto;
    position: absolute;
    left: 50%;
    font-family: "Input Mono Narrow Regular", "Input Mono Narrow Regular", monospace;
    color: #444444;
    font-size: 18px;
  }

  body.gallery #copy_holder.text{
    margin-top: 0;
    position: relative;
    max-width: 420px;
    left: 0;
    color: #eaeaea;
  }
  body.gallery #copy_holder.text,
  body.gallery #copy_holder.text p,
  body.gallery #copy_holder.text .inner{
    color: #eaeaea;
    font-size: 18px;
    font-family: "Input Mono Narrow Regular", "Input Mono Narrow Regular", monospace;
  }

  body.gallery #gallery_window[data-asset-type="text"] #copy_holder {
    position: relative;
    left:0;
    margin: 0;
  }

  body.gallery .video_inner>div{
    height: 100%;
    width: 100%;
  }

  body.gallery #copy_holder .inner {
    color: #444444;
    font-size: 18px;
    line-height: 1.4em;
  }

  body.gallery #copy_holder .inner h1,
  body.gallery #copy_holder .inner h2 {
    color: #000000;
  }

  body.gallery #copy_holder.text h1,
  body.gallery #copy_holder.text h2{
    color: #ffffff;
    font-family: "Input Mono Narrow Bold", "Input Mono Narrow Bold", monospace;
    font-size: 21px;
    font-weight: normal;
    line-height: 1;
  }

  body.gallery .asset .video_holder{
    display: none;
  }


  /* Listing Pages */

  

  body.listing .title {
  margin: 0 auto;
  position: relative;
  -webkit-transition: opacity 0.5s ease;
  transition: opacity 0.5s ease;
  opacity: 0;
  }

  body.listing .title.asset-loaded{
    opacity: 1;
  }

  body.listing .title .text {
    max-width: 800px;
    margin-bottom: 30px;
  }

  body.listing .title img {
    position: absolute;
    height: auto;
    top: 0;
    left: 0;
    max-width: 100%;
  }

  body.listing .title .image-placeholder {
    max-width: 100%;
    display: block;
    margin-bottom: 30px;
  }

  /* Listing Column System */

  body.listing .two-columns .page-asset, body.listing .three-columns .page-asset, body.listing .four-columns .page-asset, body.listing .five-columns .page-asset {
    display: inline-block;
    position: relative;
    overflow: hidden;
  }

  body.listing .two-columns .page-asset {
    width: -webkit-calc((100% / 2) - 30px);
    width: calc((100% / 2) - 30px); }

  body.listing .three-columns .page-asset {
    width: -webkit-calc((100% / 3) - 30px);
    width: calc((100% / 3) - 30px); }

  body.listing .four-columns .page-asset {
    width: -webkit-calc((100% / 4) - 30px);
    width: calc((100% / 4) - 30px); }

  body.listing .five-columns .page-asset {
    width: -webkit-calc((100% / 5) - 30px);
    width: calc((100% / 5) - 30px); }

  /* Grid Layout */

  body.listing .grid, body.listing .masonry{
    align-content: center;
    margin-right: -30px;
    overflow: hidden;
  }

  body.listing .grid {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  body.listing .grid.original {
    align-items: center;
  }
  body.listing .grid .grid-item img {
      max-width: 100%;
      height: auto;
  }
  body.listing .grid .grid-item .image-wrap {
      position: relative;
  }
  body.listing .grid .grid-item .image-wrap .image-placeholder {
      position: relative;
      vertical-align: top;
      width: 100%;
      height: 100%;
  }
  body.listing .grid .grid-item .image-wrap img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: auto;
    vertical-align: top;
  }
  body.listing .grid .grid-item .image-wrap .image-placeholder {
      transition: background-color 0.25s ease;
  }

  body.listing .grid .grid-item .image-wrap.image-loaded .image-placeholder {
      background-color: transparent !important;
  }

  /* Masonry Layout */

  body.listing .masonry-item .image-wrap {
      position: relative;
  }
  body.listing .masonry-item .image-wrap .image-placeholder {
      -webkit-transition: all 500ms cubic-bezier(0.215, 0.61, 0.355, 1) 500ms;
      transition: all 500ms cubic-bezier(0.215, 0.61, 0.355, 1) 500ms;
      position: relative;
      vertical-align: top;
      width: 100%;
      height: 100%;
  }
  body.listing .masonry-item .image-wrap img {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: auto;
      vertical-align: top;
  }
  body.listing .masonry-item .image-wrap.image-loaded .image-placeholder {
      background-color: transparent !important;
  }
  body.listing .masonry-item img {
      max-width: 100%;
      height: auto;
      display: block;
  }

  body.listing .page-asset {
    margin: 0 30px 30px 0;
    -webkit-transition: opacity 0.5s ease;
    transition: opacity 0.5s ease;
    opacity: 0;
  }

  body.listing .page-asset.asset-loaded{
    opacity: 1;
  }

  body.listing .page-asset .item-link {
    text-decoration: none;
  }

  body.listing .page-asset img {
    width: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
  }

  body.listing .overlay {
    	cursor:pointer;
    	display: block;
    	position: absolute;
    	top: -1px; left: -1px;
      bottom: -1px; right: -1px;
      background: #eaeaea;
    	filter: alpha(opacity=0);
    	opacity: 0;
    	transition: opacity .1s ease;
      -webkit-transition: opacity 0.3s ease-out;
      -moz-transition: opacity 0.3s ease-out;
      -o-transition: opacity 0.3s ease-out;
      transition: opacity 0.3s ease-out;
  }

  body.listing .page-asset:hover .overlay {
    opacity: 0.7;
  }

  body.listing .page-asset:hover .caption {
    opacity: 1;
  }

  body.listing .caption {
    
      position: relative;
      padding: 10px 0px;
      margin: 0;
      line-height: 1.4em;
      text-align: center;
      color: #eaeaea;
font-family: Inconsolata, monospace;
font-size: 18px;
text-decoration: none;
      
    
    
  }

  #menu{
    margin-top: 32px;
    -webkit-font-smoothing: antialiased;
  }
  #menu ul{
    list-style-type: none;
  }

  #menu li>a,
  #menu .category>a>span{
    color: #eeeeee;
    font-family: "Input Mono Narrow Regular", "Input Mono Narrow Regular", monospace;
    font-size: 18px;
    line-height: 1.8;
    text-decoration: none;
    cursor: pointer;
  }
  #menu li>a,
  #menu .category>a {
    padding: 0.4em 0.4em 0.4em 0em;
    display: table-cell;
  }
  #menu li>a:hover,
  #menu li>a:focus,
  #menu .category>a:hover>span{
    color: #eeeeee;
    text-decoration: underline;
  }
  #menu li.selected>a{
    color: #28c0b7;
    text-decoration: underline;
  }

  #menu .category>ul{
    display: none;
  }
  #menu .category.active>ul{
    display: block;
  }

  #menu .category.active>ul li{
    padding-left: 15px;
    position: relative;
  }

  #menu .category.active>ul a:hover:before{
    text-decoration: none !important;
  }


  #menu .category.active>ul li:hover:before{
    color: #eeeeee;
  }
  #menu .category.active>ul li.selected:before{
    color: #28c0b7;
  }
  #menu .category>a, #menu .category>a:hover{
    position: relative;
    text-decoration: none;
    padding-right: 0.2em;
  }

  #menu .category>a>.category-arrow svg{
    vertical-align: middle;
    padding: 0 0.25em;
  }

  #menu .category>a>.category-arrow svg polyline{
    stroke: #eeeeee;
  }

  #menu .category>a:hover>.category-arrow svg polyline{
    stroke: #eeeeee;
  }

  #menu .category.active>a>.category-arrow svg{
    -webkit-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg);
  }

  @media only screen and (max-width: 75em) {

    body.gallery .assets-container .asset {
      height: 10em;
    }

    body.gallery .assets-container .asset.asset-text,
    body.gallery .assets-container.squared .asset.asset-video,
    body.gallery .assets-container.squared .asset.asset-image{
      /*width: 10em;
      height: 10em;*/
    }

    body.gallery .grid-sizer{
      
      width: 30%;
      
    }


    body.gallery .assets-container .asset.asset-title,
    body.gallery .assets-container .asset.asset-title.img-title,
    body.gallery .assets-container .asset.asset-title.text-title{
      width: 100%;
    }

    

    .mq{
      display: none;
    }

    body.listing .assets-container .asset{
      float: left;
      margin: 0 2% 2% 2%;
      width: 29.3333333333%;
    }

  }


  #content ._4ORMAT_content_wrapper{
    min-width: 0;
  }

  .mobileMenu {
    display: none;
  }

  @media only screen and (max-width: 767px) {

    #menu .category>a>.category-arrow svg{
      display: none;
    }

    .mobileMenu {
      display: block;
    }

    body.gallery #overlay.loading {
      background: #000000 url(https://bucket2.format-assets.com/theme_versions/4287109/assets/images/loading.gif) 50% 50% no-repeat;
      /*      *background: #000000 url(https://bucket2.format-assets.com/theme_versions/4287109/assets/images/loading.gif) 50% 45% no-repeat;*/
    }

    body.gallery #gallery_window.loading {
      background: none;
      /*      *background: none;*/
    }

    body.gallery #close {
      width: 16px;
      height: 16px;
      padding: 14px;
      top: 10px;
      right: 13px;
    }

    body.gallery #window_inner img {
      width: auto !important;
      height: auto !important;
      max-width: 100%;
      max-height: calc(100vh - 100px);
    }

    body.gallery #close::before {
      background: #eaeaea;
      content: "";
      display: block;
      position: absolute;
      top: 20px;
      left: 14px;
      width: 16px;
      height: 3px;
      -o-transform: rotate(45deg);
      -moz-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
      -webkit-transform: rotate(45deg);
      transform: rotate(45deg);
    }

    body.gallery #close::after {
      background: #eaeaea;
      content: "";
      display: block;
      position: absolute;
      top: 20px;
      left: 14px;
      width: 16px;
      height: 3px;
      -o-transform: rotate(-45deg);
      -moz-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
      -webkit-transform: rotate(-45deg);
      transform: rotate(-45deg);
    }

    body.gallery #close .icon-close::before {
      display: none;
    }

    body.mobile-menu-opened {
      /*position: fixed;*/
      overflow: hidden;
      /*    height: 100% !important;*/
    }

    body.gallery .grid-sizer{
      width: 49%;
    }

    body.gallery a.logo,
    body.listing a.logo,
    body.content a.logo {
      font-size: 18px;
      line-height: 22px;
      margin-bottom: 0;
      width: calc(100% - 30px);
      display: inline-block;
    }

    body.gallery,
    body.listing,
    body.content{
      padding: 0;
    }
    body.gallery .nav-wrapper,
    body.listing .nav-wrapper,
    body.content .nav-wrapper{
      position: relative;
      height: auto !important;
      min-height: 100%;
    }

    body.gallery .nav-wrapper>.wrapper,
    body.listing .nav-wrapper>.wrapper,
    body.content .nav-wrapper>.wrapper{
      padding-right: 0px;
      min-height: 100vh;
    }
    body.gallery .nav-wrapper,
    body.listing .nav-wrapper,
    body.content .nav-wrapper,
    body.gallery #content,
    body.listing #content,
    body.content #content{
      float: none;
      width: 100%;
      padding: 0 25px;
      box-sizing: border-box;
      max-width: none;
      margin: 0% auto;
    }

    body.gallery .nav-wrapper,
    body.listing .nav-wrapper,
    body.content .nav-wrapper{
      box-sizing: border-box;
      -moz-box-sizing: border-box;
      width: 100%;
      margin-top: 0;
      padding: 0;
      margin-bottom: 4%;
      border-right: none;
      border-left: none;
      background: rgba(238,238,238,0.8);
      position:absolute;
      z-index: 999;
      left:0px;
      top:0px;
      margin:0;
      border-bottom: 1px solid #111111;
      -webkit-transform: translate3d(-100%,0,0);
      -moz-transform:  translate3d(-100%,0,0);
      -ms-transform:  translate3d(-100%,0,0);
      -o-transform:  translate3d(-100%,0,0);
      transform:  translate3d(-100%,0,0);
      top: 0;
      bottom: 0;
      position: fixed;
      overflow-y: scroll;
      overflow-x: hidden;
    }

    body.gallery .nav-wrapper.anim,
    body.listing .nav-wrapper.anim,
    body.content .nav-wrapper.anim{
      -webkit-transition: -webkit-transform 0.2s ease-out;
      -moz-transition: -moz-transform 0.2s ease-out;
      -ms-transition: -ms-transform 0.2s ease-out;
      -o-transition: -o-transform 0.2s ease-out;
      transition: transform 0.2s ease-out;
    }

    body.gallery.mobile-menu-opened .nav-wrapper,
    body.listing.mobile-menu-opened .nav-wrapper,
    body.content.mobile-menu-opened .nav-wrapper{
      /** error on chrome with  position fixed **/
      -webkit-transform: translate3d(0%,0,0);
      -moz-transform:  translate3d(0%,0,0);
      -ms-transform:  translate3d(0%,0,0);
      -o-transform:  translate3d(0%,0,0);
      transform:  translate3d(0%,0,0);
    }

    body.gallery .nav-wrapper > .wrapper,
    body.listing .nav-wrapper > .wrapper,
    body.content .nav-wrapper > .wrapper{
      padding: 95px 25px 25px;
      margin-right: 70px;
      box-sizing: border-box;
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      background: #111111;
    }

    body.gallery .nav-wrapper > .wrapper > h1,
    body.listing .nav-wrapper > .wrapper > h1,
    body.content .nav-wrapper > .wrapper > h1{
      display: none;
    }

    body.gallery .nav-wrapper > .wrapper > .post_text,
    body.listing .nav-wrapper > .wrapper > .post_text,
    body.content .nav-wrapper > .wrapper > .post_text {
      font-size: 14px;
    }

    body.gallery .nav-wrapper > .wrapper > #using,
    body.listing .nav-wrapper > .wrapper > #using,
    body.content .nav-wrapper > .wrapper > #using {
      position: static !important;
      font-size: 14px !important;
      font-family: inconsolata, monospace !important;
      color: #aaaaaa !important;
    }

    body.gallery #content,
    body.listing #content,
    body.content #content{
      padding-top: 95px;
      margin-left: auto !important;
      overflow: hidden;
    }

    body.gallery #content > div,
    body.listing #content > div,
    body.content #content > div{
      -webkit-transform: translate3d(0,0,0);
      -moz-transform:  translate3d(0,0,0);
      -ms-transform:  translate3d(0,0,0);
      -o-transform:  translate3d(0,0,0);
      transform:  translate3d(0,0,0);
      -webkit-transition: -webkit-transform 0.2s ease-out;
      -moz-transition: -moz-transform 0.2s ease-out;
      -ms-transition: -ms-transform 0.2s ease-out;
      -o-transition: -o-transform 0.2s ease-out;
      transition: transform 0.2s ease-out;
    }

    body.gallery.mobile-menu-opened #content ,
    body.listing.mobile-menu-opened #content ,
    body.content.mobile-menu-opened #content {
      overflow: hidden;
    }

    body.gallery.mobile-menu-opened #content > div,
    body.listing.mobile-menu-opened #content > div,
    body.content.mobile-menu-opened #content > div{
      -webkit-transform: translate3d(85%,0,0);
      -moz-transform:  translate3d(85%,0,0);
      -ms-transform:  translate3d(85%,0,0);
      -o-transform:  translate3d(85%,0,0);
      transform:  translate3d(85%,0,0);
    }

    body.gallery aside.mobile-content-top,
    body.listing aside.mobile-content-top,
    body.content aside.mobile-content-top {
      position: fixed;
      z-index: 999;
      top:0;
      left: 0;
      width: 100%;
    }
    body.gallery aside.mobile-content-top .wrapper.closed,
    body.listing aside.mobile-content-top .wrapper.closed,
    body.content aside.mobile-content-top  .wrapper.closed {
      position: absolute;
      left: -100%;
      top:0;
    }

    body.gallery aside.mobile-content-top .wrapper,
    body.listing aside.mobile-content-top .wrapper,
    body.content aside.mobile-content-top  .wrapper {
      box-sizing: border-box;
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      width: 100%;
      min-height: 62px;
    }

    body.gallery aside.mobile-content-top .wrapper.open,
    body.listing aside.mobile-content-top .wrapper.open,
    body.content aside.mobile-content-top  .wrapper.open {
      background: #111111;
    }

    body.gallery aside.mobile-content-top .wrapper h1,
    body.listing aside.mobile-content-top .wrapper h1,
    body.content aside.mobile-content-top  .wrapper h1 {
      padding: 20px 25px;
      background: #111111;
    }

    body.gallery aside.mobile-content-top .wrapper.closed h1,
    body.listing aside.mobile-content-top .wrapper.closed h1,
    body.content aside.mobile-content-top  .wrapper.closed h1 {
      width: calc(100% - 70px);
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
    }

    body.gallery aside.mobile-content-top .wrapper h1.image,
    body.listing aside.mobile-content-top .wrapper h1.image,
    body.content aside.mobile-content-top  .wrapper h1.image {
      line-height: 0;
    }

    body.gallery aside.mobile-content-top .wrapper.close h1,
    body.listing aside.mobile-content-top .wrapper.close h1,
    body.content aside.mobile-content-top  .wrapper.close h1 {
      margin-right: 20%;
    }

    body.gallery aside.mobile-content-top .container,
    body.listing aside.mobile-content-top .container,
    body.content aside.mobile-content-top  .container {
      -webkit-transform: translate3d(0,0,0);
      -moz-transform:  translate3d(0,0,0);
      -ms-transform:  translate3d(0,0,0);
      -o-transform:  translate3d(0,0,0);
      transform:  translate3d(0,0,0);

    }

    body.gallery aside.mobile-content-top.anim .container,
    body.listing aside.mobile-content-top.anim .container,
    body.content aside.mobile-content-top.anim  .container {
      -webkit-transition: -webkit-transform 0.2s ease-out;
      -moz-transition: -moz-transform 0.2s ease-out;
      -ms-transition: -ms-transform 0.2s ease-out;
      -o-transition: -o-transform 0.2s ease-out;
      transition: transform 0.2s ease-out;
    }


    body.gallery.mobile-menu-opened aside.mobile-content-top .container,
    body.listing.mobile-menu-opened aside.mobile-content-top .container,
    body.content.mobile-menu-opened aside.mobile-content-top .container {
      -webkit-transform: translate3d(100%,0,0);
      -moz-transform:  translate3d(100%,0,0);
      -ms-transform:  translate3d(100%,0,0);
      -o-transform:  translate3d(100%,0,0);
      transform:  translate3d(100%,0,0);
    }

    body.gallery aside.mobile-content-top .container.hide,
    body.listing aside.mobile-content-top .container.hide,
    body.content aside.mobile-content-top  .container.hide {
      -webkit-transform: translate3d(0,-100%,0);
      -moz-transform:  translate3d(0,-100%,0);
      -ms-transform:  translate3d(0,-100%,0);
      -o-transform:  translate3d(0,-100%,0);
      transform:  translate3d(0,-100%,0);
    }

    body.gallery #window_inner .video_inner {
      width: 100% !important;
    }

    #gallery_window.image {
      background-position: 50% 50% !important;
    }

    #gallery_window.image #copy_holder {
      top: 0 !important;
    }

    #bottomGradient {
      z-index: 9999;
      position: fixed;
      bottom: 0;
      left: 0;
      height: 70px;
      width: 100%;
      background: #000000;
      display: none;
    }

    #bottomGradient.open {
      
      -webkit-box-shadow: 0 10px 10px 10px #323232;
      -moz-box-shadow: 0 10px 10px 10px #323232;
      box-shadow: 0 10px 10px 10px #323232;
      
    }

    #bottomGradient.landscape {
      display: none !important;
    }

    #bottomGradient .button {
      position: absolute;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%,-50%);
      -moz-transform:  translate(-50%,-50%);
      -ms-transform:  translate(-50%,-50%);
      -o-transform:  translate(-50%,-50%);
      transform: translate(-50%,-50%);
      width: 44px;
      height: 44px;
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      border-radius: 5px;
      cursor: pointer;
      
      background: #232323;
      
    }

    #bottomGradient .button::after {
      content: url(https://bucket2.format-assets.com/theme_versions/4287109/assets/images/double-quote.svg);
    color: white;
    position: absolute;
    top: 50%;
    left: 50%;
    line-height: 0;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform:  translate(-50%,-50%);
    -ms-transform:  translate(-50%,-50%);
    -o-transform:  translate(-50%,-50%);
    transform: translate(-50%,-50%);
    }

    #bottomGradient .button.fade::after {
      content: url(https://bucket2.format-assets.com/theme_versions/4287109/assets/images/close-gallery.svg);
    }

    #gallery_window.video {
      background-position: 50% 50px !important;
    }

    #gallery_window.video #copy_holder {
      top: 0 !important;
    }

    #gallery_window.video #copy_holder.noCopy {
      display: none !important;
    }

    #gallery_window input[type="text"], #gallery_window textarea {
      width: 100%;
      background: none;
      border: 2px solid #eaeaea;
      color: #eaeaea;
      padding: 10px;
      font-size: 14px;
      line-height: 15px;
      box-sizing: border-box;
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      border-radius: 0px;
      -moz-border-radius: 0px;
      -webkit-border-radius: 0px;
    }

    #gallery_window input[type="submit"] {
      background: none;
      border: 2px solid #eaeaea;
      color: #eaeaea;
      padding: 10px;
      font-size: 14px;
      line-height: 15px;
      box-sizing: border-box;
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      border-radius: 0px;
      -moz-border-radius: 0px;
      -webkit-border-radius: 0px;
    }

    body.content #content input, body.content #content textarea {
      width: 100%;
      background: none;
      border: 2px solid #eaeaea;
      color: #eaeaea;
      padding: 10px;
      font-size: 14px;
      line-height: 15px;
      box-sizing: border-box;
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      border-radius: 0px;
      -moz-border-radius: 0px;
      -webkit-border-radius: 0px;
    }

    body.content #content input[type="submit"] {
      background: none;
      border: 2px solid #eaeaea;
      color: #eaeaea;
      padding: 10px;
      font-size: 14px;
      line-height: 15px;
      box-sizing: border-box;
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      border-radius: 0px;
      -moz-border-radius: 0px;
      -webkit-border-radius: 0px;
      width: auto;
    }

    body.gallery .assets-container .asset.asset-text i.icon-text {
      margin-top: 10px;
      margin-left: 10px;
    }

    body.gallery .assets-container .asset.asset-text a>span {
      padding-left: 10px;
      padding-right: 10px;
      line-height: 1.5;
      bottom: 10px;
    }

    .mobile-menu-trigger {
      cursor: pointer;
      /*display: none;*/
      position: absolute;
      padding: 14px 12px;
      top: 50%;
      right: 11px;
      width: 20px;
      height: 17px;
      -webkit-transform: translate(0,-50%);
      -moz-transform:  translate(0,-50%);
      -ms-transform:  translate(0,-50%);
      -o-transform:  translate(0,-50%);
      transform: translate(0,-50%);
      /*z-index: 998;*/
    }
    .mobile-menu-trigger > .ex {
      background: #eaeaea;
      display: block;
      position: absolute;
      top: 14px;
      left: 12;
      width: 20px;
      height: 3px;
    }
    .mobile-menu-trigger > .ex::before {
      background: #eaeaea;
      content: "";
      display: block;
      position: absolute;
      top: 7px;
      left: 0;
      width: 20px;
      height: 3px;
    }
    .mobile-menu-trigger > .ex::after {
      background: #eaeaea;
      content: "";
      display: block;
      position: absolute;
      top: 14px;
      left: 0;
      width: 20px;
      height: 3px;
    }

    body.gallery .assets-container .asset.asset-title,
    body.gallery .assets-container .asset.asset-title.text-title{
      width: 100% !important;
      max-width: none;
    }
    body.gallery a.logo, body.listing a.logo, body.content a.logo {
      max-height: 50px;
    }

    body.gallery a.logo img, body.listing a.logo img, body.content a.logo img{
      transform: scale(1.0);
-o-transform: scale(1.0);
-ms-transform: scale(1.0);
-moz-transform: scale(1.0);
-webkit-transform: scale(1.0);

      width: auto;
      max-height: 50px;
    }

    

    .pre_text, .post_text{
      width: 100%;
    }
    .mobile-menu-close {
      cursor: pointer;
      font-size: 0;
      line-height: 0;
      position: absolute;
      padding: 14px;
      top: 50%;
      right: 11px;
      font-family: sans-serif;
      z-index: 999;
      height: 16px;
      width: 16px;
      -webkit-transform: translate(0,-50%);
      -moz-transform:  translate(0,-50%);
      -ms-transform:  translate(0,-50%);
      -o-transform:  translate(0,-50%);
      transform: translate(0,-50%);
    }
    .mobile-menu-close::before {
      background: #222;
      content: "";
      display: block;
      position: absolute;
      top: 20px;
      left: 14px;
      width: 16px;
      height: 3px;
      -o-transform: rotate(45deg);
      -moz-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
      -webkit-transform: rotate(45deg);
      transform: rotate(45deg);
    }
    .mobile-menu-close::after {
      background: #222;
      content: "";
      display: block;
      position: absolute;
      top: 20px;
      left: 14px;
      width: 16px;
      height: 3px;
      -o-transform: rotate(-45deg);
      -moz-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
      -webkit-transform: rotate(-45deg);
      transform: rotate(-45deg);
    }
    #menu {
      margin-top: 0;
    }
    #menu li{
      word-break: break-word;
      display: block;
    }
    #menu .category>a {
      padding-left: 0;
    }
    #menu .category>a>span {
      font-size: 20px;
    }
    #menu .category>a>span::after {
      display: none;
    }
    #menu .category {
      margin: 20px 0;
    }
    #menu .category>ul, #menu .category.active>ul{
      display: inline;
    }

    #menu .category>ul li{
      padding-left: 10px;
    }

    #menu li>a {
      display: inline-block;
      font-size: 20px;
      line-height: 26px;
      padding-left: 0;
      width: calc(100% - 40px);
      vertical-align: top;
    }

    #social, .post_text{
      /*display: none;*/
    }

    body.gallery #social,
    body.listing #social,
    body.content #social {
      margin-bottom: 32px;
    }

    body.gallery #social a,
    body.listing #social a,
    body.content #social a {
      width: 25px;
      height: 25px;
    }

    body.gallery #social .social-icon,
    body.listing #social .social-icon,
    body.content #social .social-icon {
      height: 19px;
    }

    .social_icons .social_icon {
      font-size: 19px;
      margin-right: 15px;
      margin-bottom: 5px;
      width: 25px;
      height: 25px;
      line-height: 25px;
    }

    .social_icons .social_icon::before {
      margin-left: 0.1em;
      margin-right: 0.1em;
    }

    #share_button {
      line-height: 25px;
      height: 25px;
      vertical-align: top;
    }
    #share_button a {
      font-size: 19px;
      font-family: inconsolata, monospace;
    }

    body.listing .assets-container .asset{
      float: none;
      margin: 0 2% 4% 2%;
      width: 44%;
      height: auto !important;
      vertical-align: top;
      display: inline-block;
    }

    body.content #content_page_wrapper {
      padding: 0;
    }

    body.content #content_page_wrapper ._4ORMAT_content_page_row .onecol, body.content #content_page_wrapper ._4ORMAT_content_page_row .twocol, body.content #content_page_wrapper ._4ORMAT_content_page_row .threecol, body.content #content_page_wrapper ._4ORMAT_content_page_row .fourcol, body.content #content_page_wrapper ._4ORMAT_content_page_row .fivecol, body.content #content_page_wrapper ._4ORMAT_content_page_row .sixcol, body.content #content_page_wrapper ._4ORMAT_content_page_row .sevencol, body.content #content_page_wrapper ._4ORMAT_content_page_row .eightcol, body.content #content_page_wrapper ._4ORMAT_content_page_row .ninecol, body.content #content_page_wrapper ._4ORMAT_content_page_row .tencol, #content_page_wrapper ._4ORMAT_content_page_row .elevencol, body.content #content_page_wrapper ._4ORMAT_content_page_row .twelvecol {
      padding-left: 2px !important;
      padding-right: 2px !important;
    }

    body.content #content_page_wrapper [data-content-module-removable], body.content #content_page_wrapper [data-content-module-removable] .threecol, body.content #content_page_wrapper [data-content-module-removable] .fourcol, body.content #content_page_wrapper [data-content-module-removable] .sixcol, body.content #content_page_wrapper [data-content-module-removable] .eightcol, body.content #content_page_wrapper [data-content-module-removable] .twelvecol {
      padding: 0;
    }

    body.content #content_page_wrapper input {
      border-color: #eaeaea !important;
      border-width: 2px;
      border-bottom-width: 0;
      border-radius: 0px;
      -moz-border-radius: 0px;
      -webkit-border-radius: 0px;
    }

    body.content #content_page_wrapper .row.naked .last input {
      border-right-width: 2px;
      border-radius: 0px;
      -moz-border-radius: 0px;
      -webkit-border-radius: 0px;
    }

    body.content #content_page_wrapper textarea {
      border-color: #eaeaea !important;
      border-width: 2px;
      border-radius: 0px;
      -moz-border-radius: 0px;
      -webkit-border-radius: 0px;
    }

    body.content #content_page_wrapper .row.naked .last textarea {
      border-right-width: 2px;
      border-bottom-width: 2px;
      border-radius: 0px;
      -moz-border-radius: 0px;
      -webkit-border-radius: 0px;
    }

    body.content #content_page_wrapper input[type="submit"] {
      border-color: #eaeaea !important;
      border-width: 2px;
      border-radius: 0px;
      -moz-border-radius: 0px;
      -webkit-border-radius: 0px;
    }

    body.gallery #overlay {
      background: #000000;
      opacity: 1;
      z-index: 1000;
    }

    body.gallery .lightbox-wrapper {
      z-index: 1001;
    }

    body.gallery #gallery_window {
      padding: 25px 25px 10px;
      box-sizing: border-box;
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      width: 100% !important;
      left: 0;
      height: auto !important;
      margin-left: 0 !important;
    }

    body.gallery #window_inner {
      height: auto !important;
      text-align: center;
    }

    body.gallery #copy_holder {
      position: relative;
      left: 0;
      margin: 20px auto 70px !important;
      display: none;
    }

    body.gallery #copy_holder.landscape {
      position: relative;
      left: 0;
      margin: 20px auto 0px !important;
      display: block !important;
    }

    body.gallery .lightbox-wrapper.tL #copy_holder.landscape {
      display: none !important;
    }

    body.gallery #copy_holder .inner {
      padding: 0 10px;
      font-weight: 500;
      line-height: 19px;
      font-size: 16px;
    }

    body.gallery .icon-close:before {
      color: #eaeaea;
    }

    body.listing .assets-container .asset .caption {
      font-size: 14px;
      line-height: 18px;
    }

    body.content .simple_container_12 .grid_12 {
      width: 100%;
      margin-left: 0;
      margin-right: 0;
    }

    body.blog .f_blog_wrapper {
      padding: 0;
    }

    body.blog .f_blog_wrapper iframe {
      max-width: 100%;
    }

    body.blog .f_blog_navigation a {
      display: none;
    }

    body.blog .f_blog_navigation a.blog-nav-next, body.blog .f_blog_navigation a.blog-nav-prev, body.blog .f_blog_navigation a.first, body.blog .f_blog_navigation a.last {
      display: inline-block;
      width: 19%;
      box-sizing: border-box;
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
    }

    body.blog .f_blog_navigation span.f_blog_body_typography {
      width: 19%;
      box-sizing: border-box;
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
    }

    body.blog .f_blog_title.in_thumbs {
      font-size: 32px !important;
    }

    body.blog .f_blog_date {
      margin-bottom: 22px;
      font-size: 14px !important;
      font-style: normal;
    }

    body.blog .f_blog_date small {
      font-size: 100%;
    }

    body.blog .f_blog_separator {
      margin: 40px 0;
    }

    body.blog .f_blog_separator:last-child {
      opacity: 0;
    }

    #share_button a,
    .f-share-panel {
      display: none;
    }
  }




/* Blog styling */

.f_blog_body_typography,
.f_blog_body_typography:hover {
  color: #eeeeee !important;
  font-family: "Input Mono Narrow Regular", "Input Mono Narrow Regular", monospace !important;
  font-size: 21px !important;
  line-height: 1.8 !important;
}
.f_blog_body_typography > p { line-height: 1.8 !important; }

.f_blog_body_typography_color,
.f_blog_body_typography_color:hover,
.blog_date_icon_path { fill: #eeeeee !important; }

.f_blog_title_typography,
.f_blog_title_typography:hover {
  color: #eeeeee !important;
  font-family: "Input Mono Narrow Bold", "Input Mono Narrow Bold", monospace !important;
  font-size: 48px !important;
  font-style: normal !important;
  font-weight: normal !important;
}
.f_blog_title_typography_hover:hover {
  color: #eeeeee !important;
  text-decoration: underline !important;
}

/* Hack to make listing hovers work nicely */
.f_blog_list a:hover h4 {
  color: #eeeeee !important;
  text-decoration: underline !important;
}

.fancybox-title .child, /* apply to fancybox for popup image captions */
.f_blog_caption_typography {
  font-family: Inconsolata, monospace !important;
  font-size: 18px !important;
}
.f_blog_caption_typography_font-size { font-size: 18px !important; }


.f_blog_wrapper .slidesjs-container { background: #000; }


/* ------------------------------------------------------------------ */
/* Content Pages styling */

#content #content_page_wrapper h2.xl-headline {
  font-size: 32px;
}

/*
------------------------------------------------------------------
Client Access Pages
------------------------------------------------------------------
*/

.client_page .private_page form p {
	color: #eaeaea !important;
  font-size: 18px !important;
}

.f_client_header {
  border-bottom: 1px solid rgba(234, 234, 234, 0.3)!important;
}

.f_client_header_copy p {
  color: #eaeaea !important;
}


.f_client_header_info .f_btn {
	color: #eaeaea !important;
	border: 1px solid #eaeaea !important;
	font-family: "Input Mono Narrow Regular", "Input Mono Narrow Regular", monospace !important;
	font-size: 18px !important;
}


.client_page .private_page form input[type='submit'] {
	color: #eaeaea !important;
	border: 1px solid #eaeaea !important;
}

.f-load-more .spinner-wrap .spinner-circle {
  stroke: #eaeaea !important;
}

@media only screen and (max-width: 768px) {
  .f_assets-container .f_client_gallery .f_asset:not(.f_asset-title) {
      margin: 0px 2% 20px 2%;
  }
}


/*
------------------------------------------------------------------
Store Pages
------------------------------------------------------------------
*/

.product-list .product-name {
  font-size: 15px !important;
}

.product-list ._4ORMAT_content_page_row .product {
  margin: 0 1% 30px 1% !important;
}

.product-list .product a {
  color: #eaeaea !important;
}

.product-shipping-option {
  border-color: #eaeaea !important;
}

body.order_confirmation_page .btn-cancel,
.product-order-form .f-add-to-cart-button,
.product-order-form .select2-choice {
  background: transparent !important;
  border: 1px solid rgba(234, 234, 234, 0.2) !important;
  color: #eaeaea !important;
}

.product-order-form .f-add-to-cart-button {
  border: 1px solid rgba(234, 234, 234, 0.3) !important;
}

body.product_page .select2-drop {
  background: #111111 !important;
  border: 1px solid rgba(234, 234, 234, 0.2) !important;
  color: #eaeaea !important;
}

body.product_page .select2-drop ul,
body.product_page .select2-drop ul .select2-result-label {
  border-color: rgba(234, 234, 234, 0.2) !important;
}

body.product_page .select2-results .select2-highlighted,
.product-order-form .f-add-to-cart-button:hover {
  background: rgba(234, 234, 234, 0.1) !important;
}

body.product_page .select2-results .select2-highlighted {
  color: #eaeaea !important;
}

body.product .product-order-form .select2-container .select2-choice div b:before {
  border-top-color: rgba(234, 234, 234, 0.6) !important;
}

body.order_confirmation_page .order-confirmation {
  border: 1px solid #eaeaea !important;
}

body.order_confirmation_page .order-confirmation .order-confirmation-details {
  border-top: 1px solid #eaeaea !important;
  border-bottom: 1px solid #eaeaea !important;

}

body.order_confirmation_page .order-confirmation .order-confirmation-details .order-confirmation-products th,
body.order_confirmation_page .order-confirmation.mobile .order-confirmation-details dl,
body.order_confirmation_page .order-confirmation.mobile .order-confirmation-products .order-confirmation-product {
  border-bottom: 1px solid #eaeaea !important;
}

body.order_confirmation_page .order-confirmation .order-confirmation-total tr:last-child td,
body.order_confirmation_page .order-confirmation.mobile .order-confirmation-details {
  border-top: 1px solid #eaeaea !important;
}

body.order_confirmation_page .order-confirmation.mobile .order-confirmation-payment {
  border: 0 !important;
}

body.order_confirmation_page .order-confirmation .order-confirmation-details dl dt,
body.order_confirmation_page .order-confirmation .order-confirmation-details .order-confirmation-products th,
body.order_confirmation_page .order-confirmation .order-confirmation-total td:first-child {
  color: #eaeaea !important;
}


body.order_confirmation_page .btn-confirm,
body.order_download_page .btn-return,
body.order_thank_you_page .btn-return,
body.order_payment_error_page .btn-return {
  background: #eaeaea !important;
  border: none !important;
  color: #111111 !important;
}

body.order_download_page svg {
  fill: #37a081;
}

.f-back-to-store-link svg {
  fill: #37a081;
}

@media only screen and (max-width: 767px) {
  body.order_confirmation_page #content,
  body.order_download_page #content,
  body.order_thank_you_page #content,
  body.order_payment_error_page #content {
    padding: 95px 0 70px 0 !important;
  }

  body.product_page #content {
    padding: 95px 1em 70px 1em !important;
  }

  body.store_page #content {
    padding-bottom: 70px !important;
  }
  #content_page_wrapper .order-confirmation.ninecol {
    margin: 0 !important;
  }
}