.nav-tools {
	position:absolute;
	right:10px;
	top:10px;
	color:#FFF;
	text-align:right;
	vertical-align:middle;
}
 @media only screen and (min-width: 768px) {
 .nav-tools {
 right:15px;
 top:15px;
}
}
 @media only screen and (min-width: 1920px) {
 .nav-tools {
 right:30px;
 top:25px;
}
}
.open-btn {
	color:#9EB0BD;
	font-size:16px;
	cursor:pointer;
	text-align:right;
	margin-right:8px;
	-webkit-appearance: none;
	background-color:transparent;
	padding:0;
	border:none;
}






.header-fixed.home .open-btn {
	color:#FFF;
}
.open-btn img {
	width:16px;
 margin-right:.25rem;
}
 @media only screen and (min-width: 481px) {
.open-btn img {
 margin-right:.5rem;
}
}
 @media only screen and (min-width: 768px) {
 .open-btn {
 font-size:15px;
 margin-right:.25rem;
}
}
 @media only screen and (min-width: 1200px) {
 .open-btn {
 font-size:24px;
 margin-right:.5rem;
}
 .open-btn img {
 width:30px;
}
}
@media only screen and (min-width: 1920px) {
 .open-btn {
 margin-right:.75rem;
}
}
.open-gray {
	display: none;
	opacity: 0;
}
.header-fixed.home.active .open-white {
	display:none;
}
.header-fixed.home.active .open-gray {
	display:inline;
	opacity: 1;
	transition: all 0.12s ease-in 0s;
	-moz-transition: all 0.12s ease-in 0s;
	-webkit-transition: all 0.12s ease-in 0s;
}
.header-fixed.home.active .open-btn {
	color:#9EB0BD;
}
/* search button */

.search-btn {
	-webkit-appearance: none;
	background-color:transparent;
	padding:0;
	border:none;
}



.search-btn img {
	margin-bottom:2px;
	width:20px;
	height:auto;
}
 @media only screen and (min-width: 768px) {
 .search-btn img {
 margin-bottom:2px;
}
}
 @media only screen and (min-width: 1200px) {
 .search-btn img {
 width:31px;
}
}
/* ============= navigation menu ============= */
 #MainNav {
	z-index: 9999;
}
.overlay {
	height: 0%;
	position: fixed;
	z-index: 1;
	top: 0;
	left: 0;
	width: 100%;
	background-color:#002E6E;
	overflow:auto;
	transition: 0.5s;
}
 @media only screen and (min-width: 768px) {
 .overlay {
 overflow-y: hidden;
}
}
/* ======== OVERLAY CLOSE BUTTON ========== */
 .overlay .closebtn {
	position: absolute;
	top: 5px;
	right:10px;
	z-index: 9999;
	font-size: 36px;
	line-height:100%;
	color:#FFF;
	vertical-align:top;
}
 @media only screen and (min-width: 768px) {
.overlay .closebtn {
top: 15px;
 right:30px;
}
}
.overlay .closebtn span {
	font-size:16px;
	vertical-align:top;
	padding-top:2px;
	margin-left:-3px;
}
 @media only screen and (min-width: 768px) {
 .overlay .closebtn {
 font-size:40px;
}
 .overlay .closebtn span {
 font-size:15px;
}
}
 @media only screen and (min-width: 1200px) {
 .overlay .closebtn {
 font-size:60px;
}
 .overlay .closebtn span {
 font-size:24px;
}
}
 @media screen and (max-height: 450px) {
 .overlay {
 overflow-y: auto;
}
 .overlay a {
 font-size: 20px
}
 .overlay .closebtn {
 top: 15px;
 right: 35px;
}
}
/* ======== OVERLAY CONTENT ========== */


