/*
Theme Name: Portfolio Redesign
Author: AUTHOR
Description: Designed by AUTHOR.
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: white, light
Text Domain: am
*/

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, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
 margin: 0;
 padding: 0;
 border: 0;
 font-size: 100%;
 font: inherit;
 vertical-align: baseline;
}

*, *:before, *:after {
 -moz-box-sizing: border-box;
 -webkit-box-sizing: border-box;
 box-sizing: border-box;
}

input[type=tel], input[type=url], input[type=password],
input[type=text], input[type=email], input[type=reset],
input[type=button], input[type=submit], button, textarea {
 -webkit-appearance: none;
 -webkit-border-radius: 0;
}

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

img {
 vertical-align: middle;
}

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;
}

a[href], label[for], select, 
input[type=checkbox], input[type=radio] {
 cursor: pointer;
}

button, input[type=button], input[type=image], 
input[type=reset], input[type=submit] {
 padding: 0;
 overflow: visible;
 cursor: pointer;
}

button::-moz-focus-inner, 
input[type=button]::-moz-focus-inner, 
input[type=image]::-moz-focus-inner, 
input[type=reset]::-moz-focus-inner, 
input[type=submit]::-moz-focus-inner {
 border: 0;
}

.hide {
 position: absolute !important;
 left: -9999em !important;
}

.clearfix:after {
 content: "";
 display: block;
 clear: both;
}

h1, h2, h3, h4, h5, h6 {
 font-weight: normal;
 line-height: 1em;
}

strong {
 font-weight: bold;
}

em {
 font-style: italic;
}

del {
 text-decoration: line-through;
}

th, td {
 vertical-align: top;
}

th {
 font-weight: normal;
 text-align: left;
}

address, cite, dfn {
 font-style: normal;
}

abbr, acronym {
 border-bottom: 1px dotted #999;
 cursor: help;
}

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

sup {
 top: -0.5em;
}

sub {
 bottom: -0.25em;
}

textarea {
 overflow: auto;
}


/* Normalized Styles
------------------------------------------------------------------------------*/

body {
 font-family:"Helvetica",sans-serif;
 color: #7e796a;
 background: #131210;
 -webkit-text-size-adjust: none; 
}

input, textarea, select, button {
 outline: none;
 font-family:"Helvetica",sans-serif;
}

a {
 text-decoration: none;
 color: #383748;
}

a:hover {
 text-decoration: underline;
}

a:active {
 text-decoration: none;
 color: #434a54;
}

.clear {
 clear:both;
 float:none;
}
.button {
 background: #383748 none repeat scroll 0 0;
 border-radius: 10px;
 color: #fff;
 font-family:"Helvetica",sans-serif;
 font-size: 18px;
 letter-spacing: 1px;
 padding: 18px 24px 14px;
 text-transform: uppercase;
 display: inline-block;
}
.button:hover{
 opacity: 0.9;
 text-decoration: none;
}
.row {
 width:100%;
}
.container {
 width:1315px;
 margin:0 auto;
}

.line-a {
 width:100%;
 background:#262420;
 border-right:1px solid #b7b09b;
 border-left:1px solid #b7b09b;
 /*border-color:#262420;*/
 height:1px;
}

.line-b {
 width:100%;
 background:#262420;
 border-right:1px solid #b7b09b;
 border-left:1px solid #b7b09b;
 height:1px;
}

.line-project {
 width:100%;
 background:#262420;
 border-right:1px solid #b7b09b;
 border-left:1px solid #b7b09b;
 border-bottom: 1px solid #191714;
 height:1px;
 margin:32px 0 29px;
}

.line-project-content {
 width:100%;
 background:#292724;
 border-right:1px solid #68645b;
 border-left:1px solid #68645b;
 border-bottom: 1px solid #191714;
 height:1px;
 margin:32px 0 19px;
}

.separate {
 width:100%;
 background:#262420;
 border-right:1px solid #b7b09b;
 border-left:1px solid #b7b09b;
 height:1px;
 height:1px;
 margin:102px 0 0 0;
}
.bg-none {
 width:100%;
 background:#131210;
 border-right:1px solid #131210;
 border-left:1px solid #131210;
 border-bottom: 1px solid #131210;
 height:1px;
 margin:93px 0 0 0;
}

.footer-content {
 text-align: center;
 padding:55px 0 60px;
}
.footer-content a {
 margin:0 15px;
}
.footer-content a i{
 color:#646054;
}

