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

body {background-color:#111; 	font-family: 'Open Sans', sans-serif;

}


.content {
    background-color: #fff;
    padding: 22px;
    margin: 24px 0 44px 0;
	font-size:15pt;
}


.anchor {
  position: relative;
}


.anchor a {
  position: absolute;
  left: 0px;
  top: -80px;
}

h1 {font-size:2.4em; color:#054f7f; margin: 0;  padding-bottom:.4%;   font-weight: lighter;}
h2 {font-size:1.7em;  color:#022338; margin: 24px 0  5px 0; }
.content h3 {font-size:1.55em; color:#054F7C; border-bottom: 2px solid #ddd;  font-weight: lighter;}
p {line-height: 1.4; font-size:14pt;}
ul li {line-height: 1.4;}
ol li {line-height: 1.4; margin: 0 2% 1.5% .5%;}
.big-underline {
    height: 5px;
    width: 100px;
    margin: 3% 0 2% 0;
}

@media screen and (max-width: 820px) {
	h1 {font-size: 1.8em;}	
	h2 {font-size:1.4em;}
}
section.main-content {background-image: url("../images/bottom-bg-1000.png"); background-color:#e8ccb1; background-position: bottom; background-repeat: no-repeat; background-size:cover; }


section {  }
.container {width:96%; max-width: 1200px; margin: auto;  }
.clear-both {clear: both; }
section.dessert-bg {max-height: 560px; position: relative; overflow: hidden;}
section.experience {background-color: #602f38; padding: 2%; border-top:2px solid #fff; border-bottom:2px solid #fff;}
section.reviews {background-color:#fff; padding:0 0 10px 0; 
 background-image: url(../images/handshake-2.png);
    background-size: 64%;
    background-position: bottom;
    background-repeat: no-repeat;
	border-top:3px solid;
	border-bottom:3px solid;
	border-color:rgba(0,49,71,1);
}
.experience h3 {text-align: center; color: #fff; font-size:2.5em;}
section.form {background-image: url("../images/pages/contact-bg.png");background-size: cover;background-repeat: no-repeat;}
#hero h3 {
    z-index: 100;
    color: #fff;
    font-size: 4.5em;
    margin: 0% 0 12% 0;
    text-shadow: 0px 0px 9px rgba(0, 0, 0, 1);
    text-align: center;
    width: 100%;
    border-top: 1px solid #fff;
    padding: 10% 2% 1.2% 2%;
}
section.services {padding: 2% 0 2% 0; 


/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#dbcbbd+0,fcebde+99 */
background: rgb(219,203,189); /* Old browsers */
background: -moz-linear-gradient(top, rgba(219,203,189,1) 0%, rgba(252,235,222,1) 99%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(219,203,189,1) 0%,rgba(252,235,222,1) 99%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(219,203,189,1) 0%,rgba(252,235,222,1) 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dbcbbd', endColorstr='#fcebde',GradientType=0 ); /* IE6-9 */

}

#hero {background-repeat: no-repeat;
    background-size: cover;
    height: auto;
    position: relative;
    background-position: 40% 10%;
	background-color: #08415c;
    border-bottom: 2px solid #fff;
    padding: 0 0 0px 0;}

#hero img {opacity:0.4;}

.DUI1 {background-image: url("../images/pages/DUI1.jpg");}
.DUI2 {background-image: url("../images/pages/DUI2.png");}
.DUI3 {background-image: url("../images/pages/DUI3.jpg");}
.police1 {background-image: url("../images/pages/police1.jpg");}
.police2 {background-image: url("../images/pages/police2.jpg");}
.police3 {background-image: url("../images/pages/police3.jpg");}
.drugs {background-image: url("../images/pages/drugs.png");}
.domestic {background-image: url("../images/pages/domestic.png");}
.contact {background-image: url("../images/pages/contact2.jpg");}
.lawyer {background-image: url("../images/pages/attorney.png");}

.schema-hide {display: none; }

.internal-cta {
    display: block;
    padding: 0;
    font-size: 2.3em;
    position: absolute;
    bottom: 0;
    left: 36%;
    width: 28%;
    text-align: center;
    border-radius: 40px 40px 0 0;
	border:3px solid #fff;
	border-bottom: none;
    background: #2e4553;
}
.internal-cta:hover {
    background: #1567a1;
    background: -moz-radial-gradient(center, ellipse cover, #1567a1 0, #052755 100%);
    background: -webkit-radial-gradient(center, ellipse cover, #1567a1 0, #052755 100%);
    background: radial-gradient(ellipse at center, #1567a1 0, #052755 100%);
}
.internal-cta a:link {
    text-decoration: none;
    color: #fff;
    padding: 2% 0 1.4% 0;
    display: block;
}
.internal-cta a:visited {
    color: #fff;
}
.internal-cta a:hover {
    color: #fff;
    text-shadow: 0 0 4px #000;
}
@media screen and (max-width: 1120px) {
    .internal-cta {
        width: 40%;
        left: 30%;
        font-size: 2.1em;
    }
	
	#hero h3 { font-size:3em; }

}
@media screen and (max-width: 820px) {
    .internal-cta {
        width: 50%;
        left: 25%;
        font-size: 1.4em;
    }
	
		#hero h3 { font-size:2em; }

}

a:link,a:visited {color:#2e4553;}


p.from1 {text-align: right; padding: 0 3% 0 0;}
p.from1 img {width:160px; height: auto;}
a.see-more {display: block; color:#fff; padding: 2%; text-align: center; margin: 2% auto 4% auto; border: 1px solid #fff; max-width: 350px; background-color:#57819a; text-decoration: none;width:80%;}
a.see-more:visited {color:#fff!important;}

@media only screen and (max-width: 990px){
.bump-for-header {padding-top: 90px;}
}
@media only screen and (max-width: 820px){
.experience h3 {font-size:1.5em;}
}
h4.CU {text-align: center; color:#4b0303; font-size:2.4em; padding: 45px 0 1% 0;     margin: .5% 0 1% 0;}
.formcontainer {display: block; margin: auto; }
.formcontainer textarea {float: left; width:96%;
    padding: 2%; font-weight: bolder;
    margin: 1% 0 0 0; border:2px solid #000;}

.formcontainer input {width: 30%;
    padding: 2% 1.333% 2% 1.333%; border:2px solid #000;
    margin: 0%; float:left; font-weight: bolder;}

.formcontainer input.middle-for-space {margin: 0 .5% 0 .5%;}

.formcontainer input[type=submit]{margin:1% auto 5% auto; max-width: 300px; display: block; border: 3px solid #aaa; color:#fff; font-size:1.2em; float: none;

/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#965757+0,700404+34,4b0303+100 */
background: rgb(150,87,87); /* Old browsers */
background: -moz-linear-gradient(top, rgba(150,87,87,1) 0%, rgba(112,4,4,1) 34%, rgba(75,3,3,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(150,87,87,1) 0%,rgba(112,4,4,1) 34%,rgba(75,3,3,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(150,87,87,1) 0%,rgba(112,4,4,1) 34%,rgba(75,3,3,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#965757', endColorstr='#4b0303',GradientType=0 ); /* IE6-9 */

}

@media only screen and (max-width: 820px){
	.formcontainer input.middle-for-space {margin:0%;}
.formcontainer input {width: 100%;}
	h4.CU {font-size:1.8em; padding: 1% 5% 1% 5%;}
}

.formcontainer p.disclaim {color:#4b0303; margin:2% 10% 0 10%;}



.text-white {color: #fff;}
a.text-white:link {color:#fff;}
a.text-white:visited {color:#fff;}



img.slide {width:100%;}





.grid_1 { width: 8.333333333333%; }
.grid_2 { width: 16.666666666667%; }
.grid_3 { width: 25%; }
.grid_4 { width: 33.3333333333%; }
.grid_5 { width: 41.6666666667%; }
.grid_6 { width: 50%; }
.grid_7 { width: 58.3333333333%; }
.grid_8 { width: 66.6666666667%; }
.grid_9 { width: 75%; }
.grid_10 { width: 83.333333333333%; }
.grid_11 { width: 91.6666666667%; }
.grid_12 { width: 100%; }

.grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12 {
	margin-left: 0;
	margin-right: 0;
	float: left;
	display: block;
}


@media only screen and (max-width: 820px){
.grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12 
	{width:100%;
	margin-left: 0;
	margin-right: 0;
	float: left;
	display: block;
}
}

.iframe-rwd  {
position: relative;
padding-bottom: 37.5%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
.iframe-rwd iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

.dark-bg {background-color:rgba(67,33,39,0.85); padding:2% 3% 1% 3%;}
.light-bg {background-color:rgba(225,225,225,0.84); padding: 0.5% 3% 3% 3%;}


.maroon {color:#602f38;}
.maroon-bg {background-color:rgba(67,33,39,0.85)}

.sand {color:#dbcbbd;}
.mint {color:#668f80;}
.darkgreen {color:#062726;}
.darkgreen-bg {background-color:#062726;}
.blue {color:#08415c;}
.blue-bg {background-color:#08415c;}

.abs-text-space {position: absolute; left: 15%; width:70%; padding:.5%; top: 140px;z-index: 100;}
.abs-text-space h3,.abs-text-space h4,.abs-text-space h5 {text-align: center; }
.abs-text-space h3 { text-align: center; font-size: 2.5em; color:#dbcbbd; padding:0; margin:0; }
.abs-text-space h4 {font-size:2.0em; color:#668f80;  padding:0; margin:0;}
.abs-text-space h5 {color:#08415c; font-size:1.7em; padding:0; margin:0;}
.quote-hide {
  display: none;
}

.slide-1,.slide-2,.slide-3,.slide-4 {background-size: cover; background-repeat: no-repeat; min-height: 700px;}
.slide-1 {background-image: url("../images/slides/1.jpg");}
.slide-2 {background-image: url("../images/slides/2.jpg");}
.slide-3 {background-image: url("../images/slides/3.jpg");}
.slide-4 {background-image: url("../images/slides/4.jpg");}

@media only screen and (max-width: 820px){
	.abs-text-space {top: 80px;}
	.abs-text-space h3 {font-size:1.55em;}
	.abs-text-space h4 {font-size:1.3em;}
	.abs-text-space h5 {font-size:1.05em;}
	.slide-1,.slide-2,.slide-3,.slide-4 {background-size: cover; background-position: 100% 100%; background-repeat: no-repeat; min-height: 340px;}

}
.quote-loop img {vertical-align: top; }
.quote-box { min-height: 420px;
	 text-align: center;
    padding: 0 1% 0% 1%;
    font-size: 18pt;
    width: 80%;
    margin: auto;
}
.quote-loop h3 {margin: 0; padding: 2% 0 0 0; font-size:2.33em; color:#2e4553;}

@media only screen and (max-width: 1200px){
	.quote-box {min-height: 450px;}
	.quote-loop h3 {font-size:2.02em;}
}


@media only screen and (max-width: 1050px){
	.quote-box { font-size:17pt;}
	
	.quote-loop h3 {font-size:1.8em;}
}

@media only screen and (max-width: 820px){
	.quote-box { font-size:16pt; min-height: 420px;}
	
	.quote-loop h3 {font-size:1.5em;}
	
	p.from1 img {width:140px; height: auto;}

}


@media only screen and (max-width: 700px){
	.quote-box { font-size:15pt; min-height: 440px;}
	section.reviews {background-size:75%;}
		p.from1 img {width:120px; }

}

@media only screen and (max-width: 630px){
	.quote-box { font-size:14pt; min-height: 504px;}
}