/*
 Table Of Contents

 1.) Homepage
 1.1) Banner Section CSS
 1.2) Chech Section CSS
 1.3) Do and Dont Section CSS
 1.4) Available Records Section CSS
 1.5) Family Content CSS
 2.) Court Records Directory Page CSS
 2.1) Inner Header CSS
 2.2) Search Tools Section CSS
 2.3) Jump Links CSS
 2.4) Search Result Section CSS
 2.5) Pagination CSS
 2.6) Public Records Section CSS

 ===============================================*/

/*
 1.) Homepage
 ----------------------------------------*/

/*
 1.1) Banner Section CSS
 ------------------------------------*/

.banner-section {
	background: url(../images/banner-img-min.jpg) no-repeat top center;
	background-size: cover;
	text-align: center;
}
.banner-section h2 {
	color: #fff;
	font-size: 2em;
	text-transform: uppercase;
	margin: 0 0 55px 0;
	letter-spacing: 0;
	word-spacing: 0;
}
.banner-content {
	padding: 258px 0 1px;
}

.search-form {
	background: rgba(18, 53, 90, 0.48);
	border: 1px solid #3a9590;
	margin: 36px 0 36px 7px;
	width: 85.6%;
	display: inline-block;
	padding: 28px 0 25px 22px;
	position: relative;
}
.search-form ul {
	display: inline-block;
	width: 100%;
	margin: 0;
}
.search-form ul li {
	float: left;
	margin: 0 11px 12px 0;
	text-align: left;
}
.search-form ul li label {
	font-size: 1.4em;
	color: #fff;
	text-transform: uppercase;
	display: block;
	margin-bottom: 9px;
}
.search-form ul li input, .search-form ul li select {
	display: block;
	width: 100%;
	color: #09192b;
	text-transform: uppercase;
	font-size: 1.2em;
	padding: 10px;
	height:38px;
	line-height:30px;
}

.search-form ul li .select {text-transform: uppercase;}
.search-form ul li:nth-child(1) {
	width: 24.3%;
}

.search-form ul li:nth-child(2) {
	width: 24.4%
}

.search-form ul li:nth-child(3), .search-form ul li:nth-child(4) {
	width: 12.9%;
}

.search-form ul li input.btn {
	text-transform: uppercase;
	font-size: 2em;
	height: 40px;
	margin: 22px 0 0 -1px;
	color: #fff;
	width: 160px;
	line-height: 1;
}
.search-form ul li input.btn:hover {
	color: #002846;
}
.confirmed {
	float: left;
	font-size: 1.2em;
	color: #fff;
	padding: 2px 0 2px 23px;
	position: relative;
}
.confirmed:before {
	background-position: -4px -91px;
	width: 19px;
	height: 19px;
	position: absolute;
	top: 0;
	left: 0;
	content: '';
}

.start-here {
	background: #00aeef;
	border-radius: 3px;
	position: absolute;
	color: #000;
	font-size: 1.3em;
	padding: 11px 8px 12px;
	width: 71.8%;
	top: -37px;
	text-align: left;
	line-height: 0.8;
}
.start-here:before {
	background: url(../images/blue-arrow-min.png) no-repeat;
	width: 17px;
	height: 10px;
	content: '';
	bottom: -10px;
	left: 24px;
	position: absolute;
}
.start-here > span {
	color: #fff;
	font-weight: 700;
	display: inline-block;
	text-transform: uppercase;
}

/*
 1.2) Chech Section CSS
 -------------------------------------------*/

.check-section {
	background: url(../images/check-sec-bg-min.jpg) repeat-x top center #fafafa;
	border-bottom: 1px solid #e8e8e8;
	padding-bottom: 42px;
}

.heading-sec {
	text-align: center;
	padding: 53px 0 0 0;
}

.heading-sec h2 {
	width: auto;
	margin: 0 auto 44px;
	border-bottom: 1px solid #cecece;
	display: inline-block;
	position: relative;
	padding: 0 0 14px;
}
.heading-sec h2:before {
	background-position: -93px -60px;
	width: 19px;
	height: 20px;
	content: '';
	right: 0;
	left: 0;
	margin: auto;
	position: absolute;
	bottom: -10px;
}