.bottom-content{
 padding:43px 0;
 text-align: center;
 font-size:13px;
 font-weight: 300;
 font-family: "Helvetica", sans-serif;
 font-size:13px;
 font-weight: 300;
 color:#3f3d39;
}

.bottom-content p{
 margin-left:-27px;
}

header{
 margin-top:121px;
}

header .col-left {
 max-width:594px;
 margin-right:330px;
}

header .dt-logo {
	width: 100%; height:auto;
	margin-top:1px;
}

header .col-right {
 float:right;
}

header .mb-logo {
	width: 100%;height:auto;
	display:none;
}



/* Fonts Styles
------------------------------------------------------------------------------*/


@font-face {
 font-family: 'njboldnormalregular';
 src: url('fonts/njboldnormal-webfont.eot');
 src: url('fonts/njboldnormal-webfont.eot?#iefix') format('embedded-opentype'),
  url('fonts/njboldnormal-webfont.woff2') format('woff2'),
  url('fonts/njboldnormal-webfont.woff') format('woff'),
  url('fonts/njboldnormal-webfont.ttf') format('truetype'),
  url('fonts/njboldnormal-webfont.svg#njboldnormalregular') format('svg');
 font-weight: normal;
 font-style: normal;

}




@font-face {
 font-family: 'njbooknormalregular';
 src: url('fonts/njbooknormal-webfont.eot');
 src: url('fonts/njbooknormal-webfont.eot?#iefix') format('embedded-opentype'),
  url('fonts/njbooknormal-webfont.woff2') format('woff2'),
  url('fonts/njbooknormal-webfont.woff') format('woff'),
  url('fonts/njbooknormal-webfont.ttf') format('truetype'),
  url('fonts/njbooknormal-webfont.svg#njbooknormalregular') format('svg');
 font-weight: normal;
 font-style: normal;

}




@font-face {
 font-family: 'njlightitalicnormalregular';
 src: url('fonts/njlightitalicnormal-webfont.eot');
 src: url('fonts/njlightitalicnormal-webfont.eot?#iefix') format('embedded-opentype'),
  url('fonts/njlightitalicnormal-webfont.woff2') format('woff2'),
  url('fonts/njlightitalicnormal-webfont.woff') format('woff'),
  url('fonts/njlightitalicnormal-webfont.ttf') format('truetype'),
  url('fonts/njlightitalicnormal-webfont.svg#njlightitalicnormalregular') format('svg');
 font-weight: normal;
 font-style: normal;

}




@font-face {
 font-family: 'njmediumnormalregular';
 src: url('fonts/njmediumnormal-webfont.eot');
 src: url('fonts/njmediumnormal-webfont.eot?#iefix') format('embedded-opentype'),
  url('fonts/njmediumnormal-webfont.woff2') format('woff2'),
  url('fonts/njmediumnormal-webfont.woff') format('woff'),
  url('fonts/njmediumnormal-webfont.ttf') format('truetype'),
  url('fonts/njmediumnormal-webfont.svg#njmediumnormalregular') format('svg');
 font-weight: normal;
 font-style: normal;

}

/* Menu
------------------------------------------------------------------------------*/


#nav-trigger {
 display: none;
 text-align: center;
}

.nav-trigger{
 display: none;
}

#nav-trigger span {
 display: inline-block;
 background-color: #131210;
 color: white;
 cursor: pointer;
 background-image: url(images/mobile-nav-bg.png);
 background-repeat: no-repeat;
 background-position: 12px 0;
 text-transform: uppercase;
 position: relative;
 z-index: 100;
 float:right;
 padding:10px 25px 25px 10px;
}


#nav-trigger span.open:after {
 border-left: solid 10px transparent;
 border-top: none;
 border-bottom: solid 10px #fff;
 border-right: solid 10px transparent; 
}


#nav-main ul {
 list-style-type: none;
 margin: 0;
 padding: 0;
 text-align: right;
 width:100%;
}

#nav-main li {
 display: inline-block;
}

