/**
 * BRAAD theme main.css
 * Date: 01.26.17
 * Version: 1.04b
 *
 * @package WordPress
 * @subpackage BRAAD	
 * @since BRAAD 1.0
 */

/**
 * Updates:
 * 
 * 12.17.16
 * 		1. Changed text styling for multiple p tags on home.php
 *
 * 01.18.17
 *		1. Updated for article banners
 *
 * 01.26.17
 *		1. Changed rollover appearance (no cursor).
 *		2. Adjusted contrast in menu font
 *
 * 08.05.18
 *		1. Reduced sizes of logos.
***/
 
/**
 * Table of Contents
 *
 * 1.0 - Normalize
 * 2.0 - Typography
 * 3.0 - Alignments
 * 4.0 - Elements
 * 5.0 - Navigation
 * 6.0 - Content


 * 		6.1 - Header
 * 		6.2 - Banner
 * 		6.3 - Main Content
 * 		6.4 - Contact Page
 * 		6.5 - Forms
 * 		6.6 - 
 * 		6.7 - 
 * 		6.8 - Aside / Sidebar
 * 		6.9 - Footer


 * 7.0 - Misc Classes & Styling
 * 8.0 - Helper Classes
 * 9.0 - Not Used 
 * 10.0 - Not Used 
 * 11.0 - Not Used 
 * 12.0 - Not Used 
 * 13.0 - Not Used 


 * 14.0 - Media Queries
 * 		14.1 - Medium + Large ( >= 768px )
 *		14.2 - Small + Medium ( 1000px >= x >= 50px)
 *		14.3 - Medium ( 1000px >= x >= 768px)
 *		14.4 - Small ( 767px >= x >= 50px )
 * 15.0 - Print
 *
 **/

/**
* 1.0 - Normalize
**/

html {
	font-family: sans-serif;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}

body {
	margin: 0;
}

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

audio,
canvas,
progress,
video {
	display: inline-block;
	vertical-align: baseline;
}

audio:not([controls]) {
	display: none;
	height: 0;
}

[hidden],
template {
	display: none;
}

a {
	background-color: transparent;
}

a:active,
a:hover {
  outline: 0;
}

abbr[title] {
	border-bottom: 1px dotted;
}

b,
strong {
	font-weight: 700;
}

small {
	font-size: 80%;
}

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sup {
	top: -0.5em;
}

sub {
	bottom: -0.25em;
}

img {
	border: 0;
}

svg:not(:root) {
	overflow: hidden;
}

figure {
	margin: 0;
}

hr {
  -webkit-box-sizing: content-box;
     -moz-box-sizing: content-box;
          box-sizing: content-box;
  height: 0;
}

pre {
  overflow: auto;
}

code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

button,
input,
optgroup,
select,
textarea {
	color: inherit;
	font: inherit;
	margin: 0;
}

select {
	text-transform: none;
}

button {
	overflow: visible;
}

button,
input,
select,
textarea {
	max-width: 100%;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
	-webkit-appearance: button;
	cursor: pointer;
}

button[disabled],
html input[disabled] {
	cursor: default;
	opacity: .5;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0;
}

input {
	line-height: normal;
}

input[type="checkbox"],
input[type="radio"] {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin-right: 0.4375em;
	padding: 0;
}