/*
 1.3) Do and Dont Section CSS
 ---------------------------------------------*/

.do-section {
	padding: 0 0 81px 0;
}
.heading-sec.last {
	padding-top: 82px;
}
.do-section-wrap {
	width: 100%;
	max-width: 880px;
	margin: 0 auto;
	overflow: hidden;
}
.do-sec {
	float: left;
	width: 285px;
	margin: 0 11px 9px 0;
	background: #fafafa;
	border: 1px solid #e8e8e8;
}
.do-sec.none {
	margin-right: 0;
}
.heading-sec.last h2 {
	margin-bottom: 48px;
}
.do-content {
	float: left;
	width: 67%;
	padding: 18px 6px 0 0;
}
.do-content h2 {
	color: #195888;
	font-size: 1.6em;
	font-weight: 700;
	margin-bottom: 5px;
}
.do-content h2 a {
	color: #195888;
}
.do-content h2 a:hover {
	color: #00a2e0;
}
.do-content p {
	font-size: 1.2em;
	text-transform: none;
	line-height: 1.5;
	text-align: left;
}
.do-img {
	float: left;
	text-align: center;
	width: 29.5%;
	min-height: 108px;
	padding: 30px 0 0 0;
}

/*
 1.4) Available Records Section CSS
 -----------------------------------------------------*/

.available-section-wrap .heading-sec {
	padding: 39px 0 0px 0;
}
.available-section-wrap .heading-sec h2 {
	margin-bottom: 40px;
}

.available-section-wrap {
	background: url(../images/check-sec-bg-min.jpg) repeat-x center top #fafafa;
	border-bottom: 1px solid #e8e8e8;
}

.available-links {

	float: left;
	width: 41%;
}
.available-links li {
	font-size: 1.6em;
	padding-left: 33px;
	position: relative;
	margin-bottom: 19px;
}
.available-links li:before {
	background-position: -108px -1px;
	width: 23px;
	height: 23px;
	position: absolute;
	top: 0;
	left: 0;
	content: '';
}
.available-links li a {
	display: block;
	color: #195888;
	font-size: 100%;
	line-height: 1.5;
}

.available-links li a:hover {
	color: #666;
}
.available-links.add {
	width: 36%;
}
.available-links.add1 {
	width: 23%;
}

/*
 1.5) Family Content CSS
 ------------------------------------------*/

.family-con-section {
	background: url(../images/family-con-bg-min.png) no-repeat top center;
	background-size: cover;
	text-align: center;
	padding: 53px 0 0;
}
.family-con-section h2 {
	font-size: 5em;
	text-transform: uppercase;
	color: #12355a;
	font-weight: 300;
	line-height: 1.2;
	margin-bottom: 24px;
}
.family-con-section h2 span {
	display: block;
	line-height: 1.2;
}

.family-con-section .btn {
	border-radius: 0;
	text-transform: uppercase;
	font-size: 4em;
	font-weight: 300;
	height: 66px;
	line-height: 1.2;
	width: 321px;
	margin-bottom: 56px;
}

/*
 2.) Court Records Directory Page CSS
 ---------------------------------------------------*/

.inner-banner {
	background: #004579;
}

.court-records {
	background: #f7f5f5;
}

.inner-banner h6:before {
	background-position: 0 -256px;
	width: 51px;
	height: 37px;
}

.inner-banner h6:after {
	background-position: -81px -256px;
	width: 51px;
	height: 37px;
}

/*
 2.1) Inner Header CSS
 -------------------------------------------*/

.inner-banner .banner-content {
	padding: 38px 0 1px;
}

.inner-banner h1 {
	color: #00a2e0;
}
.court-records #header {
	box-shadow: none;
}

.inner-banner  h2 {
	margin: 0 0 42px;
}

