/*
Theme Name: Neubau
Theme URI: https://www.robert-loeber.com
Author: Robert Loeber
Author URI: https://www.robert-loeber.com
Description: Neu!
Version: 2.0.1
License: Loeber
License URI: https://www.robert-loeber.com
Tags: responsive-layout
*/

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 {
    font-size: 100%;
    font: inherit;
    padding: 0;
    border: 0;
    margin: 0;
    vertical-align: baseline
}
body {
           font-family: 'nb_akademieregular', helvetica, sans-serif;
        font-size:25px;
	line-height:30px;
        letter-spacing:0px;
        margin:0;
        padding:0;
	color:#000;
	text-align:center;
	background:#fff;
	-webkit-font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;
	-o-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
    /*text-rendering: optimizeLegibility;*/
    text-rendering: geometricPrecision;
    /*font-smoothing: antialiased;*/
    letter-spacing: -0.3px;
}
ol,
ul {
    list-style: none
}
blockquote,
q {
    quotes: none
}
blockquote:before,
blockquote:after,
q:before,
q:after {
    content: '';
    content: none
}
table {
    border-collapse: collapse;
    border-spacing: 0
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block
}
.clear {
    clear: both
}
.sticky {}.bypostauthor {}.wp-caption {}.wp-caption-text {}.gallery-caption {}.alignright {}.alignleft {}.aligncenter {}







.half {width:50%;float:left;}
body.category .half, body.blog .half, body.single-post .half {width:75%;max-width:1000px;}

body.page-template-page-instock-php #grid,
body.page-template-page-instock-book-php #grid,
body.page-template-page-instock-posters-php #grid,
body.page-template-page-instock-printed-matter-php #grid,
body.page-template-page-instock-typeface-php #grid,
body.page-template-page-instock-vector-set-php #grid
{margin:0 10%;}

body.single .images img:hover {cursor:auto;}

a.link_untco_image {display:none;}

.sharedaddy {}
.sharedaddy ul {margin:0;padding:0px;list-style:none;}
.sharedaddy li {display:inline;padding:0px;margin:0;}
.sharedaddy h3 {
border-bottom: 0px solid #999;
font-size: 12px;
font-weight: normal!important;
margin-top: 0px;
}
.sharedaddy .sd-content {display:inline;}
.sharedaddy ul:before {content:"Share"}
.sharedaddy ul li {display:none;}
.sharedaddy ul:hover:before {content:""}
.sharedaddy ul:hover li {display:inline-block;margin-right:15px;}
.sharedaddy .share-end {display:none;margin-left: 0px!important;}

a.hashtag {}

#tweet-title, #reg-title {display:inline-block;}

.grid-item #tweet-title {display:none;}

.grid-item.category-twitter-feed #tweet-title {display:inline-block;}
.grid-item.category-twitter-feed #reg-title {display:none;}
.grid-item.category-twitter-feed .tweet-meta {display:inline-block;}
.grid-item .tweet-meta {display:none;}


body.blog .grid-item img {max-width:100%;width:auto;margin-top:15px;}
.grid-item.category-twitter-feed img {max-width:100%;width:auto;margin-top:15px;}
.grid-item.category-updates img {max-width:100%;width:auto;margin-top:15px;}
.grid-item.category-exhibitions img {max-width:100%;width:auto;margin-top:15px;}

.grid-item.twitter {background:#f2f2f2;max-width:600px;padding:20px;text-align:left;margin:0 1px 1px;vertical-align:top;}

body.home #grid, body.page-template-page-instock-php #grid, body.page-template-page-instock-book-php #grid, body.page-template-page-instock-posters-php #grid, body.page-template-page-instock-printed-matter-php #grid, body.page-template-page-instock-typeface-php #grid, body.page-template-page-instock-vector-set-php #grid {
	font-size:0;
}

p {margin:0 0 25px 0;}

a#studio-pub-link:hover, a#press-link:hover, a#team-link:hover, a#pub-link:hover, a#client-link:hover, a#ex-link:hover {cursor:pointer;}


#header, #footer {max-width:1970px;}
#project-body {max-width: 1500px;}
#studio-right {max-width: 1445px;}

span.u {border-bottom:1px solid #000;}

body.page-id-9086 .product {width:100%;overflow:visible;}
body.page-id-9086 .product:nth-child(even) {max-width:inherit;}
body.page-id-9086 .product:nth-child(3n+3) {max-width:inherit;}

body.search-results .product {width:100%;overflow:visible;}
body.search-results .product:nth-child(even) {max-width:inherit;}
body.search-results .product:nth-child(3n+3) {max-width:inherit;}

body.blog .grid-item {width:100%;overflow:visible;}
body.blog .grid-item:nth-child(even) {max-width:inherit;}
body.blog .grid-item:nth-child(3n+3) {max-width:inherit;}

body.blog .grid-item, body.category .grid-item {margin-bottom:30px;}
body.blog .grid-item .cell-title p, body.category .grid-item .cell-title p {}

body.single-post .grid-item {width:100%;overflow:visible;}
body.single-post .grid-item:nth-child(even) {max-width:inherit;}
body.single-post .grid-item:nth-child(3n+3) {max-width:inherit;}

body.single-post .grid-item {margin-bottom:30px;}

body.category .grid-item {width:100%;overflow:visible;}
body.category .grid-item:nth-child(even) {max-width:inherit;}
body.category .grid-item:nth-child(3n+3) {max-width:inherit;}

body.category #header li.current_page_parent a {border-bottom:1px solid #000;}

body.tax-product_cat .product {max-width:100%;display:block;margin:0;padding:0;}
body.tax-product_cat .product:nth-child(even) {max-width:100%;display:block;}
body.tax-product_cat .product:nth-child(3n+3) {max-width:100%;display:block;}

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

body.single {}

.video {
    display:inline-block;
    vertical-align:bottom;
    margin-bottom:2px;
    margin-right:2px;
    width:100%;
    max-width:100%;
    box-sizing: border-box;
    margin-top:  30px;
}

#project-body .video {
    margin-bottom: -28px;
}