input[type="date"]::-webkit-inner-spin-button,
input[type="date"]::-webkit-outer-spin-button,
input[type="time"]::-webkit-inner-spin-button,
input[type="time"]::-webkit-outer-spin-button,
input[type="datetime-local"]::-webkit-inner-spin-button,
input[type="datetime-local"]::-webkit-outer-spin-button,
input[type="week"]::-webkit-inner-spin-button,
input[type="week"]::-webkit-outer-spin-button,
input[type="month"]::-webkit-inner-spin-button,
input[type="month"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

input[type="search"] {
  -webkit-appearance: textfield;
  -webkit-box-sizing: content-box;
     -moz-box-sizing: content-box;
          box-sizing: content-box;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

fieldset {
	border: 1px solid #d1d1d1;
	margin: 0 0 1.75em;
	min-width: inherit;
	padding: 0.875em;
}

fieldset > :last-child {
	margin-bottom: 0;
}

legend {
	border: 0;
	padding: 0;
}

textarea {
	overflow: auto;
	vertical-align: top;
}

optgroup {
	font-weight: bold;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

td,
th {
  padding: 0;
}

/**
* 2.0 - Typography
**/

body,
button,
input,
select,
textarea {
	color: #c9c9c9;
	font-family: 'Open Sans', Tahoma, sans-serif;
	font-size: 15px;
	font-size: 0.9375rem;
    line-height: 1.4;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	clear: both;
	font-family: 'Roboto Slab', serif;
	font-weight: 300;
	margin: 0;
	text-rendering: optimizeLegibility;
}

h1 {
	font-size: 2.375rem;
}

h2 {
	font-size: 1.75rem;
}

h3 {
	font-size: 1.50rem;
}

h4 {
	font-size: 1.25rem;
}

dfn,
cite,
em,
i {
	font-style: italic;
}

blockquote {
	border: 0 solid #3a3a3a;
	/* border: 0 solid #FF8200; */
	/* background: rgba(0,0,0,0.5); */
	border-left-width: 6px;
	/* color: #777; */
	color: #FF8200;
	font-size: 19px;
	font-size: 1.1875rem;
	font-style: italic;
	line-height: 1.4736842105;
	margin: 0 0 1.0em;
	overflow: hidden;
	padding: 0 0 0 1.263157895em;
}

blockquote,
q {
	quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
	content: "";
}

blockquote p {
	margin-bottom: 1.0em !important;
	margin-top: 1.0em !important;
	padding-bottom: 1.0rem;
}

blockquote cite,
blockquote small {
	color: #1a1a1a;
	display: block;
	font-size: 16px;
	font-size: 1rem;
	line-height: 1.75;
}

blockquote cite:before,
blockquote small:before {
	content: "\2014\00a0";
}

blockquote em,
blockquote i,
blockquote cite {
	font-style: normal;
}

blockquote strong,
blockquote b {
	font-weight: 400;
}

blockquote > :last-child {
	margin-bottom: 0;
}

address {
	font-style: italic;
	margin: 0 0 1.75em;
}

code,
kbd,
tt,
var,
samp,
pre {
	font-family: Inconsolata, monospace;
}

pre {
	border: 1px solid #d1d1d1;
	font-size: 16px;
	font-size: 1rem;
	line-height: 1.3125;
	margin: 0 0 1.75em;
	max-width: 100%;
	overflow: auto;
	padding: 1.75em;
	white-space: pre;
	white-space: pre-wrap;
	word-wrap: break-word;
}

code {
	background-color: #d1d1d1;
	padding: 0.125em 0.25em;
}

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

mark,
ins {
	background: #007acc;
	color: #fff;
	padding: 0.125em 0.25em;
	text-decoration: none;
}

big {
	font-size: 125%;
}

/**
* 3.0 - Alignments
*/

.alignleft {
	float: left;
	margin: 0.375em 0.875em 0.875em 0;
}

.alignright {
	float: right;
	margin: 0.375em 0 0.875em 0.875em;
}

.aligncenter {
	clear: both;
	display: block;
	margin: 0 auto 0.50em;
}

blockquote.alignleft {
	margin: 0.3157894737em 1.4736842105em 1.473684211em 0;
}

blockquote.alignright {
	margin: 0.3157894737em 0 1.473684211em 1.4736842105em;
}

blockquote.aligncenter {
	margin-bottom: 1.473684211em;
}

/**
* 4.0 - Elements
**/

html {
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;	
	/* Imported from main.css (octavia) on 11.07.16 */
	/*-webkit-font-smoothing: antialiased;
	   -moz-font-smoothing: antialiased;
	     -o-font-smoothing: antialiased;
	        font-smoothing: antialiased;*/
	
}

*,
*:before,
*:after {
	/* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
	-webkit-box-sizing: inherit;
	   -moz-box-sizing: inherit;
	        box-sizing: inherit;
}

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

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

body {
	
	/* background: #171717; */
	background-color: #0c0c0c;
	text-align: center; /* good for older browsers */
	
	 -webkit-font-smoothing: auto;
	-moz-osx-font-smoothing: auto;
			 text-rendering: optimizeLegibility;
}

ul {
	margin: 0;
}

/* Imported from style.css (wordpress theme): */

/* ul, */
ol {
	margin: 0 0 1.75em 1.25em;
	padding: 0;
}

/* ul {
	list-style: disc;
} */

ol {
	list-style: decimal;
	margin-left: 1.5em;
}

li > ul,
li > ol {
	margin-bottom: 0;
}

dl {
	margin: 0 0 1.75em;
}

dt {
	font-weight: 700;
}

dd {
	margin: 0 0 1.75em;
}

img {
	height: auto;
	/* Make sure images are scaled correctly. */
	max-width: 100%;
	/* Adhere to container width. */
	vertical-align: middle;
}

del {
	opacity: 0.8;
}

table {
	border-collapse: separate;
	border-spacing: 0;
	border-width: 1px 0 0 1px;
	margin: 0 0 1.75em;
	table-layout: fixed;
	/* Prevents HTML tables from becoming too wide */
	width: 100%;
}

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

th {
	border-width: 0 1px 1px 0;
	font-weight: 700;
}

td {
	border-width: 0 1px 1px 0;
}

th,
td {
	padding: 0.4375em;
}

/* Placeholder text color -- selectors need to be separate to work. */
::-webkit-input-placeholder {
	color: #888;
	font-family: Montserrat, "Helvetica Neue", sans-serif;
}

:-moz-placeholder {
	color: #888;
	font-family: Montserrat, "Helvetica Neue", sans-serif;
}

::-moz-placeholder {
	color: #888;
	font-family: Montserrat, "Helvetica Neue", sans-serif;
	opacity: 1;
	/* Since FF19 lowers the opacity of the placeholder by default */
}

:-ms-input-placeholder {
	color: #888;
	font-family: Montserrat, "Helvetica Neue", sans-serif;
}

/**
* 5.0 - Navigation
**/

nav {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	text-align: center;
	/* background-color: #171717; */
	background-color: #000;
	border-bottom: 1px solid #444;
	/* line-height: 0; */
	display: table;
	z-index: 9999;
	-webkit-backface-visibility: hidden; /* Removes flickering caused by transition */
}

/* Add CSS property to WordPress entity: */
#wpadminbar {
	-webkit-backface-visibility: hidden; /* Removes flickering caused by transition */
}

#main-nav-row {
	display: table-row;
}

#main-nav,
.social-nav {
	padding: 0;
	display: table-cell;
	
}

#main-nav {
	text-align: right;
	padding-left: 255px;
}

