/* home */


/* Attention, do not edit this file directly, please use the stylesheet editor in admin.
Any changes made here will be overwritten*/

#hp_callout, .hp_callout {
height:450px;
width:100%;
}
#hp_callout {
position:relative;
display:block;
}
.hp_callout {
position:absolute;
top:0px;
left:0px;
background-size:cover;
background-position:50% 50%;
}
#practice_attorneys {
background-image:url(practice_lawyers.png);
background-size:100% 100%;
}
#practice_areas {
float:left;
width:39%;
color:#fff;
text-align:left;
}
#practice_areas div {
float:right;
width:400px;
margin-right:10px;
}
#practice_areas div ul li {
margin-bottom:10px;
}
#attorneys {
float:right;
width:60%;
position:relative;
background-color:#A7A8AA;
border-left:10px solid #fff;
}
#practice_areas h3 {
text-transform:uppercase;
}
#practice_areas ul {
list-style:none;
margin:0px;
}
#practice_attorneys a {
color:#fff;
}
.hp_bio {
position:absolute;
top:0px;
left:0px;
text-align:left;
color:#fff;
width:100%;
background-position:100px top;
background-size:auto 100%;
padding-left:30px;
display:none;
background-color:#A7A8AA;
background-repeat:no-repeat;
}
.hp_bio div.bio {
width:300px;
border-top:1px solid rgba(0,0,0,0.1);
padding-top:20px;
}
.hp_bio h3 {
text-transform:uppercase;
margin-bottom:50px;
}
.hp_bio h4 {
text-transform:uppercase;
margin-bottom:20px;
font-size:1.4em;
}
#section1 {
margin:40px 0;
}
#section2 {
margin:40px 0;
}
#section2 h2 {
text-align:center;
border-bottom:1px solid rgba(0,0,0,0.1);
padding:30px 0;
}
#scroll_left,#scroll_right {
background-image:url(hp_arrows.png);
display:block;
width:74px;
height:71px;
position:absolute;
top:35%;
}
#scroll_left:hover {
background-position:0px -71px;
}
#scroll_right {
right:0px;
background-position:-74px 0px;
}
#scroll_right:hover {
background-position:-74px -71px;
}
.hp_callout_text {
margin-top:-120px;
color:#072757;
font-size:40px;
line-height:1em;
text-align:left;
position:relative;
text-transform:uppercase;
display:none;
font-weight:300;
height:100px;
vertical-align:bottom;
}
.hp_callout_text span {
display:block;
color:#fff;
background-color:rgba(0,39,97,0.8);
font-size:50px;
padding:10px 0;
}
.hp_callout_text div {
height:50px;
}
#mobile_attorneys {
display:none;
}
#mobile_attorneys h3 {
background-color:#2458AB;
color:#fff;
}
.mobile_attorney h4 {
background-color:#D7D7D9;
color:#fff;
padding:5px 0;
margin:0px;
text-shadow:1px 1px 1px rgba(0,0,0,0.4);
}
#mobile_attorneys .see_all {
display:block;
background-color:#2458AB;
color:#fff;
font-size:1.5em;
padding:10px 0;
text-align:center;
}
#home26 {
padding:30px 15px;
background:#efefef;
}
#hpSlider26 {
position:relative;
width:100%;
padding-bottom:50%;
}
.hpSlide26 {
display:none;
position:absolute;
width:100%;
height:100%;
background-position:center;
background-repeat:no-repeat;
background-size:cover;
text-align:center;
}
.hpSlideText {
text-align:center;
position:absolute;
right:0px;
width:100%;
padding-top:25%;
}
.hpSlideText1, .hpSlideText2 {
display:inline-block;
color:#fff;
background-color:#141a2d;
text-transform:uppercase;
font-size:24px;
padding:5px 15px;
font-weight:300;
letter-spacing:4px;
margin:0px;
line-height:24px;
}
.hpSlideText2 {
background-color:#5b80b2;
letter-spacing:2px;
font-size:18px;
line-height:18px;
}
#slogan, .hpSlideText3 {
margin:0px 30px;
text-align:center;
padding:10px 15px;
font-size:20px;
line-height:20px;
background:#141a2d;
color:#fff;
}
.hpSlideText3 {
position:absolute;
top:100%;
margin:0px;
left:30px;
right:30px;
}
#primaryBlrub {
padding:80px 0px;
width:80%;
margin:0px auto;
}
#primaryBlrub .span5 {
width:40%;
margin:0px;
padding:0px 15px 0px 0px;
box-sizing:border-box;
}
#primaryBlrub h3 {
font-size:55px;
color:#141a2d;
text-transform:uppercase;
text-align:center;
margin:10px 0px;
padding:0px 0px 20px;
border-bottom:5px solid #fff;
line-height:60px;
font-weight:700;
}
#primaryBlrub .span7 {
width:59%;
margin:0px;
padding:0px 0px 0px 15px;
box-sizing:border-box;
}
#section1v26 {
padding-top:40px;
}
#whiteBoxes .span6 {
background:#fff;
}
.spPadding {
padding:15px 60px;
box-sizing:border-box;
height:510px;
}
#practiceAreas {
list-style:none;
margin:0px;
padding:0px;
}
#practiceAreas li {
margin:0px 0px 10px;
padding:0px;
}
#practiceAreas li a {
color:inherit;
text-decoration:none;
}
#practiceAreas li a:hover {
color:#5b80b2;
}
.hp_bio26 img {
display:block;
margin:0px -5%;
width:110%;
height:auto;
box-sizing:border-box;
max-width:110%;
}
.hp_bio26 a {
text-transform:uppercase;
color:inherit;
text-decoration:underline;
}
.hp_bio26 a:hover {
color:#5b80b2;
}
#whiteBoxes h3 {
text-transform:uppercase;
font-weight:700;
}
.hp_bio26 {
display:none;
position:absolute;
left:0px;
top:0px;
width:100%;
}
.bioHolder {
position:relative;
}
#section2v26 {
text-align:center;
padding:60px 0px;
}
#section2v26 h2 {
color:#5b80b2;
margin:0px;
}
#section2v26 h1 {
color:#000;
padding:0px;
margin:10px 0px 0px;
border:none;
background:none;
font-weight:700;
}

