@font-face {
font-family: 'FontAwesome';
src: url(//bgktarchitects.com/wp-content/themes/bng-theme/fonts/fontawesome-webfont.eot?v=4.3.0);
src: url(//bgktarchitects.com/wp-content/themes/bng-theme/fonts/fontawesome-webfont.eot?#iefix&v=4.3.0) format('embedded-opentype'), url(//bgktarchitects.com/wp-content/themes/bng-theme/fonts/fontawesome-webfont.woff2?v=4.3.0) format('woff2'), url(//bgktarchitects.com/wp-content/themes/bng-theme/fonts/fontawesome-webfont.woff?v=4.3.0) format('woff'), url(//bgktarchitects.com/wp-content/themes/bng-theme/fonts/fontawesome-webfont.ttf?v=4.3.0) format('truetype'), url(//bgktarchitects.com/wp-content/themes/bng-theme/fonts/fontawesome-webfont.svg?v=4.3.0#fontawesomeregular) format('svg');
font-weight: normal;
font-style: normal;
}
::-moz-selection {
background: #00476f;
color: white;
text-shadow: none;
}
::selection {
background: #00476f;
color: white;
text-shadow: none;
}
hr {
border: none;
width: 100%;
height: 1px;
background: #c9cbce;
}
.screen-reader-text {
position:absolute;
left:-10000px;
top:auto;
width:1px;
height:1px;
overflow:hidden;
}  body {
min-width: 960px;
} .container_12 {
margin-left: auto;
margin-right: auto;
width: 960px;
}
.content {
width: 100%;
background: white;
}
.content-interior {
max-width: 1014px;
margin: auto;
background: white;
padding-top: 40px;
}
.content-interior > .container_12 > div:first-child > *:first-child {
margin-top: 0;
}
.no-image-header {
padding-top: 80px;
}
.offset {
position: relative;
top: -90px;
}
#page-header {
width: 100%;
height: 410px;
text-align: center;
}
#cta {
}
#cta .container_12 {
padding-top: 150px;
padding-bottom: 150px;
}
#cta div[class^="cta-"],
#cta div[class*=" cta-"] {
height: 100%;
width: 100%;
text-align: center;
}
.parallax-img {
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
background-attachment: fixed;
}
html.no-backgroundsize .parallax-img {
background-attachment: scroll;
}
.header-img {
width: 100%;
height: 410px;
box-shadow: 0px 30px 30px -10px rgba(0, 0, 0, 0.3) inset, 0px -30px 30px -10px rgba(0, 0, 0, 0.3) inset;
} .grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12 {
display:inline;
float: left;
position: relative;
margin-left: 15px;
margin-right: 15px;
}
.push_1, .pull_1,
.push_2, .pull_2,
.push_3, .pull_3,
.push_4, .pull_4,
.push_5, .pull_5,
.push_6, .pull_6,
.push_7, .pull_7,
.push_8, .pull_8,
.push_9, .pull_9,
.push_10, .pull_10,
.push_11, .pull_11,
.push_12, .pull_12 {
position:relative;
} .alpha {
margin-left: 0;
}
.omega {
margin-right: 0;
} .container_12 .grid_1 {
width:50px;
}
.container_12 .grid_2 {
width:130px;
}
.container_12 .grid_3 {
width:210px;
}
.container_12 .grid_4 {
width:290px;
}
.container_12 .grid_5 {
width:370px;
}
.container_12 .grid_6 {
width:450px;
}
.container_12 .grid_7 {
width:530px;
}
.container_12 .grid_8 {
width:610px;
}
.container_12 .grid_9 {
width:690px;
}
.container_12 .grid_10 {
width:770px;
}
.container_12 .grid_11 {
width:850px;
}
.container_12 .grid_12 {
width:930px;
} .container_12 .prefix_1 {
padding-left:80px;
}
.container_12 .prefix_2 {
padding-left:160px;
}
.container_12 .prefix_3 {
padding-left:240px;
}
.container_12 .prefix_4 {
padding-left:320px;
}
.container_12 .prefix_5 {
padding-left:400px;
}
.container_12 .prefix_6 {
padding-left:480px;
}
.container_12 .prefix_7 {
padding-left:560px;
}
.container_12 .prefix_8 {
padding-left:640px;
}
.container_12 .prefix_9 {
padding-left:720px;
}
.container_12 .prefix_10 {
padding-left:800px;
}
.container_12 .prefix_11 {
padding-left:880px;
} .container_12 .suffix_1 {
padding-right:80px;
}
.container_12 .suffix_2 {
padding-right:160px;
}
.container_12 .suffix_3 {
padding-right:240px;
}
.container_12 .suffix_4 {
padding-right:320px;
}
.container_12 .suffix_5 {
padding-right:400px;
}
.container_12 .suffix_6 {
padding-right:480px;
}
.container_12 .suffix_7 {
padding-right:560px;
}
.container_12 .suffix_8 {
padding-right:640px;
}
.container_12 .suffix_9 {
padding-right:720px;
}
.container_12 .suffix_10 {
padding-right:800px;
}
.container_12 .suffix_11 {
padding-right:880px;
} .container_12 .push_1 {
left:80px;
}
.container_12 .push_2 {
left:160px;
}
.container_12 .push_3 {
left:240px;
}
.container_12 .push_4 {
left:320px;
}
.container_12 .push_5 {
left:400px;
}
.container_12 .push_6 {
left:480px;
}
.container_12 .push_7 {
left:560px;
}
.container_12 .push_8 {
left:640px;
}
.container_12 .push_9 {
left:720px;
}
.container_12 .push_10 {
left:800px;
}
.container_12 .push_11 {
left:880px;
} .container_12 .pull_1 {
left:-80px;
}
.container_12 .pull_2 {
left:-160px;
}
.container_12 .pull_3 {
left:-240px;
}
.container_12 .pull_4 {
left:-320px;
}
.container_12 .pull_5 {
left:-400px;
}
.container_12 .pull_6 {
left:-480px;
}
.container_12 .pull_7 {
left:-560px;
}
.container_12 .pull_8 {
left:-640px;
}
.container_12 .pull_9 {
left:-720px;
}
.container_12 .pull_10 {
left:-800px;
}
.container_12 .pull_11 {
left:-880px;
}  .clear {
clear: both;
display: block;
overflow: hidden;
visibility: hidden;
width: 0;
height: 0;
} .clearfix:before,
.clearfix:after {
content: '\0020';
display: block;
overflow: hidden;
visibility: hidden;
width: 0;
height: 0;
}
.clearfix:after {
clear: both;
} .clearfix {
zoom: 1;
} body,
h4,
footer,
.step-wrapper,
.contact-info {
font-family: 'Crimson Text', Georgia, serif;
letter-spacing: .5px;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
h1,
h2,
h3,
nav,
a.button,
a.arrow-button,
a.right-arrow,
a.left-arrow,
a.big-button,
a.gray-button,
button.button,
footer .footer-nav,
.copyright,
.bio h4,
.bio a,
.pagination ol li a,
#ninja_forms_form_5,
#ninja_forms_form_5 label,
#ninja_forms_form_5 input,
.search-results-container a {
font-family: 'Questrial', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
nav {
font-size: .9375em;
}
p {
font-size: 1.375em;
letter-spacing: .5px;
line-height: 1.6em;
color: #26313c;
}
.bio p {
font-size: 1.125em;
line-height: 1.333em;
}
h1 {
font-size: 3em;
line-height: 1.1666em;
letter-spacing: 2px;
font-weight: normal;
}
.content-interior h1 {
color: #26313c;
}
h1.image-text {
z-index: 9998;
font-weight: bold;
color: #FFF;
text-shadow: 2px 3px 5px rgba(0, 0, 0, 0.8);
}
#page-header h1 {
padding-top: 130px;
margin: 0;
}
h2 {
font-size: 1.625em;
line-height: 1.2em;
letter-spacing: 2px;
}
.about-us h2,
.contact-us h2 {
color: #c11d14;
font-weight: normal;
}
h3 {
font-size: 1.375em;
letter-spacing: 2px;
}
h4 {
font-size: 1.25em;
font-weight: normal;
line-height: 1.3em;
}
ul.no-bullets {
list-style: none;
padding: 0;
margin: 0;
}
.icon {
display: inline-block;
font: normal normal normal 14px/1 FontAwesome;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
transform: translate(0, 0);
}
.name-title {
color: #26313c;
border-left: 2px solid #c11d14;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
margin-left: 0;
padding: 10px 0 10px 15px;
}
.name-title span {
color: #92989d;
font-style: italic;
}
.bio h4 {
margin: 0;
}
.page-text-header {
margin-bottom: 0;
}
#page-header h1.category-archive {
width: 960px;
margin-left: auto;
margin-right: auto;
} a.button {
padding: 15px 25px;
border: 1px solid #c11d14;
border-radius: 5px;
color: #26313c;
text-decoration: none;
font-size: 1em;
display: inline-block;
}
a.button:hover {
background: #c11d14;
color: #FFF;
}
a.arrow-button {
border: 1px solid #c11d14;
padding: 15px 48px 15px 25px;
border-radius: 5px;
color: #26313c;
text-decoration: none;
position: relative;
display: inline-block;
}
a.right-arrow,
.news .pagination a.next {
text-decoration: none;
border-left: 1px solid #c9cbce;
border-top: 1px solid #c9cbce;
border-bottom: 1px solid #c9cbce;
border-radius: 5px 0 0 5px;
padding: 15px;
margin-right: 41px;
color: #26313c;
display: inline-block;
position: relative;
float: right;
line-height: 16px;
}
.news .pagination a.next.page-numbers {
box-shadow: none;
font-size: 1em;
margin-left: 0;
}
a.right-arrow:after,
.news .pagination a.next:after {
font: normal normal normal 14px/1 FontAwesome;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
transform: translate(0, 0);
content: "\f105";
font-size: 22px;
line-height: 46px;
top: 50%;
right: -40px;
position: absolute;
margin-top: -24px;
padding: 0 15px;
border: 1px solid #c9cbce;
border-radius: 0 5px 5px 0;
}
a.right-arrow:hover,
.news .pagination a.next.page-numbers:hover {
border-left: 1px solid #c11d14;
border-top: 1px solid #c11d14;
border-bottom: 1px solid #c11d14;
background: #c11d14;
color: white;
}
a.right-arrow:hover:after,
.news .pagination a.next:hover:after {
border-left: 1px solid white;
border-top: 1px solid #c11d14;
border-right: 1px solid #c11d14;
border-bottom: 1px solid #c11d14;
background: #c11d14;
}
a.left-arrow,
.news .pagination a.prev {
text-decoration: none;
border-right: 1px solid #c9cbce;
border-top: 1px solid #c9cbce;
border-bottom: 1px solid #c9cbce;
border-radius: 0px 5px 5px 0;
padding: 15px;
margin-left: 41px;
color: #26313c;
display: inline-block;
position: relative;
float: left;
line-height: 16px;
}
.news .pagination a.prev.page-numbers {
box-shadow: none;
font-size: 1em;
margin-right: 0;
}
a.left-arrow:after,
.news .pagination a.prev:after {
font: normal normal normal 14px/1 FontAwesome;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
transform: translate(0, 0);
content: "\f104";
font-size: 22px;
line-height: 46px;
top: 50%;
left: -40px;
position: absolute;
margin-top: -24px;
padding: 0 15px;
border: 1px solid #c9cbce;
border-radius: 5px 0 0 5px;
}
a.left-arrow:hover,
.news .pagination a.prev.page-numbers:hover {
border-right: 1px solid #c11d14;
border-top: 1px solid #c11d14;
border-bottom: 1px solid #c11d14;
background: #c11d14;
color: white;
}
a.left-arrow:hover:after,
.news .pagination a.prev.page-numbers:hover:after {
border-right: 1px solid white;
border-top: 1px solid #c11d14;
border-left: 1px solid #c11d14;
border-bottom: 1px solid #c11d14;
background: #c11d14;
}
a.arrow-button:after {
font: normal normal normal 14px/1 FontAwesome;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
transform: translate(0, 0);
content: "\f105";
font-size: 38px;
position: absolute;
top: 50%;
margin-top: -21px;
padding-left: 15px;
}
a.arrow-button:hover {
background: #c11d14;
color: #FFF;
}
a.big-button {
background: #c11d14;
color: #FFF;
padding: 25px 0;
border-radius: 5px;
text-align: center;
text-decoration: none;
font-size: 1.25em;
}
a.big-button:hover {
background: #87140e;
}
button:focus {
outline: none;
}
a.gray-button,
button.button {
padding: 15px 25px;
border: 1px solid #c9cbce;
border-radius: 5px;
color: #26313c;
text-decoration: none;
display: inline-block;
font-size: 1em;
}
button.button {
background: white;
letter-spacing: .5px;
}
a.gray-button:hover,
button.button:hover {
background: #e9ebee;
}
a.selected,
button.selected {
color: white;
background: #c11d14;
border: 1px solid #c11d14;
position: relative;
}
button.button.selected {
background: #c11d14;
}
a.selected:hover {
background: #c11d14;
}
a.selected:after,
button.button.selected:after {
content: "";
width: 0;
height: 0;
border-left: 15px solid transparent;
border-right: 15px solid transparent;
border-top: 15px solid #c11d14;
position: absolute;
bottom: -15px;
left: 50%;
margin-left: -15px;
}
a.grid-icon {
text-decoration: none;
border: 1px solid #c9cbce;
border-radius: 5px;
color: #26313c;
display: inline-block;
position: absolute;
left: 50%;
line-height: 16px;
width: 46px;
height: 46px;
margin-left: -24px;
}
a.grid-icon:after {
content: "\f00a";
position: absolute;
top: 50%;
left: 50%;
font-size: 22px;
line-height: 46px;
margin-top: -23px;
margin-left: -11px;
}
a.grid-icon:hover {
color: white;
background: #c11d14;
border: 1px solid #c11d14;
} #sticky-header {
position: fixed;
top: 0;
left: 0;
right: 0;
z-index: 9999;
}
.logged-in #sticky-header {
top: 32px;
}
.logo {
float: left;
margin-top: 12px;
height: 75px;
}
.logo img {
height: 100%;
}
header {
width: 100%;
background: #FFF;
height: 100px;
border-bottom: 2px solid #003466;
}
nav {
float: right;
}
nav ul li a {
text-transform: uppercase;
text-decoration: none;
}
nav ul.no-bullets > li {
display: inline-block;
line-height: 100px;
}
nav ul.no-bullets > li:hover {
background: #e7e7e7;
}
nav ul.no-bullets > li > a {
padding: 0 10px;
color: #26313c;
display: inline-block;
}
.sub-menu {
display: none;
list-style: none;
position: absolute;
z-index: 9998;
margin-top: 2px;
width: 200px;
background: #26313c;
padding: 0;
}
.sub-menu li a {
color: #FFF;
padding: 16px;
display: block;
}
nav ul.no-bullets li ul li {
line-height: 15px;
font-size: .8125em;
color: #FFF;
display: block;
}
nav ul.no-bullets li ul li:hover {
background: #000;
} .search-container {
margin-left: auto;
margin-right: auto;
width: 960px;
position: relative;
z-index: 9998;
}
.search-container *,
.search-container input {
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
}
.search-clipping-box {
overflow: hidden;
width: 245px;
height: 35px;
position: absolute;
right: 0;
top: 0;
}
a.search-button {
display: block;
position: absolute;
left: 0;
right: 0;
width: 35px;
height: 35px;
background: #c11d14;
text-decoration: none;
cursor: pointer;
}
a.search-button:hover {
background: #87140e;
}
.search-toggle-open:before {
content: "\f002";
font-size: 20px;
position: absolute;
top: 50%;
left: 50%;
margin-top: -12px;
margin-left: -10px;
color: #FFF;
}
.search-toggle-close:before {
content: "\f00d";
font-size: 20px;
position: absolute;
top: 50%;
left: 50%;
margin-top: -12px;
margin-left: -8px;
color: #FFF;
}
.search-box {
position: absolute;
width: 245px;
height: 35px;
top: 0;
left: 210px;
transform: translate(0, 0);
transition: all .3s;
}
.search-visible {
left: 0;
}
.search-clipping-box input:focus {
outline: none!important;
box-shadow: inset 0 0 2px 2px rgba(193,29,20,.3) !important;
}
.search-clipping-box input[type="search"],
.search-clipping-box input[type="text"] {
padding: 0 10px!important;
margin-left: 35px;
height: 35px!important;
width: 175px!important;
border: none!important;
background: #FFF!important;
border-bottom: 1px solid #c11d14!important;
}
.search-clipping-box input[type="submit"] {
position: absolute;
width: 35px!important;
height: 35px!important;
top: 0;
background: #c11d14 url(//bgktarchitects.com/wp-content/themes/bng-theme/images/search.png) no-repeat center center;
border: none!important;
text-indent: 9999px;
}
.search-clipping-box input[type="submit"]:hover {
background: #87140e url(//bgktarchitects.com/wp-content/themes/bng-theme/images/search.png) no-repeat center center;
} footer {
width: 100%;
background: url(//bgktarchitects.com/wp-content/themes/bng-theme/images/footer-pattern.jpg) center center;
padding-top: 25px;
padding-bottom: 15px;
border-bottom: 11px solid #c11d14;
text-shadow: 0px -1px 0px #000;
}
footer p,
footer a {
color: white;
font-size: 1.0625em;
}
footer p,
footer p a {
line-height: 1.1em;
}
footer a {
text-decoration: none;
}
footer a span {
box-shadow: 0 1px 0 #c11d14;
}
footer a span:hover {
box-shadow: none;
}
footer .container_12 .grid_6 p:nth-of-type(2),
footer .container_12 .grid_6 p:nth-of-type(3) {
margin-top: 30px;
}
footer hr {
background: #3d4751;
box-shadow: 0 -1px 0 rgba(0,0,0,.5);
}
ul.footer-nav li a {
padding: 5px 15px;
color: #92989d;
display: inline-block;
}
ul.footer-nav li a:hover {
background: white;
color: #26313c;
text-shadow: none;
}
ul.footer-nav li {
margin-bottom: 20px;
}
ul.footer-nav li {
width: 210px;
float: left;
position: relative;
}
ul.footer-nav li:nth-child(odd) {
margin-right: 15px;
}
ul.footer-nav li:nth-child(even) {
margin-left: 15px;
}
footer h1 {
color: white;
margin: 0;
}
.footer-logo {
height: 75px;
display: inline-block;
}
.footer-logo img {
height: 100%;
}
.recent-news {
border: 1px solid #3d4751;
border-radius: 5px;
box-shadow: 0 -1px 0 rgba(0,0,0,.5), inset 0 -1px 0 rgba(0,0,0,.5);
padding: 15px;
}
.recent-news p {
line-height: 1.411;
}
.recent-news a.arrow-button {
color: white;
text-shadow: none;
}
.copyright,
.copyright a {
font-size: 12px;
color: #697681;
}
.copyright a:hover {
text-decoration: underline;
} .slider-container {
position: relative;
}
.slider-text-container {
width: 930px;
margin: auto;
padding: 0 15px;
}
.slider-text {
position: absolute;
z-index: 1;
margin: 0 0 0 75px;
bottom: 110px;
} .home .intro {
padding-top: 65px;
padding-bottom: 65px;
}
.intro .grid_8 {
text-align: center;
}
.intro ul {
text-align: center;
margin-bottom: 78px;
}
.intro ul li {
display: inline-block;
padding: 0 15px;
border-right: 1px solid #c9cbce;
}
.intro ul li h3 {
color: #c11d14;
font-weight: normal;
}
.intro ul li:last-child {
border: none;
}
.intro h1 {
text-align: center;
color: #26313c;
margin-top: 0;
}
.intro .big-button {
margin-bottom: 25px;
}
.featured-projects {
background: #26313c;
border-top: 3px solid #c11d14;
border-bottom: 3px solid #c11d14;
color: white;
padding-bottom: 30px;
}
.featured-projects h1 {
text-shadow: 0px -2px 0px rgba(0, 0, 0, 0.45);
margin-bottom: 15px;
}
.featured-projects hr {
background: #464f58;
box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.45);
float: left;
}
.featured-projects  h4 {
text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.45);
padding: 10px 0 10px 15px;
margin: 10px 0;
border-left: 2px solid #c11d14;
}
.featured-projects .project-column h4 a {
color: white;
text-decoration: none;
display: block;
}
.featured-projects .project-column h4 a span {
font-style: italic;
font-size: 16px;
}
.project-thumbnail {
font-size: 0;
position: relative; }
.project-thumbnail a > div {
position: absolute;
bottom: 0;
right: 0;
width: 50px;
height: 50px;
background: rgba(193,29,20,.7);
transition: all ease .2s;
border-top-left-radius: 5px;
}
html.no-rgba .project-thumbnail a > div {
background:none;
-ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#B2C11D14,endColorstr=#B2C11D14);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#B2C11D14,endColorstr=#B2C11D14);
zoom: 1;
}
.project-thumbnail a > div:before {
content: "\002b";
font-size: 50px;
margin-left: -14.5px;
margin-top: -29px;
position: absolute;
top: 50%;
left: 50%;
font-family: 'Questrial', 'Helvetica Neue', Helvetica, Arial, sans-serif;
color: white;
}
.project-thumbnail a {
text-decoration: none;
}
.project-thumbnail:hover a > div {
width: 100%;
height: 100%;
background: rgba(0,52,102,.8);
border-radius: 0;
} 
html.no-rgba .project-thumbnail:hover a > div {
background:none;
-ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#CC003466,endColorstr=#CC003466);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#CC003466,endColorstr=#CC003466);
zoom: 1;
}
.featured-projects a.arrow-button {
color: white;
}
.featured-projects .button-container {
text-align: center;
margin-top: 30px;
}
.experience {
width: 100%;
background: url(//bgktarchitects.com/wp-content/themes/bng-theme/images/blue-grid.jpg) center center;
}
.experience .container_12 {
padding-top: 50px;
padding-bottom: 50px;
}
.experience p {
margin-top: 0;
}
.experience h2 {
line-height: 1em;
font-size: 23px;
}
.experience h2 span {
position: absolute; font-weight: normal;
}
span.over {
top: 52px;
}
span.forty {
text-shadow: none;
}
span.forty:after {
visibility: visible;
position: absolute;
content: "40";
top: 7px;
left: 0;
font-family: 'Crimson Text', Georgia, serif;
font-size: 300px;
line-height: 190px;
}
span.years {
background: #c11d14;
border: 3px solid #003466;
padding: 0 15px;
line-height: 40px;
text-transform: uppercase;
top: 107px;
left: 220px;
}
span.of-experience {
top: 177px;
right: 0;
}
.experience p,
.experience h2 {
text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.45);
}
.experience p,
.experience a,
.experience h2 {
color: white;
}
.white-stripe {
width: 100%;
padding: 20px 0;
background: white;
}
.white-stripe > div {
width: 100%;
height: 1px;
background: #c9cbce;
}
.cta-services {
background-image: url(//bgktarchitects.com/wp-content/themes/bng-theme/images/bounds-and-gillespie-blueprints.jpg);
}
#cta a {
color: white;
}
#cta h1 {
font-weight: normal;
} .about-us-header {
background-image: url(//bgktarchitects.com/wp-content/themes/bng-theme/images/header-about-us.jpg);
}
.about-us .item-header {
text-align: center;
border-top: 1px solid #c9cbce;
border-bottom: 1px solid #c9cbce;
line-height: 44px;
}
.about-us .grid_4,
.about-us .grid_6 {
margin-bottom: 20px;
}
.bio-container .bio:nth-child(odd) {
margin-left: 0;
}
.bio-container .bio:nth-child(even) {
margin-right: 0;
}
.bio-container .bio:last-child {
margin-bottom: 100px;
}
.bio-container .bio .grid_6 {
margin-top: 10px;
}
.bio-container .bio a {
text-decoration: none;
box-shadow: 0 1px 0 #c11d14;
color: #26313c;
}
.bio-container .bio a:after {
content: "\f105";
padding-left: 10px;
display: inline-block;
font: normal normal normal 14px/1 FontAwesome;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
transform: translate(0, 0);
}
.bio-container .bio a:hover {
box-shadow: none;
} .our-services-header {
background-image: url(//bgktarchitects.com/wp-content/themes/bng-theme/images/header-our-services.jpg);
}
.services-header h1 {
display: inline-block;
padding: 0 15px;
color: white;
background: #26313c;
margin: 40px 0 0;
}
.our-services .services-header {
border-bottom: 1px solid #26313c;
}
.services {
float: none;
}
.services ul {
text-align: center;
display: table;
}
.services ul li {
width: 310px;
display: inline-block;
vertical-align: middle;
}
.services h3 {
font-weight: normal;
}
.cta-projects {
background-image: url(//bgktarchitects.com/wp-content/themes/bng-theme/images/cta-projects.jpg);
}
.design-approach {
margin-bottom: 100px;
}
.design-approach h1{
text-align: center;
}
.steps-wrapper {
background: url(//bgktarchitects.com/wp-content/themes/bng-theme/images/steps-line.gif) repeat-y 41px;
display: inline-block;
vertical-align: middle;
}
.step-number-wrapper {
display: inline-block;
vertical-align: middle;
margin-right: 20px;
padding: 5px;
border-radius: 5px;
background: white;
border: 1px solid #c9cbce;
}
.step {
background: #c9cbce;
line-height: 30px;
font-size: 1.375em;
color: white;
text-shadow: 0 1px 0 #92989d;
font-style: italic;
text-align: center;
width: 71px;
}
.step-number {
line-height: 72px;
width: 71px;
text-align: center;
background: #00476f;
color: white;
font-size: 60px;
}
.single-step {
margin-bottom: 30px;
}
.single-step:last-child {
margin-bottom: 0;
}
.single-step h2 {
margin: 0;
display: inline-block;
vertical-align: middle;
font-weight: normal;
color: #00476f;
} .project-header-filter-wrapper {
width: 930px;
margin: 0 15px;
}
.projects {
padding-bottom: 100px;
}
.projects a.gray-button,
.projects button.button {
margin-top: 30px;
margin-bottom: 30px;
margin-right: 30px;
}
.project-row {
width: 960px;
}
.project-column {
width: 290px;
padding-left: 15px;
padding-right: 15px;
padding-bottom: 55px;
display: inline-block;
vertical-align: bottom;
}
.project-column h4 {
padding: 10px 0 10px 15px;
margin: 10px 0;
border-left: 2px solid #c11d14;
}
.project-column h4 a {
color: #26313c;
text-decoration: none;
display: block;
}
.project-column h4 a span {
font-style: italic;
font-size: 16px;
} .clients-header {
background-image: url(//bgktarchitects.com/wp-content/themes/bng-theme/images/header-clients.jpg);
}
.cta-clients-projects {
background-image: url(//bgktarchitects.com/wp-content/themes/bng-theme/images/cta-clients-projects2.jpg);
}
.clients .grid_12,
.clients .grid_10 {
margin-bottom: 70px;
}
.clients .grid_10:last-child {
margin-bottom: 0;
}
.clients h2 {
color: #c11d14;
font-weight: normal;
margin: 0;
}
.text-cta h2 {
color: #26313c;
font-weight: normal;
}
.clients p {
margin-top: 0;
}
.text-cta p {
font-style: italic;
font-size: 1.125em;
} .news-header {
background-image: url(//bgktarchitects.com/wp-content/themes/bng-theme/images/bounds-and-gillespie-blueprints.jpg);
}
article {
margin-bottom: 75px;
}
.featured-image {
float: left;
margin: 0 30px 15px 0;
}
article h1 {
margin: 0;
}
.post-details,
.categories {
display: inline-block;
font-size: 1em;
color: #92989d;
margin: 0;
}
.post-details {
padding-right: 30px;
border-right: 1px solid #92989d;
}
.categories {
padding-left: 30px;
}
.categories a {
color: #92989d;
text-decoration: none;
}
.categories a:hover {
text-decoration: underline;
}
article p {
margin-top: 35px;
margin-bottom: 35px;
}
article a.ellipsis {
color: #c11d14;
text-decoration: none;
}
article a.ellipsis:hover {
box-shadow: 0 1px 0 #c11d14;
}
.sidebar {
font-size: 1.25em;
float: right;
}
.sidebar a {
color: #26313c;
text-decoration: none;
}
.sidebar a:hover {
box-shadow: 0 1px 0 #c11d14;
}
.sidebar ul li {
color: #c9cbce;
}
.sidebar h2 {
color: #c11d14;
font-weight: normal;
border-top: 1px solid #c9cbce;
border-bottom: 1px solid #c9cbce;
line-height: 44px;
margin-top: 0;
}
.pagination {
margin-top: 15px;
width: 100%;
text-align: center;
}
.pagination .page-numbers {
margin: 0 10px;
}
.news .pagination  a.page-numbers,
.news .pagination  .current {
font-size: 1.375em;
color: #26313c;
}
.news .pagination a.page-numbers {
text-decoration: none;
box-shadow: 0 1px 0 #26313c;
}
.news .pagination a.page-numbers:hover {
color: #c11d14;
box-shadow: none;
}
article #breadcrumbs {
font-size: 13px;
margin: 0;
}
article #breadcrumbs a {
color: #26313c;
}
article #breadcrumbs a:hover {
text-decoration: none;
} .project-location {
margin-bottom: 35px;
margin-top: 0;
} .bio-page p {
font-size: 1.125em;
line-height: 1.333em;
}
.bio-page h3 {
font-weight: normal;
color: #c11d14;
}
.credentials {
margin-bottom: 50px;
}
.credentials h3 {
margin: 0;
}
.credentials ul {
color: #26313c;
}
.bio-page .container_12 {
margin-bottom: 100px;
}
img.headshot {
max-width: 100%;
height: auto;
} .overlay {
background:transparent; 
position:relative; 
width:450px;
height:360px; top:360px; margin-top:-360px; }
.contact-info {
text-align: right;
font-size: 1.2em;
line-height: 1em;
font-weight: normal;
color: #26313c;
margin: 0;
border-top: 1px solid #c9cbce;
padding: 10px;
position: relative;
}
.contact-info:nth-of-type(1) {
margin-top: 20px;
}
.contact-info:last-child {
border-bottom: 1px solid #c9cbce;
}
.contact-info a {
text-decoration: none;
color: #26313c;
box-shadow: 0 1px 0 #c11d14;
}
.contact-info a:hover {
box-shadow: none;
}
.contact-info:before {
font: normal normal normal 14px/1 FontAwesome;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
transform: translate(0, 0);
color: #c11d14;
position: absolute;
left: 10px;
}
.phone-icon:before {
content: "\f095";
}
.fax-icon:before {
content: "\f1ac";
}
.email-icon:before {
content: "\f1fa";
}
.address-icon:before {
content: "\f0ac";
}
.contact-form-wrapper {
margin-top: 25px;
}
.contact-form-wrapper hr {
margin: 30px 0;
}
#ninja_forms_form_5 {
font-size: 1.5625em;
line-height: 1em;
width: 930px;
position: relative;
padding-bottom: 30px;
}
#ninja_forms_form_5 .field-wrap {
width: 930px;
display: table;
}
#ninja_forms_form_5 * {
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
}
#ninja_forms_form_5 label {
display: table-cell;
width: 20%;
padding-right: 15px;
font-weight: normal;
}
#ninja_forms_form_5 .field-wrap input.ninja-forms-field,
#ninja_forms_form_5 .field-wrap textarea {
display: table-cell;
border: 1px solid #92989d;
border-radius: 5px;
padding: 10px;
width: 100%;
background: #f2f2f2;
margin: 0; }
#ninja_forms_form_5 .textarea-wrap label {
vertical-align: top;
}
#ninja_forms_form_5 input[type=text]:focus,
#ninja_forms_form_5 textarea:focus {
background: white;
outline: none !important;
}
#ninja_forms_form_5 textarea {
resize: vertical;
height: 130px;
}
#ninja_forms_form_5 input[type=submit] {
width: 290px !important;
font-size: 18px;
position: absolute;
left: 50%;
bottom: 0;
height: 42px !important;
margin-left: -145px !important;
background: white !important;
border-radius: 5px !important;
border: 1px solid #c11d14 !important;
color: #26313c !important;
}
#ninja_forms_form_5 input[type=submit]:hover {
background: #c11d14 !important;
color: white !important;
}
#ninja_forms_form_5 .ninja-forms-required-items {
font-size: 16px;
}
#ninja_forms_form_5 div.ninja-forms-field-error {
display: inline-block;
width: 100%;
}
#ninja_forms_form_5 .ninja-forms-field-error p {
font-size: 16px;
margin: 0;
color: red;
}
.ninja-forms-error-msg {
color: red;
}
.ninja-forms-success-msg {
width: 500px;
margin: auto;
text-align: center;
}
.ninja-forms-success-msg h2 {
font-weight: normal;
color: #c11d14;
}
.career-info h2 {
margin-bottom: 0;
}
.career-info .contact-info:nth-of-type(1) {
margin-top: 0
}
.career-info h3.contact-info {
border-bottom: 1px solid #c9cbce;
}
.career-copy p {
font-size: 1.2em;
margin-bottom: 100px;
} .search-results-container {
margin-bottom: 100px;
}
.news-result,
.project-result,
.bio-result {
padding-top: 15px;
padding-bottom: 15px;
border-bottom: 1px solid #c9cbce;
}
.project-result img,
.bio-result img {
float: left;
margin-right: 30px;
}
.bio-result .name-title {
display: inline-block;
}
.bio-result .name-title a {
text-decoration: none;
box-shadow: 0 1px 0 #c11d14;
color: #26313c;
}
.bio-result .name-title a:after {
content: "\f105";
padding-left: 10px;
display: inline-block;
font: normal normal normal 14px/1 FontAwesome;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
transform: translate(0, 0);
}
.bio-result .name-title a:hover {
box-shadow: none;
}
.bio-result h2 {
margin: 0;
}
.search-results-container h2 {
font-weight: normal;
margin-top: 0;
}
.search-results-container article {
margin-bottom: 0;
}
.found-in {
font-size: 13px;
font-weight: 600;
font-style: italic;
color: #92989d;
margin: 0;
}
.search-results-container .found-in a {
color: #92989d;
font-style: normal;
font-weight: normal;
box-shadow: none;
text-decoration: underline;
}
.search-results-container .found-in a:hover {
text-decoration: none;
}
.search-results-container a {
text-decoration: none;
box-shadow: 0 1px 0 #c11d14;
color: #26313c; 
}
.search-results-container a:hover {
box-shadow: none;
}
.search-results-container .type-post .post-summary a.read-more {
margin-left: 15px;
}
.search-results-container .type-post .post-summary a.read-more:after {
content: "\f105";
padding-left: 10px;
display: inline-block;
font: normal normal normal 14px/1 FontAwesome;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
transform: translate(0, 0);
}
.post-summary p {
font-size: 1em;
margin: 0;
}
.post-navigation {
position: relative;
} .search-clipping-box input[type="search"],
.search-clipping-box input[type="submit"],
input[type="text"],
textarea {
-webkit-appearance: none ;
-webkit-border-radius: 0;
border-radius: 0;
-webkite-box-shadow: none;
}