.social-nav {
	/* text-align: right; */
}

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

#main-nav li a,
.social-nav li a  {
	font-size: 0.8125rem;
	/* font-size: 0.75rem; */
	letter-spacing: 0.0625rem;
	/* font-weight: 500; */
	font-family: 'Open Sans', Tahoma, sans-serif;
	font-weight: 400;
	display: block;
	color: #999;
	/* -webkit-font-smoothing: antialiased !important; */
	/* -webkit-font-smoothing: subpixel-antialiased !important; */
	-webkit-transition: all 100ms linear; /* Safari */ 
			transition: all 100ms linear;
	text-shadow: 1px 1px 1px rgba(255,255,255,0.004);
}

#main-nav li a {
	padding: 8px 22px 6px 22px;
	text-transform: uppercase;
	text-decoration: none;
	
}

.social-nav li a {
	padding: 8px 3px 6px 3px;
}

#main-nav li:hover a,
.social-nav li:hover a {
	/* color: #FF8200; */
	color: #e8e8e8;
}

.mobile-menu {
	display: none;
}

#nav-logo {
	position: absolute;
	top: 5px;
	left: 5px;
}

#nav-logo a {
	display: block;
}
/**
* 6.0 - Content
**/

#page-wrapper{
	width: 100%;
	margin: 0;
	text-align: left;
}

#main-content {
	padding-bottom: 32px;
	overflow: hidden;
}

#main-home-section {
	width: 100%;
	border-right: 2px solid #000;
	border-bottom: 2px solid #000;
}

#main-section p {
	margin-top: 0;
	margin-bottom: 25px;
}