.bottom-header {
	background: #004579;
	border-bottom: 1px solid #075e9f;
	border-top: 1px solid #075e9f;
	box-shadow: 0 4px 2px rgba(0, 0, 0, 0.3) inset;
	-moz-box-shadow: 0 4px 2px rgba(0, 0, 0, 0.3) inset;
	-webkit-box-shadow: 0 4px 2px rgba(0, 0, 0, 0.3) inset;
	-o-box-shadow: 0 4px 2px rgba(0, 0, 0, 0.3) inset;
	-ms-box-shadow: 0 4px 2px rgba(0, 0, 0, 0.3) inset;
	height: 48px;
	width: 100%;
}

.menu li {
	position: relative;
}
.menu li i {
	position: absolute;
	bottom: -27px;
	right: 0;
	left: 0;
	width: 20px;
	height: 5px;
	background: #075e9f;
	margin: 0 auto;
	display: none;
}

.menu li:hover i, .menu li.active i {
	display: block;
}

.inner-banner .search-form {
	border: none;
	background: #002846;
	margin: 39px 0 36px 7px;
	padding: 28px 0 27px 22px;
}
.inner-banner .start-here {
	top: -39px;
}
.inner-banner .search-form ul li label {
	margin-bottom: 10px;
}

.inner-banner h6 {
	line-height: 1.1;
	margin: 0 auto 21px;
}

/*
 2.2) Search Tools Section CSS
 ----------------------------------*/

.search-tools {
	background: #00345b;
	position: relative;
	display: inline-block;
	width: 100%;
	border-radius: 3px;
	margin: 52px 0 21px;
}
.bottom-arrwo {
	position: absolute;
	left: 20px;
	background: url(../images/dark-blue-arrow-min.png) no-repeat;
	width: 17px;
	height: 10px;
	bottom: -10px;
}
.search-tools > span {
	float: left;
	color: #fff;
	font-weight: 700;
	font-size: 1.6em;
	margin-left: 19px;
}
.search-tools > strong {
	float: right;
	margin-right: 20px;
	background: #00aeef;
	color: #fff;
	font-weight: 700;
	font-size: 1.6em;
	min-width: 131px;
	text-align: center;
}

.search-tools > span, .search-tools > strong {
	padding: 9px 0;
}

/*
 2.3) Jump Links CSS
 ---------------------------*/

.jump-links {
	overflow: hidden;
	margin-bottom: 22px;
}
.jump-links li {
	float: left;
	margin-right: 10px;
}
.jump-links li span {
	color: #545454;
	font-size: 1.8em;
	font-weight: 700;
	line-height: 1.5;
	padding: 0 7px 0 11px;
}
.jump-links li a {
	display: block;
	color: #00aeef;
	font-size: 1.4em;
	font-weight: 700;
	border: 1px solid #c3c3c1;
	border-radius: 3px;
	padding: 9px 16px;
}
.jump-links li a:hover {
	color: #545454;
}

/*
 2.4) Search Result Section CSS
 -----------------------------------------*/

.search-result {
	border: 1px solid #c3c3c1;
	border-radius: 5px;
	display: table;
	background: #fafafa;
	padding: 24px 33px 29px 30px;
	width: 100%;
	margin-bottom: 21px;
	box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1);
	-o-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1);
	-ms-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1);
}
.search-result > div {
	display: table-cell;
	vertical-align: middle;
}
.search-img {
	height: 58px;
	width: 58px;
	border-radius: 35px;
	margin-right: 21px;
}

.search-img > span {
	display: block;
	border-radius: 35px;
	height: 58px;
	text-align: center;
	width: 58px;
}
.search-topic {
	display: block;
	color: #00aeef;
	font-size: 2em;
	font-weight: 700;
	padding-bottom: 12px;
}
.search-topic > small {
	color: #545454;
	font-size: 55%;
	font-weight: normal;
}
.search-topic > span {
	font-size: 100%;
	color: #545454;
}
.search-content {
	width: 87%;
	padding-left: 21px;
}

.know-also {
	display: block;
	color: #b0b0b0;
	font-size: 1.4em;
	border-bottom: 1px solid #e3e3e3;
	padding-bottom: 8px;
	margin-bottom: 7px;
}
.know-also .name {
	display: inline-block;
	color: #00aeef;
}

.address-person {
	display: block;
	color: #afafaf;
	font-size: 1.4em;
}
.address-person > span {
	color: #545454;
	display: inline-block;
	padding-right: 14px;
}