#nav-main a {
 display: block;
 color: #686458;
 font-family: 'njbooknormalregular';
 font-size:16px;
 text-transform: uppercase;
 border-bottom:4px solid #131210;
 transition: all 0.25s ease-in-out;
 -moz-transition: all 0.25s ease-in-out;
 -webkit-transition: all 0.25s ease-in-out;
 -o-transition: all 0.25s ease-in-out;
 margin-left:20px;
 padding-bottom:11px;
 letter-spacing:3px;
}
#nav-main .short-margin a {
 margin-left:18px;
}
#nav-main a:hover {
 border-bottom:4px solid #3b3932;
 text-decoration: none;
}
.single-project #nav-main #menu-item-20 a,
#nav-main .current_page_ancestor a,
#nav-main .current_page_parent a,
#nav-main .current_page_item a,

#nav-main .current-menu-ancestor a,
#nav-main .current-menu-parent a,
#nav-main .current-menu-item a,

#nav-main .current-page-ancestor a,
#nav-main .current-page-parent a,
#nav-main .current-page-item a,
#nav-main .active a{
 border-bottom:4px solid #ddd4bb;
}

#nav-main a span{
 background: #fff none repeat scroll 0 0;
 border-radius: 50%;
 color: #383748;
 display: table-cell;
 font-size: 18px;
 height: 22px;
 padding-top: 2px;
 position: absolute;
 right: -14px;
 text-align: center;
 top: -6px;
 vertical-align: middle;
 width: 22px;
}

nav#nav-mobile {
 position: relative;
 display: none; 
}
nav#nav-mobile ul {
 display: none;
 list-style-type: none;
 position: absolute;
 left: 0;
 right: 0;
 margin-left: auto;
 margin-right: auto;
 text-align: left;
 background-color: #95928a; 
 z-index: 1000;
 top:35px;
}
nav#nav-mobile li {
 display: block;
 padding: 5px 0;
}
nav#nav-mobile li:last-child {
 border-bottom: none; 
}
nav#nav-mobile a {
 display: block;
 color: #131210;
 padding: 5px 15px;
 text-transform: uppercase;
 font-family: 'njbooknormalregular';
 font-size:18px;
}
nav#nav-mobile a:hover {
 color: #fff;
 text-decoration:none;
}

nav#nav-mobile a span{
 border-radius: 50px;
 position: absolute;
 top:0;
 background: #fff;
 color: #383748;
 display: table-cell;
 font-size: 18px;
 height: 22px;
 padding-top: 3px;
 text-align: center;
 vertical-align: middle;
 width: 22px;
 left:140px;
}



/* About Queries
------------------------------------------------------------------------------*/

.about .photo {
 text-align: center;
 padding:39px 0 49px;
}
.about h1 {
 font-family: 'njbooknormalregular';
 font-size:23px;
 text-transform: uppercase;
 letter-spacing: 4px;
 padding:19px 0 21px 2px;
}
.about .text {
 font-family: "Helvetica", sans-serif;
 font-size:13px;
 line-height: 19px;
 font-weight: 300;
 color:#95928a;
 padding-bottom:26px;
}
.about .text .entry {
 padding-left:3px;
}
.about .text .title {
 padding-left:3px;
 margin: 0 0 20px;
 font-family: 'njbooknormalregular';
 font-size:23px;
 text-transform: uppercase;
 font-weight: bold;
}
.about .post{
	padding-bottom: 20px;
}
.about .text .title a{
	text-decoration: none;
}
.about .text .title a:hover{
	text-decoration: underline;
}
.entry a {
 text-decoration: underline;
 color:#95928a;
}
.entry a:hover {
 text-decoration: none;
}
.about .photo img{
 border:1px solid #35332d;
}


/* Contact
------------------------------------------------------------------------------*/
.contact .photo {
 text-align: center;
 padding:39px 0 49px;
 position: relative;
 text-align: center;
 position: relative;
}
.contact .map_mobile{
	display: none;
}
.contact .photo img {
  border:1px solid #35332d;
}

.contact .photo .text {
 position:absolute;
 top:15%;
 width:100%;
}
.contact .photo .text .box {
 font-family: 'njbooknormalregular';
 font-size:18px;
 color:#ddd4bb;
 vertical-align: middle;
 letter-spacing: 3px;
 float:left;
}
.contact .photo .text .box span.small {
 font-family: 'njbooknormalregular';
 font-size:18px;
 color:#ddd4bb;
 display: block;
 vertical-align: middle;
 float:left;
 letter-spacing: 3px;
 margin:177px 0 0 272px;
}
.contact .photo .text .box span {
 font-family: 'njmediumnormalregular';
 font-size:234px;
 color:#ddd4bb;
 display: block;
 float:left;
 vertical-align: middle;
 letter-spacing: -7px;
 margin:19px 0 0 33px;
}
.contact .photo .text .box a{
 font-family: 'njbooknormalregular';
 color:#ddd4bb;
 margin-left:19px;
 letter-spacing: 3px;
}
.contact .photo .text .box span:last-child{
 margin-left:27px;
}
/* 404 Eror
------------------------------------------------------------------------------*/