/**
* 6.1 - Header
**/

#main-header {
	padding-top: 27px;
	/* position: relative; */
	width: 100%;
	/* border-bottom:1px solid #555; */
	border-bottom:1px solid #333;
	overflow:auto;
	display: table;
}

.hdr-bgd-01 {
	background: rgb(51,51,51);
	background: -moz-linear-gradient(top,  rgba(44,44,44,1) 0%, rgba(25,25,25,1) 80%);
	background: -webkit-linear-gradient(top,  rgba(44,44,44,1) 0%,rgba(25,25,25,1) 80%);
	background: linear-gradient(to bottom,  rgba(44,44,44,1) 0%,rgba(25,25,25,1) 80%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#191919',GradientType=0 );
}

.hdr-bgd-02 {
	background: rgb(50,50,50);
	background: -moz-linear-gradient(top,  rgba(50,50,50,1) 0%, rgba(23,23,23,1) 90%);
	background: -webkit-linear-gradient(top,  rgba(50,50,50,1) 0%,rgba(23,23,23,1) 90%);
	background: linear-gradient(to bottom,  rgba(50,50,50,1) 0%,rgba(23,23,23,1) 90%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#323232', endColorstr='#171717',GradientType=0 );
}

/*



	


*/

#company-logo-container {
	padding: 5px 0 5px 5px;
	display: table-cell; 
	font-size: 0;
}

#company-logo-container a {
	display: inline-block;
	font-size: 1rem;
	
}

#company-logo {
	width: 400px;
	display: block;
	height: auto;
}

#signature-container {
	padding: 0 5px 10px 0;
	vertical-align: bottom;
	display: table-cell;
	text-align: right;
}

#signature {
	display: block;
	width: 320px;
	float:right;
	height: 88px;
	background: url(../images/company-signature-large.png) no-repeat;
	background-size: contain;
}

/**
* 6.2 - Banner
**/

#banner {}

/**
* 6.3 - Main Content & Tile Display
**/

.br-main-tile-project {
	float: left;
	height: 360px;/* overwritten by jquery */
	-webkit-backface-visibility: hidden;
}

.br-loader {
	position: fixed;
	height: 100%;
	width: 100%;
	top: 0;
	z-index: 99999;
	margin: 0;
	display: table;
	/* text-align: center;
	vertical-align: middle; */
	font-size: 5rem;
	background-color: rgba(23,23,23,0.9);
}

.br-loader i {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
}

article {
	background-size: cover; 
	background-position: 50% 50%;
}

.br-main-tile-project,
.br-main-tile-text {
	position: relative;
	overflow: hidden;
	background-color: #000;
	/*cursor: pointer;*/
	border-top: 2px solid #000;
	border-left: 2px solid #000;
	display: table;
}

.tile-img-container { 
	display: block;
	height: 100%;
	width: 100%;
	background-size: cover;
	background-position: 50% 50%;
	/* background-color: #000; */
	z-index: 1;
	overflow: hidden;
}

.tile-img-container > div {
	display: block;
	width: 100%;
	height: 100%;
	background-position: 50% 50%;
	position: absolute;
	
	-webkit-backface-visibility: hidden;
	
	-webkit-box-shadow: -2px 0px 5px rgba(0,0,0,0.8);  /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
	-moz-box-shadow:    -2px 0px 5px rgba(0,0,0,0.8);  /* Firefox 3.5 - 3.6 */
	box-shadow:         -2px 0px 5px rgba(0,0,0,0.8);  /* Opera 10.5, IE 9, Firefox 4+, Chrome 6+, iOS 5 */
	
	/* -webkit-transform: translate(700px, 0);
	-webkit-transition: -webkit-transform 400ms;

	transform: translate(700px, 0);
	transition: transform 400ms; */
}

.shadow {
	-webkit-box-shadow: -3px 0px 3px rgba(0,0,0,0.5);  /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
	-moz-box-shadow:    -3px 0px 3px rgba(0,0,0,0.5);  /* Firefox 3.5 - 3.6 */
	box-shadow:         -3px 0px 3px rgba(0,0,0,0.5);  /* Opera 10.5, IE 9, Firefox 4+, Chrome 6+, iOS 5 */
}