.overlay-content {
	position: relative;
	width: 100%;
}
.overlay-content.nav {
	top: 10px;
	margin-top: 20px;
}
 @media only screen and (min-width: 768px) {
 .overlay-content.nav {
 top: 25%;
}
}
.overlay-content.search {
	top: 50%;
	transform: translate(0, -50%);
	text-align: left;
}
 @media only screen and (min-width: 768px) {
 .overlay-content.search {
 top: 50%;
 transform: translate(0, -50%);
}
}
/* overlay - main navigation */
 .main-nav ul {
	list-style:none;
	margin:0;
	padding:0;
	text-align:left;
}
.main-nav ul.indent {
	margin-left:0;
}
 @media only screen and (min-width: 768px) {
 .main-nav ul.indent {
 margin-left:29px;
}
}
 @media only screen and (min-width: 992px) {
 .main-nav ul.indent {
 margin-left:36px;
}
}
 @media only screen and (min-width: 1200px) {
 .main-nav ul.indent {
 margin-left:54px;
}
}
 @media only screen and (min-width: 1600px) {
 .main-nav ul.indent {
 margin-left:74px;
}
}
.main-nav ul li {
	text-align: left;
}
.main-nav a {
	font-size: 16px;
	line-height:115%;
	color: #FFF;
	font-weight:700;
	letter-spacing:-.02em;
 padding-top:.5rem;
	text-decoration: none;
	display: block;
	transition: 0.3s;
	vertical-align:middle;
}
 @media only screen and (min-width: 768px) {
 .main-nav a {
 font-size: 16px;
 padding-top:1rem;
}
}
 @media only screen and (min-width: 992px) {
 .main-nav a {
 font-size: 22px;
}
}
 @media only screen and (min-width: 1200px) {
 .main-nav a {
 font-size: 29px;
}
}
 @media only screen and (min-width: 1600px) {
 .main-nav a {
 font-size: 37px;
}
}
.main-nav a:visited {
	color: #FFF;
}
.main-nav a:hover, .main-nav a:focus {
	color: #00B040;
}
.main-nav a.sectionhead {
	font-size: 22px;
	color: #a7b0c8;
	padding-top:20px;
}
 @media only screen and (min-width: 768px) {
 .main-nav a.sectionhead {
 font-size: 22px;
 padding-top:50px;
}
 .main-nav ul:first-of-type a.sectionhead {
 padding-top:0px;
}
}
 @media only screen and (min-width: 992px) {
 .main-nav a.sectionhead {
 font-size: 30px;
}
}
 @media only screen and (min-width: 1200px) {
 .main-nav a.sectionhead {
 font-size: 40px;
}
}
 @media only screen and (min-width: 1600px) {
 .main-nav a.sectionhead {
 font-size: 50px;
}
}
.main-nav a.subpage {
	font-size: 14px;
	font-weight:400;
 padding-top:.75rem;
}
 @media only screen and (min-width: 768px) {
 .main-nav a.subpage {
 font-size: 14px;
 padding-top:.5rem;
}
}
 @media only screen and (min-width: 992px) {
 .main-nav a.subpage {
 font-size: 16px;
}
}
 @media only screen and (min-width: 1200px) {
 .main-nav a.subpage {
 font-size: 22px;
}
}
 @media only screen and (min-width: 1600px) {
 .main-nav a.subpage {
 font-size: 28px;
}
}
.main-nav .social {
	padding-top:2rem;
	padding-bottom:1rem;
	text-align:left;
	margin-left:0;
}
 @media only screen and (min-width: 768px) {
.main-nav .social {
 margin-left:29px;
}
}
 @media only screen and (min-width: 992px) {
.main-nav .social {
 margin-left:36px;
}
}
 @media only screen and (min-width: 1200px) {
.main-nav .social {
 margin-left:54px;
}
}
 @media only screen and (min-width: 1600px) {
.main-nav .social {
 margin-left:74px;
}
}
.main-nav .social a {
	display:inline;
	margin-right:1rem;
	opacity:1;
}
.main-nav .social a:visited {
	opacity:1;
}
.main-nav .social a:hover {
	opacity:.9;
}
.main-nav .social img {
	width:29px;
}
 @media only screen and (min-width: 768px) {
 .main-nav .social img {
 width:29px;
}
}
 @media only screen and (min-width: 992px) {
 .main-nav .social img {
 width:36px;
}
}
 @media only screen and (min-width: 1200px) {
 .main-nav .social img {
 width:54px;
}
}
 @media only screen and (min-width: 1600px) {
 .main-nav .social img {
 width:74px;
}
}
/* client tools link  */

