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

.pic-full {
    width: 34%;
    float: right;
    padding: 0.5%;
    border: 1px solid #ddd;
    margin: 0 2% 2% 3%;
}

.pic-mobile {
    width: 90%;
    float: none;
    padding: 0.5%;
    margin: 0 5% 2% 5%;
    border: 1px solid #ddd;
}

@media screen and (max-width: 820px) {
 
    .pic-full {
        display: none;
    }
}

@media screen and (min-width: 820px) {
   
    .pic-mobile {
        display: none;
    }
}

.logowrap {display: block; margin: auto; }
.logowrap img {widt0h:100%;}
.logowrap p {text-align: center;}
#testimonials img {width:50%; margin: 0 25% 0 25%;}

#testimonials h4 {text-align:center; font-size: 1.3em; color:#000;}

.stars {padding:0 0 3% 2%; margin-top:4%;}
.stars img {float:right; width:115px; clear: both;}

.stars img.five {}

aside.card {display:none !important;}

.wide {
	width:40%;
	float: left;
	margin: 1.5% 1.5% 1.5% 0;
}

img.brianfront {width:9%; position:absolute; bottom:0%; right:11%;}
img.brianfront2 {max-width:62%; width:54%; float: right;padding-top:0%;padding-left:2%;}

.messagebox {    display: block;
	width:55%;
margin:4% 2% 2% 2%; padding:1.5%;

/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#666666+0,666666+100&0.5+0,0.4+70,0+100 */
background: -moz-linear-gradient(left, rgba(102,102,102,0.5) 0%, rgba(102,102,102,0.4) 70%, rgba(102,102,102,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(102,102,102,0.5) 0%,rgba(102,102,102,0.4) 70%,rgba(102,102,102,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(102,102,102,0.5) 0%,rgba(102,102,102,0.4) 70%,rgba(102,102,102,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80666666', endColorstr='#00666666',GradientType=1 ); /* IE6-9 */;
}

@media screen and (max-width: 880px)
{.logowrap {width:25%;} }
	
	@media screen and (max-width: 880px)
{	
	.messagebox {    
	margin:0%;}}

.midsection {  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#026592+0,035d86+100 */
background: rgb(2,101,146); /* Old browsers */
background: -moz-linear-gradient(top, rgba(2,101,146,1) 0%, rgba(3,93,134,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(2,101,146,1) 0%,rgba(3,93,134,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(2,101,146,1) 0%,rgba(3,93,134,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#026592', endColorstr='#035d86',GradientType=0 ); /* IE6-9 */
	padding-top:15px;
}

.messagebox p {font-size:1.4em; padding:1% 1% 2% 1%; line-height:1.3; color:#fff;}
.messagebox p.smaller {font-size:1em; padding:1% 1% 2% 1%; line-height:1.3; color:#fff;}

@media screen and (max-width: 1160px)
{.messagebox p {font-size:1.1em; }
}


@media screen and (max-width: 960px)
{.messagebox p {font-size:.9em; }
}


@media screen and (max-width: 860px)
{.messagebox p {font-size:1em; }
}


.front-section { background-size: contain; background-repeat: no-repeat;}


button.front {padding: 3%;  margin:2% 1% 2% 1%; border:1px solid #fff; border-radius: 6px; background-color:rgba(42,41,54,0.32); font-size: 1.5em }
button.front:hover { border:3px solid #eee; border-radius: 6px;

/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#3d549b+0,528abf+100 */
background: rgb(61,84,155); /* Old browsers */
background: -moz-linear-gradient(top, rgba(61,84,155,1) 0%, rgba(82,138,191,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(61,84,155,1) 0%,rgba(82,138,191,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(61,84,155,1) 0%,rgba(82,138,191,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3d549b', endColorstr='#528abf',GradientType=0 ); /* IE6-9 */

}
button.front a:link {color:#fff !important; text-decoration: none;}
button.front a:visited {color:#fff !important;}

@media screen and (max-width: 960px)
{button.front {padding: 2%;  margin:2% 1% 2% 1%; border:1px solid #fff; border-radius: 4px; background-color:rgba(42,41,54,0.32); font-size: 1.1em; }
}

@media screen and (max-width: 720px)
{button.front {padding: 2%;  margin:2% 1% 2% 1%; border:1px solid #fff; border-radius: 4px; background-color:rgba(42,41,54,0.32); font-size: .9em; }
}

button.column {padding:2%; width:80%; margin:0 10% 2% 10%; border:2px solid #ddd; border-radius: 6px; background-color:rgba(34,53,25,0.7);}
button.column:hover { border:2px solid #fff; border-radius: 4px; background-color:rgba(34,53,25,1);;}
button.column a:link {color:#fff !important; text-decoration: none;}
button.column a:visited {color:#fff !important;}

.pasection {float: right; width:73%; margin-top:18px;}
h4.pas {color: #4760a3;font-size: 1.77em; margin-top: 10%; line-height: 1.6;}
h4.pas2 {color: #4760a3;font-size: 1.77em; margin-top: 10%; line-height: 1.15;}

.pasection ul {width:49%; float:left; margin: 0 1% 1% 0;}

.pasection ul li {display: block;margin: 0 0 20px 30px;
    text-decoration: none;}

.pasection h3 {margin:0;}
.title {font-size:2em; width:100%; text-align: center; padding: 0 0 2% 0;}
 a.title:link {text-decoration: none;}
 a.title:visited {text-decoration: none;}

@media screen and (max-width: 820px)
{.pasection h3 {text-align: center;}}
	
a:hover .titlje {text-decoration: underline;}

.pasection ul li img { margin: 1% 5% 1% 0%; width:100%; padding:0.0%;}

.pasection ul li p {color:#fff; min-height: 123px;   line-height: 1.3;}

@media screen and (max-width: 820px)
{.pasection ul li p {color:#fff; min-height:0; padding-bottom:14px; }}
	
.pasection ul li h3 a:link {font-size: 22pt; font-weight: lighter; padding-bottom: 2px; color:#fff;}
.pasection ul li h3 a:visited {color:#fff;  }
.pasection ul li h3 a:hover { color:#ddd;}
.pasection a:hover img {opacity: 0.83;}
.picsection {float:left; width: 27%;}
.picsection img {width:95%; margin: 5% 5% 0 0%;}
a.learn-more {padding: 10px;
	color:#fff;
	background-color:rgba(255,255,255,0.34);
    text-decoration: none;
    display: block;
    margin: 3px auto 10px auto;
    width: 55%;
    text-align: center;
    font-size: 11pt;}

@media screen and (max-width: 1320px)
{.pasection {float: right; width:75%;}
.picsection {float:left; width: 25%;}
}


@media screen and (max-width: 1160px)
{.pasection {float: right; width:78%;}
.picsection {float:left; width: 22%;}
}
	
	

@media screen and (max-width: 1120px)
{.pasection ul {width:100%; float:none; }
	.pasection ul li h3 a:link {font-size:20pt}
	 h4.pas {color: #4760a3; margin-top: 1%; line-height: 1.2;}
	 h4.pas2 {color: #4760a3;margin-top: 1%; line-height: 1.2;}
	
	.pasection ul li {display: block;
    text-decoration: none;
    margin: 0 0 9px 0;}
}




@media screen and (max-width: 960px)

{.picsection { width: 30%;}
	.pasection { width:70%;}
		.pasection h4 {color: #4760a3;font-size: 1.37em; margin-top: 1%; line-height: 1.32;}

}

@media screen and (max-width: 820px)

{.pasection ul li img { width: 100%; margin: 0;}
	.pasection ul li {display: block;  margin: 0 9% 20px 10%;}

.picsection {display: none;}
	.pasection { width:100%;}
}
	



img.pic-short {width:80%; margin: auto; padding:2% 5% 0 5%; display: block; background-color:#1D1D1D;}	

@media screen and (min-width: 820px)
{img.pic-short {display:none;}
}
@media screen and (max-width: 900px)
{img.brianfront2 {    max-width: none;
    width: 76%;
    margin: auto;
    float: none;
    padding-top: 0;
    padding-left: 0%;
    display: block;}
	
	.messagebox {width:100%;
	
		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#2d437a+0,192c5d+100 */
background: rgb(2,101,146);
	
	}}

.accolades-wrap-png {background-color:#fff;}

	.testimonialsection {background-image:url(../images/quotebg.jpg); background-size: cover;}	

.testimonialsection h3 {}

img.accolades {float:right; width:33%; margin: 0 0 1% 2%;}

.up {
	width:80%;
	margin: 1.5% 10% 1.5% 10%;
}


@media screen and (min-width: 700px){.up {display:none;}}
@media screen and (max-width: 700px){.wide {display:none;}}

img.logo {margin: 1.7% 0 2.3% 0; width:34%;}

@media screen and (max-width: 760px){img.logo {margin: 1.5% 15%; width:70%;}}
@media screen and (max-width: 560px){img.logo {margin: 1.5% 10%; width:80%;}}


img.pagetop {width:100%; border:1px solid #eee; padding:0.5%;}

pic-float {border:1px solid; padding: 1%;}

FLright {float:right; margin: 1% 0% 1% 1%;}
FLleft {float:left; margin: 1% 1% 1% 0;}

.headerpic {margin:0; opacity:0.33;}

.headerpic-darker {margin:0; opacity:0.73;}

.police { width:90%; margin:1% 5%;}

.big-front {width:94%; margin: 1% 3%;}

.app img {width:12%; float:left; margin:1%;}
.app {width:80%; border:1px solid; margin:1% 10% 1% 10%;}
.big-front:hover {-webkit-box-shadow: 0px 0px 4px 0px rgba(0,0,0,1);
-moz-box-shadow: 0px 0px 4px 0px rgba(0,0,0,1);
box-shadow: 0px 0px 4px 0px rgba(0,0,0,1); opacity:1.0;}


.attorney-profile {
	margin: 0 0 1% 1.8%;
	padding: .9%;
	border: 1px solid #aaa;
	float: right;
	width: 31%;
}


.bottomlogo {float:left; width:31%;padding:2%;}

@media screen and (max-width: 760px){.bottomlogo {float:none; width:60%;padding:2%; margin:1% 18% 1% 18%;}
}

.attorney-profile img {text-align:bottom; vertical-align: top; width:100%;}

@media screen and (max-width: 700px){
.attorney-profile {
		margin: 1% 10% 1% 10%;
	padding: .75%;
	border: 1px solid;
	float: left;
	width: 77%;
}
}


#hero h2 {
	z-index:100;
	color: #fff;
	font-size:2.65em;
	padding:1%;
	margin:0;
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 1);
}

#hero h4 {
	z-index: 100;
    color: #fff;
    font-size: 1.55em;
    padding: 1%;
    margin: 0% 0 1% 0;
}

@media screen and (max-width: 1160px)

{#hero h2 {
	
	font-size:2.65em;
	padding:1%;
}}
	
	#hero h3 {
	z-index:100;
	color: #fff;
	font-size:1.7em;
	padding:12% 0 1.5% 0;
	margin:0;
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 1);
}


#hero h2#tall {
	position:absolute;
	left:23.7%;
	z-index:100;
	color: #fff;
	bottom:4%px;
	font-size:32px;
	padding:0;
	margin:0;
text-shadow: 1px 1px 2px rgba(0, 0, 0, 1);}

@media screen and (max-width: 700px){
#hero h2, #hero h2#tall {
	font-size:22px;
}}


@media screen and (max-width: 600px){
#hero h2, #hero h2#tall {
	font-size:20px;
}}

.main3 {margin: 7px 0 9px 0;}

.alpha {
	margin:0 0px 0 0;
}
.omega {
	margin:0 0 0 0px;
}

.main3 a:link img{
	display:block;
	margin: 0;
	opacity:0.85;
	background-color:#272325;
	width:98%;
	box-shadow: 0 1px 4px rgba(0,0,0,.2);
	-webkit-box-shadow: 0 1px 4px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 4px rgba(0,0,0,.2);
	-o-box-shadow: 0 1px 4px rgba(0,0,0,.2);
}
.main3 a:visited img{	width:98.2%;
}

.main3 a:hover img{-webkit-box-shadow: 0px 0px 4px 0px rgba(0,0,0,1);
-moz-box-shadow: 0px 0px 4px 0px rgba(0,0,0,1);
box-shadow: 0px 0px 4px 0px rgba(0,0,0,1); opacity:1;}


.main3a a:link img{
	display:block;
	margin: 0 0 4% 0%;
	opacity:1;
	background-color:#272325;
	width:99%;
	box-shadow: 0 1px 4px rgba(0,0,0,.2);
	-webkit-box-shadow: 0 1px 4px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 4px rgba(0,0,0,.2);
	-o-box-shadow: 0 1px 4px rgba(0,0,0,.2);
}
.main3a a:visited img{	width:98.2%;
}

.main3a a:hover img{-webkit-box-shadow: 0px 0px 4px 0px rgba(0,0,0,1);
-moz-box-shadow: 0px 0px 4px 0px rgba(0,0,0,1);
box-shadow: 0px 0px 4px 0px rgba(0,0,0,1); opacity:0.75;}





@media screen and (max-width: 600px){
.logo {width:80%; margin:1% 10%;}

.main3 a img{
	display:block;
	margin:2%;
	opacity:1;
	background-color:#272325;
}
}


.head-color {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f7f7f7+0,f2f2f2+100 */
background: rgb(247,247,247); /* Old browsers */
background: -moz-linear-gradient(top, rgba(247,247,247,1) 0%, rgba(242,242,242,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(247,247,247,1) 0%,rgba(242,242,242,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(247,247,247,1) 0%,rgba(242,242,242,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#f2f2f2',GradientType=0 ); /* IE6-9 */}

.hero-color {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#0b324a+1,08293e+100 */
background: rgb(11,50,74); /* Old browsers */
background: -moz-linear-gradient(top, rgba(11,50,74,1) 1%, rgba(8,41,62,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(11,50,74,1) 1%,rgba(8,41,62,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(11,50,74,1) 1%,rgba(8,41,62,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0b324a', endColorstr='#08293e',GradientType=0 ); /* IE6-9 */	
}

.body-color{background:#fff;}

img.superlawyer {margin:auto; width:70%; margin:1% 15% 0 15%;}
p.super {width:70%; margin:0 15% 3% 15%; font-size:1em; text-align:center;}