/* Project
------------------------------------------------------------------------------*/
.project-content .title {
 text-align: center;
 color:#ddd4bb;
 padding: 27px 0 37px 0;
 line-height: 13px;
}
.project-content .title h1{
 font-size:78px;
 font-family: 'njmediumnormalregular';
 text-transform: uppercase;
 letter-spacing: -1px;
 margin-left:-3px;
}
.project-content .title span{
 font-size:23px;
 font-family: 'njbooknormalregular';
 text-transform: uppercase;
 letter-spacing: 5px;
 color:#686458;
}
.project-content .content {
 padding-top:40px;
 overflow: hidden;
}
.project-content .photo {
 text-align: center;
}
.project-content .photo img{
 border:1px solid #09090a;
}
.project-content .text {
 font-family: "Helvetica", sans-serif;
 font-size:13px;
 font-weight: 300;
 color:#95928a;
 padding-bottom:34px;
}
.project-content .credits {
 padding-bottom:40px;
}
.project-content .text p{
 padding-left:3px;
 line-height: 19px;
}
.project-content .text a {
 text-decoration: underline;
 color:#95928a;
}
.project-content .text p a {
 border-bottom:1px solid #53514c;
 padding-bottom:1px;
 text-decoration: none;
  -webkit-transition: all 0.2s ease;
 -moz-transition: all 0.2s ease;
 -o-transition: all 0.2s ease;
 -ms-transition: all 0.2s ease;
}
.project-content .text p a:hover {
 border-bottom:1px solid #131210;
}
.project-content .content .text h2.title{
 font-family: 'njbooknormalregular';
 font-size:23px;
 text-transform: uppercase;
 letter-spacing: 4px;
 padding:19px 0 21px 2px;
 color:#95928a;
 text-align: left;
 line-height: normal;
}
.project-content .content .credits h2.title {
 padding-bottom: 22px;
 padding-top: 36px;
 text-align: left;
 color:#95928a;
 line-height: normal;
}
.project-content .arrow a {
 width: 20px;
 height: 20px;
 background: none;
 border-color: #95928a;
 color:#95928a;
 display: inline-block;
 border-bottom: 1px solid;
 border-left: 1px solid;
 -webkit-transition: all 0.5s ease;
 -moz-transition: all 0.5s ease;
 -o-transition: all 0.5s ease;
 -ms-transition: all 0.5s ease;
 transition: all 0.5s ease;
 margin:33px 0 33px;
 float:left;
 text-indent: -9999em;
}
.page .fancybox-nav span{
 width: 20px;
 height: 20px;
 background: none;
 border-color: #95928a;
 color:#95928a;
 display: inline-block;
 border-bottom: 1px solid;
 border-left: 1px solid;
 -webkit-transition: all 0.5s ease;
 -moz-transition: all 0.5s ease;
 -o-transition: all 0.5s ease;
 -ms-transition: all 0.5s ease;
 transition: all 0.5s ease;
 text-indent: -9999em;
}
.project-content .right a {
 float:right;
}
.project-content .arrow a:hover, .page .fancybox-nav span:hover {
 border-color: #95928a;
}
.project-content .left.arrow a, .page .fancybox-prev span {
 -ms-transform: rotate(45deg);
 -webkit-transform: rotate(45deg);
 transform: rotate(45deg);
 margin-left:11px;
}
.project-content .right.arrow a, .page .fancybox-next span {
 -ms-transform: rotate(225deg);
 -webkit-transform: rotate(225deg);
 transform: rotate(225deg);
 margin-right:11px;
}


/* Projects
------------------------------------------------------------------------------*/