.main-nav .client-tools {
	text-align:left;
}


.main-nav .client-tools a {
	font-size: 15px;
	color: #a7b0c8;
	
}
 @media only screen and (min-width: 768px) {
.main-nav .client-tools a {
 font-size: 13px;
 padding-top:1rem;
}
}
 @media only screen and (min-width: 992px) {
.main-nav .client-tools a {
 font-size: 19px;
}
}
 @media only screen and (min-width: 1200px) {
.main-nav .client-tools a {
 font-size: 25px;
}
}
 @media only screen and (min-width: 1600px) {
 .main-nav .client-tools a {
 font-size: 33px;
}
}

 .main-nav .client-tools a:visited {
	color: #a7b0c8;
}
 .main-nav .client-tools a:hover,  .main-nav .client-tools a:focus {
	color: #00B040;
}
/* ===================================== */
/* 		OVERLAY SEARCH TOOLS */
/* ===================================== */
.search-nav {
}
.search-nav h2 {
	font-size:22px;
	font-weight:700;
	letter-spacing:-.01em;
	text-transform:uppercase;
	color:#6B7AA6;
	margin-bottom:10px;
	text-align:left;
}
 @media only screen and (min-width: 768px) {
 .search-nav h2 {
 font-size:32px;
 margin-bottom:20px;
}
}
 @media only screen and (min-width: 1200px) {
 .search-nav h2 {
 font-size:42px;
 margin-bottom:30px;
}
}
/* attorney search form */
 .search-nav .attorney_search_form {
	padding-bottom:15px;
	margin-bottom:20px;
	overflow:hidden;
}
 @media only screen and (min-width: 768px) {
 .search-nav .attorney_search_form {
 margin-bottom:60px;
}
}
.search_results {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #6CC7E2;
	padding-top:40px;
	padding-bottom:20px;
}
.search_results .attorney-list {
}
.search-nav form {
}
.search-nav form input[type=text] {
	width:100%;
	padding:10px;
	padding-left:20px;
	-webkit-appearance:none;
	margin-top:6px;
	margin-bottom:6px;
	font-size:16px;
	font-weight:700;
	color:#FFF;
	border-radius: 0;
	border: 2px solid #6B7AA6;
	background-color:transparent;
}
 form ::-webkit-input-placeholder {
 font-size:16px;
 font-weight:700;
 color:#FFF;
}
 form :-moz-placeholder {
 font-size:16px;
 font-weight:700;
 color:#FFF;
}
 form ::-moz-placeholder {
 font-size:16px;
 font-weight:700;
 color:#FFF;
}
 form :-ms-input-placeholder {
 font-size:16px;
 font-weight:700;
 color:#FFF;
}
 @media only screen and (min-width: 768px) {
 .search-nav form input[type=text] {
 padding:20px;
 padding-left:30px;
 margin-top:6px;
 margin-bottom:15px;
 font-size:30px;
 border: 3px solid #6B7AA6;
}
 form ::-webkit-input-placeholder {
 font-size:30px;
}
 form :-moz-placeholder {
 font-size:30px;
}
 form ::-moz-placeholder {
 font-size:30px;
}
 form :-ms-input-placeholder {
 font-size:30px;
}
}
 @media only screen and (min-width: 1200px) {
 .search-nav form input[type=text] {
 padding:25px;
 padding-left:50px;
 font-size:42px;
 border: 4px solid #6B7AA6;
}
 form ::-webkit-input-placeholder {
 font-size:42px;
}
 form :-moz-placeholder {
 font-size:42px;
}
 form ::-moz-placeholder {
 font-size:42px;
}
 form :-ms-input-placeholder {
 font-size:42px;
}

.search-nav .btn.btn-green {
 font-size:22px;
 margin-top:15px;

}


}