.rating-sec {
	padding-left: 34px;
}
.rating-sec > img {
	padding-top: 6px;
}

/*
 2.5) Pagination CSS
 -----------------------------------*/

.pagination {
	width: 220px;
	margin: 24px auto 61px;
	overflow: hidden;
}
.pagination li {
	float: left;
	border: 1px solid #c3c3c3;
	border-radius: 3px;
	margin: 0 3px;
}
.pagination li a {
	display: block;
	color: #545454;
	font-size: 1.4em;
	text-align: center;
	height: 23px;
	width: 23px;
	background: #fff;
	padding-top: 5px;
}
.pagination li a:hover, .pagination li a.active {
	background: #00aff0;
	color: #fff;
	font-weight: 700;
}

.pagination li.prev-arrow, .pagination li.next-arrow {
	font-size: 0;
	background: #00aff0;
}
.pagination li.prev-arrow a, .pagination li.prev-arrow a:hover  {
	background-position: 2px -146px;
}
.pagination li.next-arrow a, .pagination li.next-arrow a:hover {
	background-position: -13px -146px;
}

/*
 2.6) Public Records Section CSS
 -----------------------------------*/

.public-records {
	display: inline-block;
	width: 100%;
	margin-bottom: 72px;
}
.public-records h2 {
	background: #00345b;
	border-radius: 3px;
	font-weight: 700;
	color: #fff;
	font-size: 1.6em;
	position: relative;
	padding: 10px 20px;
	margin-bottom: 22px;
}
.public-records h2 > i {
	position: absolute;
	left: 20px;
	background: url(../images/dark-blue-arrow-min.png) no-repeat;
	width: 17px;
	height: 10px;
	bottom: -10px;
	content: '';
}

.public-records h3 {
	color: #545454;
	font-size: 1.6em;
	font-weight: 700;
	margin-bottom: 5px;
}
.public-records > span {
	display: block;
	color: #b0b0b0;
	font-size: 1.4em;
	margin-bottom: 10px;
}

.record-list-sec {
	height: 136px;
	width: 100%;
	display: inline-block;
	border-radius: 5px;
	border: 1px solid #c3c3c1;
	background: #fafafa;
	overflow-y: auto;
}

.public-records ul, .list-sec {
	margin: 0;
	padding: 9px 0 0;
}
.public-records li, .list-sec li {
	overflow: hidden;
	padding: 12px 0 11px 41px;
	position: relative;
	border-bottom: 1px solid #ebebeb;
}
.public-records li:before, .list-sec li:before {
	position: absolute;
	left: 0;
	top: 0;
	content: '';
	background-position: -3px -116px;
	width: 20px;
	height: 24px;
	margin: 4px 0 0 10px;
}

.public-records li a, .list-sec li a {
	color: #00aeef;
	font-size: 1.6em;
	font-weight: 700;
	float: left;
}
.public-records li span {
	float: right;
	font-weight: 700;
	color: #545454;
	font-size: 1.4em;
	padding-right: 30px;
}

.list-sec li:before {
	background-position: -33px -118px;
	width: 22px;
	height: 22px;
	margin: 1px 0 0;
}
.list-sec li {
	padding: 3px 0 14px 29px;
	border-bottom: 1px solid #e0e0e0;
	box-shadow: 0 1px #fff;
	-o-box-shadow: 0 1px #fff;
	-moz-box-shadow: 0 1px #fff;
	-webkit-box-shadow: 0 1px #fff;
	-ms-box-shadow: 0 1px #fff;
	margin-bottom: 10px;
}
.list-sec li a:hover {
	color: #545454;
}

.public-records.last {
	margin-bottom: 58px;
}
.list-sec.email li {
	margin-bottom: 12px;
	padding: 3px 0 16px 28px;
}

.list-sec.email li:before {
	background-position: -64px -121px;
	height: 17px;
	margin: 5px 0 0;
	width: 21px;
}
.email-sec {
	margin-bottom: 47px;
}

.list-sec.email li span {
	font-size: 100%;
	font-weight: normal;
	color: #00aeef;
}