@media (min-width: 1600px) {
.hpSlideText1, .hpSlideText2 {
font-size:34px;
line-height:34px;
}
.hpSlideText2 {
font-size:28px;
line-height:28px;
}
#slogan, .hpSlideText3 {
font-size:26px;
line-height:26px;
}
#primaryBlrub {
padding:140px 0px;
}
#primaryBlrub h3 {
font-size:85px;
line-height:85px;
}
#section1v26 h4 {
font-size:25px;
}
.spPadding {
height:600px;
}
#practiceAreas li {
margin:0px 0px 15px;
}
#practiceAreas li a {
font-size:20px;
line-height:20px;
}

}

@media (min-width: 1200px) and (max-width: 1599px) {

}

@media (min-width: 980px) and (max-width: 1199px) {
#practice_areas {
width:35%;
}
#practice_areas div {
width:auto;
}
.hp_callout_text div {
font-size:40px;
}

}

@media (min-width: 768px) and (max-width: 979px) {
#practice_attorneys {
background-image:none;
}
#practice_areas {
float:none;
width:auto;
background-color:#48505B;
height:270px;
}
#practice_areas div {
float:none;
width:90%;
margin:10px 5%;
}
#practice_areas div ul li {
float:left;
display:inline-block;
width:45%;
}
#attorneys {
float:none;
width:auto;
border-left:0px;
height:340px;
}
.hp_bio {
width:90%;
padding:0 5%;
}
.hp_callout_text div {
font-size:30px;
}
#primaryBlrub {
width:724px;
}
#primaryBlrub h3 {
font-size:45px;
}
#whiteBoxes {
margin:0px auto;
width:724px;
}
.spPadding {
padding:15px 30px;
}

}

@media (max-width: 767px) {
#hp_callout, .hp_callout {
height:300px;
}
#practice_attorneys {
background-image:none;
display:none;
}
#attorneys {
float:none;
width:auto;
border-left:0px;
}
#scroll_left,#scroll_right {
top:25%;
}
.hp_callout_text {
margin-top:-84px;
font-size:24px;
}
.hp_callout_text span {
font-size:32px;
}
.hp_callout_text div {
height:32px;
padding-left:15px;
}
#mobile_attorneys {
display:block;
}
.mobile_attorney .bio {
margin:5px 20px;
text-align:left;
}
.hp_callout_text div {
font-size:22px;
}
#home26 {
padding:15px 0px;
}
.hpSlideText1, .hpSlideText2 {
font-size:16px;
}
.hpSlideText2 {
font-size:14px;
}
#slogan, .hpSlideText3 {
margin:0px 15px;
font-size:16px;
}
.hpSlideText3 {
left:15px;
right:15px;
}
#primaryBlrub {
width:90%;
}
#primaryBlrub .span5 {
width:100%;
padding:0px;
}
#primaryBlrub h3 {
font-size:35px;
text-align:left;
margin:10px 0px 0px;
padding:0px;
line-height:35px;
}
#primaryBlrub .span7 {
width:100%;
padding:0px;
}
#section1v26 {
padding-top:0px;
}
#whiteBoxes .span6 {
margin-bottom:30px;
}
.spPadding {
padding:15px 30px;
height:auto;
}
.hp_bio26 img {
margin:0px;
width:100%;
max-width:100%;
}
.bioHolder {
height:450px;
}
#section2v26 h2 {
font-size:24px;
line-height:24px;
}
#section2v26 h1 {
font-size:30px;
}

}

@media (max-width: 480px) {
#hp_callout, .hp_callout {
height:250px;
}
.hp_callout_text {
font-size:20px;
}
.hp_callout_text span {
font-size:24px;
}
.hp_callout_text div {
font-size:15px;
}
.hpSlideText {
padding-top:16%;
}
.hpSlideText1, .hpSlideText2 {
font-size:12px;
line-height:12px;
}
.hpSlideText2 {
font-size:12px;
line-height:12px;
}
#slogan, .hpSlideText3 {
margin:0px;
padding:10px;
font-size:12px;
}
.hpSlideText3 {
left:0px;
right:0px;
}
#primaryBlrub {
padding:60px 0px;
width:100%;
}
.spPadding {
padding:15px;
}
.hp_bio26 img {
margin:0px;
width:100%;
max-width:100%;
}
.bioHolder {
height:400px;
}
#section2v26 h2 {
font-size:18px;
line-height:18px;
}
#section2v26 h1 {
font-size:20px;
}

}