/*@media (min-width: 700px) {
    #single .video {
        padding-left: 80px;
        padding-left: calc(-5% + 160px);
    }
}

@media (min-width: 1281px) {
    #single .video {
        padding-left: 170px;
        padding-left: calc(-5% + 240px);
    }
}*/

.video p {margin:0px!important;}
.arve-wrapper {margin-bottom:0px!important;display:inline-block;max-width:950px !important;width: 100%;margin:0 1px 1px;}

#single .fixed {position:fixed;top:110px;left:40px;text-align:left;padding:10px;z-index:100;width:350px;}
#single .fixed a {color:#000;}
#single .fixed a:hover {color:#000;}

#single .fixed-info {background:#fff;position:fixed;top:85px;left:0;max-width:650px;text-align:left;padding:65px 30px 30px;z-index:90;-webkit-transition: 0.2s ease-in-out;
  	-moz-transition: 0.2s ease-in-out;
  	-o-transition: 0.2s ease-in-out;
  	-webkit-transition: 0.2s ease-in-out;
  	-ms-transition: 0.2s ease-in-out;
  	transition: 0.2s ease-in-out;}
#single .fixed-info a {color:#000;}
#single .fixed-info a:hover {color:#000;}

body.info-close #single .fixed-info {left:-150%;}