.project-row {
 padding-bottom:89px;
}
.project-row .item-box {
 width:33.3%;
 float:left;
}
.project-row .item-box .line-top{
 background:#262420;
 border-left: 1px solid #b7b09b;
 border-right: 1px solid #b7b09b;
 height: 1px;
 width:100%;
 margin:5px 0;
}
.project-row .item {
 border:1px solid #22201c;
 width:429px;
 height:490px;
 float:left;
 position: relative;
 margin:0 1px 0 4px;
}
.project-row .item img {
 width:100%;
 height:100%;
}
.project-row .svg-bg{
 border:1px solid #22201c;
 width:429px;
 height:490px;
 top:0;
 left:0;
 position: absolute;
 background: #131210;
 opacity: 0;
 transition: all 0.25s ease-in-out;
 -moz-transition: all 0.25s ease-in-out;
 -webkit-transition: all 0.25s ease-in-out;
 -o-transition: all 0.25s ease-in-out;
}
.project-row .item:hover .svg-bg {
 opacity: 1;
}

.embed-container { 
 position: relative; 
 padding-bottom: 56.25%; 
 height: 0; 
 overflow: hidden; 
 max-width: 100%; 
} 
.embed-container iframe, .embed-container object, .embed-container embed { 
 position: absolute; 
 top: 0; 
 left: 0; 
 width: 100%; 
 height: 100%; 
}
.project-row .item-box.center .line-top {
 border-bottom: 1px solid #262420;
 border-left: 1px solid #262420;
 border-right: 1px solid #262420;
}




.textwidget p{ padding: 0 0 10px 0; }

/* Respond */
#respond{
	margin:20px 0 20px 3px;
	overflow:hidden;
}
.commentlist #respond{
	margin:0 0 20px 0;
}
#respond .comment-reply-title{
 margin: 20px 0 10px;
 font-family: 'njbooknormalregular';
 font-size:23px;
 text-transform: uppercase;
 font-weight: bold;
}
#respond .comment-reply-title small{
	font-size: 12px;
	font-weight: normal;
}
#commentform p{
	width:100%;
	overflow:hidden;
	padding: 0 0 10px;
	margin: 0;
}
#commentform p label{
	display: block;
	padding: 0 0 5px;
}
#commentform p textarea{
	width: 98%;
}

/* Comments*/
#comments{
 margin: 20px 0 10px 3px;
 font-family: 'njbooknormalregular';
 font-size:23px;
 text-transform: uppercase;
 font-weight: bold;
}
.commentlist{
	padding: 0 0 0 3px;
	text-align: justify;
	line-height:1.6em;
}
.commentlist li.comment{
	margin: 15px 0 10px;
	padding: 15px;
	list-style: none;
	background:#333;

}
.commentlist li.alt{
	margin: 10px 0 0 0;
	background:#555;
}
.commentlist li.comment ul li.comment{ 
	margin-right: 15px;
	margin-left: 10px;
}
.commentlist .entry-comment p{
	margin: 10px 0 10px 0;
}
.commentlist .children{ padding: 0; }

/* Typography */

input[type=reset], input[type=button], input[type=submit], button, .btn{
     background: #95928a;
     border: 0;
     padding: 5px 20px;
     font-size: 14px;
     text-transform: uppercase;
     color: #fff;
     display: inline-block;
}
input[type=reset]:hover, input[type=button]:hover, input[type=submit]:hover, button:hover, .btn:hover{
     opacity: 0.9;
}

input[type=number], input[type=tel], input[type=url], input[type=password], input[type=text], input[type=email], textarea{
     border: 1px solid #ccc;
     padding: 5px;
     color: #000;
}

.entry{
}
.entry p{
	margin:0 0 20px 0;
}
.entry h2{font-size:23px;}  .entry h3{font-size:21px;}  .entry h4{font-size:19px;}  .entry h5{font-size:19px;}  .entry h6{font-size:19px;}
.entry h2, .entry h3, .entry h4, .entry h5, .entry h6{font-family: 'njbooknormalregular';
text-transform: uppercase;
letter-spacing: 4px;
padding:0 0 21px 2px;}

.entry ul{ margin: 0 0 20px 0; padding: 0 0 0 30px; }
.entry ul ul, .entry ul ol{ margin: 0; }
.entry ul li{	list-style-type: disc;  line-height: 1.5em;}
.entry ul ul li{ list-style-type: circle; }
.entry  ul li ol li{ list-style-type: decimal; }

.entry ol{ margin: 0 0 20px 0; padding: 0 0 0 30px; }
.entry ol ol, .entry ol ul{ margin: 0; }
.entry  ol li{ list-style-type: decimal;  line-height: 1.5em;}
.entry  ol li ol li{ list-style-type: lower-alpha; }
.entry  ol li ul li{ list-style-type: disc; }

