@import url("https://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic,800,800italic"); body {margin:0; padding:0; font-family:'Open Sans', sans-serif; font-size:16px; color:#202020; line-height:36px; background:#ffffff; text-align:left; font-weight:300;}
* {border:none}
.clear{ clear:both;}
a:link, a:visited {outline:none; text-decoration:none; color:#008fa3;}
a:hover { color:#202020; text-decoration:none;}
a img{ border:none; outline:none;}
p{ margin:0 0 12px 0; padding:0px; font-weight:300;  clear: both;}
h1, h2, h3, h4, h5{ margin:0px 0 12px 0; padding:0px;}
ol, ul { margin: 0 0 0 4px; padding: 0 0 12px 0; }
li{list-style: none outside none; margin:0px 0 10px 0; padding:0px;}
blockquote, q {quotes:none;}
table, table td {padding:0; border:none; border-collapse:collapse;}
embed {vertical-align:top;}
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video {display:block;}
mark, rp, rt, ruby, summary, time {display:inline;}
iframe { border:0; margin:0; padding:0; }
input[type="tel"], input[type="email"], input[type="text"], textarea, select{ font-family:"Open Sans",sans-serif; font-size:13px; color:#393939; border:solid 1px #a1a1a1; padding:5px; outline:none; clear:both; background:#fafafa;}
input[type="submit"]{ outline:none; font-family:"Open Sans",sans-serif; color:#FFF; background:#fafafa; padding:5px 12px; text-align:center;}
::-webkit-input-placeholder { color:    #45545b;}
:-moz-placeholder { color:    #45545b; opacity:  1;}
::-moz-placeholder { color:    #45545b; opacity:  1;}
:-ms-input-placeholder { color:    #45545b;}
h1{ font-size:30px; font-weight:bold; color:#202020; margin-bottom:18px; clear:both;}
h2{ font-size:25px; font-weight:normal; color:#202020; margin-bottom:18px; clear:both;}
h3{ font-size:15px; font-weight:normal; color:#202020; margin-bottom:18px; clear:both;}
.titleheading {
clear: both;
color: #202020;
font-size: 20px;
font-weight: normal;
line-height: 36px;
margin-bottom: 12px;
}
.wrap{ width:100%; float:left; clear:both;}
.inner{ width:1188px; margin:0 auto; display:table;}
.mainheader{ width:100%; float:left; clear:both; height:auto; position:relative;}
.mainheader.headerbg1{ background: #003760;}
.mainheader .tphaeder {
background: url(//www.expungementlawyermn.com/wp-content/themes/marc-herman/images/top-header-bg.jpg) no-repeat scroll center top #003760; float:left; width:100%; clear:both;
}
.mainheader .tphaedersedow{   background: url(//www.expungementlawyermn.com/wp-content/themes/marc-herman/images/big_shadow.png) no-repeat scroll center bottom rgba(0, 0, 0, 0);
clear: both;
float: left;
height: 168px;
width: 100%; position: fixed; z-index: 1;}
.mainheader .bttop {
background: url(//www.expungementlawyermn.com/wp-content/themes/marc-herman/images/back-bg.jpg) no-repeat scroll center top 50px rgba(0, 0, 0, 0);
float: left;
height: 540px;
margin-top:126px;
width: 100%;
}
.bttop .inner { text-align: center;
}
.subheading {font-size:28px;font-weight:bold;color:white;}
.othertext {color:white;font-size:24px;}
.bttop .inner .topheading {
color: #fff; font-weight: normal;
font-size: 40px;
margin-bottom: 220px;
margin-top:80px;
}
.bttop .inner .topheading1 {
color: #fff; font-weight: normal;
font-size: 30px;
margin-bottom: 00px;
}
.bttop .inner p {
color: #fff;
font-size: 24px;
margin:0 20px;
}
.bttop .inner a.linkyellow {
background: none repeat scroll 0 0 #fbad1a;
border-radius: 4px;
color: #fff;
display: inline-block;
font-size: 22px;
line-height: 46px;
margin-top: 16px;
padding: 0 35px;
margin-left:10px;
margin-right:10px;
font-weight:600;
}
.bttop .inner a.linkyellow:hover{ background:#202020;}
.innerpage .mainheader .tphaeder {
background-color: #003760;
}
.logomobile {
float: left;
}
.logomobile img{ float:left;}
.mainheader .tphaeder .rightbar {
float: right;
text-align: center;
width: 700px;
}
.mainheader .tphaeder .rightbar .callFreeText {
float: right;
margin-top: 30px; margin-right: 12px;
} .mainheader .greenRow{ width:100%; float:left; background:#015287; position:absolute; bottom: 0;}
.mainheader .greenRow .inner{ height:105px; overflow:hidden;}
.mainheader .greenRow a.logomobile {
float: left; margin-top: 8px;
}
.mainheader .greenRow a.logomobile img{ float:left;}
.mainheader .greenRow .callFreeText {
float: right;
margin-top: 18px; 
}
.mainheader .greenRow .callFreeText img{ float:right;}
.mainheader .navigation {
float: right;
width: 100%;  margin-top: 8px;
}
.mainheader .navigation ul {
float: right;
margin: 0;
padding: 0;
}
.mainheader .navigation ul li {
display: inline-block;
margin: 0;
padding: 0;
}
.mainheader .navigation ul li a {
color: #fff;
font-size: 15px;
padding: 8px 10px;
text-decoration: none;
}
.mainheader .navigation ul li a:hover {color:#fbad1a;}
.mainheader .navigation ul li.active a {color:#fbad1a;} .mainheader .bannertext {
bottom:200px;
position: absolute;
width: 100%;
}
.mainheader .bannertext .sideimg {
float: left;display:none;
} .mainheader .bannertext .text {
color: #333;
font-family: "Open Sans",sans-serif;
font-size: 22px;
font-weight: 300;
left: 90px;
margin: 0 auto;
position: relative;
text-align: center;
width: 800px;
}
.mainheader .bannertext .text h2 {
color: #444;
font-size: 40px;    
margin-bottom: 24px;
}
.mainheader .bannertext .text a.linkbtn {
background: none repeat scroll 0 0 #fbad1a;
border-radius: 3px;
clear: both;  margin-top: 22px;
color: #fff;
display: inline-block;
height: 58px;
line-height: 58px;
width: 250px;
}
.mainheader .bannertext .text a.linkbtn:hover{ background:#202020;}
.innerpage .mainheader {
height: auto;
}
.innerpage .mainheader .greenRow {
background: none repeat scroll 0 0 #015287;
bottom: 0;
float: left;
position: relative;
width: 100%;
}
.maincontener {
float: left;
width: 100%;
}
.maintitlerow {
box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
float: left;
padding: 80px 0 40px 0;
text-align: center;
width: 100%; font-size:22px; font-weight:300; color:#999999;
}
.innerpage .maintitlerow {
box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
color: #999999;
float: left;
font-size: 22px;
font-weight: 300;
padding: 24px 0 40px;
text-align: center;
width: 100%;
}
.maintitlerow p{ font-weight:300;}
.maintitlerow h1 {
font-size: 40px;
font-weight: 600;
}
.maintitlerow h2.entry-title {
font-size: 40px;
font-weight: 600;
}
.maintitlerow .inner img {
margin: 12px;
}
.maintitlerow2 {
border-top: 2px solid rgba(0, 0, 0, 0.2);
float: left;
padding: 80px 0 40px 0;
text-align: center;
width: 100%; font-size:22px; font-weight:300; color:#999999;
}
.innerpage .maintitlerow2 {
box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
color: #999999;
float: left;
font-size: 22px;
font-weight: 300;
padding: 24px 0 40px;
text-align: center;
width: 100%;
}
.maintitlerow2 p{ font-weight:300;}
.maintitlerow2 h1 {
font-size: 40px;
font-weight: 600;
}
.maintitlerow2 .inner img {
margin: 12px;
}
.contentRow {
float: left;
padding: 35px 0;
width: 100%;
}
.contentRow .serviceBlock {
margin: 0 3%;
padding: 0;
width: 94%;
}
.contentRow .serviceBlock li{ margin:0px; padding:0px; list-style:none;}
.contentRow .serviceBlock li .titlebar{ float:left; width:100%; height:125px; margin-bottom:15px;}
.contentRow .serviceBlock li {
float: left;
list-style: outside none none;
margin: 0 4% 0 0;
padding: 0;
text-align: center;
width: 30%; background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
}
.contentRow .serviceBlock li .titlebar h2 {
font-size: 25px;
}
.contentRow .serviceBlock li:last-child{ margin-right:0px;}
.contentRow .serviceBlock li p{  font-size:20px;
font-weight: 300;
text-align: left;}
.leftSection {
float: left;
width: 760px;
}
.rightSection {
border: 1px solid #4db1bf;
float: right;
margin-top: 8px;
min-height: 400px;
padding: 20px 12px;
width: 351px;
}
.contentRow ul li{background: url(//www.expungementlawyermn.com/wp-content/themes/marc-herman/images/circal.png) no-repeat scroll left 12px rgba(0, 0, 0, 0);
padding-left: 20px;}
.contactform .imgicon {
float: left;
text-align: center;
width: 100%;
}
.contactform .title {
clear: both;
font-size: 25px;
font-weight: normal;
margin-bottom: 6px;
text-align: center;
}
.contactform .colortext {
color: #015287;
font-size: 16px;
font-weight: 300;
line-height: 28px; margin-bottom: 20px;
text-align: center;
}
.contactform form input, .contactform form textarea {
background: none repeat scroll 0 0 #4db1bf !important;
border: medium none;
color: #fff;
font-size: 20px;
font-weight: 300;
height: 40px;
margin-bottom: 20px;
padding: 0 4%;
resize: none;
width: 92%;
border: none !important;
}
div#gform_fields_1 {
gap: 15px !important;
}
input#gform_submit_button_1 {
background: none repeat scroll 0 0 #fbad1a !important;
border-radius: 4px;
clear: both;
cursor: pointer;
display: block;
float: none;
height: 50px;
line-height: 48px;
margin: 0 auto;
padding: 0;
width: 255px;
}
.contactform form textarea {
height: 110px;
padding-top: 8px;
}
.contactform form input::-webkit-input-placeholder, .contactform form textarea::-webkit-input-placeholder { color:    #fff;}
.contactform form input:-moz-placeholder, .contactform form textarea:-moz-placeholder { color:    #fff; opacity:  1;}
.contactform form input::-moz-placeholder, .contactform form textarea::-moz-placeholder { color:    #fff; opacity:  1;}
.contactform form input:-ms-input-placeholder, .contactform form textarea:-ms-input-placeholder { color:    #fff;}
.contactform form input[type="submit"] {
background: none repeat scroll 0 0 #fbad1a;
border-radius: 4px;
clear: both;
cursor: pointer;
display: block;
float: none;
height: 50px;
line-height: 48px;
margin: 0 auto;
padding: 0;
width: 255px;
}	
.contactform form input[type="submit"]:hover{ background:#202020;}
.bottomlinkRow {
box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2) inset;
float: left;
padding: 38px 0 26px;
text-align: center;
width: 100%;  font-size: 22px;
}
.bottomlinkRow .inner a {
font-size: 25px;
}
.blogPost {
border-bottom: 1px solid #999999;
float: left;
padding: 12px 0;
width: 100%; margin-bottom: 20px;
}
.blogPost.detail {
border: medium none;
}
.blogPost .titleRow {
float: left;
width: 100%;
}
.blogPost .titleRow h2, .blogPost .titleRow h1 {
float: left;
width: 590px;
}
.blogPost .date {
background: none repeat scroll 0 0 #ebedf0;
float: right;
height: 75px;
margin-bottom: 15px;
margin-left: 72px;
margin-top: -36px;
padding: 10px;
width: 75px;
}
.blogPost .date .inside {
background: none repeat scroll 0 0 #015287;
color: #fff;
float: left;
font-family: arial;
font-weight: bold;
height: 100%;
text-align: center;
text-transform: uppercase;
width: 100%; font-size:20px;
}
.blogPost .date .inside span {
display: block;
font-size: 37px;
}
.blogPost .contet p {
clear: none; text-align:justify;
}
.blogPost.detail p{ text-align:left;}
.contentRow .pagingrow { float: left; margin-top:4px; }
.contentRow .pagingrow ul { margin:0; padding: 0; }
.contentRow .pagingrow li { background:none;  border: 1px solid #ebedf0; float: left;  font-family:Arial, Helvetica, sans-serif; margin: 0 2px; padding:2px 8px;  line-height: normal; font-size:12px;  color: #939598;  }
.contentRow .pagingrow li a { float: left; font-family:Arial, Helvetica, sans-serif; height: 100%; width: 100%; }
.contentRow .pagingrow li.active { color: #939598; cursor:default;}
.testimonialitem {
border-bottom: 1px solid #999999;
float: left;
padding: 12px 0;
width: 100%; margin-bottom: 20px;
}
.testimonialitem.detail {
border: medium none;
}
.testimonialitem .titleRow {
float: left;
width: 100%;
}
.mainfooter{ float:left; width:100%; clear:both; background:#015287; min-height:92px; margin-top:10px;}
.mainfooter .leftbar {
color: #fff;
float: left;
font-size: 14px;
font-weight: 300;
line-height: 22px; margin-top: 29px;
}
.mainfooter .leftbar .mhlogo {
float: left;
margin-right: 18px;
}
.mainfooter .rightbar {
float: right;
text-align: right;
}
.mainfooter .rightbar span.icon {
border-left: 1px solid #fff;
display: inline-block;
float: left;
height: 100%;
width: auto;
}
.mainfooter .rightbar span.icon a {
color: #fff;
display: block;
font-size: 14px;
font-weight: 300;
line-height: normal;
padding:15px 4% 13px;
text-align: center;
width: 92%; height: 65px;
}
.mainfooter .rightbar span.icon a:hover{ color:#fbad1a;}
.mainfooter .rightbar span.icon.icon1{ width:130px;} 
.mainfooter .rightbar span.icon.icon2{ width:180px;} 
.mainfooter .rightbar span.icon.icon3{ width:150px;} 
.mainfooter .rightbar span.icon a img {
clear: both;
display: block;
margin: 0 auto 10px;
}
.mainfooter .rightbar .icon span {
display: inline-block;
height: 44px;
line-height: 30px;
margin-bottom: 6px;
text-align: center;
vertical-align: middle;
width: 100%;
}
.logo > img {
float: left;
}
.mainheader .bttop {
float: left;
margin-top:85px;
}
.innerpage .maintitlerow { padding-top:165px;} .menuRow {
display: none;
}
.logomobile{ display:none;}
@media only screen and (min-width: 300px) and (max-width: 1190px) {
h1,h2,h3,h4,h5{ line-height:normal; font-size:20px!important;}	
.inner {
width:94%; padding:0 3%;
}
.logo { display:none;}
.logomobile {
display: block;
float: none;
height: 52px;
margin: 8px auto 0;
padding: 0;
text-align: center;
width: 220px;
}
.logomobile img {
float: none;
margin: 0 auto;
width: 220px;
}
.maintitlerow {
float: left;
padding: 30px 0 40px;
text-align: center;
width: 100%;
}
.innerpage .maintitlerow {
padding: 34px 0 40px;
}
.mainheader .tphaeder .rightbar {
float: left;
padding: 0 2%;
text-align: center;
width: 96%;
}
.mainheader .tphaeder .rightbar .callFreeText {
float: left;
margin-right: 0;
margin-top: 4px;
padding: 0;
width: 100%;  line-height: normal;
}
.mainheader .navigation {
float: left;
margin-top: 0; margin-bottom: 12px;
width: 100%;
}
.mainfooter .leftbar {
line-height: 22px;
margin-bottom: 24px;
margin-top: 18px;
padding: 0 3%;
width: 94%; text-align: center;
}
.mainfooter .rightbar {
float: left;
padding: 0 3%;
text-align: right;
width: 100%;
}
.mainfooter .rightbar span.icon {
border-left: 1px solid #fff;
display: inline-block;
float: left;
height: 100%;
margin-bottom: 14px;
width: 32% !important;
}
.mainfooter .rightbar span.icon.icon1 {
border-left: medium none;
}
.mainfooter .rightbar span.icon a {
display: block;
font-size: 11px;
}
.mainfooter .rightbar {
float: left;
padding: 0 3%;
text-align: right;
width: 94%;
}
.maintitlerow2 p {
font-size: 14px;
font-weight: 300;
line-height: 28px;
}
.maintitlerow p {
font-size: 16px;
font-weight: 300;
line-height: 34px;
}	
.contentRow .serviceBlock li p {
font-size: 13px;
line-height: 22px;
}
.bttop .inner p {
font-size: 16px;
}
.bttop .inner a.linkyellow {
display: inline-block;
font-size: 17px;
line-height: 35px;
margin-top: 10px;
padding: 0 35px;
}
.mainheader .navigation ul {
float: left;
margin: 0;
padding: 0;
text-align: right;
width: 100%;
}
.mainheader .navigation ul li a {
color: #fff;
font-size: 12px;
line-height: normal;
padding: 3px 4px;
text-decoration: none;
}
.contentRow .serviceBlock li .titlebar h2 {
font-size: 17px;
line-height: normal;
}
.innerpage .mainheader .tphaedersedow{height: 162px;}
.bottomlinkRow .inner a {
font-size: 14px;
}
.leftSection {
float: left;
width: 56%;
}
.rightSection {
padding: 20px 2%;
width: 34%;
}
.contactform form input[type="submit"] {
float: none;
line-height: 48px;
margin: 0 auto;
padding: 0 12px;
width: auto;
}
.blogPost .titleRow h2, .blogPost .titleRow h1 {
float: left;
width: 100%;
}
.menuRow {
display: none;
}
.mainheader .navigation{ display:block;}
.mainheader {
height: auto;
}
.mainheader .bttop {
float: left;
height: 525px;
margin-top: -90px;
width: 100%;
}
.bttop .inner { }
}
@media only screen and (min-width: 767px) and (max-width: 1190px) {
.innerpage .mainheader .tphaedersedow {
height: 168px;
}
.mainheader .tphaeder .rightbar {
float: right;
margin-top: 9px;
padding: 15px 0 0;
text-align: right;
width: 62%;
}
.logomobile {
float: left;
height: 97px;
margin-top: 29px;
padding: 0;
text-align: center;
width: 266px;
} .innerpage .maintitlerow {
padding: 2px 0 40px;
}
.mainheader .tphaeder .rightbar .callFreeText {
float: right;
line-height: normal;
margin-right: 22px;
margin-top: 4px;
padding: 0;
width: auto;
}
.mainheader .bttop {
float: left;
margin-top:85px;
}
.innerpage .maintitlerow { padding-top:165px;}
}
@media only screen and (min-width: 665px) and (max-width: 767px) {
.mainheader .navigation ul { text-align:center;}
.mainheader .tphaeder .rightbar .callFreeText {
float: none;
line-height: normal;
margin: 10px auto 0;
padding: 0;
width: 330px;
}
.mainheader .tphaeder .rightbar .callFreeText img {
width: 100%;
}
.mainheader .navigation {
float: left;
line-height: normal;
margin-bottom: 7px;
}
.mainheader .bttop {
float: left;
margin-top:65px;
}
.innerpage .maintitlerow { padding-top:150px;}
}
@media only screen and (min-width: 30px) and (max-width: 665px) {
.leftSection {
float: left;
width: 100%;
}
.rightSection {
padding: 20px 3%;
width: 94%;
}
.menuRow { display:block;
float: left;
height: 0;
left: 0;
line-height: normal;
z-index: 9999;
padding: 0;
position: fixed;
width: 100%;
}
.menuRow .menuicon {
border-bottom: 12px double #fff;
border-radius: 0;
border-top: 4px solid #fff;
content: "";
float: left;
height: 4px;
margin: 4px 10px;
position: absolute;
text-indent: -9999px;
width: 25px;
z-index: 999; cursor: pointer; top: 10px;
}
.menuRow .navigation{ display:none;}
.navigation.highlight {
background: none repeat scroll 0 0 #003760;
box-shadow: 4px 4px 0 rgba(255, 255, 255, 0.2);
display: block;
left: 0;
padding: 42px 0 0 2px;
position: absolute;
top: -3px;
width: 210px;
z-index: 99;
}
.navigation ul li {
border-bottom: 1px solid rgba(255, 255, 255, 0.2);
font-size: 14px;
margin-bottom: 0;
padding: 4px 2%;
width: 92%;
}
.navigation ul li a:hover {
color: #fff;
}
.innerpage .maintitlerow {
padding: 0 0 40px;
}
.mainheader .tphaedersedow {height:136px!important;}
.mainheader .navigation {
display: none;
}
.mainheader .bttop {
float: left;
margin-top:25px;
}
.innerpage .maintitlerow { padding-top:120px;}
}
@media only screen and (min-width: 300px) and (max-width: 450px) { .mainheader .tphaedersedow {
height: 120px!important;
}
.logomobile {
display: block;
float: none;
height: 43px;
margin: 8px auto 0;
padding: 0;
text-align: center;
width: 180px;
}
.logomobile img {
float: none;
margin: 0 auto;
width: 180px;
}
.contentRow .serviceBlock li {
margin: 0;
padding: 0;
text-align: center;
width: 100%;
}
.callFreeText img {
width: 100%;
}
.mainheader .bttop {
float: left;
margin-top:15px;
}
.innerpage .maintitlerow { padding-top:100px;}
}