@charset "UTF-8";
/* CSS Document */

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

.icon-facebook:before {
	content: "\e600";
}
.icon-twitter:before {
	content: "\e601";
}
.icon-feed:before {
	content: "\e602";
}
.icon-linkedin:before {
	content: "\e603";
}
[data-icon]::before {
	font-family: 'icomoon';
	content: attr(data-icon);	
	font-family: 'icomoon';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;

	/* Better Font Rendering */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

h1												{ font-weight:normal; letter-spacing:2px; margin-top:8px; font-size:24px; }
h2												{ font-weight:bold; letter-spacing:0px; font-size:18px; margin:0; padding:0; margin-bottom:5px; }
h3												{ letter-spacing:2px; font-size:18px; margin:0; padding:0; }
h4												{ letter-spacing:2px; font-size:18px; color:#666; font-weight:normal; margin:0; }
hr												{ border-color:#CCC; }

a:hover											{ text-decoration:none; }

footer											{ padding-bottom:20px; font-size:12px; }

.panel											{ background-color:#f6f3f4; border-right:solid 1px #c0b3b7; padding:20px;
												  border-radius: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; }
												  
#nav-popup										{ position:absolute; border:solid 1px #CCC; border-top:none; background-color:#f6f3f4;  padding:10px; z-index:101; color:#666; font-style:italic; display:none; text-align:left;
												}												

#nav-popup ul									{ margin-bottom:0; display:inline-block;} 
#nav-popup ul li								{ padding-right:10px; border-right: solid 1px #666; }
#nav-popup ul li.last							{ border-right:none; }	 
.nav-arrow										{ font-size:10px; color:#CCC; }
.toggle-arrow									{ margin-right:10px; font-size:10px; color:#CCC; }

#top-bar										{ width:100%; height:8px; background:#3f4040; position:fixed; z-index:100; }
#logo-cont										{ padding-left:15px; }
#logo-text										{ display:block; }
#sm-icon-cont									{ padding-right:0; margin-right:0; margin-top:0px; }
#sm-icon-group									{ text-align:right; font-size:25px; color:#ea292a; }
#main-nav-cont									{ padding-top:11px; padding-left:15px; }
#search-cont									{ padding-right:0; margin-right:0; padding-top:5px; }
.search-icon									{ margin-top:12px; }
#slideshow-cont								{ background-image: url('/img/hero_img.jpg'); background-repeat: no-repeat; background-position:right; 
												  background-size:auto 100%; min-height:220px; border-bottom:solid 1px #c0b3b7; position:relative; }
#slides											{ padding-top:15px; padding-bottom:30px; min-height:220px; }
#main-carousel-indicators						{ bottom:0; left:0; margin-bottom:5px; }
.carousel-indicators							{ margin-left:0; text-align:left; }
.carousel-indicators li						{ background-color:#3f4040; border-radius:0; border:none; margin:0; }
.carousel-indicators .active					{ background-color:#ea292a; width:10px; height:10px; }
#callout-cont									{ margin-top:20px; margin-bottom:20px; border-bottom:solid 1px #c0b3b7; }

#consult-btn									{ background-color:#ea292a; padding:10px 15px; color:#FFF; text-align:right; display:inline-block; letter-spacing:1px; }

.primary-header								{ background: url('/img/block_logo.png') no-repeat; background-position:left bottom; padding-top:38px;
												  margin-left:auto; }

.header-row										{ border-bottom:solid 1px #c0b3b7; margin-left:90px; }
.header-row.bottom								{ font-size:13px; height:41px; letter-spacing:4px; }
.header-row.top								{ padding-bottom:18px; }

.two-col 										{ -moz-column-count: 2; -moz-column-gap: 15px; -webkit-column-count: 2; -webkit-column-gap: 15px; }
.services-col									{ width:50%; float:left; }
.col-container								{ overflow:hidden; }

.remove-padding-rt								{ padding-right:0; }
.remove-padding-lt								{ padding-left:0; }

.main-content									{ min-height:400px; padding:20px 0px; margin-bottom:20px; border-bottom:solid 1px #c0b3b7; }
#contact-form									{ background-color:#f6f3f4; padding:20px; }

.toggle-header									{ background:#f6f3f4; border-radius:2px; padding:10px; margin-bottom:10px; cursor:pointer; font-size:13px !important; }
.toggle-content								{ display:none; padding-left:10px; padding-right:10px; }

/*FORMS*/
#contact-us-form								{ padding:0px; }
.form-control									{ margin-bottom:10px; border-radius:0px; border:solid 1px #CCC; box-shadow:none; }
textarea.form-control							{ min-height:100px; }
label											{ color:#666; font-weight:normal; letter-spacing:2px; font-size:13px; }
.btn-gray										{ background:#666; color:#FFF; }
select											{ margin-bottom:10px; display:block; }

.bio-cont										{ padding-bottom:10px; margin-bottom:20px; border-bottom:dotted 1px #CCC; overflow:hidden; }
.bio-header									{ margin-bottom:10px; }
.more-content									{ display:none; }
.more-btn										{ cursor:pointer; }

.red											{ font-weight:bold; color:#ea292a; }
.alert-text									{ font-size:13px; font-style:italic; color:#ea292a; }

#office-map iframe							{ width:100%; min-height:350px; }
.bio-img									{ margin-right:20px; margin-bottom:10px;}

@media (max-width: 767px) {
	html										{ overflow-x: hidden; }
	h1											{ font-size:24px; }
	
	#top-bar									{ height:40px; padding:5px 0px; text-align:center; }
	#mobile-logo								{ margin:0 auto; display:inline-block; margin-top:5px; padding-left:18px; }
	#phone-nav									{ position:absolute; left:0; top:0; margin-top:10px; margin-left:10px; }
	#mobile-icon								{ margin:0 auto; display:block; }
	
	#slideshow-cont 							{ background-image: none; min-height:0px; margin-top:50px; padding-left:10px; padding-right:10px; }
	#slides										{ min-height:0px; padding:0px; padding-bottom:30px; }
	.carousel-indicators li					{ width:16px; height:16px; }
	.carousel-indicators .active				{ width:16px; height:16px; }
	
	.panel										{ border-right:none; }
	#callout-left								{ padding-right:0px; }
	#callout-right								{ padding-left:0px; }
	
	#callout-panel-1							{ padding-left:10px; padding-right:10px; }
	#callout-panel-2							{ padding-left:10px; padding-right:10px; }
	
	footer										{ padding-bottom:0px; }
	#legal										{ padding-left:10px; margin-bottom:20px; }
	#consult									{ padding-left:0px; padding-right:0px; width:100%; }
	#consult-btn								{ text-align:left; width:100%; }
	
	#mobile-nav-cont							{ position:fixed; width:300px; margin-left:-300px; 
												  background-color:#ea292a; height:100%; overflow-y:scroll; }
	#wrapper									{ position:relative; overflow-x:hidden; }
	
	#mobile-nav-cont ul						{ list-style-type:none; margin:0; padding:0; border-top:solid 1px #9f3224; border-bottom:solid 1px #f74f46; }
	#mobile-nav-cont ul li					{ display:block; padding:10px 14px; border-top:solid 1px #f74f46; border-bottom:solid 1px #9f3224;
												  color:#683025; font-weight:bold; letter-spacing:2px; font-size:14px; 
												  text-shadow: 1px 1px 1px rgba(255,255,255, .5); }
	#mobile-nav-cont ul li.last				{ border-bottom:none; }
	#mobile-nav-cont ul li a					{ color:#683025; }
		
	#contact-form								{ width:100%; }
	.main-content								{ padding:10px; width:100%; margin-top:50px; }
	.main-content div:first-of-type			{ padding-right:0px !important; width:100%; }
	
	#office-map								{ width:100%; padding-top:20px; padding-left:0px !important; }
	.services-col									{ width:auto; float:none; }
}
@media (min-width: 768px) and (max-width: 991px) {
  .header-row									{ max-width:660px; }
  .header-row.bottom							{ font-size:13px; height:41px; letter-spacing:2px; }
  #slideshow-cont 							{ background-image: none; min-height:0px; }
  #slides										{ min-height:0px; padding:10px 0px; padding-bottom:30px; }
  #nav-popup ul li								{ font-size:13px; }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .header-row									{ max-width:880px; }
}
@media (min-width: 1200px) {
  .header-row									{ max-width:1080px; }
}