.tile-img-container > div.shown {
	/* -webkit-transform: translate(0, 0);
	transform: translate(0, 0); */
}

.tile-img {
	display: none;
}

.tile-card-text {
	padding: 6px;
	/* display: table-cell; */
	text-align: right;
	vertical-align: bottom;
	position: absolute;
	bottom: 0;
	right: 0;
	width: 100%;
	z-index: 9999;
	
	background: -moz-linear-gradient(-45deg,  rgba(0,0,0,0.0) 0%, rgba(0,0,0,0.7) 100%);
	background: -webkit-linear-gradient(-45deg,  rgba(0,0,0,0.0) 0%,rgba(0,0,0,0.7) 100%);
	background: linear-gradient(135deg,  rgba(0,0,0,0.0) 0%,rgba(0,0,0,0.7) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4d000000', endColorstr='#e6000000',GradientType=1 );

	/*background: -moz-linear-gradient( top, rgba(0,0,0,0.0) 0%, rgba(0,0,0,0.75) 80%);
	background: -webkit-linear-gradient( top, rgba(0,0,0,0.0) 0%,rgba(0,0,0,0.75) 80%);
	background: linear-gradient(to bottom, rgba(0,0,0,0.0) 0%,rgba(0,0,0,0.75) 80%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4d000000', endColorstr='#e6000000',GradientType=1 );
*/
	text-shadow: 2px 2px 1px rgba(0,0,0,0.9);
	
}

.tile-card-text h2,
.br-mtt-text-container h1 {
	font-weight: 300;
	font-size: 1.5rem;
	line-height: 1.625rem;
	/* color: #eaeaea; */
	color: #fff;
	/* border: 1px dotted #777; */
	/* padding: 2px 8px; */
}

.tile-card-text h2 a {
	text-decoration: none;
	color: #fff;
}

.br-mtt-bgd-overlay {
	padding: 8px;
	background-color: rgba(0,0,0,0.6);
	width: 100%;
	height: 100%;
	display: table;
	-webkit-transition: all 150ms linear; /* Safari */ 
    transition: all 150ms linear;
}

.br-main-tile-text {
	/* padding: 8px; */
	border-top: 2px solid #000;
	border-left: 2px solid #000;
	background: url(../images/bgd-texture-01m.jpg) no-repeat 50% 50%;
	background-size: cover;
	/* cursor: pointer; */
	text-shadow: 2px 2px 1px rgba(0,0,0,0.9);
}

.br-main-tile-text:hover  .br-mtt-bgd-overlay {
	background-color: rgba(0,0,0,0.8);
}

.br-mtt-text-container {
	width: 100%;
	height: 100%;
	padding: 12px;
	border: 1px dotted #555;
	/* border: 1px solid #111; */
	/* background-color: rgba(0,0,0,0.7); */
	/* box-shadow: rgba(255,255,255,0.2) 5px 5px 8px; */
	display: table-cell;
	text-align: center;
	vertical-align: middle;
}

.tile-card-text p,
.br-mtt-text-container p {
	/* margin: 0 auto 8px auto; */
	/* width: auto; */
	font-family: 'Roboto Slab', serif;
	font-weight: 400;
	font-size: 12px;
	font-size: 0.75rem;
	color: #FF8200;
	
}

.br-mtt-text-container p {
	font-style: italic;
	font-size: 13px;
	font-size: 0.8125rem;
	color: #FF8200;
}

.tile-card-text p:last-child {
	color: #c7c7c7;
	font-style: italic;
	/* color: #d7d7d7; */
	font-size: 11px;
	font-size: 0.6875rem;
}

.tile-card-text p {
	margin: 0;
}

.br-mtt-text-container p {
	margin: 8px auto 8px auto;
}

.br-col-4 article { width: 25%; }
 
.br-col-3 article { width: 33.333333%; }

.br-col-2 article { width: 50%; }

.br-col-1 article { width: 100%; }

.braad-main-article {
	padding: 15px;
	margin: 0 auto;
	max-width: 700px;
	
}

.braad-main-article img {
	border: 1px solid #444;
}

.braad-main-article header {
	margin: 25px 0 35px 0;
}

.br-page-not-found {
	padding: 150px 0 150px 0;
}

.br-page-not-found a {
	text-decoration: none;
	font-size: 20px;
	font-size: 1.25rem;
	color: #FF8200;
}

.braad-btn {
	text-decoration: none;
	z-index: 10;
}

.braad-btn-chevron {
	display: block !important;
	/* height: 15px; */
	height: 100%;
	line-height: 298px;
	width: 33.333% !important;
	vertical-align: middle !important;
	z-index: 999;
	padding: 5px;
	color: #fff;
	font-size: 1.75rem !important;
	text-shadow: 2px 2px 1px rgba(0,0,0,0.9);
	opacity: 0.3;
	-webkit-transition: all 100ms linear; /* Safari */ 
			transition: all 100ms linear;
	
	
}

.braad-btn-chevron:hover {
	opacity: 0.9;
}

.braad-btn-right,
.braad-btn-left {
	position: absolute;
	/* top: 0; */
	
}

.braad-btn-right {
	right: 0;
	text-align: right !important;
}

.braad-btn-left {
	/* left: 0; */
	text-align: left !important;
}


/**
* 6.4 - Contact Page
**/

#map {
	width: 100%;
	height: 400px;
	background: #000;
	/* margin-bottom: 25px; */
}

