@import url("webfonts/Crimson/stylesheet.css");
@import url("webfonts/Bebas_Neue/stylesheet.css");
@import url("webfonts/Montserrat_Semi_Bold/stylesheet.css");
@import url("webfonts/Montserrat/stylesheet.css");
@import url("webfonts/Bebas_Neue_Bold/stylesheet.css");
@import url("webfonts/Crimson_Bold/stylesheet.css");
@import url("webfonts/Crimson_Semibold/stylesheet.css");
/* Overriding Styles */

html, body { margin: 0; text-align: left; padding: 0; background-color: #005252; font-size: 100%; font-size: 16px; font-family: Crimson; }
img { border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; max-width: 100%; height: auto; }
h1, h2, h3, h4, h5 { margin: 0px; padding: 0px; }
p { margin: 0.7em 0px; }
a { color: #880000; text-decoration: none; transition: background-color .8s ease; }
a:hover { color: #005252; }
ul { list-style-type: circle; }
.red { color: #a31616; }
strong { font-family: ""; }
em { font-family: ""; }
strong em { font-family: ""; }
.row { clear: both; overflow: hidden; }
.col { float: left; }
.red { color: #9e0b0f; }
.tintxt { font-size: .7em; text-transform: uppercase;  font-family:;
}
/* Container, Header and Navigation */

.container { overflow: hidden; width: 1400px; max-width: 95%; margin: 0 auto; }
#header, #banner, #contact, #banner-front, #content, .text { /* overflow:hidden; */
}
.img { float: right; margin-bottom: 30px; margin-left: 40px; border: 20px solid #eeeeee; }
#nav-bar { width: 100%; height: auto; /* max-height:80px; */
background-repeat: repeat; background-image: url(assets/images/nav-bg.png); }
.logo { float: left; margin-top: 25px; font-family: Crimson; font-size: 2em; color: #ffffff; }
a.logo-link { color: #ffffff; text-decoration: none; }
a.logo-link:hover, a.logo-link:visited { color: #ffffff; background: none; }
.nav { overflow: hidden; font-size: 1.2em; text-transform: uppercase; float: right; font-family: "Bebas Neue"; }
.nav ul { margin: 0; padding: 0; list-style-type: none }
.nav li { float: left; margin-left: 30px; }
.nav a { display: none }
.nav li a { color: #ffffff; text-decoration: none; display: inline-block; margin-top: 25px; padding: 10px; }
.nav a:hover { background-color: #630909; }
.nav a.active { background-color: #630000; }
/* Content Area Styles */


h1 { font-size: 2.5em; margin: 0; padding: 0; color: #333333; line-height: normal; font-family: "Bebas Neue Bold"; font-weight: normal; letter-spacing: normal; }
h1 span {
 font-family:; text-transform: uppercase; font-size: .4em; color: #dea707; letter-spacing: normal; font-weight: normal; }
h2 { color: #005252; font-size: 2em; line-height: normal; font-family: "Montserrat Semi Bold"; text-transform: uppercase; font-weight: normal; }
h2 span {
 font-family:; text-transform: uppercase; font-size: .3em; color: #333333; letter-spacing: normal; }
h3 { font-size: 1.2em; color: #dea707;  font-family:;
padding-bottom: 10px; line-height: normal; font-weight: normal; }
h4 { font-size: .6em; text-transform: uppercase; color: #630000; line-height: normal; }
h5 { margin: 0; padding-bottom: 15px; padding-top: 15px; font-size: .9375em; text-transform: uppercase; }
#content { padding-top: 60px; padding-bottom: 40px; background-color: #ffffff; overflow: hidden; }
.text { color: #666666; line-height: 38px; font-size: 1.4em; }
.front { text-align: left; line-height: 48px; }
#attorneys { background-color: #ffffff; overflow: hidden; padding-top: 60px; padding-bottom: 60px; text-align: left!important; font-size: 1.6em; }
#attorneys h2 { padding-bottom: 40px; }
.photo { width: 13%; margin-right: 1%; display: inline-block; vertical-align: top; }
.bio { width: 33%; margin-right: 2%; font-family: "Crimson Semibold"; font-size: .6em; color: #333333; line-height: 28px; display: inline-block; }
.bio h3 { font-size: 2em; font-family: "Bebas Neue Bold"; color: #333333; }
.bio h3 a { color: #333333; }
.bio h4 { font-size: 2em; font-family: "Bebas Neue Bold"; color: #005252; }
.bio h4 a { color: #005252; }
.bio a.more { font-family: Montserrat; text-transform: uppercase; font-size: .9em; }
.bio span { font-family: "Montserrat Semi Bold"; color: #005252; font-size: .9em; }
.pad { padding-top: 30px; padding-bottom: 40px; }
.smalltxt { font-size: .8em; line-height: 28px; padding-top: 20px; }
.att-box { float: right; margin-left: 40px; margin-bottom: 30px; display: block; text-align: center; width: 220px; overflow: hidden; }
.att-img { border: 20px solid #eeeeee; }
.att-award { margin-top: 15px; }
#contact { height: 128px; max-height: 128px; background: url(assets/images/contact-bg.png) no-repeat; background-position: center center; background-size: cover; background-color: #f5f5f5; overflow: hidden; font-size: 1em; }
#contact h2 {font-size: 2.5em;text-align: left;margin-top: 35px;}
.left { float: left; width: 50%; text-align: left!important; }
.right { float: right; width: 50%; text-align: right!important; line-height: 26px; margin-top: 30px; color: #555555; }
.right-att { float: right; width: 50%; text-align: right!important; }
.address { font-size: 1.25em; width: 50%; margin-right: 6%; line-height: 36px; color: #666666; font-family: ""; }
.address span { font-family: ""; font-size: 1.25em; text-transform: uppercase; }
.byline { font-size: .8em; text-transform: uppercase; font-family: Montserrat; }
.letter { font-family: "Montserrat Semi Bold"; color: #005252; font-size: .9em; }
/* Front Page Styles */

#banner { text-align: center; position: relative; max-height: 100%; height: auto; background-position: center center; width: 100% !important; background-attachment: scroll; background-repeat: no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-image: url(assets/images/banner.jpg); }
.tagline-int { margin-top: 120px; display: block; text-align: left; width: 100%; z-index: 1; }
.tagline-int h1 { font-size: 4em!important; margin: 0; padding: 0; color: #ffffff; font-family: "Bebas Neue Bold"; line-height: normal; letter-spacing: normal; }
#banner-front { text-align: center; position: relative; max-height: 600px !important; height: 600px; background-position: center bottom; width: 100% !important; background-attachment: scroll; background-repeat: no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-image: url(assets/images/banner.jpg); }
.tagline { margin-top: 200px; margin-left: 20px; display: block; text-align: center; width: 100%; z-index: 1; padding-bottom: 15px; }
.tagline h1 { font-size: 6em!important; margin: 0; padding: 0; color: #ffffff; font-family: "Bebas Neue"; line-height: .9em; letter-spacing: normal; }
.tagline p { font-size: 1.75em; margin: 0; padding: 0; margin-top: 15px; color: #ffffff; font-family: Montserrat; }
.tagline p.larger { font-size: 2em; }
.tagline a { margin-top: 40px; padding: 15px!important; background-color: #670909; color: #ffffff; font-size: .6em; text-transform: uppercase;  font-family:;
}
.tagline a:hover { background-color: #4e8383; }
#practices { text-align: left; position: relative; max-height: 500px !important; height: 500px; background-position: center center; width: 100% !important; background-attachment: scroll; background-repeat: no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-image: url(assets/images/practices-bg.jpg); color: #ffffff; }
.practices-text { padding-top: 80px; line-height: 38px; font-size: 1.6em; }
#practices h2 { color: #ffffff; }
.practices-row { text-align: center; padding-left: 28%; padding-top: 20px; }
.practices-row a { font-family: "Bebas Neue"; font-size: 1em; padding: 10px; background: url(assets/images/practice-box-bg.png) repeat; color: #ffffff; display: block; float: left; margin-right: 15px; width: 25%; text-align: center; }
.practices-row a:hover { background: url(assets/images/pactice-box-bg-over.png) repeat; }
/* Additional Styles */


p.button-attorney { float: right; }
a.button { font-family: ""; color: #ffffff; display: block; padding: 10px!important; -webkit-border-radius: 7px; border-radius: 7px; background-color: #630000; text-transform: uppercase; margin: 0 auto; }
a.button:hover { background-color: #2b4868; color: #ffffff; }
.button-content { font-size: .5em; margin-top: 30px; margin: 0 auto; width: 25%; }
/* Footer Styles */

#footer { text-align: center; overflow: hidden; font-family: Montserrat; padding-top: 40px; padding-bottom: 40px; color: #648888; text-transform: uppercase; font-size: .8em; line-height: 26px; }
#footer a { color: #648888; text-decoration: underline; }
#footer a:hover { text-decoration: none; color: #648888; }

/* Responsive Styles */

@media screen and (max-width : 1199px) {
.container { max-width: 95%; }
}
 @media screen and (max-width: 1024px) {
#header { height: auto; position: inherit; }
.logo { float: none; text-align: center; width: 100%; margin-right: 0; padding-bottom: 15px; }
.nav { float: none; padding-bottom: 20px; ; }
.nav li { float: none; margin-left: 0; width: 100%; }
.nav a { display: block; border: none; padding-top: 8px; padding-left: 0; padding-right: 0; padding-bottom: 8px; margin: 0; text-align: center; }
.tagline { margin-top: 20%; }
.tagline h1 { font-size: 3em!important; }
.tagline p { font-size: 1.25em; }
.tagline a { margin-top: 15px; }
#footer { padding: 20px; }
#attorneys { }
#contact { text-align: center; padding-bottom: 20px; }
#contact .col { float: none; }
.address { font-size: 1.25em; width: 100%; margin-bottom: 20px; }
.button-attorney { font-size: .6em; text-align: center; padding: 0!important;  width:%;
}
.attorney-text { line-height: 48px; }
@media screen and (max-width: 780px) {
 body p, body h1, body h2, body h3 {
text-align:center!important
}
 body #contact {
max-height: 300px;
height: auto;
}
 body p {
font-size:16px;
line-height:32px
}
#footer p {font-size:12px}
.tagline {
 margin-top:20%;
}
.practices-row {
padding-left:0px
}
.practices-row a {
width:100%;
display:block;
margin-bottom:4px
}
h1 {
 font-size: 2em;
 text-align:center;
}
h2 {
 font-size: 2em!important;
 padding-bottom: 0px;
}
h2 {
font-size:32px!important
}
h3 {
 font-size: 1.25em;
}
h4 {
 font-size:.750em;
}
.col {
float:none!important;
width: 100%;
text-align: center;
}
#attorneys {
font-size:1.5em;
max-height:none!important;
height:auto!important;
background:none;
background-color: #fff;
}
#attorneys h2 {
 padding-top:20px;
}
#attorneys .col {
width:100%;
text-align:center
}
.attorney-text {
 margin:0 auto;
 line-height:28px;
 float:none;
 width:100%;
 text-align:center;
 padding-bottom:20px;
}
.attorney-img {
 width:auto;
 float:none;
 margin:0 auto;
}
.button-attorney {
 line-height:auto;
 width:40%;
}
p.button-attorney {
 margin:0 auto;
 float:none;
}
}
@media screen and (max-width : 600px) {
 .tagline {
 margin-top:40%;
}
.tagline h1 {
 font-size: 2em!important;
}
.tagline p {
 font-size: .875em;
}
.tagline a {
 margin-top: 10px;
 font-size: .75em;
}
.left, .right {
width:100%;
margin-top: -0px;
}
}
@media screen and (max-width : 320px) {
 #banner-front {
 max-height: 120px !important;
 height: 120px;
}
.tagline {
visibility:hidden;
}
.button-content {
width:100%!important;
}
 .button-attorney {
 width:100%!important;
}
}
#nav { width: 60em; /* 1000 */ font-family: 'Open Sans', sans-serif; font-weight: 400; position: absolute; top: 25%; left: 50%; margin-left: -30em; /* 30 480 */ }
#nav > a { display: none; }
#nav li { position: relative; }
#nav li a { color: #fff; display: block; }
#nav li a:active { background-color: #c00 !important; }
#nav span:after { width: 0; height: 0; border: 0.313em solid transparent; /* 5 */ border-bottom: none; border-top-color: #efa585; content: ''; vertical-align: middle; display: inline-block; position: relative; right: -0.313em; /* 5 */ }
/* first level */

#nav > ul {/* height: 3.75em; */ /* 60 */background-color: rgba(0, 82, 82, 0.95);}
#nav > ul > li { width: 100%; height: 100%; /* float: left; */
display: block; }
#nav > ul > li > a { height: 100%; font-size: 1.125em; /* 24 */ line-height: 2.5em; /* 60 (24) */ margin-top: 0; text-align: center; }
#nav > ul > li:not( :last-child ) > a { border-right: 1px solid #cc470d; }
#nav > ul > li:hover > a, #nav > ul:not( :hover ) > li.active > a { background-color: #630909; }
/* second level */

#nav li ul { background-color: #cc470d; display: none; position: absolute; top: 100%; }
#nav li:hover ul { display: block; left: 0; right: 0; }
#nav li:not( :first-child ):hover ul { left: -1px; }
#nav li ul a { font-size: 1.25em; /* 20 */ border-top: 1px solid #e15a1f; padding: 0.75em; /* 15 (20) */ }
#nav li ul li a:hover, #nav li ul:not( :hover ) li.active a { background-color: #e15a1f; }
 @media only screen and ( max-width: 62.5em ) /* 1000 */ {
#nav {
 width: 100%;
 position: static;
 margin: 0;
}
}
 @media only screen and ( max-width: 1024px ) /* 640 */ {
html {
 font-size: 75%; /* 12 */
}
#nav {
 position: absolute;
 top: 0px;
 left: 0px;
}
#nav > a {
 width: 3.125em; /* 50 */
 height: 3.35em; /* 50 */
 text-align: left;
 text-indent: -9999px;
 /* background-color: #e15a1f; */
 position: relative;
 background: url('/assets/images/menu.png')no-repeat center center;
 background-size: cover;
}
#nav > a:before, #nav > a:after {
 position: absolute;
 /* border: 2px solid #fff; */
 /* top: 35%; */
 /* left: 25%; */
 /* right: 25%; */
 content: '';
}
#nav > a:after {
 /* top: 60%; */
}
#nav:not( :target ) > a:first-of-type, #nav:target > a:last-of-type {
 display: block;
}
/* first level */

			#nav > ul {
 height: auto;
 display: none;
	/* position: absolute; */
	left: 0;
 right: 0;
}
#nav:target > ul {
 display: block;
}
#nav > ul > li {
 width: 100%;
 float: none;
}
#nav > ul > li > a {
 height: auto;
	/* text-align: left; */
	padding: 0 0.833em; /* 20 (24) */
}
#nav > ul > li:not( :last-child ) > a {
 border-right: none;
 border-bottom: 1px solid rgba(0,0,0,.5);
}
/* second level */

				#nav li ul {
 position: static;
 padding: 1.25em; /* 20 */
 padding-top: 0;
}
}