.fixed {position:fixed;top:110px;left:40px;text-align:left;padding:10px;z-index:100;width:345px;}
.fixed a {border-bottom:0px solid #000;}
.fixed a:hover {border-bottom:1px solid #000;}
.fixed li.current-menu-item a {border-bottom:1px solid #000;}
.fixed li.current-cat a {border-bottom:1px solid #000;}

body.page-id-9455 .fixed a {border-bottom:1px solid #000;}
body.page-id-9455 .fixed a:hover {border-bottom:0px solid #000;}

body.page-id-9035 .fixed a {border-bottom:1px solid #000;}
body.page-id-9035 .fixed a:hover {border-bottom:0px solid #000;}

body.page-id-9446 .fixed a {border-bottom:1px solid #000;}
body.page-id-9446 .fixed a:hover {border-bottom:0px solid #000;}

#sticky-anchor {position:absolute;top:1px;width:1px;height:1px;left:100px;z-index:1000;background:red;}

ul#team {list-style:none;height:0;opacity:0;overflow:hidden;margin-bottom:0px;}
ul#team li {display:inline-block;margin-right:3px;}
ul#team li:after {content:",";margin-left:-5px;}
ul#team li:nth-last-child(1):after {content:"";margin-left:0px;}
ul#team li span {border-bottom:0px solid #000;}
ul#team li span:hover {border-bottom:0px solid #000;}
ul#team li#current span:after {content:"*"; position: absolute;}

#clients {}
ul#clients {list-style:none;height:0;opacity:0;overflow:hidden;margin-bottom:0px;}
ul#clients li {display:inline-block;margin-right:3px;}
ul#clients li:after {content:",";margin-left:-5px;}
ul#clients li:nth-last-child(1):after {content:"";margin-left:0px;}
ul#clients li a {border-bottom:0px solid #000;}
ul#clients li a:hover {border-bottom:1px solid #000;}

#press {}
ul#press {list-style:none;height:0;opacity:0;overflow:hidden;}
ul#press li {display:inline-block;margin-right:3px;}
ul#press li:after {content:",";margin-left:-5px;}
ul#press li:nth-last-child(1):after {content:"";margin-left:0px;}
ul#press li a {border-bottom:0px solid #000;}
ul#press li a:hover {border-bottom:1px solid #000;}

#exhibitions {}
ul#exhibitions {list-style:none;height:0;opacity:0;overflow:hidden;}
ul#exhibitions li {display:inline-block;margin-right:3px;}
ul#exhibitions li:after {content:",";margin-left:-5px;}
ul#exhibitions li:nth-last-child(1):after {content:"";margin-left:0px;}
ul#exhibitions li a {border-bottom:0px solid #000;}
ul#exhibitions li a:hover {border-bottom:1px solid #000;}


ul#studio-pub {list-style:none;height:0;opacity:0;overflow:hidden;}

body.client-view ul#clients {height:inherit;opacity:1;margin-bottom:30px;}
body.team-view ul#team {height:inherit;opacity:1;margin-bottom:30px;}
body.press-view ul#press {height:inherit;opacity:1;}
body.ex-view ul#exhibitions {height:inherit;opacity:1;}
body.studio-pub-view ul#studio-pub {height:inherit;opacity:1;}

#header li#nav_menu-9 ul li {margin-right:7px;position:relative;}
#header li#nav_menu-9 ul li:after {content:", ";margin-left:2px;}

#header #iphone li#nav_menu-12 ul li {font-size:18px;}
#header #iphone li#nav_menu-12 ul li a:after {content:"";right:0px;position:absolute;}
#header #iphone li#nav_menu-12 {width:100%;display:block;}
#header #iphone li#nav_menu-12 .menu-main-container {display:block;}

#footer li#nav_menu-10 ul li {margin-right:7px;position:relative;}
#footer li#nav_menu-10 ul li a:after {content:",";right:-7px;position:absolute;}
#footer li#nav_menu-10 ul li:nth-last-child(1) a:after {content:"";right:0px;position:absolute;}

.topright li#nav_menu-11 {display:inline-block;}
.topright li#nav_menu-14 {display:inline-block;}
.topright li#nav_menu-11 ul li {margin-right:7px;position:relative;}
.topright li#nav_menu-11 ul li a:after {content:",";right:-7px;position:absolute;}

li#nav_menu-13 {display:block;list-style:none;}
li#nav_menu-13 ul {margin:0;padding:0;}
li#woocommerce_product_categories-3 {display:block;list-style:none;}
li#woocommerce_product_categories-3 ul {margin:0;padding:0;}

li#nav_menu-7 {display:block;list-style:none;}
li#nav_menu-7 ul {margin:0;padding:0;}

li#categories-5 {display:block;list-style:none;}
li#categories-5 h2 {display:none;}
li#categories-5 ul {margin:0;padding:0;}

li#nav_menu-15 {display:block;list-style:none;}
li#nav_menu-15 ul {margin:0;padding:0;}




/*
    Hide the original radios and checkboxes
    (but still accessible)

    :not(#foo) > is a rule filter to block browsers
                 that don't support that selector from
                 applying rules they shouldn't

*/
input[type='radio'] {

    /* Hide the input, but have it still be clickable */
    opacity: 0;

    float: left;
    width: 0px;
}

input[type='radio'] + label {
    margin: 0;
    clear: none;
    padding: 13px 0 13px 40px;
    cursor: pointer;
    background: url(/img/off.png) left center no-repeat;
	width:32px;
	height:32px;
}

/*
    Change from unchecked to checked graphic
*/
input[type='radio']:checked + label {
    background-image: url(/img/radio.png);
	width:32px;
	height:32px;
}
input[type='checkbox']:checked + label {
    background-image: url(/img/check.png);
	width:32px;
	height:32px;
}

.icon {-webkit-transition: 0.2s ease-in-out;
  	-moz-transition: 0.2s ease-in-out;
  	-o-transition: 0.2s ease-in-out;
  	-webkit-transition: 0.2s ease-in-out;
  	-ms-transition: 0.2s ease-in-out;
  	transition: 0.2s ease-in-out;display:inline-block;font-size:70%;font-weight:normal;transform: rotate(45deg) ;-webkit-transform: rotate(45deg) ;-moz-transform: rotate(45deg) ;-o-transform: rotate(45deg) ;-ms-transform: rotate(45deg) ;}
.icon:before  {content:"\e605"; font-family: 'icomoon';}
body.info-close .icon {transform: rotate(0deg) ;-webkit-transform: rotate(0deg) ;-moz-transform: rotate(0deg) ;-o-transform: rotate(0deg) ;-ms-transform: rotate(0deg) ;}

#iphone-menu a {border-bottom:0px solid #000!important;color:#000!important;}

#iphone-menu {display:none;float:right;position: absolute;z-index: 100;right:0;}
#iphone-menu a#menu-button:before {content:"+"; font-size:25px;padding: 15px;}
#iphone-menu:hover {cursor:pointer;}
body.menu-open #iphone-menu a#menu-button:before {content:"–";}
#iphone-menu a {border-bottom:0px solid #000!important;color:#000!important;}
#iphone-menu a:hover {border-bottom:0px solid #000!important;color:#666!important;}
#iphone {position:fixed;top:-100%;left:0;right:0;background:#fff;padding:50px 10px 10px;z-index:5;text-align:left;z-index:10;
	-webkit-transition: 0.2s ease-in-out;
  	-moz-transition: 0.2s ease-in-out;
  	-o-transition: 0.2s ease-in-out;
  	-webkit-transition: 0.2s ease-in-out;
  	-ms-transition: 0.2s ease-in-out;
  	transition: 0.2s ease-in-out;}
#iphone a {border-bottom:0px solid #000!important;color:#000;}
#iphone a:hover {border-bottom:0px solid #000!important;color:#666!important;}
body.menu-open #iphone {top:0;}

span.links {display:block;float:left;}
li#nav_menu-10 {list-style:none;}
li#nav_menu-10 ul {margin:0;padding:0px;}
li#nav_menu-10 ul li {display:inline-block;}

#infscr-loading {opacity:0;height:0px;visibility: hidden;}
#infscr-loading img {opacity:0;height:0px;visibility: hidden;}

.rsDefault {background:#fff!important;text-align:left!important;}

.grid-item .list-img {margin:30px 0 0;display:none;}
.grid-item .list-img img {display:inline-block;height:180px;}

#studio {text-align:left;}
#studio-left {float:left;width:345px;}
#studio_picture {margin-bottom:15px;}
#studio_picture img {width:100%!important;height:auto!important;margin:0!important}
#studio-right {margin:0 0 0 375px;}
#studio_bio {margin-bottom:30px;}
#studio_social {margin-bottom:0px;}
#studio_social .from-meta {display:none;}
#studio_social .time-meta {display:block;}
#studio_social .time-meta a:before {content:"@NeubauBerlin (";}
#studio_social .time-meta a:after {content:")";}
#studio_social .time-meta a {border-bottom:0px solid #000;}
#studio_social .time-meta a:hover {border-bottom:1px solid #000;}
#studio_social .entry-content:before {content:'"';}
#studio_social .entry-content:after {content:'"';}
#studio_social .entry-content a.twitter-hashtag {}
#studio_social .entry-content {font-size:200%;line-height:110%;}
#studio_social h2 {display:none;}
#studio_social ul {margin:0;padding:0;}


a.external {border-bottom:0px solid #000;position: relative;padding-left: 30px;}
a.external:hover {border-bottom:1px solid #000;}
a.external:before {content:"\2192";position: absolute;left: 0;top: -2px;font-size: 24px;}

body.single a.external {border-bottom:1px solid #000;position: relative;padding-left: 30px;}
body.single a.external:hover {border-bottom:0px solid #000;}

#single #project-body {text-align:left;padding: 0 0 30px 375px;}
#project-body {text-align:left;padding: 0 0 30px 375px;}

body.list-view .grid-item .grid {opacity:0!important;visibility:hidden!important;width:0!important;height:0!important;padding:0!important;margin:0!important;-webkit-transition: opacity 0.3s ease 0.3s;-moz-transition: opacity 0.3s ease 0.3s;-o-transition: opacity 0.3s ease 0.3s;-webkit-transition: opacity 0.3s ease 0.3s;-ms-transition: opacity 0.3s ease 0.3s;transition: opacity 0.3s ease 0.3s;}
body.list-view .grid-item .list {display: block!important;opacity: 1!important;height: inherit!important;visibility: visible!important;width: auto!important;padding: 20px 0!important;margin: 0 20px!important;}
body.list-view #toggle span#grid-toggle  {color:#ccc!important;}
body.list-view #toggle span#list-toggle  {color:#000!important;}
body.list-view span#grid-toggle-iphone  {color:#ccc!important;}
body.list-view span#list-toggle-iphone  {color:#000!important;}
#toggle span#list-toggle {color:#ccc;}
span#list-toggle-iphone {color:#ccc;}
.grid-item, .product {display:inline-block;margin:0 1px 0;padding:0 0 2px;}
.grid {display:inline-block;vertical-align:bottom;margin:0 1px 2px;padding:0;}
.grid img {}
.list {display:block;opacity: 1;padding: 0!important;text-align:left;-webkit-transition: opacity 0.3s ease 0.3s;-moz-transition: opacity 0.3s ease 0.3s;-o-transition: opacity 0.3s ease 0.3s;-webkit-transition: opacity 0.3s ease 0.3s;-ms-transition: opacity 0.3s ease 0.3s;transition: opacity 0.3s ease 0.3s;}
.list:hover {}
.list .images {opacity:1;height: 0; overflow: hidden;-webkit-transition: height 0.2s ease;
-moz-transition: height 0.2s ease;
-ms-transition: height 0.2s ease;
-o-transition: height 0.2s ease;
transition: height 0.2s ease;
-webkit-transition: opacity 0.2s ease 0.1s;
-moz-transition: opacity 0.2s ease 0.1s;
-ms-transition: opacity 0.2s ease 0.1s;
-o-transition: opacity 0.2s ease 0.1s;
transition: opacity 0.2s ease 0.1s;display:none;}
.product.active .list .images {height:100px;opacity:1;margin-top:5px;display:block;}

body.images-active .product .list .images {height:inherit;opacity:1;margin-top:5px;display:block;}
body.images-active .product.active .list .images {height:inherit;opacity:1;margin-top:5px;display:block;}

.product.active .list .title {border-bottom:1px solid #000;}

span.img {}
a#images-link:hover {cursor: pointer;border-bottom:0px solid #000;}
a#images-link:hover span {border-bottom:1px solid #000;}
a#images-link:after {content:"\e601";font-family: 'icomoon';font-size:75%;margin-left:5px;}
body.images-active a#images-link:after {content:"\e602";font-family: 'icomoon';font-size:75%;margin-left:5px;}
body.images-active a#images-link span {border-bottom:1px solid #000;}


.list a {border-bottom:0px solid #000;}
.list a:hover {border-bottom:1px solid #000!important;}

span.title:hover {border-bottom:1px solid #000;cursor:pointer;}

.list .images img {width:auto;height:100px;float:left;margin-right:1px;margin-bottom:1px;}
.list-table {display:table;width:100%;}
.list-table-cell {vertical-align:top;display: table-cell;}
.cell-date {float:left;width:110px;text-align:left;}
.cell-title {vertical-align:top;margin-left:120px;margin-right:10px;text-align:left;}
.cell-cat {margin-right:190px;vertical-align:top;min-height: 1px;}
.cell-view {width:180px;float:right;}
.cell-cat ul.post-categories {-webkit-margin-before: 0;
-webkit-margin-after: 0;
-webkit-margin-start: 0;
-webkit-margin-end: 0;
-webkit-padding-start: 0;}
.cell-cat ul.post-categories li {display:inline;}
.cell-cat ul.post-categories li + li:before {content:", ";margin-left:-5px;}


#toggle {position:fixed;bottom:20px;right:20px;z-index:10;font-size:23px;}
#toggle span#grid-toggle, #header span#list-toggle, #header span#list-toggle-iphone, #header span#grid-toggle-iphone {cursor:pointer;}
#toggle span#grid-toggle:hover, #header span#list-toggle:hover, #header span#list-toggle-iphone, #header span#grid-toggle-iphone {cursor:pointer;}






.rsArrowIcn {opacity:1!important;}
.rsArrowIcn:hover {opacity:0.5!important;}

.post-1524 {width:100%;max-width:1500px;margin:0 auto;padding:50px;}
.post-1524 img {width:100%;height:auto;max-width:1500px;}

.more {height:100px;width:100%;}
.more .left {width:50%;background:yellow;float:left;height:100%;text-align:left;}
.more .right {width:50%;background:lime;float:right;height:100%;text-align:right;}
.more img {height:80px;width:auto;}
.more a {border-bottom:0px solid #000;}
.more a:hover {border-bottom:1px solid #000;}
.more .format-standard {width: 100%;}
.more .format-image {width: 100%;}
.more .tag-white {color:#fff;}
.more .tag-white a {color:#fff;}
.more .tag-white a:hover {border-bottom:1px solid #fff;}

.middle-more {display: table;height:100%;width:95%;margin:0 auto;}
.middle-more-cell {display: table-cell!important;vertical-align: middle!important;}

.body-text {text-transform:capitalize;letter-spacing:1px;}

.grid-item.tag-white .project-title .meta a, .grid-item.tag-white .project-title .meta {color:#fff!important;}


img {background:rgba(0,0,0,0.1);}
img:hover{}

#single-loop {position:absolute;z-index:0;top:100%;background:white;width:100%;}

.rsImg:hover{cursor:pointer!important;}

ul {list-style:none;}
li {}

::-moz-selection {
  background: rgba(0,0,0,0.05);
}

::selection {
  background: rgba(0,0,0,0.05);
 }


a.home {border-bottom:0px solid #000;}
a.home span.bau {}
a.home:hover {border-bottom:0px solid #000!important;}
a.home:hover span.neu {border-bottom:1px solid #000;}
a.home:hover span.bau {opacity:0;}



.top {display:inline-block;}
.top span {cursor:pointer;border-bottom:1px solid #000;}
.top span:hover {cursor:pointer;border-bottom:1px solid #000;}

#footer {text-align:left;padding:20px 50px;line-height:35px;position:fixed;bottom:0;left:0;right:0;}
#footer a {color:rgba(0,0,0,1);border-bottom:0px solid rgba(0,0,0,1);}
#footer a:hover {color:rgba(0,0,0,1);border-bottom:1px solid rgba(0,0,0,1);}
#footer span.copy {float:left;}
#footer span.extra {float:left;margin-left:5px;}
#footer .top {float:right;}

.project-single {
position: absolute;
top: 65px;
left: 0;
right: 0;
bottom: 65px;
height: auto;
display: block;
}

.work {cursor:pointer;display:inline;}
.work {padding:8px 10px;border-right:1px solid #000;color:#000;text-transform:uppercase;}
.work:hover {color:#fff;background:#000;}

.topleft {text-align:left;float:left;position: relative;z-index: 100;}
.topright {text-align:right;float:right;position: relative;z-index: 100;}







#header .bottomright a {color: #000000; text-decoration: none; border-bottom: 1px solid #000000;}
#header .bottomright a:hover { color: #000000;text-decoration: none;border-bottom: 0px solid #000000;}

#header .topright a {border: 0px solid #000;}
#header .topright a:hover {}


#header {position:fixed;z-index:100;top:0;left:0;right:0;padding:20px 50px;}
#header a {color: #000000; text-decoration: none; border-bottom: 0px solid #000000;padding-bottom:0px;}
#header a:hover { color: #000000;text-decoration: none;border-bottom: 1px solid #000000;}
#header .current_page_item a:link {border-bottom:1px solid #000000;padding-bottom:0px;}
#header .current-page-ancestor a:link {border-bottom:1px solid #000000;padding-bottom:0px;}

#header ul {list-style: none;margin: 0;padding: 0;}
#header li {margin:0;display:inline;}

.fade 	{opacity: 1;
	-webkit-transition: opacity 400ms ease-in-out;
	transition: opacity 400ms ease-in-out;
	}



img {

}

.indent {position: absolute;margin-left: 375px;}
.menu-main-container {display:inline-block;}

p {
display: block;
-webkit-margin-before: 0px;
-webkit-margin-after: 20px;
-webkit-margin-start: 0px;
-webkit-margin-end: 0px;
}

#grid {text-align:center;}
#grid a { color: #000000; text-decoration: none;border-bottom: 0px solid #0000ff;}
#grid a:hover { color: #000000;text-decoration: none;border-bottom: 0px solid #fff;}

.nb_news.grid-item {vertical-align:middle;}

.grid-item, .product {vertical-align:bottom;}
.grid-item:hover, .product:hover {}
.grid-item .thumb, .product .thumb {background:rgba(0,0,0,0.1);background-size: cover;background-position: center center;opacity:1;}
.grid-item img, .product img {display: block;max-width:100%;height:auto;width:100%;}
.grid-item img:hover, .product img:hover {}
.grid-item .grid-rel, .product .grid-rel {position:relative;}

.product {overflow:hidden;}
.product .project-meta {min-height:150px;position:absolute;top:-300px;left:0;right:0;background:#fff;text-align:left;-webkit-transition: 0.2s ease-in-out;
  	-moz-transition: 0.2s ease-in-out;
  	-o-transition: 0.2s ease-in-out;
  	-webkit-transition: 0.2s ease-in-out;
  	-ms-transition: 0.2s ease-in-out;
  	transition: 0.2s ease-in-out;}
.product:hover .project-meta {top:0;}
.product .project-meta span.price {display:inline-block;}


.grid-item.sticky img {max-width:100%;}
.grid-item:nth-child(even) {max-width:650px;}
.grid-item:nth-child(3n+3) {max-width:550px;}

.product.sticky img {max-width:100%;}
.product:nth-child(even) {max-width:750px;}
.product:nth-child(3n+3) {max-width:600px;}




.grid-item .project-title { text-transform:capitalize;padding:0;text-align:left;position:absolute;top:-3px;left:0;right:0;opacity:0;}
.grid-item:hover .project-title {opacity:1;}
.grid-item:hover img {opacity:1;}


.grid-item .project-title .meta {text-align: left;}
.grid-item .project-title .middle {display: table!important;width:90%!important;height:100%!important;margin:0 auto!important;}
.grid-item .project-title .middle-cell {display: table-cell!important;vertical-align: middle!important;}

.project-title {text-transform:uppercase;padding:10px 0;text-align:left;}
.project-title-info {text-transform:uppercase;padding:24px 0;text-align:center;}

#header .main-title {}
#header .main-title a { color: #000000; text-decoration: none;border-bottom: 0px solid #000;}
#header .main-title a:hover { color: #000000;text-decoration: none;border-bottom: 0px solid #fff;}

#header .sub-title {padding:20px 0;}
#header .sub-title a { color: #000; text-decoration: none;border-bottom: 1px solid #000;}
#header .sub-title a:hover { color: #000;text-decoration: none;border-bottom: 0px solid #000;}

#header #sticky {}
#header #sticky.stick {color: #000;}
#header #sticky.stick a, #header #sticky.stick .work  {color: #000; text-decoration: none;background:none;}
#header #sticky.stick a:hover, #header #sticky.stick .work:hover { color: #fff;text-decoration: none;background:#000;}



h9 {text-transform: uppercase;}


/* Links */
a { color: #000000; text-decoration: none;border-bottom: 1px solid #000000;}
a:hover { color: #000000;text-decoration: none;border-bottom: 0px solid #000000;}

a.invert { border-bottom: 0px solid #000000;}
a.invert:hover { border-bottom: 1px solid #000000;}

#content {}

#container {margin:0 auto;padding:120px 50px;}

#single {position:relative;}
#single .images {font-size:0;line-height:0;}
#single .images span img {max-width: 100%;height: auto;width: 100%;display: inline-block;}
/*#single .images span:nth-child(odd) {max-width:750px;}*/
/*#single .images span:nth-child(3n+3) {max-width:650px;}*/
#single .images span {color: #fff; text-decoration: none;border-bottom: 0px solid #fff;display:inline-block;margin: 0 1px 2px;}
#single .images span:hover { color: #fff;text-decoration: none;border-bottom: 0px solid #fff;}
#single .images a img {max-width: 100%;height: auto;width: 100%;display: inline-block;max-width:850px;}
#single .images a:nth-child(odd) {max-width:750px;}
#single .images a:nth-child(3n+3) {max-width:650px;}
#single .images a {color: #fff; text-decoration: none;border-bottom: 0px solid #fff;display:inline-block;margin: 0 1px 2px;}
#single .images a:hover { color: #fff;text-decoration: none;border-bottom: 0px solid #fff;}


.entry-t {margin: 0 0 20px 10px;color: #000000;text-transform:capitalize;}
.entry-t a {padding-bottom:0px;color: #000000;}
.entry-t a:hover {border-bottom: 1px solid #0000ff;color: #000000;}

.entry-content {}

#page {text-align:left;}
#page .entry-content {}
#page li {}
#page ul {list-style: none;margin: 0;padding: 0;}


.slideshow-wrapper .numbers a {border-bottom: 0px solid #0000ff;color: #999;}
.portfolio-slideshow a {border-bottom: 0px solid #0000ff;color: #999;}

.cats {margin: 10px 0 10px 0;color: #000000;}
.cats a {color: #000000; text-decoration: none;border-bottom: 1px solid #000000;}
.cats a:hover { color: #000000;text-decoration: none;border-bottom: 0px solid #000000;}




#info {margin:0 10%;}
#info a {color:#000;border-bottom:1px solid #000;}
#info a:hover {}

.info {padding:10px 0;width: 70%;margin: 0 auto 100px;}
.info-button {line-height:15px;}
.info-button img{padding:0!important;}
.info-button a {border-bottom: 0px solid #333;}
.info-button a:hover {border-bottom: 1px solid #333;}

#info-container {color:#000;
	background-color: #f6e0d4;
	-webkit-animation: pulse 20s infinite;
	-moz-animation: pulse 20s infinite;
	-ms-animation: pulse 20s infinite;
	-o-animation: pulse 20s infinite;
	animation: pulse 20s infinite;
	position:relative;
	width:100%;
	min-height:100%;}

@-webkit-keyframes pulse {
  0% { background-color: #f6e0d4; }
  20% { background-color: #e2d6d7; }
  40% { background-color: #f2e7cf; }
  60% { background-color: #afddd3; }
  80% { background-color: #dde0e1; }
  100% { background-color: #f6e0d4; }
}
@-moz-keyframes pulse {
  0% { background-color: #f6e0d4; }
  20% { background-color: #e2d6d7; }
  40% { background-color: #f2e7cf; }
  60% { background-color: #afddd3; }
  80% { background-color: #dde0e1; }
  100% { background-color: #f6e0d4; }
}
@-ms-keyframes pulse {
  0% { background-color: #f6e0d4; }
  20% { background-color: #e2d6d7; }
  40% { background-color: #f2e7cf; }
  60% { background-color: #afddd3; }
  80% { background-color: #dde0e1; }
  100% { background-color: #f6e0d4; }
}
@-o-keyframes pulse {
  0% { background-color: #f6e0d4; }
  20% { background-color: #e2d6d7; }
  40% { background-color: #f2e7cf; }
  60% { background-color: #afddd3; }
  80% { background-color: #dde0e1; }
  100% { background-color: #f6e0d4; }
}
@keyframes pulse {
  0% { background-color: #f6e0d4; }
  20% { background-color: #e2d6d7; }
  40% { background-color: #f2e7cf; }
  60% { background-color: #afddd3; }
  80% { background-color: #dde0e1; }
  100% { background-color: #f6e0d4; }
}
	
#info {text-align:left;}
#info .info-content {}
#info #contact {display:inline-block;width:100%;border-top:1px solid #000;padding-top:50px;text-align:center;margin-bottom:100px;}
#info #contact a {border-bottom:0px;}
#info #contact a:hover {border-bottom:1px solid #000;}
#info ul {list-style:none;}
#info li {padding:0 0 0 30px;text-transform:none;list-style:none;}



.portfolio-slideshow a {border-bottom:none!important;}
.slideshow-meta a {border-bottom:1px solid #000!important;}

.portfolio-slideshow {
overflow: visible!important;
}

.navigation {margin-bottom:100px;}


#page-info{min-width:900px;text-align:left;}
.page-sticky {width: 250px;float: left;height: 100%;top: 100px;left: 150px;display:block;position:fixed;}
.page-body {float: left;margin: 0 180px 0 410px;padding-bottom:100px;min-width: 440px;display:block;position:absolute;}

h2 {font-weight:normal!important;}

h3 {border-bottom: 0px solid #999;font-weight:normal!important;color:#000;margin-top:50px;}
h4 {border-bottom: 0px solid #999;font-weight:normal!important;color:#000;margin-top:50px;}
h5 {border-bottom: 0px solid #999;font-weight:normal!important;color:#000;margin-top:50px;}

.permalink {padding:5px 0;}
.permalink a { color: #c1c1c1; text-decoration: none;border-bottom: 1px solid #c1c1c1;}
.permalink a:hover { color: #c1c1c1;text-decoration: none;border-bottom: 1px solid #dddddd!important;}


.slideshow-caption {color: #999;}

.ps-video-wrapper {background: #ccc;
margin: 113px auto 112px;
width: 800px;}

.exhibitions {display:none;}
.press {display:none;}

.side-links {line-height:26px;padding-bottom:20px;}

.centered .portfolio-slideshow img:hover{cursor:pointer!important;}

a.iphone-title {display:none;}
.list a.iphone-title:hover {border-bottom:0px solid #000!important;}




/* make keyframes that tell the start state and the end state of our object */
@-webkit-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@-moz-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
 
.fade-in {
    	opacity:0;  /* make things invisible upon start */
    	-webkit-animation:fadeIn ease-in 1;  /* call our keyframe named fadeIn, use animattion ease-in and repeat it only 1 time */
    	-moz-animation:fadeIn ease-in 1;
    	animation:fadeIn ease-in 1;
 
    	-webkit-animation-fill-mode:forwards;  /* this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)*/
    	-moz-animation-fill-mode:forwards;
    	animation-fill-mode:forwards;
 
    	-webkit-animation-duration:0.5s;
    	-moz-animation-duration:0.5s;
    	animation-duration:0.5s;

	-webkit-animation-delay:0s;
	-moz-animation-delay:0s;
	-o-animation-delay:0s;
	animation-delay:0s;

}

/*
Home/Single Layout BEGIN
*/

body.home #grid, body.single .images {
    margin:0 5%;
}

@media (max-width: 699px) { 
    body.home #grid, body.single .images {margin:0 0;}
}

body.home .product, #single .images span {
    max-width:100%;
}

/*@media (min-width: 2000px) {
	body.home .product  {width: 26%;}
	body.home .product:nth-child(even) {width:22%;}
	body.home .product:nth-child(5n) {width:30%;}
	body.home .product:nth-child(10n) {width:22%;}
}*/

@media (min-width: 700px) {
	body.home .product, #single .images span  {max-width: 37%;}
	body.home .product:nth-child(even), #single .images span:nth-child(even) {max-width:35%;}
	body.home .product:nth-child(4n), #single .images span:nth-child(4n) {max-width:24%;}
	body.home .product:nth-child(8n), #single .images span:nth-child(8n) {max-width:40%;}
}

/*
Home/Single Layout END
*/


@media screen and (max-width: 1900px) { 
	body.page-template-page-instock-php #grid,
	body.page-template-page-instock-book-php #grid,
	body.page-template-page-instock-posters-php #grid,
	body.page-template-page-instock-printed-matter-php #grid,
	body.page-template-page-instock-typeface-php #grid,
	body.page-template-page-instock-vector-set-php #grid
	{margin:0 0;}
	
	/*home 1024*/
	/*body.home .product  {max-width:650px;}
	body.home .product:nth-child(even) {max-width:550px;}
	body.home .product:nth-child(3n+3) {max-width:400px;}*/
	/*body.home .product  {max-width:600px;}
	body.home .product:nth-child(even) {max-width:500px;}
	body.home .product:nth-child(3n+1)  {max-width:800px;}
	body.home .product:nth-child(3n+3) {max-width:400px;}*/

	body.page-parent .product  {max-width:650px;}
	body.page-parent .product:nth-child(even) {max-width:550px;}
	body.page-parent .product:nth-child(3n+3) {max-width:400px;}
	body.page-child .product  {max-width:650px;}
	body.page-child .product:nth-child(even) {max-width:550px;}
	body.page-child .product:nth-child(3n+3) {max-width:400px;}
	/*#single .images span{max-width:650px;}
	#single .images span:nth-child(odd) {max-width:550px;}
	#single .images span:nth-child(3n+3) {max-width:400px;}*/
}
/*@media screen and (max-width: 1440px) { 
	#single .images span img {max-width:750px;}
	#single .images span:nth-child(odd) {max-width:650px;}
	#single .images span:nth-child(3n+3) {max-width:550px;}
	
}*/

@media screen and (max-width: 1280px) { 
	body {font-size:18px;line-height:24px;}
	p {margin:0 0 18px 0;}
	#header, #footer {padding:20px;}
	#container {padding:85px 40px;}
	#footer {line-height:25px;}
	#single .fixed {padding:10px;top:75px;left:30px;width:250px;}
	.fixed {padding:10px;top:75px;left:30px;width:250px;}
	#single .fixed-info {padding:65px 20px 20px;top:50px}
	ul#team li:after, ul#clients li:after {margin-left:-3px;}
	#studio-left {float:left;width:250px;}
	#studio-right {margin:0 100px 0 275px;}
	.indent {margin-left: 275px;}
	#header, #footer {padding: 20px 40px;}
	#single #project-body {padding: 0 10% 30px 275px;}
	#project-body {padding: 0 0 30px 275px;}
	a.external {padding-left: 25px;}
	a.external:before {top: 0px;}
	#header li#nav_menu-9 ul li, #footer li#nav_menu-10 ul li, .topright li#nav_menu-2 ul li  {margin-right:5px;}
	#footer li#nav_menu-10 ul li a:after, .topright li#nav_menu-2 ul li a:after {content:",";right:-6px;position:absolute;}
	#header li#nav_menu-9 ul li:after {}
	.cell-date {width: 80px;}
	.cell-title {margin-left:90px;}
	.cell-view {width: 140px;}
	.cell-cat {margin-right:100px;}
	ul#exhibitions li:after {content:",";margin-left:-2px;}
}

@media screen and (max-width: 1024px) { 
	#studio-right {margin:0 0 0 275px;}
	#single #project-body {padding: 0 0 30px 275px;}
	#project-body {padding: 0 0 30px 275px;}
	.cell-view {width:70px;}
	.cell-cat {margin-right:80px}
	#grid .instock .cell-view:hover span.price {display:none!important;}
	
	/*home 1024*/
	/*body.home .product  {max-width:550px;}
	body.home .product:nth-child(even) {max-width:450px;}
	body.home .product:nth-child(3n+3) {max-width:350px;}*/

	/*#single .images span{max-width:550px;}
	#single .images span:nth-child(odd) {max-width:450px;}
	#single .images span:nth-child(3n+3) {max-width:350px;}*/
	body.page-parent .product  {max-width:550px;}
	body.page-parent .product:nth-child(even) {max-width:450px;}
	body.page-parent .product:nth-child(3n+3) {max-width:350px;}
	body.page-child .product  {max-width:550px;}
	body.page-child .product:nth-child(even) {max-width:450px;}
	body.page-child .product:nth-child(3n+3) {max-width:350px;}
}


@media screen and (max-width: 1000px) { 
	
	li#nav_menu-13 ul li:before {content:"— ";}
	li#nav_menu-15 ul li:before {content:"— ";}
	li#categories-5 ul li:before {content:"— ";}
	li#woocommerce_product_categories-3 ul li:before {content:"— ";}
	.topright li#menu-item-9484, .topright li#menu-item-9488 {display:none;}
	.topright li#nav_menu-11 ul li a::after {content: "";right: -6px;position: absolute;}
	
}

@media screen and (max-width: 768px) { 
	.top {display:none;}
	#project-body {padding: 0 0 30px 0;}
	.fixed {position:relative;top:inherit;left:inherit;max-width:inherit;padding:0px;margin-bottom:20px;z-index:1;width:100%;}
	#single .fixed {position:relative;top:inherit;left:inherit;max-width:inherit;padding:0px;margin-bottom:20px;z-index:1;width:100%;}
	#single .fixed-info {position:relative;top:inherit;left:inherit;max-width:inherit;padding:0px;margin-bottom:20px;z-index:1;}
	body.woocommerce-page #container {}
	.icon {display:none;}
	/*#single .images span:nth-child(odd) {max-width:100%;}
	#single .images span:nth-child(3n+3) {max-width:100%;}*/
	.product {display:inline-block;margin:0 0 0;padding:0 0 1px;}
	#single #project-body {padding: 0 0 30px 0;}
	body.category .half, body.blog .half, body.single-post .half {width:100%;}
	#studio_social .entry-content {font-size:100%;line-height:130%;}
	.grid-item.twitter {padding:10px;}

}

@media screen and (max-width: 767px) { 
	#header .indent {float:left;position:relative;margin-left:0px;margin-left:5px;}
	#header .indent:before {content:"— ";}
}

@media screen and (max-width: 620px) { 
	li#woocommerce_product_search-3 {display:none!important;}
	#header li#nav_menu-9 ul li:nth-last-child(1) a:after {content:"";right:0px;position:absolute;}
	
}

@media screen and (max-width: 560px) { 
	li#nav_menu-12 ul li a {font-size:18px;line-height:24px;}
	.half.second {display:none;}
	span.title {display:none;}
	a.iphone-title {display:block;}
	.top {display:block;}
	li#woocommerce_product_search-4 {display:inline-block!important;}
	span.coma {display:none;}
	span.title {}
	#header {background:#fff;}
	#header .topleft a.home {width:100%;}
	#header .topright {display:none;}
	#iphone-menu {display:block;}
	#iphone li#nav_menu-12 ul li {width:100%;display:block;padding:0px;border-top:0px solid #fff;font-size:18px;line-height:24px;}
	#iphone li#nav_menu-12 ul li:before, #iphone li#woocommerce_product_search-4:before {content:"+ ";}
	li#woocommerce_product_search-4 form {display:inline-block;}
	#container {padding:65px 10px;}
	#header, #footer {padding:20px 10px;}
	.grid {margin:0 1px 2px!important;}
	.list {margin-bottom:20px;}
	.half {width:100%;}
	.cell-date {width:100%!important;float:none;}
	.cell-title {margin-left:0px!important;}
	.cell-cat {width:100%!important;margin-left:0px;}
	.cell-view {text-align:left!important;width:100%!important;margin-left:0px;float:none;}
	#toggle {display:none;}
	#footer span.extra {opacity:1!important;width:100%;}
	#footer span.links {width:100%;}
	#footer span.extra {float:none;margin-left:0px;}
	#footer span.copy {display:block!important;width:100%!important;margin-top:20px;}
	#footer {position:relative!important;}
	.top {width:100%;margin-top:20px;}
	li#nav_menu-10 ul li {display:block;margin-right:10px;width:100%;}
	li#nav_menu-10 ul li:before {content:"— ";}
	#footer li#3nav_menu- ul li a:after {content:"";}
	ul#team li:before {content:"— ";}
	ul#team li {display:block;margin-right:0px;}
	ul#team li:after {content:"";margin-left:0px;}
	ul#team li:nth-last-child(1):after {content:"";margin-left:0px;}
	#studio-left {float:left;width:100%;}
	#studio-right {margin:0;}
	.indent {display:none;}
	#footer .indent {display:block;position:relative;margin-left:0px;}
	#footer .topright {float:left;width:100%;text-align:left;margin-left:0px;}
	#footer li#nav_menu-10 ul li a:after {content:"";}
	
}