#map-content {
	color: #2a2a2a;
}

#map-content h4 {
	color: #000;
}

#map-content p{
	margin: 0 0 8px 0;
}

.braad-contact-article {}

.braad-contact-article  h2 {
	font-size: 2.0rem;
	color: #FF8200;
	line-height: 2.25rem;
	/* font-family: 'Open Sans', sans-serif; */
	/* text-transform: uppercase; */
}

.braad-company-info {
	margin: 25px 0 25px 0;
	padding: 25px 25px 15px 25px;
	border: 1px dotted #444;
	background: #070707;
}

.braad-company-info p {
	font-size: 1.0625rem;
	color: #c9c9c9;
}

.braad-company-address {
	margin: 4px 0 15px 0;
}


/**
* 6.4 - Forms
**/

/**
* 6.5 - Page Banners
**/

#banner01 {
	width: 100%;
	height: 400px;
	background: #000;
	/* margin-bottom: 25px; */
	background: url(../images/banner03.jpg) no-repeat 50% 50%;
	background-size: cover;
	border-bottom: 1px solid #444;
}

/**
* 6.6 - Services
**/

.braad-article-services {
	padding-bottom: 50px;
}

/**
* 6.8 - Aside / Sidebar
**/

/**
* 6.9 - Footer
**/

footer {
	
}

#br-btm-navbar {
	z-index: 9999;
	width: 100%;
	position: fixed;
	bottom: 0;
	background: #000; 
	border-top: 1px solid #444;
	padding: 0 0 3px 0;
	display: table;
}

#br-btm-navbar a {
	text-decoration: none;
}

#br-btm-navbar .social-nav {
	visibility: hidden !important;
}

.footer-copyright {
	padding: 5px 10px;
	margin: 0 auto;
	display: table-cell;
	vertical-align: middle;
	font-size: 0.6875rem;
	text-align: right;
	color: #aaa;
}

.companyName {
	/* orange */
	/* color:#FF8200; */
	color: #fff;
	font-weight: 500;
	text-transform: uppercase;
}

/**
* 7.0 - Misc. classes & styling
**/

.highlighted-text {
	color: #FF8200;
}

/**
* 8.0 - Helper classes
**/

.underline {
	text-decoration: underline;
}

.clear {
	clear: both;
	display: none;
}

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

.right {
	float: right;
}

.left {
	float: left;
}

.hidden {
	display: none !important;
}

/**
* 14.0 - Media Queries
**/

/**
* 14.1 - Medium + Large
**/

@media only screen and (min-width:768px) {
	
	

}

/**
* 14.2 - Small + Medium
**/

@media all and (max-width:1000px) and (min-width:50px) { 

	/* #company-logo {
		width: 300px;
		height: auto;
	} */

	#signature {
		width: 240px;
		height: 66px;
		/* height:auto; */
		background: url(../images/company-signature-medium.png) no-repeat;
		background-size: contain;
	}
	
}