.entry table{
	width: 100%;
	border: 1px solid #ccc;
	border-collapse: collapse;
	margin: 0 0 15px 0;
}
.entry table td, .entry table th{
	border: 1px solid #ccc;
	padding: 5px;
}
.entry table th{
	background: #eee;
}

/* Calendar */
#wp-calendar{width:95%;margin-bottom:15px;clear:both;padding:0;}
#wp-calendar caption{padding:10px;}
#wp-calendar th,#wp-calendar td{text-align:center;padding:3px 0;}
#wp-calendar td{background:transparent;}

/* Begin Images */
img{
	max-width: 100%;
	height: auto;
}
img.wp-smiley{ padding: 0; border: none; }
.alignnone {
    margin: 0;
}

.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 20px auto;
}

.alignright {
    float:right;
    margin: 5px 0 20px 20px;
}

.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

a img.alignnone {
    margin: 0;
}

a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%; /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}

.wp-caption.alignnone {
    margin: 5px 0 20px 0;
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}

.wp-caption .wp-caption-text, .entry .wp-caption .wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 5px 4px 0;
}

.al{
	float: left;
}
.ar{
	float: right;
}

/* Various Tags & Classes */
.entry acronym, .entry abbr, .entry span.caps{
	cursor: help;
}
.entry acronym, .entry abbr{
	border-bottom: 1px dashed #dfcfba;
}
.entry blockquote{
	margin: 15px 0 20px 0;
	padding:0 15px 0 40px;
	background: url(images/bgr_blockquote.png) no-repeat;
}
.entry blockquote cite{
	margin: 5px 0 0;
	display: block;
}
.center{
	text-align: center;
}
.hidden{
	display: none;
}
.entry pre, .entry code{
	font-family:mono-space,monospace;
	border: 1px solid #eee;
	padding: 20px;
	display: block;
	margin: 0 0 20px 0;
	overflow: auto;
	white-space: pre;
	font-size: 12px;
	line-height:20px;
}
.entry code{
	padding:1px 20px 0 20px;
	background:#f6f6f6 url(images/bgr_code.gif) repeat scroll 0 0;
	border-top: 0;
	border-bottom: 0;
}
sup{
	position: relative;
	top: -5px;
}
sub{
	position: relative;
	top: 5px;
}
code br{
	display: none;
}
.last{
	margin-right:0 !important;
	clear:right;
}
.clear{
	clear: both;
	line-height: 0;
}
.sticky{}
.bypostauthor{}
.page-link{
	padding: 0 0 15px;
}


/* pagination */
.pagination{
	width:100%;
	overflow:hidden;
	padding: 10px 0 20px 0;
}
.single .pagination{
}
.pagination a{
}


/* Media Queries
------------------------------------------------------------------------------*/