/**
* 14.3 - Medium
**/

@media all and (max-width:1000px) and (min-width:768px) { 
	
	#company-logo {
		width: 300px;
		height: auto;
	}
	
	nav {
		display: table;
	}
	
	/* #social-nav {
		position: fixed;
		bottom: 0;
		left: 5px;
		z-index: 999999;
		display: inline-block;
	} */
	
	#main-nav {
		text-align: center;
		/* padding-left: 255px; */
	}
	
	#main-nav li a {
		padding: 8px 15px 8px 15px;
	}
	
	#main-nav-bar .social-nav {
		display: none !important;
		/* visibility: hidden; */
	}
	
	#main-nav-row {
		display: table-row;
		/* overflow: visible; */
	}
	
	#br-btm-navbar .social-nav {
		display: block !important;
		visibility: visible !important;
	}
	
	#banner01 {
		height: 300px;
	}
}

/**
* 14.4 - Small
**/

@media all and (max-width:767px) and (min-width:50px) { 

	#company-logo {
		width: 300px;
		height: auto;
	}

	#signature {
		display: none;
	}
	
	nav {
		text-align: center;
		display: block;
		/* border-bottom: none; */
		background-color: rgba(10,10,10,0.95);
	}
	
	#main-nav {
		text-align: left;
	}
	
	#main-nav-bar {
		
	}
	
	#nav-logo {
		/* right: 15%; */
		right: 0;
		/* left: 15%; */
		left: 0;
		/* max-width: 80%; */
		
		/* text-align: center; */
		/* display: table-cell; */
		visibility: hidden;
		/* margin: 0 auto; */
		/* padding: 0 auto; */
		margin-left: 38px;
		/* margin-left: calc( ( 70% - 322px ) / 2 ); */
		margin-right: 38px;
		/* margin-right: calc( ( 70% - 322px ) / 2 ); */
		
	}
	
	#nav-logo a {
		display: inline-block;
		/* max-width: calc( ( 100% - 0px ) ); */
		/* width: auto; */
		/* margin-left: 32px; */
	}
	
	.mobile-menu-wrapper {
		display: table;
		height: 30px;
		/* display: block; */
		width: 100%;
		/* border-bottom: 1px solid #555; */
		
		background: rgb(73,68,68);
		background: -moz-linear-gradient(top,  rgba(73,68,68,1) 0%, rgba(38,35,35,1) 49%, rgba(23,23,23,1) 51%, rgba(0,0,0,1) 100%);
		background: -webkit-linear-gradient(top,  rgba(73,68,68,1) 0%,rgba(38,35,35,1) 49%,rgba(23,23,23,1) 51%,rgba(0,0,0,1) 100%);
		background: linear-gradient(to bottom,  rgba(73,68,68,1) 0%,rgba(38,35,35,1) 49%,rgba(23,23,23,1) 51%,rgba(0,0,0,1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#494444', endColorstr='#0a0809',GradientType=0 );
		
	}
	
	.mobile-menu {
		
		padding: 1px 0 0 10px;
		border-bottom: 1px solid #000;
		display: table-cell;
		z-index: 9999;
		vertical-align: middle;
		cursor: pointer;
		color: #888;
		text-align: left;
		text-shadow: 1px 2px 2px rgba(0,0,0,0.9);
		
		/*-webkit-font-smoothing: antialiased !important;*/
		-webkit-transition: color 100ms linear;
				transition: color 100ms linear;
				
	}
	
	/*
	
	background: rgb(73,68,68);
		background: -moz-linear-gradient(top,  rgba(73,68,68,1) 0%, rgba(38,35,35,1) 50%, rgba(10,14,10,1) 51%, rgba(10,8,9,1) 100%);
		background: -webkit-linear-gradient(top,  rgba(73,68,68,1) 0%,rgba(38,35,35,1) 50%,rgba(10,14,10,1) 51%,rgba(10,8,9,1) 100%);
		background: linear-gradient(to bottom,  rgba(73,68,68,1) 0%,rgba(38,35,35,1) 50%,rgba(10,14,10,1) 51%,rgba(10,8,9,1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#494444', endColorstr='#0a0809',GradientType=0 );
	
	background: rgb(28,28,28);
background: -moz-linear-gradient(top,  rgba(28,28,28,1) 0%, rgba(40,40,40,1) 29%, rgba(12,12,12,1) 74%, rgba(25,25,25,1) 79%);
background: -webkit-linear-gradient(top,  rgba(28,28,28,1) 0%,rgba(40,40,40,1) 29%,rgba(12,12,12,1) 74%,rgba(25,25,25,1) 79%);
background: linear-gradient(to bottom,  rgba(28,28,28,1) 0%,rgba(40,40,40,1) 29%,rgba(12,12,12,1) 74%,rgba(25,25,25,1) 79%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1c1c1c', endColorstr='#191919',GradientType=0 );
	
	
	*/
	
	.mobile-menu:hover {
		color: #eee;
	}
	
	.mobile-menu.selected {
		color: #FF8200;
		border-bottom: 1px solid #333;
	}
	
	#main-nav-row {
		display: block;
		overflow: hidden;
		/* border-bottom: 1px solid #555; */
		/* width: 100%; */
		/* position: relative; */
	}
	
	#main-nav, 
	.social-nav {
		/* display: table-cell; */
		display: block;
		padding: 10px;
		overflow: auto;
		width: 50%;
	}
	
	#main-nav {
		float: left;
	}
	
	.social-nav {
		/* position: absolute;
		bottom: 0; */
		text-align: center;
		vertical-align: middle;
	}
	
	#main-nav li {
		display: block;
	}
	
	#main-nav li,
	#social-nav li {
		/* background: rgba(20,20,20,0.75); */
		/* border-bottom: 1px solid #333; */
	}
	
	#main-nav li:hover {
		/* background: #222; */
	}
	
	#nav-logo {
		/* position: absolute; */
		top: 3px;
		left: 10px;
	}

	.tile-card-text h2,
	.br-mtt-text-container h1 {
		/* font-weight: 300; */
		font-size: 1.25rem;
		line-height: 1.375rem;
		/* color: #eaeaea; */
		/* color: #fff; */
		/* border: 1px dotted #777; */
		/* padding: 2px 8px; */
	}
	
	.br-mtt-text-container p {
		/* font-style: italic; */
		font-size: 11px;
		font-size: 0.6875rem;
		/* color: #FF8200; */
	}

	.tile-card-text p:last-child {
		/* color: #c7c7c7; */
		/* font-style: italic; */
		/* color: #d7d7d7; */
		font-size: 10px;
		font-size: 0.625rem;
	}
	
	.footer-copyright {
		font-size: 0.625rem;
		padding: 4px 6px 4px 3px;
	}
	
	/* .social-links {
		display: none;
		font-size: 0.75rem;
		padding: 2px 4px;
	}
	
	.social-links li{
		
	} */
	
	#br-btm-navbar .social-nav {
		display: none !important;
	}
	
	.br-main-tile-project {
		float: left;
		height: 225px;
	}
	
	#map {
		width: 100%;
		height: 300px;
		background: #000;
		/* margin-bottom: 25px; */
	}
	
	#banner01 {
		height: 225px;
	}
}

/**
* 15.0 - Print
**/

@media print,
       (-webkit-min-device-pixel-ratio: 1.25),
       (min-resolution: 1.25dppx),
       (min-resolution: 120dpi) {
    /* Style adjustments for high resolution devices */
}

/* ==========================================================================
   Print styles.
   Inlined to avoid the additional HTTP request:
   http://www.phpied.com/delay-loading-your-print-css/
   ========================================================================== */

@media print {
    *,
    *:before,
    *:after,
    *:first-letter,
    *:first-line {
        background: transparent !important;
        color: #000 !important; /* Black prints faster:
                                   http://www.sanbeiji.com/archives/953 */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links that are fragment identifiers,
     * or use the `javascript:` pseudo protocol
     */

    a[href^="#"]:after,
    a[href^="javascript:"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    /*
     * Printing Tables:
     * http://css-discuss.incutio.com/wiki/Printing_Tables
     */

    thead {
        display: table-header-group;
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}