@media screen and (max-width: 1325px) {
 .container{
  width:100%;
  padding:0 20px;
 }
 .about .photo img{
  width:100%;
  height:auto;
 }
 .contact .photo img {
  width:100%;
  height:auto;
 }
 .contact .photo .text .box {
  float:none;
  width:100%;
  text-align: center;
 }
 .contact .photo .text .box {
  margin-top:10%;
 }
 .contact .photo .text .box span.small {
  width:27%;
  text-align: center;
  margin:0;
  text-align: right;
 }
 .contact .photo .text .box span.small.right{
  width:37%;
  text-align: left;
 }
 .contact .photo .text .box span {
  width:33%;
  text-align: center;
  margin:0;
  line-height: 90px;
 }

 .project-row .item {
  margin:0 1px 0 2px;
 }
 .project-content .photo img{
  width:100%;
  height:auto;
 }
 .project-row .item {
  height: auto;
  width: auto;
 }
 .project-row .svg-bg {
  height: 100%;
  width: 100%;
 }
   .bottom-content p{
 margin-left:0;
 }
}
@media screen and (max-width: 930px) {

 .project-row .item-box {
  width:50%;
 }
 .project-row .item-box .line-top.last {
  display: none;
 }
.contact .map_mobile{
	display: block;
}
.contact .map_mobile+img{
	display: none;
}
.contact .photo .text {
	display: none;
 }
/*.contact .photo {
 min-height: 306px;
}*/

 .project-row .item-box.center .line-top {
  background:#262420;
  border-left: 1px solid #b7b09b;
  border-right: 1px solid #b7b09b;
 }
 .project-row .item-box:nth-child(even) .line-top {
  background:#262420;
  border-left: 1px solid #262420;
  border-right: 1px solid #b7b09b;
 }
.contact .photo .text .box {
  margin-top:-4%;
 }
 .contact .photo .text .box span {
  width:100%;
  text-align: center;
  margin:0;
  font-size:160px;
  float:none;
 }
 .contact .photo .text .box span.small {
  width:100%;
  float:none;
  margin-top:2%;
  text-align: center;
 }
 .contact .photo .text .box span.small.right {
  width:100%;
  text-align: center;
  margin-top:2%;
 }
 
}
@media screen and (max-width: 767px) {
	.container{
		padding: 0 15px;
	}
	header{
		margin-top: 20px;
	}
	header > .container{
		position: relative;
	}
	header .col-left{
		float: left;
		width: 30%;
		margin-right: 0;
		min-width: 140px;
		position: absolute;
		left: 15px;
	}
	header .dt-logo{
		display:none;
	}
	header .mb-logo{
		display:block;
		max-width: 150px;
	}
	.separate{
		display: none;
	}
	.footer-content{
		padding: 15px 0 20px;
	}
	.bottom-content{
		padding: 23px 0 23px;
	}
 .contact .photo .text {
  top:8%;
 }
 .contact .photo .text{
	 position: static;
 }
 .project-content .title{
	 padding-bottom: 27px;
 }
 .line-project{
	 margin: 22px 0 19px;
 }
 .error .photo img {
 display: block;
}
 .project-row .item-box.center .line-top {
  background:#262420;
  border-left: 1px solid #b7b09b;
  border-right: 1px solid #b7b09b;
 }
 .project-row .item-box:nth-child(even) .line-top {
  background:#262420;
  border-left: 1px solid #262420;
  border-right: 1px solid #b7b09b;
 }

	#nav-main a {
	 font-size:11px;
	 border-bottom:1px solid #131210;
	 margin-left:10px;
	 padding-bottom:5px;
	}
	#nav-main .short-margin a {
	 margin-left:8px;
	}
	#nav-main a:hover {
	 border-bottom:2px solid #3b3932;
	}
	
	.single-project #nav-main #menu-item-20 a,
	#nav-main .current_page_ancestor a,
	#nav-main .current_page_parent a,
	#nav-main .current_page_item a,
	
	#nav-main .current-menu-ancestor a,
	#nav-main .current-menu-parent a,
	#nav-main .current-menu-item a,
	
	#nav-main .current-page-ancestor a,
	#nav-main .current-page-parent a,
	#nav-main .current-page-item a,
	#nav-main .active a{
	 border-bottom:2px solid #ddd4bb;
	}
	.project-content .title h1{
		font-size: 38px;
	}
	.project-content .title span{
		font-size: 14px;
	}
}
@media screen and (max-width: 560px) {

	#nav-main a {
	 letter-spacing:0px;
	}
}
@media screen and (max-width: 447px) {

 .project-content .title h1 {
  margin-left:0px;
 }
 .footer-content a {
  margin:0 5px;
 }
 .project-row .item-box:nth-child(2n) .line-top, .project-row .item-box.center .line-top {
  background:#262420;
  border-left: 1px solid #b7b09b;
  border-right: 1px solid #b7b09b;
 }
 .project-row .item-box {
  width:100%;
 }
 .bottom-content{
	 font-size: 11px;
 }
 #nav-main a{
	 font-size: 10px;
	 margin-left: 5px;
 }
}

@media screen and (max-width: 420px) {
 .contact .photo .text .box span.small {
  font-size:10px;
 }
 .contact .photo .text .box span.small a {
  font-size:10px;
 }
}



/* Media Queries - Ipad Only
------------------------------------------------------------------------------*/
@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait) {
  #nav-trigger {
    display: block;  
    height: 64px;
    width: 100%;
  }

  #nav-main {
    display: none;
  }

  nav#nav-mobile {
    display: block;
  }
}

@media 
(-webkit-min-device-pixel-ratio: 2), 
(min-resolution: 192dpi) { 
 #nav-trigger span {
   background-image: url(images/mobile-nav-bg.png) !important;
   background-size:23px 23px !important;
 }
}
.fancybox-skin {
	background: #131210;
	border: 0!important;
}