<!DOCTYPE HTML>
<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="en-US">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=2, user-scalable=1">
    	
	<!-- Preconnect -->
    <link rel="preconnect" href="https://www.optimizecdn.com" crossorigin>
    <link rel="preconnect" href="https://fonts.googleapis.com" crossorigin>
	<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
	<link rel="apple-touch-icon" href="/images/favicon_1.png">
    <link rel="icon" type="image/png" href="/images/favicon_1.png">
	
    <!-- Site Meta Data -->
    <title>Attorney Directory - Find Attorneys - Bay Area Lawyer</title>
    <meta name="description" content="Search the most complete attorney directory. Find attorneys.">
    <meta name="keywords" content="Legal,Attorney, Bay Area Lawyer">
    <meta name="robots" content="noindex, nofollow">

    <!-- Canonical URL -->
	<link rel="canonical" href="https://www.bayarealawyer.org/">
	<!-- Social Media Meta Data -->
    <meta property="og:type" content="website">
    <meta property="og:url" content="https://www.bayarealawyer.org">
    <meta property="og:site_name" content="Bay Area Lawyer">
    <meta property="og:title" content="Attorney Directory - Find Attorney - Bay Area Lawyer">
    <meta property="og:description" content="Search the most complete attorney database. Find Attorney.">
    <meta property="og:image" content="https://www.bayarealawyer.org/images/bayarealawyer-header.jpg">
	<script>
	var siteInfoSpan=document.createElement('span');
	siteInfoSpan.style.cssText='position:absolute;color:transparent;width:100%;z-index:-1;height:50px;top:0;';
	siteInfoSpan.textContent='www.bayarealawyer.org - Bay Area Lawyer';
	document.write(siteInfoSpan.outerHTML);
	</script>

	<!-- Preload -->
	<link rel="preload" as="style" href="https://www.optimizecdn.com/directory/cdn/assets/bootstrap/css/critical-styles.pkgd.min.css?v=05.20.25.37" importance="high">
	<link rel="preload" href="/images/bayarealawyer-header.jpg" as="image" importance="high">
		
    <!-- Non-Critical Stylesheet - Render Before Critical Styles -->
	<link rel="stylesheet" media="print" onload="this.onload=null;this.removeAttribute('media');" href="https://www.optimizecdn.com/directory/cdn/assets/bootstrap/css/non-critical-styles.pkgd.min.css?v=3.2.7">
	<noscript>
		<link rel="stylesheet" href="https://www.optimizecdn.com/directory/cdn/assets/bootstrap/css/non-critical-styles.pkgd.min.css">
	</noscript>
		
	<!-- Critical Stylesheet -->
	<link rel="stylesheet" href="https://www.optimizecdn.com/directory/cdn/assets/bootstrap/css/critical-styles.pkgd.min.css?v=05.14.25.37">
    	
    <!-- Google Fonts Stylesheet -->    
    <link rel="stylesheet" media="print" onload="this.onload=null;this.removeAttribute('media');" href="https://fonts.googleapis.com/css?family=Quicksand:300,400,600,700,800,900|Libre+Baskerville:300,400,600,700,800,900&display=swap">
    <noscript>
        <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Quicksand:300,400,600,700,800,900|Libre+Baskerville:300,400,600,700,800,900&display=swap">
    </noscript>
	
    <!-- FontAwesome Stylesheet -->
    <link rel="stylesheet" media="print" onload="this.onload=null;this.removeAttribute('media');" href="https://www.optimizecdn.com/directory/cdn/assets/bootstrap/font-awesome/css/font-awesome.min.css">
    <noscript>
        <link rel="stylesheet" href="https://www.optimizecdn.com/directory/cdn/assets/bootstrap/font-awesome/css/font-awesome.min.css">
    </noscript>
	
    <!-- Critical JavaScript -->
    <script src="https://www.optimizecdn.com/directory/cdn/assets/bootstrap/js/jquery.min.js"></script>
	<script src="https://www.optimizecdn.com/directory/cdn/assets/bootstrap/jquery.ui/jquery-ui.min.js?v=2022"></script>
	<script src="https://www.optimizecdn.com/directory/cdn/assets/bootstrap/js/bootstrap-3.3.5.min.js"></script>
	<script>
		/* jQuery.event.special.touchstart = {
			setup: function( _, ns, handle ) {
				this.addEventListener("touchstart", handle, { passive: !ns.includes("noPreventDefault") });
			}
		}; */
		jQuery.event.special.touchmove = {
			setup: function( _, ns, handle ) {
				this.addEventListener("touchmove", handle, { passive: !ns.includes("noPreventDefault") });
			}
		};
		jQuery.event.special.wheel = {
			setup: function( _, ns, handle ){
				this.addEventListener("wheel", handle, { passive: true });
			}
		};
		jQuery.event.special.mousewheel = {
			setup: function( _, ns, handle ){
				this.addEventListener("mousewheel", handle, { passive: true });
			}
		};
	</script>	
	
    <!-- Prefetch -->
    <link rel="prefetch" href="https://www.optimizecdn.com/directory/cdn/assets/bootstrap/jquery.lazy/1.7.9/jquery.lazy.min.js" as="script">
    <link rel="prefetch" href="https://www.optimizecdn.com/directory/cdn/assets/bootstrap/js/websiteScripts.min.js?v=0.4" as="script">
	<link rel="prefetch" href="https://www.optimizecdn.com/directory/cdn/assets/bootstrap/limonte-sweetalert2/6.11.2/sweetalert2.min.css" as="style">
    <link rel="prefetch" href="https://www.optimizecdn.com/directory/cdn/assets/bootstrap/limonte-sweetalert2/6.11.2/sweetalert2.min.js" as="script">

    <!-- Custom Site-wide HEAD Content --><!-- Google Tag Manager -->
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-5PVPCRK');</script>
<!-- End Google Tag Manager -->

<meta name="google-site-verification" content="UVPD5VDQc2BtmaDY_oXn3dz5vmyAZ_6cfxWDvxIrPeo" />        <script>
        function g() {
            window.addEventListener('load', () => {
                if (typeof initializeG === 'function') {
                    initializeG();
                }
                            });
        }
    </script>
    <script src="https://maps.googleapis.com/maps/api/js?v=3.exp&libraries=places&region=US&callback=g&language=en&key=AIzaSyD0zozw1_fP5l2iqYJVV7nPP_RsWz9XwJY"></script>

</head>

<body class="general-session"><!--
IMPORTANT: It is not recommended to customize this widget as it directly connects to fields in DESIGN SETTINGS. If new design settings are created and this widget is already customized, then the website will not be able to apply any new design setitngs.

INSTEAD: If custom CSS rules are needed, add them directly into the DESIGN SETTINGS > CUSTOM CSS section.
-->
<style>
    .upload-form-field::before {
        content: "choose files";
        display: inline-block;
        border: 1px solid #999;
        border-radius: 3px;
        padding: 5px 8px;
    }
    #first_container span.input-group-addon,#first_container .datepicker *,#first_container .input-group-addon, #first_container .input-group-addon *,#first_container .fr-action-buttons .fr-submit,.fr-popup .fr-layer.fr-color-hex-layer .fr-action-buttons button.fr-command {
        white-space: nowrap !important;
    }
    /* Main Website Design */
    body,.modal-header,.modal-content,.modal-body,.modal-footer {
        background: rgb(245, 247, 250);
        color: rgb(41, 41, 41);
        font-family: 'Quicksand';
        font-size: 16px;
    }
    .select2-container .select2-choice {
        font-family: 'Quicksand'!important;
    }
        html{
        background: rgb(24, 46, 69)    }
        a,a.h1,a.h2,a.h3,a.h4,a.h5,a.h6,.pricing_menu li ul li a:not(.btn) {
        color: rgb(51, 122, 183);
    }
    a:hover, a:focus,.pricing_menu li ul li a:not(.btn):hover,.pricing_menu li ul li a:not(.btn):focus {
        color: rgb(35, 82, 124);
    }
    .breadcrumb a{
            color: rgba(119, 119, 119,0.9);
    }
    .breadcrumb a:hover, .breadcrumb a:focus,.breadcrumb > .active {
        color: rgb(119, 119, 119);
    }
    .help-inline, .help-block {
            color: rgba(41, 41, 41,0.5);
    }
    .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
        font-family: 'Libre Baskerville';
    }
        /* Header Design */
    .header, .mobile_website_logo img {
        background: rgb(245, 247, 250);
    }
    .header .mini-nav li a:not(.btn):not(.network-icon), .header .mini-nav span {
        color: rgb(41, 41, 41);
            font-size: 16px;
        }
    .header .mini-nav li a:not(.btn):hover {
            color: rgba(41, 41, 41,0.95);
    }
    .header .btn_get_listed {
		background-color: rgb(212, 175, 55);
        border: 1px solid rgb(212, 175, 55);
        color: rgb(255, 255, 255)!important;
    }
    .header .btn_get_listed:hover, .header .btn_get_listed:focus {
		        background-color: rgba(212, 175, 55,0.97);        
    }
    .header .btn_search {
            background-color: rgba(24, 46, 69,0.97);
        border: 1px solid rgb(24, 46, 69);
        color: rgb(255, 255, 255);
    }
    .header .btn_search:hover, .header .btn_search:focus {
        background-color: rgb(24, 46, 69);
        color: rgb(255, 255, 255);
    }

    /* Logo Design */
    .logo,.logo:hover,.logo:focus {
        color: rgb(24, 46, 69);
        font-family: 'Libre Baskerville';
    }
    .logo .slogan {
        color: rgb(153, 153, 153);
    }
    .logo .fa {
        color: rgb(24, 46, 69);
        }

    /* Main Menu Design */
    .member-profile-tabs > ul, .member-profile-tabs .tabs-container {
        background: rgb(235, 238, 240);
        position: sticky;
        z-index: 1;
            top: 0px;
        }
	/* Google Translate When Main Menu Sticky Top */
	    @media only screen and (max-width: 1100px) {
        .member-profile-tabs > ul, .member-profile-tabs .tabs-container {
                    top: 50px;
                }
    }
    .header ul.nav.navbar-nav li ul {
        background-color: rgb(255, 255, 255);
    }
    .header ul.nav.navbar-nav li ul li a, .header ul.nav.navbar-nav li ul li span {
        color: rgb(24, 46, 69);
    }
    .header .navbar-default, .pagination > .active > a {
        background-color: rgb(24, 46, 69);
    }
    .header ul.nav.navbar-nav li ul li a:hover, .header ul.nav.navbar-nav li ul li a:focus{
        border-left-color: rgb(24, 46, 69);
        background: rgb(24, 46, 69);
        color: rgb(255, 255, 255);
    }
    .navbar-default .navbar-toggle .icon-bar {
        background-color: rgb(255, 255, 255);
    }
    .user_sidebar, .main_menu {
        color: rgb(255, 255, 255);
    }
    .navbar-default .navbar-nav > li > a, .navbar-default .navbar-nav > li > span  {
        color: rgb(255, 255, 255);
    }
    .navbar-default .navbar-nav > li:hover > a,.navbar-default .navbar-nav > li > a:hover,.navbar-default .navbar-nav > li > a:active, .navbar-default .navbar-nav > li > a:focus {
        color: rgb(250, 250, 250);
    }
    .navbar-default .navbar-nav > li {
        font-family: 'Quicksand';
    }
    
    

    /* Footer Design */
    .footer {
        background-color: rgb(24, 46, 69);
        display: block;
    }
    .footer, .footer_menu a,.footer_terms a,.footer_menu .content {
        color: rgb(239, 239, 239);
    }
    .footer_menu a:hover, .footer_terms a:hover, .footer_menu a:focus, .footer_terms a:focus {
        color: rgb(255, 255, 255);
    }
    .footer_menu .head {
        color: rgb(255, 255, 255);
    }
    .btn_footer_get_listed {
		background-color: rgb(212, 175, 55);
        border: 1px solid rgb(212, 175, 55);
        color: rgb(255, 255, 255)!important;
    }
    .btn_footer_get_listed:hover, .btn_footer_get_listed:focus{
				background-color: rgba(212, 175, 55,0.95);        
    }

    /* Homepage Design */
        #first_container,.vegas-wrapper {
        box-shadow:inset 0 0 0 6000px rgba(20, 45, 65,.6);
    }
        .homepage_settings h1, .homepage_settings h2, .homepage_map h1, .homepage_map h2 {
        font-family: 'Libre Baskerville';
    }
    .homepage_settings h1, .homepage_map h1 {
        color: rgb(255, 255, 255);
            font-weight: 300;
            text-align: left;
    }
    .homepage_settings h2, .homepage_map h2 {
        color: rgb(255, 255, 255);
            font-weight: 400;
            text-align: left;

    }
    .homepage_settings .search_box label {
        color: rgb(255, 255, 255);
    }
    .btn_home_search, .search_box input[type=submit] {
		background-color: rgb(212, 175, 55);
        border: 1px solid rgb(212, 175, 55);
        color: rgb(255, 255, 255);
    }
    .btn_home_search:hover, .btn_home_search:focus, .search_box input[type=submit]:hover, .search_box input[type=submit]:focus {
		        background-color: rgba(212, 175, 55,0.97);        
        color: rgb(255, 255, 255);
    }
    .homepage_settings .search_box {
            background-color: rgba(24, 46, 69,0.7);
    }

    /* Homepage Steps Module */
    .homepage_steps {
            background: none;
        box-shadow: none;
        padding: 0;
                color: rgb(255, 255, 255);
            }
    .homepage_steps a.homepage_step_link,.homepage_steps a.homepage_step_link:hover,.homepage_steps a.homepage_step_link:active{
        color: rgb(255, 255, 255)!important;
    }
    .homepage_steps .fa {
        color: rgb(206, 172, 55);
            background-color: rgba(206, 172, 55,0.075);
    }

    /* Blog Posts Slider Settings */
    #myCarousel h2 a, .carousel-caption p,#myCarousel .list-group-item h2, #myCarousel li.list-group-item h4 {
            color: rgb(255, 255, 255);
        }
    #myCarousel .list-group-item {
            background-color: rgba(32, 80, 129,0.9);
        border-color: rgba(32, 80, 129,0.80);
    }
    #myCarousel .carousel-caption {
            background-color: rgba(32, 80, 129,0.8);
    }
    #myCarousel .list-group, #myCarousel .carousel-inner {
            background-color: rgb(32, 80, 129)        }
    #myCarousel .list-group .active, #myCarousel .list-group-item:hover {
            background-color: rgb(32, 80, 129)        }
    #myCarousel .list-group .active h4, #myCarousel .list-group-item:hover h4{
            color: rgb(250, 250, 250);
        }

    /* Additional Settings */
    .well blockquote {
        background: rgb(245, 247, 250) none repeat scroll 0 0;
        border-color: rgb(235, 238, 240);
        color: rgb(41, 41, 41);
        padding: 10px 20px;
    }
    .account-form-box form table tr td table {
        background-color: transparent!important;
        border: none!important;
    }

    .account-form-box form table tr td table td {
        background-color: transparent!important;
        color: rgb(41, 41, 41)!important;
        border: none!important;
    }
    div.dataTables_length label, div.dataTables_filter label, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active{
        color: rgb(41, 41, 41)!important;
    }
    .table.dataTable > thead > tr > th, .table > thead > tr > th {
        background-color: rgb(238, 238, 238);
        color: rgb(85, 85, 85);
        border-bottom:0;
        font-weight:600;
    }
    table.dataTable tbody tr {
        background-color: rgb(250, 250, 250)!important;
    }
    .table-striped.dataTable tbody > tr:nth-of-type(2n+1),.table-striped > tbody > tr:nth-of-type(2n+1) {
            background-color: rgba(245, 247, 250,0.5)!important;
    }
    .sidemenu_panel .list-group-item{
        background-color: transparent!important;
        color: rgb(41, 41, 41)!important;
    }
    .img-thumbnail {
        background-color: rgb(250, 250, 250)!important;
        border: 1px solid rgb(235, 238, 240);
    }
    .member_admin_sidemenu p, .member_admin_sidemenu h3 {
        color: rgb(41, 41, 41)!important;
    }
    .close {
        color: rgb(41, 41, 41);
        opacity: 1;
    }
    .member_results_header h1, .content_w_sidebar.feature-search h1, .feature_results_header h1 {
        font-size:34px;
        display: block;
    }
    .member_results_header h2, .feature_results_header h2 {
        font-size:28px;
        display: block;
    }
    .homepage_settings {
        padding-top: 130px;
        padding-bottom: 180px;
    }
    @media only screen and (max-width: 768px) {
                        .member-profile-header .favorite {float:none}
    }

    @media only screen and (max-width: 1100px) {
        }
    .views > i.fa.activeView {
        background-color: rgb(24, 46, 69);
        color: rgb(255, 255, 255);
    }
    .views > i.fa {
            background-color: rgba(24, 46, 69,0.6);
        color: rgb(255, 255, 255);
    }
    .ui-rangeSlider-label {
        background-color: rgb(24, 46, 69)!important;
        color: rgb(255, 255, 255)!important;
    }
    .pricing_menu li .title {
        background: rgb(32, 80, 129);
        color: rgb(255, 255, 255);
    }
    p.account-tip{
        color: rgb(41, 41, 41);
    }
    .circled_number {
        background: rgb(32, 80, 129);
        color: rgb(255, 255, 255);
    }
    .pic {
            background-color: rgba(24, 46, 69,0.8);
        color: rgb(255, 255, 255);
        background-repeat: no-repeat;
        background-position: center;
        }
    .pic .pic-caption {
            background: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%,rgba(24, 46, 69,0.85) 50%);
        color: rgb(255, 255, 255);
    }
    .slick-prev-fa i, .slick-next-fa i{
        color: rgb(24, 46, 69);
    }
    .module, .well, .tab-content, .nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover, .nav-tabs>li>a:focus, .nav-tabs>li>a:hover, .nav-tabs.nav-justified>li.active>a, .nav-tabs.nav-justified>li.active>a:focus, .nav-tabs.nav-justified>li.active>a:hover, .nav-tab.nav-justified>li>a:focus, .nav-tabs.nav-justified>li>a:hover, .account-form-box,.account-form-box .module .module,.account-form-box .module .well,.account-form-box .well .well,.account-form-box .well .module,.module .module .module,.module .well .well,.module .module .well,.module .well .module,.well .well .well,.well .module .module,.well .well .module,.well .module .well, .froala-table.module{
        background-color: rgb(250, 250, 250);
        border-color: rgb(235, 238, 240);
        color: rgb(41, 41, 41);
    }
    .nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
        box-shadow: 0 2px 0 0 rgb(0, 111, 187) inset;
        border-top:1px solid rgb(0, 111, 187);
        border-radius: 0;
    }
    .nav-pills > li.active a, .nav-pills > li > a:hover {
        background-color: rgb(0, 111, 187)!important;
        border-color: rgb(0, 111, 187)!important;
        color: rgb(255, 255, 255)!important;
    }
    .sidemenu_panel .panel-heading {
        color: rgb(41, 41, 41)!important;
        background-color: rgb(250, 250, 250)!important;
    }
    .member-profile-tabs .nav-tabs > li:not(.active) > a, .login-register-tabs.nav-tabs > li:not(.active) > a {
            background: rgba(250, 250, 250,0.5);
        color:  rgb(41, 41, 41);
    }
    .member-profile-tabs .nav-tabs > li:not(.active) > a:hover, .login-register-tabs.nav-tabs > li:not(.active) > a:hover {
            background: rgba(250, 250, 250,1);
        color:  rgb(41, 41, 41);
    }
    .author-snapshot .well {
        background-color: rgb(250, 250, 250)!important;
        border-color: rgb(235, 238, 240)!important;
        color: rgb(41, 41, 41)!important;
    }
    .nav-tabs>li>a, .nav-pills>li>a {
        font-weight: 600;
    }
        .pic .pic-caption {transform: translateY(0px) !important}
        .module .help-inline,.module .help-block,.well .help-inline,.well .help-block,.account-form-box .help-inline,.account-form-box .help-block,.account-form-box p.account-tip{
            color: rgba(41, 41, 41,0.5);
    }
    #service_areas_table td,#service_areas_table_wrapper label, #service_areas_table_info, #service_areas_table_paginate > a {
        color: rgb(41, 41, 41) !important;
    }
    .popover {
        background-color: rgb(250, 250, 250);
        border-color: rgb(250, 250, 250);
        padding:0;
        text-align:left;
    }
    .popover-title, .popover-content {
        background-color: rgb(250, 250, 250);
        color: rgb(41, 41, 41);
        border-color: rgb(250, 250, 250);
        text-align:left;
    }
    .popover-content {
            background-color: rgba(41, 41, 41,.05);
    }
    .popover.left > .arrow::after {
        border-left-color: rgb(250, 250, 250)!important;
    }
    .popover.right > .arrow::after {
        border-right-color: rgb(250, 250, 250)!important;
    }
    .popover.bottom > .arrow::after {
        border-bottom-color: rgb(250, 250, 250)!important;
    }
    .popover.top > .arrow::after {
        border-top-color: rgb(250, 250, 250)!important;
    }
    .progress, .table-view .table-view-group:nth-child(2n-1),.tab-content .well, .tab-content .module,#account-tabs .well,#account-tabs .module,.account-form-box .module,.account-form-box .well,.module .module,.well .well,.module .well,.well .module{
        background-color: rgb(245, 247, 250);
        color: rgb(41, 41, 41);
    }
    .table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th, .nav-tabs, hr, .account-menu-title, table.dataTable.no-footer {
        border-color: rgb(235, 238, 240);
    }
    table.dataTable.no-footer, table.dataTable {
        border: 1px solid rgb(235, 238, 240)!important;
    }
    .table-view li, .table-view .table-view-group > div {
        border-top:1px solid rgb(235, 238, 240);
    }
    .table-view .table-view-group:last-child {
        border-bottom:1px solid rgb(235, 238, 240);
    }
    .module h1, .module h2, .module h3, .module h4, .module h5 {
        color: rgb(62, 62, 62);
    }
    .module p:not(.fr-box.fr-basic .fr-element p) {
        color: rgb(41, 41, 41);
    }
    .pagination>.active>a {
            border-color: rgba(255, 255, 255,0.2);
    }
    .pagination>.active>a {
        color: rgb(255, 255, 255);
    }
    .pagination > .active > a:hover, .pagination > .active > a:focus {
            border-color: rgba(255, 255, 255,0.2);
        background-color: rgb(24, 46, 69);
        color: rgb(255, 255, 255);
    }
    .pagination > li > a {
        color: rgb(24, 46, 69);
            border-color: rgba(24, 46, 69,0.2);
        background-color: rgb(255, 255, 255);
    }
    .pagination > li > a:focus, .pagination > li > a:hover, .pagination > li > span:focus, .pagination > li > span:hover {
        background-color: rgb(24, 46, 69);
        border-color: rgb(24, 46, 69);
        color: rgb(255, 255, 255);
    }

    .nav-pills.nav-wizard > li a, .nav-pills.nav-wizard > li a:hover{
        background-color: rgb(238, 238, 238)!important;
        color: rgb(85, 85, 85)!important;
    }
    .member_wizard2 li.incomplete a, .member_wizard2 li.incomplete a:hover {
        background-color: rgb(240, 173, 78)!important;
        border-color: rgb(240, 173, 78);
        color: rgb(255, 255, 255);
    }
    .nav-pills.nav-wizard > li.active a, .nav-pills.member_wizard > li.active:hover a {
        background-color: rgb(51, 122, 183)!important;
        color: rgb(255, 255, 255)!important;
    }
    .member_wizard2 li.completed a, .member_wizard2 li.completed a:hover {
        background-color: rgb(15, 134, 108)!important;
        border-color: rgb(15, 134, 108);
        color: rgb(255, 255, 255);
    }

        .nav-pills.nav-wizard > li.active .nav-arrow, .nav-pills.nav-wizard > li.active:hover .nav-arrow {
        border-color: transparent transparent transparent rgb(51, 122, 183)!important;
    }
    .nav-pills.nav-wizard > li.active .nav-wedge, .nav-pills.nav-wizard > li.active:hover .nav-wedge{
        border-color: rgb(51, 122, 183) rgb(51, 122, 183) rgb(51, 122, 183) transparent!important;
    }
    
        li.completed .nav-wedge, .nav-pills.nav-wizard > li.completed:hover .nav-wedge {
        border-color: rgb(30, 166, 154) rgb(30, 166, 154) rgb(30, 166, 154) transparent!important;
    }
    
        li.incomplete .nav-wedge, .nav-pills.nav-wizard > li.incomplete:hover .nav-wedge {
        border-color: rgb(238, 238, 238) rgb(238, 238, 238) rgb(238, 238, 238) transparent!important;
    }
    
    .nav-pills.member_wizard > li.completed a, .nav-pills.member_wizard > li.completed a:hover {
        background-color: rgb(30, 166, 154)!important;
        color: rgb(255, 255, 255)!important;
    }

    .member_wizard2 li {
        color: rgb(255, 255, 255);
        border-right: 10px solid rgb(245, 247, 250);
    }

        li.completed .nav-arrow, .nav-pills.nav-wizard > li.completed:hover .nav-arrow {
        border-color: transparent transparent transparent rgb(30, 166, 154)!important;
    }
    
        li.incomplete .nav-arrow, .nav-pills.nav-wizard > li.incomplete:hover .nav-arrow{
        border-color: transparent transparent transparent rgb(238, 238, 238)!important;
    }
    
    /* Default Colors */
    .btn-primary, .btn-primary.disabled, .btn-primary.disabled.active, .btn-primary.disabled.focus, .btn-primary.disabled:active, .btn-primary.disabled:focus, .btn-primary.disabled:hover, .btn-primary[disabled], .btn-primary[disabled].active, .btn-primary[disabled].focus, .btn-primary[disabled]:active, .btn-primary[disabled]:focus, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary, fieldset[disabled] .btn-primary.active, fieldset[disabled] .btn-primary.focus, fieldset[disabled] .btn-primary:active, fieldset[disabled] .btn-primary:focus, fieldset[disabled] .btn-primary:hover, .btn.dropdown-toggle.btn-primary,.navbar-default .navbar-nav > li > a.btn-primary, .navbar-default .navbar-nav > li > span.btn-primary,.mobile-main-menu .sidebar-nav li a.btn-primary, .mobile-main-menu .sidebar-nav li span.btn-primary {
    	background-color: rgb(0, 111, 187);
        border-color: rgb(0, 111, 187);
        color: rgb(255, 255, 255);
    }
    .btn-primary:hover, .btn-primary:focus, .btn-primary:active,.btn-primary:active:focus, .btn-primary:active:hover, .nav > li > a.btn-primary:focus, .nav > li > a.btn-primary:hover,.btn-primary.active,.open > .dropdown-toggle.btn-primary, .btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .open>.dropdown-toggle.btn-primary:hover, .open>.dropdown-toggle.btn-primary:focus, .open>.dropdown-toggle.btn-primary.focus,a.bg-primary:focus,a.bg-primary:hover, .panel-primary .panel-heading, .btn.dropdown-toggle.btn-primary:hover,.upload-form-field,.upload-form-field:hover,.upload-form-field:active:focus,.upload-form-field:before {        
		        background-color: rgba(0, 111, 187,0.95);
        border-color: rgb(0, 111, 187);
        color: rgb(255, 255, 255);
    }
	.panel-primary {
		        background-color: rgba(0, 111, 187,0.1);
		border-color: rgb(0, 111, 187);
	}
    .bg-primary,.progress-bar-primary,.module p.bg-primary,.label-primary,.badge-primary,.pricing_menu .title.bg-primary {
        background-color: rgb(0, 111, 187);
        color: rgb(255, 255, 255);
    }
    .bg-primary .badge {
        background-color:rgb(255, 255, 255);
        color: rgb(0, 111, 187);
    }
    .btn-primary.btn-outline {
        background: transparent;
        color: rgb(0, 111, 187);
        box-shadow: 0 0 0px 1px rgb(0, 111, 187) inset;
        font-weight: bold;
        transition: all 250ms ease-in-out 0ms;
    }
    .btn-primary.btn-outline:hover {
            background: rgba(0, 111, 187,0.1);
    }
    .alert-primary {
            background-color:rgba(0, 111, 187,0.7);
        border-color:rgba(0, 111, 187,0.2);
            color: rgba(255, 255, 255,0.9);
    }
	.alert-primary-subtle, .label-primary-subtle, .badge-primary-subtle {
		background-color: #cce2f1;
		border-color: #cce2f1;
		color: rgb(0, 111, 187);
	}
    .btn.dropdown-toggle.btn-primary *, .btn-primary a {
        color: rgb(255, 255, 255);
    }
    .text-primary{
        color: rgb(0, 111, 187);
    }
    .btn-info, .btn-info.disabled, .btn-info.disabled.active, .btn-info.disabled.focus, .btn-info.disabled:active, .btn-info.disabled:focus, .btn-info.disabled:hover, .btn-info[disabled], .btn-info[disabled].active, .btn-info[disabled].focus, .btn-info[disabled]:active, .btn-info[disabled]:focus, .btn-info[disabled]:hover, fieldset[disabled] .btn-info, fieldset[disabled] .btn-info.active, fieldset[disabled] .btn-info.focus, fieldset[disabled] .btn-info:active, fieldset[disabled] .btn-info:focus, fieldset[disabled] .btn-info:hover, .btn.dropdown-toggle.btn-info,.navbar-default .navbar-nav > li > a.btn-info, .navbar-default .navbar-nav > li > span.btn-info,.mobile-main-menu .sidebar-nav li a.btn-info, .mobile-main-menu .sidebar-nav li span.btn-info {
		background-color: rgb(32, 80, 129);
        border-color: rgb(32, 80, 129);
        color: rgb(255, 255, 255);
    }
    .btn-info:hover, .btn-info:focus, .btn-info:active,.btn-info:active:focus, .btn-info:active:hover, .nav > li > a.btn-info:focus, .nav > li > a.btn-info:hover,.btn-info.active,.open > .dropdown-toggle.btn-info, .btn-info.active.focus, .btn-info.active:focus, .btn-info.active:hover, .btn-info:active.focus, .open>.dropdown-toggle.btn-info:hover, .open>.dropdown-toggle.btn-info:focus, .open>.dropdown-toggle.btn-info.focus,a.bg-info:focus,a.bg-info:hover, .panel-info .panel-heading, .btn.dropdown-toggle.btn-info:hover {
		        background-color: rgba(32, 80, 129,0.95);
        border-color: rgb(32, 80, 129);
        color: rgb(255, 255, 255);
    }
	.panel-info {
		        background-color: rgba(32, 80, 129,0.1);
		border-color: rgb(32, 80, 129);
	}
    .bg-info,.progress-bar-info,.module p.bg-info,.label-info,.badge-info,.pricing_menu .title.bg-info {
        background-color: rgb(32, 80, 129);
        color: rgb(255, 255, 255);
    }
    .bg-info .badge {
        background-color:rgb(255, 255, 255);
        color: rgb(32, 80, 129);
    }
    .btn-info.btn-outline {
        background: transparent;
        color: rgb(32, 80, 129);
        box-shadow: 0 0 0px 1px rgb(32, 80, 129) inset;
        font-weight: bold;
        transition: all 250ms ease-in-out 0ms;
    }
    .btn-info.btn-outline:hover {
            background: rgba(32, 80, 129,0.1);
    }
    .alert-info {
            background-color:rgba(32, 80, 129,0.7);
        border-color:rgba(32, 80, 129,0.2);
            color: rgba(255, 255, 255,0.9);
    }
	.alert-info-subtle, .label-info-subtle, .badge-info-subtle {
		background-color: #d2dce6;
		border-color: #d2dce6;
		color: rgb(32, 80, 129);
	}
    .btn.dropdown-toggle.btn-info *, .btn-info a {
        color: rgb(255, 255, 255);
    }
    .text-info{
        color: rgb(32, 80, 129);
    }
    .btn-success, .btn-success.disabled, .btn-success.disabled.active, .btn-success.disabled.focus, .btn-success.disabled:active, .btn-success.disabled:focus, .btn-success.disabled:hover, .btn-success[disabled], .btn-success[disabled].active, .btn-success[disabled].focus, .btn-success[disabled]:active, .btn-success[disabled]:focus, .btn-success[disabled]:hover, fieldset[disabled] .btn-success, fieldset[disabled] .btn-success.active, fieldset[disabled] .btn-success.focus, fieldset[disabled] .btn-success:active, fieldset[disabled] .btn-success:focus, fieldset[disabled] .btn-success:hover, .btn.dropdown-toggle.btn-success,.navbar-default .navbar-nav > li > a.btn-success, .navbar-default .navbar-nav > li > span.btn-success,.mobile-main-menu .sidebar-nav li a.btn-success, .mobile-main-menu .sidebar-nav li span.btn-success {
		background-color: rgb(15, 134, 108);
        border-color: rgb(15, 134, 108);
        color: rgb(255, 255, 255);
    }
    .btn-success:hover, .btn-success:focus, .btn-success:active,.btn-success:active:focus, .btn-success:active:hover, .nav > li > a.btn-success:focus, .nav > li > a.btn-success:hover,.btn-success.active,.open > .dropdown-toggle.btn-success, .btn-success.active.focus, .btn-success.active:focus, .btn-success.active:hover, .btn-success:active.focus, .open>.dropdown-toggle.btn-success:hover, .open>.dropdown-toggle.btn-success:focus, .open>.dropdown-toggle.btn-success.focus,a.bg-success:focus,a.bg-success:hover, .panel-success .panel-heading, .btn.dropdown-toggle.btn-success:hover {        
		        background-color: rgba(15, 134, 108,0.95);
        border-color: rgb(15, 134, 108);
        color: rgb(255, 255, 255);
    }
    .panel-success {
		        background-color: rgba(15, 134, 108,0.1);
        border-color: rgb(15, 134, 108);
    }
    .bg-success,.progress-bar-success,.module p.bg-success,.label-success,.badge-success,.pricing_menu .title.bg-success {
        background-color: rgb(15, 134, 108);
        color: rgb(255, 255, 255);
    }
    .bg-success .badge {
        background-color: rgb(255, 255, 255);
        color: rgb(15, 134, 108);
    }
    .btn-success.btn-outline {
        background: transparent;
        color: rgb(15, 134, 108);
        box-shadow: 0 0 0px 1px rgb(15, 134, 108) inset;
        font-weight: bold;
        transition: all 250ms ease-in-out 0ms;
    }
    .btn-success.btn-outline:hover {
            background: rgba(15, 134, 108,0.1);
    }
    .alert-success {
            background-color:rgba(15, 134, 108,0.7);
        border-color:rgba(15, 134, 108,0.2);
            color: rgba(255, 255, 255,0.9);
    }
	.alert-success-subtle, .label-success-subtle, .badge-success-subtle {
		background-color: #cfe7e2;
		border-color: #cfe7e2;
		color: rgb(15, 134, 108);
	}
    .btn.dropdown-toggle.btn-success *, .btn-success a {
        color: rgb(255, 255, 255);
    }
    .text-success{
        color: rgb(15, 134, 108);
    }
    .btn-warning, .btn-warning.disabled, .btn-warning.disabled.active, .btn-warning.disabled.focus, .btn-warning.disabled:active, .btn-warning.disabled:focus, .btn-warning.disabled:hover, .btn-warning[disabled], .btn-warning[disabled].active, .btn-warning[disabled].focus, .btn-warning[disabled]:active, .btn-warning[disabled]:focus, .btn-warning[disabled]:hover, fieldset[disabled] .btn-warning, fieldset[disabled] .btn-warning.active, fieldset[disabled] .btn-warning.focus, fieldset[disabled] .btn-warning:active, fieldset[disabled] .btn-warning:focus, fieldset[disabled] .btn-warning:hover, .btn.dropdown-toggle.btn-warning,.navbar-default .navbar-nav > li > a.btn-warning, .navbar-default .navbar-nav > li > span.btn-warning,.mobile-main-menu .sidebar-nav li a.btn-warning, .mobile-main-menu .sidebar-nav li span.btn-warning {
		background-color: rgb(240, 173, 78);
        border-color: rgb(240, 173, 78);
        color: rgb(255, 255, 255);
    }
    .btn-warning:hover, .btn-warning:focus, .btn-warning:active,.btn-warning:active:focus, .btn-warning:active:hover, .nav > li > a.btn-warning:focus, .nav > li > a.btn-warning:hover,.btn-warning.active,.open > .dropdown-toggle.btn-warning, .btn-warning.active.focus, .btn-warning.active:focus, .btn-warning.active:hover, .btn-warning:active.focus, .open>.dropdown-toggle.btn-warning:hover, .open>.dropdown-toggle.btn-warning:focus, .open>.dropdown-toggle.btn-warning.focus,a.bg-warning:focus,a.bg-warning:hover, .panel-warning .panel-heading, .btn.dropdown-toggle.btn-warning:hover {        
		        background-color: rgba(240, 173, 78,0.95);
        border-color: rgb(240, 173, 78);
        color: rgb(255, 255, 255);
    }
	.panel-warning {
		        background-color: rgba(240, 173, 78,0.1);
		border-color: rgb(240, 173, 78);
	}
    .bg-warning,.progress-bar-warning,.module p.bg-warning,.label-warning,.badge-warning,.pricing_menu .title.bg-warning {
        background-color: rgb(240, 173, 78);
        color: rgb(255, 255, 255);
    }
    .bg-warning .badge {
        background-color: rgb(255, 255, 255);
        color: rgb(240, 173, 78);
    }
    .btn-warning.btn-outline {
        background: transparent;
        color: rgb(240, 173, 78);
        box-shadow: 0 0 0px 1px rgb(240, 173, 78) inset;
        font-weight: bold;
        transition: all 250ms ease-in-out 0ms;
    }
    .btn-warning.btn-outline:hover {
            background: rgba(240, 173, 78,0.1);
    }
    .alert-warning {
            background-color:rgba(240, 173, 78,0.7);
        border-color:rgba(240, 173, 78,0.2);
            color: rgba(255, 255, 255,0.9);
    }
	.alert-warning-subtle, .label-warning-subtle, .badge-warning-subtle {
		background-color: #fcefdc;
		border-color: #fcefdc;
		color: rgb(240, 173, 78);
	}
    .btn.dropdown-toggle.btn-warning *, .btn-warning a {
        color: rgb(255, 255, 255);
    }
    .text-warning {
        color: rgb(240, 173, 78);
    }
    .btn-danger, .btn-danger.disabled, .btn-danger.disabled.active, .btn-danger.disabled.focus, .btn-danger.disabled:active, .btn-danger.disabled:focus, .btn-danger.disabled:hover, .btn-danger[disabled], .btn-danger[disabled].active, .btn-danger[disabled].focus, .btn-danger[disabled]:active, .btn-danger[disabled]:focus, .btn-danger[disabled]:hover, fieldset[disabled] .btn-danger, fieldset[disabled] .btn-danger.active, fieldset[disabled] .btn-danger.focus, fieldset[disabled] .btn-danger:active, fieldset[disabled] .btn-danger:focus, fieldset[disabled] .btn-danger:hover, .btn.dropdown-toggle.btn-danger,.navbar-default .navbar-nav > li > a.btn-danger, .navbar-default .navbar-nav > li > span.btn-danger,.mobile-main-menu .sidebar-nav li a.btn-danger, .mobile-main-menu .sidebar-nav li span.btn-danger {
		background-color: rgb(217, 83, 79);
        border-color: rgb(217, 83, 79);
        color: rgb(255, 255, 255);
    }
    .btn-danger:hover, .btn-danger:focus, .btn-danger:active,.btn-danger:active:focus, .btn-danger:active:hover, .nav > li > a.btn-danger:focus, .nav > li > a.btn-danger:hover,.btn-danger.active,.open > .dropdown-toggle.btn-danger, .btn-danger.active.focus, .btn-danger.active:focus, .btn-danger.active:hover, .btn-danger:active.focus, .open>.dropdown-toggle.btn-danger:hover, .open>.dropdown-toggle.btn-danger:focus, .open>.dropdown-toggle.btn-danger.focus,a.bg-danger:focus,a.bg-danger:hover, .panel-danger .panel-heading, .btn.dropdown-toggle.btn-danger:hover {        
		        background-color: rgba(217, 83, 79,0.95);
        border-color: rgb(217, 83, 79);
        color: rgb(255, 255, 255);
    }
    .has-error .form-control {
        border-color: rgb(217, 83, 79);
    }
    .has-error .help-block:not(.form-field-help-block), .has-error ~ .help-block:not(.form-field-help-block),.has-error .help-block:not(.form-field-help-block) a, .has-error ~ .help-block:not(.form-field-help-block) a {
        background: rgb(217, 83, 79);
        color: rgb(255, 255, 255) !important;
    }
    .has-error .checkbox, .has-error .checkbox-inline, .has-error .control-label, .has-error .help-block, .has-error .radio, .has-error .radio-inline, .has-error.checkbox label, .has-error.checkbox-inline label, .has-error.radio label, .has-error.radio-inline label {
        color: rgb(217, 83, 79);
    }
	.panel-danger {
		        background-color: rgba(217, 83, 79,0.1);
		border-color: rgb(217, 83, 79);
	}
    .bg-danger,.progress-bar-danger,.module p.bg-danger,.label-danger,.badge-danger,.pricing_menu .title.bg-danger {
        background-color: rgb(217, 83, 79);
        color: rgb(255, 255, 255);
    }
    .bg-danger .badge {
        background-color: rgb(255, 255, 255);
        color: rgb(217, 83, 79);
    }
    .btn-danger.btn-outline {
        background: transparent;
        color: rgb(217, 83, 79);
        box-shadow: 0 0 0px 1px rgb(217, 83, 79) inset;
        font-weight: bold;
        transition: all 250ms ease-in-out 0ms;
    }
    .btn-danger.btn-outline:hover {
            background: rgba(217, 83, 79,0.1);
    }
    .alert-danger {
            background-color:rgba(217, 83, 79,0.7);
        border-color:rgba(217, 83, 79,0.2);
            color: rgba(255, 255, 255,0.9);
    }
	.alert-danger-subtle, .label-danger-subtle, .badge-danger-subtle {
		background-color: #f7dddc;
		border-color: #f7dddc;
		color: rgb(217, 83, 79);
	}	
    .btn.dropdown-toggle.btn-danger *, .btn-danger a {
        color: rgb(255, 255, 255);
    }
    .text-danger{
        color: rgb(217, 83, 79);
    }
    .btn-default, .tags a, .btn-default.disabled, .btn-default.disabled.active, .btn-default.disabled.focus, .btn-default.disabled:active, .btn-default.disabled:focus, .btn-default.disabled:hover, .btn-default[disabled], .btn-default[disabled].active, .btn-default[disabled].focus, .btn-default[disabled]:active, .btn-default[disabled]:focus, .btn-default[disabled]:hover, fieldset[disabled] .btn-default, fieldset[disabled] .btn-default.active, fieldset[disabled] .btn-default.focus, fieldset[disabled] .btn-default:active, fieldset[disabled] .btn-default:focus, fieldset[disabled] .btn-default:hover, .btn.dropdown-toggle.btn-default, #popover .mini_profile_pic,.navbar-default .navbar-nav > li > a.btn-default, .navbar-default .navbar-nav > li > span.btn-default,.mobile-main-menu .sidebar-nav li a.btn-default, .mobile-main-menu .sidebar-nav li span.btn-default {
		background-color: rgb(238, 238, 238);
        border-color: rgb(238, 238, 238);
        color: rgb(85, 85, 85);
    }
    .btn-default:hover, .btn-default:focus, .btn-default:active,.btn-default:active:focus, .btn-default:active:hover,.tags a:hover, .nav > li > a.btn-default:focus, .nav > li > a.btn-default:hover,.btn-default.active,.open > .dropdown-toggle.btn-default, .btn-default.active.focus, .btn-default.active:focus, .btn-default.active:hover, .btn-default:active.focus, .open>.dropdown-toggle.btn-default:hover, .open>.dropdown-toggle.btn-default:focus, .open>.dropdown-toggle.btn-default.focus,a.bg-default:focus,a.bg-default:hover, .panel-default .panel-heading, .member_accounts .panel-default > .panel-heading, .panel-default.categories-panel .panel-heading, .btn.dropdown-toggle.btn-default:hover, #popover .mini_profile_pic {        
		        background-color: rgba(238, 238, 238,0.95);
        border-color: rgb(238, 238, 238);
        color: rgb(85, 85, 85);
    }
    .sidemenu_panel .panel-default .panel_heading {
        background-color: rgb(238, 238, 238)!important;
        border-color: rgb(238, 238, 238)!important;
        color: rgb(85, 85, 85)!important;
    }
    .panel-default, .member_accounts .panel-default {
				background-color: rgba(238, 238, 238,0.1);
		border-color: rgb(238, 238, 238);
	}
	.member_admin_sidemenu .panel-default {
		background-color: transparent;
	}
    .bg-default,.progress-bar-default,.module p.bg-default,.label-default,.badge-default,.pricing_menu .title.bg-default {
        background-color: rgb(238, 238, 238);
        color: rgb(85, 85, 85);
    }
    .bg-default .badge {
        background-color: rgb(85, 85, 85);
        color: rgb(238, 238, 238);
    }
    .btn-default.btn-outline {
        background: transparent;
        color: rgb(238, 238, 238);
        box-shadow: 0 0 0px 1px rgb(238, 238, 238) inset;
        font-weight: bold;
        transition: all 250ms ease-in-out 0ms;
    }
    .btn-default.btn-outline:hover {
            background: rgba(238, 238, 238,0.1);
    }
	.alert-default {
		background-color:rgb(238, 238, 238);
		border-color:rgb(238, 238, 238);
		color: rgb(85, 85, 85);
	}
	.alert-default-subtle, .label-default-subtle, .badge-default-subtle {
				background-color:rgba(238, 238, 238,0.5);
		border-color: rgba(238, 238, 238,0.5);
		color: rgb(85, 85, 85);
	}	
    .btn.dropdown-toggle.btn-default *, .btn-default a {
        color: rgb(85, 85, 85);
    }
    .text-default{
        color: rgb(238, 238, 238);
    }
    .btn-secondary, .btn.dropdown-toggle.btn-secondary,.navbar-default .navbar-nav > li > a.btn-secondary, .navbar-default .navbar-nav > li > span.btn-secondary,.mobile-main-menu .sidebar-nav li a.btn-secondary, .mobile-main-menu .sidebar-nav li span.btn-secondary {
		background-color: rgb(41, 41, 41);
        border: 1px solid rgb(41, 41, 41);
        color: rgb(245, 247, 250);
    }
    .btn-secondary:hover, .btn-secondary:focus, .btn-secondary:active,.btn-secondary:active:focus, .btn-secondary:active:hover, .nav > li > a.btn-secondary:focus, .nav > li > a.btn-secondary:hover,.btn-secondary.active,.open > .dropdown-toggle.btn-secondary, .btn-secondary.active.focus, .btn-secondary.active:focus, .btn-secondary.active:hover, .btn-secondary:active.focus, .open>.dropdown-toggle.btn-secondary:hover, .open>.dropdown-toggle.btn-secondary:focus, .open>.dropdown-toggle.btn-secondary.focus,a.bg-secondary:focus,a.bg-secondary:hover,.btn.dropdown-toggle.btn-secondary:hover, .panel-secondary .panel-heading {        
		        background-color: rgba(41, 41, 41,0.95);
        border: 1px solid rgb(41, 41, 41);
        color: rgb(245, 247, 250);
    }
    .bg-secondary,.progress-bar-secondary,.module p.bg-secondary,.module p.bg-secondary:not(.fr-box.fr-basic .fr-element p),.label-secondary,.badge-secondary,.pricing_menu .title.bg-secondary {
        background-color: rgb(41, 41, 41);
        color: rgb(245, 247, 250);
    }
    .bg-secondary .badge {
        background-color:rgb(245, 247, 250);
        color: rgb(41, 41, 41);
    }
    .btn-secondary.btn-outline {
        background: transparent;
        color: rgb(41, 41, 41);
        box-shadow: 0 0 0px 1px rgb(41, 41, 41) inset;
        font-weight: bold;
        transition: all 250ms ease-in-out 0ms;
    }
    .btn-secondary.btn-outline:hover {
            background: rgba(41, 41, 41,0.1);
    }
	.panel-secondary {
		        background-color: rgba(41, 41, 41,0.1);
		border-color: rgb(41, 41, 41);
	}
	.alert-secondary {
		background-color:rgb(41, 41, 41);
		border-color:rgb(41, 41, 41);
		color: rgb(245, 247, 250);
	}
	.alert-secondary-subtle, .label-secondary-subtle, .badge-secondary-subtle {
				background-color:rgba(41, 41, 41,0.8);
		border-color: rgba(41, 41, 41,0.5);
		color: rgb(245, 247, 250);
	}	
    .bg-body {
        background: rgb(245, 247, 250);
        color: rgb(41, 41, 41);
    }
    .bg-content-box {
        background: rgb(250, 250, 250);
        color: rgb(41, 41, 41);
    }
    .bg-content-box-border {
        background: rgb(235, 238, 240);
    }
    .btn.dropdown-toggle.btn-secondary *, .btn-secondary a {
        color: rgb(245, 247, 250);
    }
    .text-secondary {
        color: rgb(41, 41, 41);
    }
    .feature-post #post-content .alert-secondary.btn-block, .feature-search .img_section .alert-secondary.btn-block, .search_result .img_section  .alert-secondary {
        background-color: rgba(41, 41, 41,0.2);
    }

    /* Footer Newsletter Row */
    .newsletter_row .alert {
        color: rgb(255, 255, 255);
    }
    .newsletter_row {
        background-color: rgb(32, 80, 129);
        color: rgb(255, 255, 255);
    }
    .newsletter_row input[type="submit"],.newsletter_footer_button {
            background-color: rgba(30, 166, 154,0.97);
        color: rgb(255, 255, 255);
        border-color: rgb(30, 166, 154);
    }
    .newsletter_row input[type="submit"]:hover,.newsletter_row input[type="submit"]:focus,.newsletter_footer_button:hover,.newsletter_footer_button:focus {
        background-color: rgb(30, 166, 154);
        color: rgb(255, 255, 255);
    }
    .newsletter_button_left {
            border-right: 1px solid rgba(255, 255, 255,0.2);
    }
    .newsletter_button_right {
        border-left: 1px solid rgba(255, 255, 255,0.2);
    }
    .newsletter_row small.help-block {
        background: rgb(255, 255, 255);
        margin-top: -5px;
        float: left;
        padding: 8px;
        border-radius: 1px;
        color: rgb(32, 80, 129);
        text-transform: capitalize;
    }
    .newsletter_row .has-success .checkbox,.newsletter_row .has-error .checkbox{
        color: rgb(255, 255, 255);
    }
    @media only screen and (max-width: 767px) {
        .newsletter_button_right,.newsletter_button_left{
            border: none;
            margin: 5px 0;
        }
    }

    /* Font Sizes */

    .navbar-default .navbar-nav > li > a, .navbar-default .navbar-nav > li > span {
        font-size: 16px;
    }
    .header .logo {
        font-size: 34px;
    }
    .homepage_title h1, .homepage_settings h1 {
        font-size: 72px;
    }
    .homepage_settings h2 {
        font-size: 28px;
    }

    .ui-rangeSlider-bar{
        background: rgb(212, 175, 55)!important;
    }

    
    
    @media only screen and (max-width: 1024px){
        .modal {margin-top: 40px;}
    }
    @media only screen and (max-width: 768px){
        .modal {margin-top: 60px;}
    }

    /* Calendar Styles */

    #cal-slide-content {
        color: rgb(85, 85, 85)!important;
        background-color: rgb(238, 238, 238)!important;
        -webkit-box-shadow: none!important;
        box-shadow: none!important;
    }
    #cal-slide-content a.event-item {
        color: rgb(85, 85, 85)!important;
        font-weight:bold!important;
    }
    #cal-slide-content a.event-item small {
        display: inline-block;
    }
    .cal-month-box, .cal-year-box, .cal-week-box {
        border: 1px solid rgb(235, 238, 240)!important;
    }
    .cal-year-box .row-fluid, .cal-month-box .cal-row-fluid {
        border-bottom: 1px solid rgb(235, 238, 240)!important;
    }
    .cal-year-box [class*="span"], .cal-month-box [class*="cal-cell"] {
        border-right: 1px solid rgb(235, 238, 240)!important;
    }
    .cal-year-box .row-fluid, .cal-row-fluid, #cal-day-box .cal-day-hour:nth-child(odd) {
        background-color: rgb(245, 247, 250)!important;
    }
    .cal-month-day span:not(.pull-right):not(.events-count-label):not(.events-label) {
        color: rgb(85, 85, 85)!important;
    }
    .cal-day-today span[data-cal-date] {
        color: rgb(41, 41, 41)!important;
    }
    .cal-year-box .row-fluid [class*="span"]:last-child, .cal-month-box .cal-row-fluid [class*="cal-cell"]:last-child {
        border: 0!important;
    }
    .cal-row-head {
        background: rgb(250, 250, 250)!important;
    }
    .day-highlight:hover, .day-highlight {
        background-color: rgb(235, 238, 240)!important;
    }
    .cal-event-list .event.pull-left {
        background-color: rgb(41, 41, 41)!important;
        opacity: 0.4;
        margin-top: 7px!important;
    }
    .cal-day-today {
        background-color: rgb(235, 238, 240)!important;
    }
    #cal-day-tick {
        border: 1px solid rgb(235, 238, 240)!important;
        background-color: rgb(235, 238, 240)!important;
    }
    .cal-day-weekend span[data-cal-date]{
        color: rgb(41, 41, 41)!important;
    }
        .well, .member_profile .tab-content, .corner_caption,.module,.img-rounded,.nav-tabs *,input,.input-group-sm > .form-control, .input-group-sm > .input-group-addon, textarea,select,.header ul.nav.navbar-nav li ul,.progress, .alert, .pagination, .page-item:first-child .page-link, .page-item:last-child .page-link, .views > i.fa, .ui-rangeSlider-label, .pic, .panel, .panel-heading, .popover, .pricing_menu li .title, .form-control, .select2-choice, .form-group .select2-dropdown-open.select2-drop-above [class^=select2-choice], .select2-drop.select2-drop-above, .select2-drop, .scrollup, .input-group-addon, .img-thumbnail, .current-photo-container img, .current-logo-container img,.favorite,p.account-tip,.modal-content,.input_wrapper input.form-control,.input-group .input_wrapper input.form-control,.input-group-sm .input_wrapper input.form-control,.input-group-lg .input_wrapper input.form-control,.pricing_menu li ul, .img-rounded img.img-rounded {
        border-radius:0px !important;
    }
        .rsDefault, .rsDefault .rsOverflow, .rsDefault .rsSlide, .rsDefault .rsVideoFrameHolder, .rsDefault .rsThumbs {
        background: #151515!important;
    }
    
    #first_container .favorite, #first_container .fa.favorite {
        color: rgb(85, 85, 85);
        background: rgb(238, 238, 238);
        border: 1px solid rgb(238, 238, 238);
        white-space:nowrap!important;
    }
    #first_container .favorite span, #first_container .fa.favorite span {
        font-family: 'Quicksand';
        white-space:nowrap!important;
    }
    #first_container .favoriteActive:not(.favorite.comments-count-badge), #first_container .fa.favoriteActive:not(.favorite.comments-count-badge .fa) {
        color: rgb(217, 83, 79);
    }
        #first_container .favorite::after, #first_container .fa.favorite::after {
        font-family: 'Quicksand';
        margin-left: 3px;
    }
    #first_container .favorite span, #first_container .fa.favorite span{
        padding-left: 3px;
        font-family: 'Quicksand';
        font-size: 11px;
    }
    #first_container .favorite .bookmark-number, #first_container .fa.favorite .bookmark-number {
        background: rgb(85, 85, 85);
        color:rgb(238, 238, 238);
        padding: 0 5px;
        border-radius: 100px;
        display: inline-block;
        font-weight:bold;
    }
    #first_container .favorite.favoriteActive .bookmark-number:not(.comments-count-badge .bookmark-number), #first_container .fa.favorite.favoriteActive .bookmark-number {
        background: rgb(217, 83, 79);
    }
    
    span.checkbox_value::after {
        content: ', ';
    }

    span.checkbox_value:last-child::after {
        content: '';
    }
    
        .popover .popover-content img,.member_results .info_window img,.member_results .search_result_image, .featured-member-image img, .recent-member-image img, .member-review-image img, .member-profile-header > div:not(.member-badges) img, .review_photo, .contact-image, .member_result > div > div img, .member_sidebar .member_admin_sidemenu .img-thumbnail, .current-photo-container img, .current-logo-container img, .author-snapshot .search_result_image, .saved-member {
        border-radius: 1000px!important;
    }
    
    

    /*  Homepage Sections Background Color Logic */

    
    .homepage-section-1 {
        padding: 40px 0 40px;
    }

    
    .homepage-section-1 {
        background: rgb(24, 46, 69);
    }

    
    .homepage-section-2 {
        padding: 60px 0 60px;
    }

    
    .homepage-section-2 {
        background: rgb(255, 255, 255);
    }

    
    .homepage-section-3 {
        padding: 60px 0 60px;
    }

    
    .homepage-section-3 {
        background: rgb(247, 247, 247);
    }

    
    .homepage-section-4 {
        padding: 60px 0 60px;
    }

    
    .homepage-section-4 {
        background: rgb(255, 255, 255);
    }

    
    .homepage-section-5 {
        padding: 60px 0 60px;
    }

    
    .homepage-section-5 {
        background: rgb(235, 239, 243);
    }

    
    .homepage-section-6 {
        padding: 60px 0 60px;
    }

    
    .homepage-section-6 {
        background: rgb(255, 255, 255);
    }

    
    .homepage-section-7 {
        padding: 40px 0 40px;
    }

    
    .homepage-section-8 {
        padding: 40px 0 40px;
    }

    
    .homepage-section-9 {
        padding: 40px 0 40px;
    }

    
    .homepage-section-10 {
        padding: 40px 0 40px;
    }

    
    .homepage-section-11 {
        padding: 40px 0 40px;
    }

    
    .homepage-section-12 {
        padding: 40px 0 40px;
    }

    
    .homepage-section-13 {
        padding: 40px 0 40px;
    }

    
    .homepage-section-14 {
        padding: 40px 0 40px;
    }

    
    .homepage-section-15 {
        padding: 40px 0 40px;
    }

    
    /* Additional Settings */

    
    /* Streaming Widgets Title Settings */

    .streaming-title {
        text-align: center;
        font-size: 48px;
            font-weight: 300;
                font-family: 'Libre Baskerville';
            padding-bottom: 40px;
    }

            .streaming-title + hr {
        display: none;
    }
    
    .homepage-join-module .module h2:first-of-type {
        color: rgb(62, 62, 62);
    }

    .homepage-join-module .module{
        background: rgb(250, 250, 250);
        border-color: rgb(238, 238, 238);
    }

    .homepage-about-module .module h2:first-of-type {
        color: rgb(62, 62, 62);
    }

    .homepage-about-module .module{
        background: rgb(250, 250, 250);
        border-color: rgb(238, 238, 238);

    }

        .btn:not(#refcode_submit):not(.input-group-btn .btn):not(.logo-preview-input):not(.cover-preview-input):not(.member_login):not(.img-circle):not(.submit_reply):not(.submit_comment):not(.view-more):not(.image-preview-input):not(.no-radius-bottom):not(.no-radius-top):not(.btn-facebook), .btn-sm:not(.img-circle):not(.view-more):not(.image-preview-input):not(.no-radius-bottom):not(.no-radius-top), .btn-xs:not(.img-circle):not(.view-more):not(.image-preview-input):not(.no-radius-bottom):not(.no-radius-top), button:not(.social_share_buttons button):not(.social_share_buttons a):not(#refcode_submit):not(.input-group-btn button), .btn-group-lg > .btn, .btn-lg, .btn-lg, .btn-xl, .input-group-sm > .input-group-btn > .btn, .favorite, .tags a {
            border-radius: 0px!important;
        }
    
        .write_comment_container, .tab-content, .well:not(.well .well):not(.module .well):not(.tab-content .well):not(.well.make-connection):not(.slick-slide .well), .module:not(.module .module):not(.well .module):not(.tab-content .module):not(.search_box .module):not(.posted-by-snippet), .panel, .pic:not(.slick-slide .pic) {
        box-shadow:0px 15px 30px 0px rgba(0, 0, 0, 0.1);
    }
    
    .img-circle, .img-circle img{
        border-radius:1000px!important;
    }

    .img-rounded img, img.fr-dib.img-rounded{
        border-radius: 6px!important;
    }
    
    /* Google Translate Module */
        .skiptranslate{font-size:0}
    .goog-te-gadget-simple{border:1px solid #ccc;border-radius:4px;box-shadow:0 1px 1px rgba(0,0,0,0.075) inset;color:#555}
    .skiptranslate.goog-te-gadget span,img.goog-te-gadget-icon{display:none!important}
    .goog-te-gadget .goog-te-combo{margin-bottom:-4px}
    .skiptranslate.goog-te-gadget select{border:1px solid #ddd;border-radius:3px;font-size:12px;padding:2px 4px;width:100%;background:#fff;margin:0;height:30px;line-height:30px;display:block;color:#555;box-shadow:inset 0 1px 1px rgba(0,0,0,.075)}
    @media only screen and (max-width: 1100px) {
        .skiptranslate:not(.skiptranslate[style="display: none;"]){height:39px}
        .skiptranslate:not(.skiptranslate[style="display: none;"]) ~ .header{margin-top:10px!important}
        .skiptranslate:not(.skiptranslate[style="display: none;"]) ~ .announcement-bar{margin-top:10px}
        .skiptranslate:not(.skiptranslate[style="display: none;"]) ~ .announcement-bar ~ .header{margin-top:0!important}
        .skiptranslate:not(.skiptranslate[style="display: none;"]) ~ .header .mobile-main-menu{top:89px!important;height:calc(100% - 90px)!important}
        .skiptranslate:not(.skiptranslate[style="display: none;"]) ~ .header .navbar{top:39px}
        .skiptranslate:not(.skiptranslate[style="display: none;"]) ~ #first_container .member_sidebar.open{top: 89px;}
    }
    @media only screen and (max-width: 767px) {
        .skiptranslate:not(.skiptranslate[style="display: none;"]) ~ .announcement-bar.hidden-xs ~ .header{margin-top:10px!important}
    }

</style>

        <!-- Google Sitelinks Search Box -->
    <script type="application/ld+json">{"@context": "https://schema.org","@type": "WebSite","name": "Bay Area Lawyer","url": "www.bayarealawyer.org","potentialAction": {"@type": "SearchAction","target": "www.bayarealawyer.org/sitesearch/?q={search_term_string}","query-input": "required name=search_term_string"}}</script>
<!--GOOGLE TAG MANAGER CODE-->    <!-- ON-PAGE CSS FUNCTIONS -->
    <style type="text/css">
        :root{
  --primary:#182E45;
  --primary--light:#47596A;
  --secondary:#CEAC37;
  --secondary--light:#DEC46A;
}
.padding-bottom--40px{padding-bottom:40px;}
.padding-bottom--20px{padding-bottom:20px;}
.heading__underline--c{position:relative;margin-bottom:3rem;}
.heading__underline--c:after{
  position:relative;
  display:block;
  background:#48596B;
  width:80px;
  height:4px;
  margin:auto;
  top:.8rem;
  content:'';
}
.heading__underline--l{position:relative;margin-bottom:3rem;}
.heading__underline--l:after{
  position:relative;
  display:block;
  background:#48596B;
  width:80px;
  height:4px;
  top:.8rem;
  content:'';
}
.text__teaser{
  font-size:20px;
  display:block;
  margin-bottom:10px;
  color:#CEAC37;
  font-weight:400;
  font-style:italic;
  font-family:'Libre Baskerville';
}
/* Category Boxes */
.slickSubCategories .pic{
  background-size:30%;
  background-color:#182E45;
  background-position:50% 30%;
}
.slickSubCategories .pic-caption{background:rgba(0,0,0,0.8);}    </style>
    <div class="header">
            <div class="container">
			<div class="row vmargin">
				<div id="website_logo" class="col-md-5 tpad xs-nopad xs-hpad sm-text-center xs-bmargin header-left-container">
			<a href="https://www.bayarealawyer.org" title="Bay Area Lawyer">
			<img width="588" height="100" src="/images/BAL-Logo.png" alt="Bay Area Lawyer">
		</a>
		<div class="clearfix"></div>
</div>
									<style type='text/css'> body input.tt-hint,body input.form-control.normal-autosuggest-input.tt-query {
   background-color: white !important;
} </style><div class="col-md-7 text-right sm-text-center header-right-container nolpad xs-hpad">
            <ul class="mini-nav nobmargin list-inline xs-nopad xs-tmargin vpad">
             <li class='bmargin xs-nomargin'><span id='link249'  class='bmargin'> </span></li><li class='bmargin xs-nomargin'><a href='/about/contact' id='link250'  class='hpad bmargin'>Contact Us</a></li><li class='bmargin xs-nomargin'><a href='/login' id='link251'  class='rpad bmargin'>Member Login</a></li><li class='bmargin norpad xs-nopad xs-vmargin'><a href='/join' id='link252'  class='btn btn_get_listed bold'>Attorneys - Get Listed Today</a></li>         </ul>
            <div class="clearfix"></div>
                <form action="/search_results" name="frm1" class="form-inline website-search">
                                    <div class="input-group input-group-sm bmargin sm-autosuggest">
                        <span class="input-group-addon hidden-md"><i class="fa fa-search"></i></span>
                        <input type="text"
                               placeholder="Name or Keyword" value="" name="q"
                               class="member_search form-control input-sm" autocomplete="off">
                    </div>
                                        <div class="input-group input-group-sm bmargin">
                        <span class="input-group-addon hidden-md"><i class="fa fa-location-arrow"></i></span>
                        <input type="text" autocomplete="off" placeholder="City or Post Code"
                               value="" id="location_google_maps_header" name="location_value"
                               class="googleSuggest googleLocation form-control">
                    </div>
                                    <input type="submit" value="Search" class="btn btn-sm btn_search bmargin xs-btn-block bold">
            </form>
            </div>
				            </div>
        </div>
        <style type='text/css'> .mobile-main-menu .hasChildren span a {
    padding: 0px;
}

.user_sidebar > img {
	width: 32px;
	height: 32px;
	position: absolute;
	z-index: 10;
	border-radius: 100px;
	top: -1px;
	object-fit: cover;
	left: -10px;
	background: rgb(238, 238, 238);
}
#member_sidebar_toggle img+.fa {
    display: none;
}
.main_menu, .user_sidebar {
	padding: 5px 8px;
	margin-right:0;
	min-height: 33.0333px;
	min-width: 38.116px;	
}
.main_menu i, .user_sidebar i {
    font-size: 16px;
}
.navbar-nav li {
    float: none!Important;
}
.navbar-default{
    -webkit-transition: all .6s ease-in-out;
    -moz-transition: all .6s ease-in-out;
    -o-transition: all .6s ease-in-out;
    transition: all .6s ease-in-out;
}
.transparent_menu {
background-color: rgba(24, 46, 69,0.95)!important;
}
@media only screen and (max-width: 991px) {
	#popover {display: none}
}
@media only screen and (max-width: 1100px){
    .mobile-main-menu{display:block!important}
    .navbar-toggle {display: block}
    #bs-main_menu .nav {display: none!important}
}
.mobile-main-menu {
    position: fixed;
    height: calc(100% - 50px)!important;
    width: 250px;
    background: rgb(24, 46, 69);
    z-index: 99999;
    right: -250px;
    top: 50px;
    display: none;
    -webkit-transition: all .6s ease-in-out;
    -moz-transition: all .6s ease-in-out;
    -o-transition: all .6s ease-in-out;
    transition: all .6s ease-in-out;
    overflow-y: auto!important;
    overflow-x: hidden!important;
}
.mobile-main-menu ul li i {
    color: rgb(255, 255, 255);
    cursor: pointer;
    float: right;
    padding: 13px;
}

.mobile-main-menu.opened{
    right: 0px!important;
}

.mobile-main-menu ul li a, .mobile-main-menu ul li span {
    display: inline-block;
    float: left;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    padding: 10px 0px;
    width: 80%;
    width: calc(100% - 40px);
}
.mobile-main-menu .sidebar-nav li ul {
    height: 0px;
    overflow: hidden;
    list-style: none;
    color: rgb(255, 255, 255);
    padding-left: 10px;
}
.mobile-main-menu .sidebar-nav li.sub_open > ul{
    height: 100%;
}
.mobile-main-menu ul.sidebar-nav {
    position: absolute;
    width: 250px;
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: 14px;
}
.mobile-main-menu .sidebar-nav > li {
    display: block;
    line-height: 20px;
    padding: 0 15px 0 20px;
}
.mobile-main-menu .sidebar-nav li a, .mobile-main-menu .sidebar-nav li span {
    text-decoration: none;
    color: rgb(255, 255, 255);
	padding-left:10px;
}
.mobile-main-menu .sidebar-nav li a i, .mobile-main-menu .sidebar-nav li span i {
    display: none;
} </style><div class="mobile-main-menu">
	<ul class="sidebar-nav">
	 <li class=''><a href='/home/' id='link320'>Home</a></li><li class=''><a href='/search_results/' id='link321'>Lawyer Directory</a></li><li class=''><a href='/about/' id='link322'>How It Works</a></li><li class=''><a href='/blog/' id='link323'>Latest News</a></li><li class=''><a href='/join/' id='link324'>Join Today</a></li> 	</ul>
</div>
<nav class="navbar navbar-default ">
    <div class="container container-fluid">

      <div class="navbar-header">
		        <button type="button" class="navbar-toggle collapsed main_menu" data-toggle="collapse" aria-label="main_menu">
						<i class="fa fa-bars fa-fw"></i>
			        </button>

        
      </div>

      <div class="tablet-menu collapse navbar-collapse nopad" id="bs-main_menu">
        <ul class="tablet-menu-ul nav navbar-nav nav-justified">
           <li class=''><a href='/home/' id='link320'>Home</a></li><li class=''><a href='/search_results/' id='link321'>Lawyer Directory</a></li><li class=''><a href='/about/' id='link322'>How It Works</a></li><li class=''><a href='/blog/' id='link323'>Latest News</a></li><li class=''><a href='/join/' id='link324'>Join Today</a></li>         </ul>
      </div>
    </div>
</nav>
<!--CSS IF MENU IS FIXED TOP-->

</div>
<div class="clearfix"></div>
<!-- Begin  Content -->
<div id="first_container" class="content-container fr-view">
        <div class="container">
                        <div class="clearfix body-content"></div>
        <style type='text/css'> 	.body-content {margin:0px;}
	#first_container {
			background-image: url('/images/bayarealawyer-header.jpg');
		background-position: center top;
	background-repeat: no-repeat;
	position: relative;
			background-size: cover;
		}


.search_box,.homepage_settings .center-block {
float:
	left!important;
}

@media only screen and (max-width: 768px) {
#first_container {
background-position: left top;

}
.homepage_title,.homepage_settings h2,.search_box {
float:none!important;
}
}
[class^="homepage-section-"]:empty {
display: none;
} </style>    <div class="row-fluid homepage_settings">
                    <div class="col-lg-7 center-block nopad homepage_title">
                                    <h1 class="sm-text-center">Find a Bay Area Lawyer</h1>
                            </div>
        		
                    <div class="clearfix"></div>
                <div class="col-md-12 search_box fpad img-rounded">
                    <h2 class="fpad nomargin sm-text-center">
                Start Your Bay Area Attorney Search Now            </h2>
                <div class="clearfix"></div>
        <div class="form-group nomargin hidden-sm hidden-xs col-md-4">
            <label class="nomargin">
                What do you need:
            </label>
        </div>
        <div class="form-group nomargin hidden-xs hidden-sm col-md-4">
            <label class="nomargin">
                Search by location:
            </label>
        </div>
        <div class="clearfix"></div>
        <form class="tpad xs-vpad xs-hpad website-search" name="frm1" action="/search_results">
            <div class="form-group col-sm-12 col-md-4 bmargin xs-nopad">
                <div class="input-group input-group-lg col-sm-12 large-autosuggest">
                    <div class="input-group-addon">
                        <i class="fa fa-fw fa-search"></i>
                    </div>
                    <input type="text" class="member_search form-control input-lg large-autosuggest-input" name="q" value="" placeholder="Name or Keyword">
                </div>
            </div>
            <div class="form-group col-sm-12 col-md-4 bmargin xs-nopad">
                <div class="input-group input-group-lg col-sm-12">
                    <div class="input-group-addon"><i class="fa fa-fw fa-location-arrow"></i></div>
                    <input type="text"  class="googleSuggest googleLocation form-control input-lg" name="location_value" id="location_google_maps_homepage" value="" placeholder="City or Post Code" autocomplete="off">
                </div>
            </div>
            <div class="form-group col-sm-12 col-md-4 bmargin xs-nopad">
                <button type="submit" class="btn-block btn btn-lg btn_home_search">Search Now</button>
            </div>
            <div class="clearfix"></div>
        </form>
        <div class="clearfix"></div>
    </div>
		
        <div class="clearfix"></div>
    </div>
    <div class="clearfix"></div>
    </div></div> <!-- closes container + content-container -->


<div class="homepage-sections fr-view">
        <div class="homepage-section-1"><div id="hero-divider" class="content-container homepage_steps">
    <div class="container">
				<div class="col-sm-12 col-md-4 text-center sm-bmargin sm-bpad sm-tmargin homepage_step_1">
			
								<p class="sm-tmargin">
										<i class="fa fa-search"></i>
									</p>
				
				
								<h2 class="bold sm-nomargin h3">Find An Attorney</h2>
				
								<p class="sm-bmargin">Browse our database and find an attorney that fits your needs.</p>
				
				
							<div class="clearfix"></div>
		</div>
		<div class="clearfix hidden-lg hidden-md"></div>
				<div class="col-sm-12 col-md-4 text-center sm-bmargin sm-bpad sm-tmargin homepage_step_2">
			
								<p class="sm-tmargin">
										<i class="fa fa-handshake-o"></i>
									</p>
				
				
								<h2 class="bold sm-nomargin h3">Choose Your Attorney</h2>
				
								<p class="sm-bmargin">Find the right attorney for your specific case type and get connected instantly.</p>
				
				
							<div class="clearfix"></div>
		</div>
		<div class="clearfix hidden-lg hidden-md"></div>
				<div class="col-sm-12 col-md-4 text-center sm-bmargin sm-bpad sm-tmargin homepage_step_3">
			
								<p class="sm-tmargin">
										<i class="fa fa-gavel"></i>
									</p>
				
				
								<h2 class="bold sm-nomargin h3">Get Your Case Started</h2>
				
								<p class="sm-bmargin">Describe your case to the attorney and get your case fast-tracked for success.</p>
				
				
							<div class="clearfix"></div>
		</div>
		<div class="clearfix hidden-lg hidden-md"></div>
			</div>
</div></div>
        <div class="content-container custom-homepage-content homepage-section-2">
            <div class="container">
                <table class="froala-table" style="width: 100%; margin-bottom:40px;"><tbody><tr><td style="width: 50%;"><span class="text__teaser">Your Attorney Search Starts Here</span><h2 class="heading__underline--l">Find a Top-Rated Bay Area Lawyer</h2><p>When you need an attorney, you need a trusted and reputable lawyer who can help you get the results you deserve. Bay Area Lawyer is here to help you cut out the complicated process of searching for an attorney by providing a top-rated lawyer Bay Area residents can depend on for winning results.</p><p>Your time is important. We&#39;re here to help you cut down on the time required searching for an attorney online. With Bay Area Lawyer, you can rest assured that you&#39;re locating a stellar attorney who has what it takes to make your case successful.</p><p><br></p></td><td style="width: 50%;"><img src="https://www.bayarealawyer.org/images/591a585f21badaf89c458ad56a9144bea89f76ba.jpg" class="fr-dib" loading="lazy"></td></tr></tbody></table><table class="froala-table" style="width: 100%;"><tbody><tr><td style="width: 33.3333%; text-align: center; vertical-align: top;"><p><img src="https://www.bayarealawyer.org/images/5acc17fce93287f58b8370373657fe57536005ef.jpg" style="margin-bottom:20px;" class="fr-dib square" loading="lazy" alt="reputable bay area lawyers"></p><h3 class="heading__underline--c">Find a Reputable Lawyer</h3><p>Need a lawyer with a proven track record? No problem. All of our attorneys are experts in their respective fields. Each one of our lawyers is highly rated and has a high success rate.</p></td><td style="width: 33.3333%; text-align: center; vertical-align: top;"><p><img src="https://www.bayarealawyer.org/images/7ea55157452bb8c7d50f3567d463e8540fcb6e07.jpg" style="margin-bottom:20px;" class="fr-dib square" loading="lazy" alt="find a bay area attorney"></p><h3 class="heading__underline--c">Reviewed &amp; Vetted</h3><p>Every attorney we list has been through a vetting process that includes several factors such as success rate, positive reviews, and client testimonials.</p></td><td style="width: 33.3333%; text-align: center; vertical-align: top;"><p><img src="https://www.bayarealawyer.org/images/1ba0df04eb08f629552cf4fa03d9d27f413b0dce.jpg" class="fr-dib square" loading="lazy" alt="best bay area lawyers" style="margin-bottom:20px;"></p><h3 class="heading__underline--c">Make Easy Connections</h3><p>Why spend hours calling law offices? We can help you easily connect with an attorney in an instant. Using our directory, you can locate your dream attorney in no time.</p></td></tr></tbody></table>            </div>
        </div>
        <div class="homepage-section-3"><div class="clearfix"></div>
<div class="content-container sub-level-category-stream">
    <div class="clearfix"></div>
    <div class="container">
        <div class="row">
            <div class="col-md-12">
                                <h2 class="nomargin sm-text-center streaming-title" style="color: rgb(41, 41, 41)">
                    Find Attorneys By Practice Area                </h2>
                <hr>
            </div>
            <div class="clearfix"></div>

<div class="row">
<div class="col-md-12 slickSubCategories">
        <div class="sub-category-single col-sm-6 col-md-3 text-center bmargin bpad">
                    <div class="pic lazyloader" data-src="/images/001-healthy-care.png" >
                        <span class="pic-caption bottom-to-top" onclick>
                    <h3 class="pic-title bmargin">
                        Accidents & Injuries  
                    </h3>
                    <hr>
                    <a alt="Accidents & Injuries" title="Accidents & Injuries" href="/accidents-injuries" class="btn btn-info fpad-lg vpad view-more">View Category</a>
                </span>
                <a aria-label="View Category" href="/accidents-injuries" class="homepage-link-element "></a>
            </div>
        </div>
        <div class="sub-category-single col-sm-6 col-md-3 text-center bmargin bpad">
                    <div class="pic lazyloader" data-src="/images/002-cough.png" >
                        <span class="pic-caption bottom-to-top" onclick>
                    <h3 class="pic-title bmargin">
                        Asbestos & Mesothelioma  
                    </h3>
                    <hr>
                    <a alt="Asbestos & Mesothelioma" title="Asbestos & Mesothelioma" href="/asbestos-mesothelioma" class="btn btn-info fpad-lg vpad view-more">View Category</a>
                </span>
                <a aria-label="View Category" href="/asbestos-mesothelioma" class="homepage-link-element "></a>
            </div>
        </div>
        <div class="sub-category-single col-sm-6 col-md-3 text-center bmargin bpad">
                    <div class="pic lazyloader" data-src="/images/003-bank.png" >
                        <span class="pic-caption bottom-to-top" onclick>
                    <h3 class="pic-title bmargin">
                        Bankruptcy  
                    </h3>
                    <hr>
                    <a alt="Bankruptcy" title="Bankruptcy" href="/bankruptcy" class="btn btn-info fpad-lg vpad view-more">View Category</a>
                </span>
                <a aria-label="View Category" href="/bankruptcy" class="homepage-link-element "></a>
            </div>
        </div>
        <div class="sub-category-single col-sm-6 col-md-3 text-center bmargin bpad">
                    <div class="pic lazyloader" data-src="/images/004-fender-bender.png" >
                        <span class="pic-caption bottom-to-top" onclick>
                    <h3 class="pic-title bmargin">
                        Car Accidents  
                    </h3>
                    <hr>
                    <a alt="Car Accidents" title="Car Accidents" href="/car-accidents" class="btn btn-info fpad-lg vpad view-more">View Category</a>
                </span>
                <a aria-label="View Category" href="/car-accidents" class="homepage-link-element "></a>
            </div>
        </div>
        <div class="sub-category-single col-sm-6 col-md-3 text-center bmargin bpad">
                    <div class="pic lazyloader" data-src="/images/005-family.png" >
                        <span class="pic-caption bottom-to-top" onclick>
                    <h3 class="pic-title bmargin">
                        Child Custody  
                    </h3>
                    <hr>
                    <a alt="Child Custody" title="Child Custody" href="/child-custody" class="btn btn-info fpad-lg vpad view-more">View Category</a>
                </span>
                <a aria-label="View Category" href="/child-custody" class="homepage-link-element "></a>
            </div>
        </div>
        <div class="sub-category-single col-sm-6 col-md-3 text-center bmargin bpad">
                    <div class="pic lazyloader" data-src="/images/006-family-1.png" >
                        <span class="pic-caption bottom-to-top" onclick>
                    <h3 class="pic-title bmargin">
                        Child Support  
                    </h3>
                    <hr>
                    <a alt="Child Support" title="Child Support" href="/child-support" class="btn btn-info fpad-lg vpad view-more">View Category</a>
                </span>
                <a aria-label="View Category" href="/child-support" class="homepage-link-element "></a>
            </div>
        </div>
        <div class="sub-category-single col-sm-6 col-md-3 text-center bmargin bpad">
                    <div class="pic lazyloader" data-src="/images/007-loan.png" >
                        <span class="pic-caption bottom-to-top" onclick>
                    <h3 class="pic-title bmargin">
                        Collections  
                    </h3>
                    <hr>
                    <a alt="Collections" title="Collections" href="/collections" class="btn btn-info fpad-lg vpad view-more">View Category</a>
                </span>
                <a aria-label="View Category" href="/collections" class="homepage-link-element "></a>
            </div>
        </div>
        <div class="sub-category-single col-sm-6 col-md-3 text-center bmargin bpad">
                    <div class="pic lazyloader" data-src="/images/008-law.png" >
                        <span class="pic-caption bottom-to-top" onclick>
                    <h3 class="pic-title bmargin">
                        Criminal Defense  
                    </h3>
                    <hr>
                    <a alt="Criminal Defense" title="Criminal Defense" href="/criminal-defense" class="btn btn-info fpad-lg vpad view-more">View Category</a>
                </span>
                <a aria-label="View Category" href="/criminal-defense" class="homepage-link-element "></a>
            </div>
        </div>
        <div class="sub-category-single col-sm-6 col-md-3 text-center bmargin bpad">
                    <div class="pic lazyloader" data-src="/images/009-divorce.png" >
                        <span class="pic-caption bottom-to-top" onclick>
                    <h3 class="pic-title bmargin">
                        Divorce  
                    </h3>
                    <hr>
                    <a alt="Divorce" title="Divorce" href="/divorce" class="btn btn-info fpad-lg vpad view-more">View Category</a>
                </span>
                <a aria-label="View Category" href="/divorce" class="homepage-link-element "></a>
            </div>
        </div>
        <div class="sub-category-single col-sm-6 col-md-3 text-center bmargin bpad">
                    <div class="pic lazyloader" data-src="/images/011-police-handcuffs.png" >
                        <span class="pic-caption bottom-to-top" onclick>
                    <h3 class="pic-title bmargin">
                        Drug Crime  
                    </h3>
                    <hr>
                    <a alt="Drug Crime" title="Drug Crime" href="/drug-crime" class="btn btn-info fpad-lg vpad view-more">View Category</a>
                </span>
                <a aria-label="View Category" href="/drug-crime" class="homepage-link-element "></a>
            </div>
        </div>
        <div class="sub-category-single col-sm-6 col-md-3 text-center bmargin bpad">
                    <div class="pic lazyloader" data-src="/images/010-medicine.png" >
                        <span class="pic-caption bottom-to-top" onclick>
                    <h3 class="pic-title bmargin">
                        Drug Recalls  
                    </h3>
                    <hr>
                    <a alt="Drug Recalls" title="Drug Recalls" href="/drug-recalls" class="btn btn-info fpad-lg vpad view-more">View Category</a>
                </span>
                <a aria-label="View Category" href="/drug-recalls" class="homepage-link-element "></a>
            </div>
        </div>
        <div class="sub-category-single col-sm-6 col-md-3 text-center bmargin bpad">
                    <div class="pic lazyloader" data-src="/images/012-alcoholic-drink.png" >
                        <span class="pic-caption bottom-to-top" onclick>
                    <h3 class="pic-title bmargin">
                        DUI  
                    </h3>
                    <hr>
                    <a alt="DUI" title="DUI" href="/dui" class="btn btn-info fpad-lg vpad view-more">View Category</a>
                </span>
                <a aria-label="View Category" href="/dui" class="homepage-link-element "></a>
            </div>
        </div>
        <div class="sub-category-single col-sm-6 col-md-3 text-center bmargin bpad">
                    <div class="pic lazyloader" data-src="/images/013-employee.png" >
                        <span class="pic-caption bottom-to-top" onclick>
                    <h3 class="pic-title bmargin">
                        Employees' Rights  
                    </h3>
                    <hr>
                    <a alt="Employees' Rights" title="Employees' Rights" href="/employees-rights" class="btn btn-info fpad-lg vpad view-more">View Category</a>
                </span>
                <a aria-label="View Category" href="/employees-rights" class="homepage-link-element "></a>
            </div>
        </div>
        <div class="sub-category-single col-sm-6 col-md-3 text-center bmargin bpad">
                    <div class="pic lazyloader" data-src="/images/014-hand-gesture.png" >
                        <span class="pic-caption bottom-to-top" onclick>
                    <h3 class="pic-title bmargin">
                        Estate Planning  
                    </h3>
                    <hr>
                    <a alt="Estate Planning" title="Estate Planning" href="/estate-planning" class="btn btn-info fpad-lg vpad view-more">View Category</a>
                </span>
                <a aria-label="View Category" href="/estate-planning" class="homepage-link-element "></a>
            </div>
        </div>
        <div class="sub-category-single col-sm-6 col-md-3 text-center bmargin bpad">
                    <div class="pic lazyloader" data-src="/images/015-family-room.png" >
                        <span class="pic-caption bottom-to-top" onclick>
                    <h3 class="pic-title bmargin">
                        Family Law  
                    </h3>
                    <hr>
                    <a alt="Family Law" title="Family Law" href="/family-law" class="btn btn-info fpad-lg vpad view-more">View Category</a>
                </span>
                <a aria-label="View Category" href="/family-law" class="homepage-link-element "></a>
            </div>
        </div>
        <div class="sub-category-single col-sm-6 col-md-3 text-center bmargin bpad">
                    <div class="pic lazyloader" data-src="/images/016-auction.png" >
                        <span class="pic-caption bottom-to-top" onclick>
                    <h3 class="pic-title bmargin">
                        Foreclosure & Alternatives  
                    </h3>
                    <hr>
                    <a alt="Foreclosure & Alternatives" title="Foreclosure & Alternatives" href="/foreclosure-alternatives" class="btn btn-info fpad-lg vpad view-more">View Category</a>
                </span>
                <a aria-label="View Category" href="/foreclosure-alternatives" class="homepage-link-element "></a>
            </div>
        </div>
        <div class="sub-category-single col-sm-6 col-md-3 text-center bmargin bpad">
                    <div class="pic lazyloader" data-src="/images/017-passport.png" >
                        <span class="pic-caption bottom-to-top" onclick>
                    <h3 class="pic-title bmargin">
                        Immigration  
                    </h3>
                    <hr>
                    <a alt="Immigration" title="Immigration" href="/immigration" class="btn btn-info fpad-lg vpad view-more">View Category</a>
                </span>
                <a aria-label="View Category" href="/immigration" class="homepage-link-element "></a>
            </div>
        </div>
        <div class="sub-category-single col-sm-6 col-md-3 text-center bmargin bpad">
                    <div class="pic lazyloader" data-src="/images/018-doctor.png" >
                        <span class="pic-caption bottom-to-top" onclick>
                    <h3 class="pic-title bmargin">
                        Medical Malpractice  
                    </h3>
                    <hr>
                    <a alt="Medical Malpractice" title="Medical Malpractice" href="/medical-malpractice" class="btn btn-info fpad-lg vpad view-more">View Category</a>
                </span>
                <a aria-label="View Category" href="/medical-malpractice" class="homepage-link-element "></a>
            </div>
        </div>
        <div class="sub-category-single col-sm-6 col-md-3 text-center bmargin bpad">
                    <div class="pic lazyloader" data-src="/images/019-mace.png" >
                        <span class="pic-caption bottom-to-top" onclick>
                    <h3 class="pic-title bmargin">
                        Probate  
                    </h3>
                    <hr>
                    <a alt="Probate" title="Probate" href="/probate" class="btn btn-info fpad-lg vpad view-more">View Category</a>
                </span>
                <a aria-label="View Category" href="/probate" class="homepage-link-element "></a>
            </div>
        </div>
        <div class="sub-category-single col-sm-6 col-md-3 text-center bmargin bpad">
                    <div class="pic lazyloader" data-src="/images/020-real-estate.png" >
                        <span class="pic-caption bottom-to-top" onclick>
                    <h3 class="pic-title bmargin">
                        Real Estate  
                    </h3>
                    <hr>
                    <a alt="Real Estate" title="Real Estate" href="/real-estate" class="btn btn-info fpad-lg vpad view-more">View Category</a>
                </span>
                <a aria-label="View Category" href="/real-estate" class="homepage-link-element "></a>
            </div>
        </div>
        <div class="sub-category-single col-sm-6 col-md-3 text-center bmargin bpad">
                    <div class="pic lazyloader" data-src="/images/021-ticket.png" >
                        <span class="pic-caption bottom-to-top" onclick>
                    <h3 class="pic-title bmargin">
                        Traffic Ticket  
                    </h3>
                    <hr>
                    <a alt="Traffic Ticket" title="Traffic Ticket" href="/traffic-ticket" class="btn btn-info fpad-lg vpad view-more">View Category</a>
                </span>
                <a aria-label="View Category" href="/traffic-ticket" class="homepage-link-element "></a>
            </div>
        </div>
        <div class="sub-category-single col-sm-6 col-md-3 text-center bmargin bpad">
                    <div class="pic lazyloader" data-src="/images/022-will.png" >
                        <span class="pic-caption bottom-to-top" onclick>
                    <h3 class="pic-title bmargin">
                        Wills  
                    </h3>
                    <hr>
                    <a alt="Wills" title="Wills" href="/wills" class="btn btn-info fpad-lg vpad view-more">View Category</a>
                </span>
                <a aria-label="View Category" href="/wills" class="homepage-link-element "></a>
            </div>
        </div>
        <div class="sub-category-single col-sm-6 col-md-3 text-center bmargin bpad">
                    <div class="pic lazyloader" data-src="/images/023-injury.png" >
                        <span class="pic-caption bottom-to-top" onclick>
                    <h3 class="pic-title bmargin">
                        Workers' Compensation  
                    </h3>
                    <hr>
                    <a alt="Workers' Compensation" title="Workers' Compensation" href="/workers-compensation" class="btn btn-info fpad-lg vpad view-more">View Category</a>
                </span>
                <a aria-label="View Category" href="/workers-compensation" class="homepage-link-element "></a>
            </div>
        </div>
            </div>
            <div class="clearfix"></div>
                    </div>
    </div>
</div>
</div>
</div>
    <div class="homepage-section-4"><div class="clearfix"></div>
<div class="content-container">
    <div class="container">
        <div class="row">
            <div class="col-md-12 homepage_content_2">
                <p><br></p><table class="froala-table" style="width: 100%;"><tbody><tr><td style="width: 50%;"><img src="https://www.bayarealawyer.org/images/59db92f169cc81b58f8dd0ae9e010d93795fb942.jpg" class="fr-dib" loading="lazy"></td><td style="width: 50%;"><span class="text__teaser">How It Works</span><h2 class="heading__underline--l">How To Find a Bay Area Lawyer</h2><p>Finding the best attorney for your case can be challenging. Conducting several internet searches, phone calls, and consultations takes a lot of time and can be downright exhausting. We&#39;re here to help.</p><p>Bay Area Lawyer makes your attorney search <em>easy</em>. Our database of Bay Area attorneys consists of vetted and verified lawyers of several different practice types. All you have to do is search, find your matches, and make a connection to have your case assessed.</p><p>Say goodbye to hours spent searching for a lawyer. Our directory is comprised of the best attorneys SF Bay Area has to offer.&nbsp;<br><br></p></td></tr></tbody></table><p><br></p><p><br></p><table class="froala-table" style="width: 100%;"><tbody><tr><td style="width: 33.3333%; text-align: center; vertical-align: top;"><p><img src="https://www.bayarealawyer.org/images/5435f07e93d48dd7bdc4823472eff9a88e5358c6.png" class="fr-dib padding-bottom--20px" loading="lazy" style="width: 100px;"></p><h3 class="heading__underline--c">Search For a Lawyer</h3><p>The first step is to locate an attorney who specializes in your type of case. Easily search our database to locate the lawyer who is right for you.</p></td><td style="width: 33.3333%; text-align: center; vertical-align: top;"><p><img src="https://www.bayarealawyer.org/images/bf7a7df9eab5d985aae3cc0e4005b64476c0a5d9.png" class="fr-dib padding-bottom--20px" loading="lazy" style="width: 100px;"></p><h3 class="heading__underline--c">Connect With Your Lawyer</h3><p>Once you&#39;ve found the right lawyer, it&#39;s time to connect. Simply contact the attorney through our website and await a response.&nbsp;</p></td><td style="width: 33.3333%; text-align: center; vertical-align: top;"><p><img src="https://www.bayarealawyer.org/images/be347d6f6fd820cf07f2c470681a8749f1f561a8.png" class="fr-dib padding-bottom--20px" loading="lazy" style="width: 100px;"></p><h3 class="heading__underline--c">Describe Your Case</h3><p>Once you&#39;ve successfully connected with your attorney, it&#39;s time to describe your case. We make receiving legal consultations as easy as possible.</p></td></tr></tbody></table><p style="text-align: center; margin-top:2rem;"><a class="btn-lg btn btn-info" href="/search_results/">Get Started</a></p>                                <div class="clearfix"></div>
            </div>
        </div>
    </div>
</div></div>
    <div class="homepage-section-5"><style type='text/css'> .display-recent-members .recent-member {
	vertical-align:top;
}
.recent-member-image {
	height:112px;
}
.recent-member-image img {
	max-height:112px;
}
.recent-member.smaller-image img {
	max-height: 100px;
}
.recent-member-info p {
	min-height:75px;
}
.streaming-recent-member-stars.stars-with-image .the-rating-text{
	display:block;
}
.streaming-recent-member-stars .the-average-rating{
	display:none;
}
.streaming-recent-member-stars .the-star-icons {
	letter-spacing: -1px;
}
.streaming-recent-member-stars .the-review-count {
  font-size: 11px;
}
.streaming-recent-member-stars .star_rating {
    white-space: nowrap;
}
@media only screen and (min-width: 991px) {
	.display-recent-members .recent-member:nth-child(3n+1) {
		clear: left;
	}
}
@media only screen and (max-width: 991px) {
	.display-recent-members .recent-member:nth-child(2n+1) {
		clear: left;
	}
}
 </style>    <div class="clearfix"></div>
    <div class="content-container">
        <div class="clearfix"></div>
        <div class="container">
            <div class="row">
                <div class="col-md-12">
                                        <h2 class="nomargin sm-text-center bold streaming-title" style="color: rgb(41, 41, 41)">
                        Recently Listed Attorneys                    </h2>
                    <hr>
                </div>
                <div class="clearfix"></div>
                <div class="grid-container display-recent-members ">
                    <div class="row">
                        <div class="slickMembers col-md-12">
                            
                                <div class="col-xs-12 col-sm-6 col-md-4 member recent-member ">
                                    <div class="well">
                                        <a class="h4 bold bmargin inline-block notranslate" title="Monica Burneikis - View Listing" href="/california/oakland/bay-area-attorney/monica-burneikis">
                                            Monica Burneikis                                        </a>                                        <div class="clearfix fpad-sm nobpad"></div>
                                        <div class="col-xs-4 nopad text-center recent-member-image">
                                            <a title="Monica Burneikis - View Listing" href="/california/oakland/bay-area-attorney/monica-burneikis">
                                                                                                    <img class="img-rounded center-block lazyloader" loading="lazy" width="400" height="400" alt="Monica Burneikis" data-src="/pictures/profile/pimage-19-44-photo.jpg">
                                                                                            </a>

                                            
                                        </div>
                                        <div class="col-xs-8 norpad small recent-member-info">
                                            <p>
                                                 Monica Burneikis has been an accident and personal injury lawyer since she started...                                                
                                                    <span class="tmargin bold center-block">
                                                        Located in
                                                    </span>
                                                    Oakland, CA                                                                                            </p>
                                                                                    </div>
                                        <div class="clearfix"></div>
                                    </div>
                                </div>
                                                    </div>
                    </div>
                                    </div>
                <div class="clearfix"></div>
            </div>
        </div>
    </div>

    </div>
    <div class="homepage-section-6"><div class="clearfix"></div>
<div class="content-container">
    <div class="container">
        <div class="row">
            <div class="col-md-12 homepage_content_3">
                <p><br></p><table class="froala-table" style="width: 100%;"><tbody><tr><td style="width: 50%;"><span class="text__teaser">We Make Client Acquisition Easy</span><h2 class="heading__underline--l">Join Today</h2><p>Looking to connect with the clients who need you the most? Bay Area Lawyer makes client acquisition easy for your practice. Every day there are countless people searching for an attorney who can help them get the results they deserve. Bay Area Lawyer takes out the headaches of marketing and helps you connect directly with prospective clients.</p><p>Building your practice has never been easier. Using our membership services puts you on the fast track to jumpstarting your client acquisition and can also help seasoned attorneys take on cases that make a difference.&nbsp;<br><br></p><p style="text-align: left; margin-top: 2rem;"><a class="btn-lg btn btn-info" href="/join/">Get Listed</a></p></td><td style="width: 50%;"><img src="https://www.bayarealawyer.org/images/c226b8cb2dbc54021655c991d60bf695388d4a63.jpg" class="fr-dib" loading="lazy"></td></tr></tbody></table><p><br></p><p><br></p>                                <div class="clearfix"></div>
            </div>
        </div>
    </div>
</div></div>
</div>        <div class="clearfix"></div>
    </div>
</div>
<!-- End Content -->
<div class="clearfix footer-clear-element "></div>

<div class="footer">
    <div class="container">
        <div class="row">
            <ul class="footer_menu sm-text-center">
                 <li class='col-md-5'><span id='link229'  class='head'> About</span><ul><li class=''><span id='link230'  class='content'> Finding Attorneys is easy by searching our trusted network of top-rated Attorneys.</span></li></ul></li><li class='col-md-2 col-md-offset-1'><span id='link231'  class='head'> Website</span><ul><li class=''><a href='/about' id='link232'>How It Works</a></li><li class=''><a href='/join' id='link233'>List Your Company</a></li></ul></li><li class='col-md-2'><span id='link234'  class='head'> Search</span><ul><li class=''><a href='/categories' id='link235'>Browse Categories</a></li><li class=''><a href='/locations' id='link236'>Browse Locations</a></li></ul></li><li class='col-md-2'><span id='link237'  class='head'> Support</span><ul><li class=''><a href='/login' id='link238'>Member Login</a></li><li class=''><a href='/about/contact' id='link293'>Contact Us</a></li></ul></li><li class='col-md-12 clearfix'><span id='link240'> </span></li><li class='col-md-5 vpad vmargin'><span id='link241'> <div itemscope itemtype="http://schema.org/WebSite">
	<meta itemprop="name" content="Bay Area Lawyer" id="sitename">
	<link href="//www.bayarealawyer.org" itemprop="url" id="sitelink">
	<div class="list-social-links">
		<a class="network-icon contact" href="/about/contact" title="Contact Us Bay Area Lawyer">
			<i class="fa fa-envelope"></i>
		</a> 
				<a class="network-icon facebook" itemprop="sameAs" href="https://www.facebook.com/Bay-Area-Lawyer-100865866081529" target="_blank" title="Bay Area Lawyer Facebook">
			<i class="fa fa-facebook"></i>
		</a>
								<a class="network-icon image-icon twitter" itemprop="sameAs" href="https://twitter.com/BALawDirectory" target="_blank" title="Bay Area Lawyer X">
			<img alt="Bay Area Lawyer X" loading="lazy" class="talign img-circle" src="/images/twitterX.png" width="40" height="40">
		</a>
		     
		      
				 
												<div class="clearfix"></div>
	</div>
</div></span></li><li class='col-md-6 col-md-offset-1 vpad vmargin'><a href='/join' id='link242'  class='btn btn_footer_get_listed btn-lg btn-block bold center sm-block'>Attorneys - Get Listed Today</a></li><li class='col-md-12 clearfix vmargin text-center'><span id='link243'> </span><ul><li class='clearfix vmargin vpad inline-block'><span id='link294'> </span></li><li class='btn-lg font-sm  novpad  norpad inline-block'><span id='link244'> © 2025</span></li><li class='font-sm inline-block hpad'><a href='/' id='link245'  title='Bay Area Lawyer'>Bay Area Lawyer</a></li><li class='font-sm inline-block'><span id='link246'> All Rights Reserved</span></li><li class='font-sm inline-block hpad'><a href='/about/terms' id='link247'  title=''>Terms of Use</a></li><li class='font-sm inline-block'><a href='/about/privacy' id='link248'  title=''>Privacy Policy</a></li></ul></li>             </ul>
        </div>
		    </div>
</div><style type='text/css'> .scrollup {
  border-radius: 3px;
  width: 40px;
  height: 40px;
  opacity: 0.4;
  position: fixed;
  bottom: 30px;
  right: 30px;
  display: none;
  background: rgba(119, 119, 119, 0.8);
  z-index: 1000000;
}
.scrollup i {
  font-size: 36px;
  color: white;
  position: relative;
  top: 0px;
  left: 10px;
} </style>


    <link rel="stylesheet" type="text/css" href="https://www.optimizecdn.com/directory/cdn/assets/bootstrap/limonte-sweetalert2/6.11.2/sweetalert2.min.css">
<script src="https://www.optimizecdn.com/directory/cdn/assets/bootstrap/limonte-sweetalert2/6.11.2/sweetalert2.min.js"></script>

<script>
    function clearContent(thisObj){
        var size;
        if(thisObj.hasClass('input-sm') || thisObj.parents('.input-group').hasClass('input-group-sm')){
            size = "small";
        } else if (thisObj.hasClass('input-lg') || thisObj.parents('.input-group').hasClass('large-autosuggest')){
            size = "large";
        } else {
            size = "medium";
        }
        if(!thisObj.parent().hasClass('input_wrapper')){
            if(thisObj.parent().hasClass('input-group-sm')){
                thisObj.wrap('<span class="input-group-sm input_wrapper"></span>');
            } else if (thisObj.parent().hasClass('input-group-lg')){
                thisObj.wrap('<span class="input-group-lg input_wrapper"></span>');
            } else {
                thisObj.wrap('<span class="input_wrapper"></span>');
            }
        }
        if(thisObj.val() != ""){
            if(thisObj.hasClass('googleSuggest')){
                thisObj.parent().find('.fill_location').remove();
            }
            if (!thisObj.parent().find('.clear_content').length){
                thisObj.parent().append(`<span class="clear_content ${size}"><i class="fa fa-times-circle" aria-hidden="true"></i></span>`);
                if (thisObj.hasClass("tt-input")) {
            		thisObj.focus();
        		}

            }
        }
            }

    $(document).on('click', '.drp-buttons .applyBtn', function(){
        clearContent($(".dateRange input"));
    });

    $('.sm-autosuggest input, .googleSuggest, .large-autosuggest input, .md-autosuggest input, .normal-autosuggest input, .google-writen-location, .dateRange input').keyup(function(){
        clearContent($(this));
    });

    $(document).ready(function(){
        $('.sm-autosuggest input, input.googleSuggest, .large-autosuggest input, .md-autosuggest input, .normal-autosuggest input, .google-writen-location, .dateRange input').each(function(){
            clearContent($(this));
        })
    })

    $(document).on('click', '.clear_content', function(){
        $(this).parent().find('input').val('');
        //tt-input its a class for typeahead auto-suggest
        if ($(this).parent().find('input').hasClass("tt-input")) {
            $(this).parent().find('input').typeahead('val','');
        }
        clearContent($(this).parent().find('input'));
        $(this).remove();
    });

	$(window).on('load', function () {
		setTimeout(function() {
			// add missing href attribute to multi-category options in search modules
			$('.bootstrap-select.show-tick .dropdown-menu a').attr('href', '#');
		}, 2000);
        	});
</script>



<a href="#" class="scrollup" title="scrollup">
    <i class="fa fa-caret-up" aria-hidden="true"></i>
</a>
<script>
        $(document).ready(function(){
        $('.progress .progress-bar').progressbar({
            display_text: 'fill'
        });
        $(window).scroll(function(){

            if ($(this).scrollTop() > 600) {
                $('.scrollup').fadeIn();

            } else {
                $('.scrollup').fadeOut();
            }
        });
        $('.scrollup').click(function(){
            $("html, body").animate({
                scrollTop: 0
            }, 600);
            return false;
        });
        $('#cropButton').click(function(){
            var iframe = $("#cropiFrame");
            iframe.attr("src", iframe.data("src"));
        });
    });
</script>

        <script type="text/javascript">
            var vlat        = 0;
            var vlon        = 0;
            var isSubmit    = false;
            var cityTypes       = [
                'colloquial_area',
                'locality',
                'sublocality',
                'sublocality_level_1',
                'sublocality_level_2',
                'sublocality_level_3',
                'sublocality_level_4',
                'sublocality_level_5',
                'neighborhood',
                'political',
                'ward',
                'postal_town'
            ];

            var postalTypes = [
                'postal_code',
                'postal_code_prefix',
                'postal_code_suffix',
                'street_number',
                'premise',
                'subpremise',
                'route',
                'intersection',
                'street_address',
                'floor',
                'room',
                'post_box',
                'delivery_address'
            ];

            var isSubmitting = false;
            window.cachedSelectedOption = [{ 'typed_location': '' }];
            window.isSubmittingMainSearch = false;

            document.addEventListener('DOMContentLoaded', () => {
                let isSubmitting = false; // Add flag at the top level

                setTimeout(()=>{
                    let googleSuggestForm = document.querySelectorAll('.googleSuggest,.google-writen-location,input[name="lead_location"],.fill_location');
                    if (typeof googleSuggestForm != "undefined") {
                        for (let i = 0; i < googleSuggestForm.length; i++) {
                            let closestForm = googleSuggestForm[i].closest('form');
                            if(typeof closestForm != "undefined" && closestForm != null){
                                closestForm.addEventListener('focusin', googleMapOnFormClick, false);

                            }else{
                                googleSuggestForm[i].addEventListener('input', googleMapOnFormClick, false);
                            }
                                googleSuggestForm[i].addEventListener('click', googleMapOnFormClick, false);
                            }
                        }
                },200);

                $('.website-search button[type=submit]').click(async function (e) {
                    e.preventDefault(); // Prevent the default submit action
                    await googleMapOnFormClick();
                    $(this).closest('form').submit();
                });
            });

            function googleMapOnFormClick() {
                return new Promise((resolve, reject) => {
                    window.isSubmittingMainSearch = false;
                    let googleSuggestForm = document.querySelectorAll('.googleSuggest, .google-writen-location, input[name="lead_location"], .fill_location');
                    let mapUri = "https://maps.googleapis.com/maps/api/js?v=3.exp&libraries=places&region=US&callback=initializeG&language=en&key=AIzaSyD0zozw1_fP5l2iqYJVV7nPP_RsWz9XwJY";
                    
                    let loadMapScriptAsync = function (uri) {
                        return new Promise((resolve, reject) => {
                            let script = document.createElement('script');
                            script.type = 'text/javascript';
                            script.src = uri;
                            script.async = true;
                            script.onload = function () {
                                resolve("ok");
                            };
                            script.onerror = function () {
                                reject("Failed to load Google Maps script.");
                            };
                            document.head.appendChild(script);
                        });
                    };

                    if (typeof google === "undefined" || !google.hasOwnProperty('maps')) {
                        loadMapScriptAsync(mapUri)
                            .then(() => {
                                resolve();
                            })
                            .catch((error) => {
                                console.error(error);
                                reject();
                            });
                    } else {
                        resolve();
                    }
                });
            }

            function initializeG() {
                var geocoder;
                window.cachedSelectedOption = [{ 'typed_location': '' }];
                let mapExists = document.querySelectorAll('[id^="map"]').length > 0;
                const functionsToInvoke = {
                    setJsMap: true,
                    setJsMapOverview: mapExists,
                    setJsMapSR: mapExists,
                    setJsMapSidebar: mapExists
                };
                if (window['maps_loaded'] !== true) {
                    for (let func in functionsToInvoke) {
                        if (typeof window[func] === 'function' && functionsToInvoke[func]) {
                            window['maps_loaded'] = true;
                            window[func]();
                        }
                    }
                }
                //This piece of code will create an autosuggest for every input with the class "googleSuggest"
                var counter = 1;
                var inputsArray = [];
                $(".googleSuggest").each(function () {
                    //get the id from the input to be the unique identifier for each autocomplete
                    var inputId = $(this).attr("id");
                    var inputElement = $(this);
                    inputsArray[counter] = /** @type {HTMLInputElement} */(
                        document.getElementById('' + inputId));
                    const mainCountry = 'US';
                    const inputOptions = {
                        fields: ['address_components', 'adr_address','formatted_address', 'geometry', 'icon', 'name','place_id','plus_code','type'],
                        types: ['geocode']
                    }
                    const language = "en";

                    if (language) {
                        inputOptions.language = language;
                    }
                    if (mainCountry) {
                        inputOptions.componentRestrictions = {country: mainCountry};
                        inputOptions.region = mainCountry;
                    }

                    var autocomplete = new google.maps.places.Autocomplete(inputsArray[counter], inputOptions);
                    google.maps.event.addListener(autocomplete, 'place_changed', function () {

                        cachedSelectedOption = [];
                        cachedSelectedOption.push(autocomplete.getPlace());

                        cachedSelectedOption[0]['typed_location'] = inputElement.val();
                       /* if(cachedSelectedOption[0]['adr_address']){
                            let cleanLocation = cachedSelectedOption[0]['adr_address'].replace(/<[^>]*>/g, '');
                            cachedSelectedOption[0]['typed_location'] = cleanLocation;
                            inputElement.val(cleanLocation);
                        }*/
                        if (cachedSelectedOption[0]['address_components'] == undefined) {
                            cachedSelectedOption = [];
                            var emptyObj = {
                                'typed_location': ''
                            };
                            cachedSelectedOption.push(emptyObj);
                        }
                    });
                    //the code that prevents the submition when hit enter on a google location autocomplete item
                    inputElement.keydown( function (e) {
                        if (e.keyCode == 13) {
                            var pacCounter = 0;
                            //need to run a loop to check each pac container
                            $('.pac-container').each(function () {

                                if ($(this).css("display") != "none") {
                                    pacCounter++;
                                }
                            });
                            if (pacCounter > 0) {
                                e.preventDefault();
                            }
                        }
                    });
                    counter++;
                });

                //triggers every time a form with the id website-search is trigered
                $('.website-search').submit(function (e) {
                    if (window.isSubmittingMainSearch) {
                        console.log('Preventing double submission');
                        e.preventDefault();
                        return false;
                    }

                    var currentForm = $(this);
                    var locationInput = $(this).find(".googleLocation");
                    var $submitButton = currentForm.find('input[type=submit], button[type=submit]');


                    if (locationInput.val() != "" && typeof locationInput.val() != 'undefined') {

                        // Set submitting flag
                        window.isSubmittingMainSearch = true;
                        $submitButton.prop('disabled', true);

                        e.preventDefault();
                        //this variable has the main country of the site
                        var form = currentForm;
                        var urlGET = form.serialize();
                        var formActionUrl = form.attr("action");
                        var locationValue = locationInput.val();



                        const mainCountry = 'US';
                        const inputOptions = {
                            address:locationValue
                        }
                        const language = "en";

                        if (language) {
                            inputOptions.language = language;
                        }
                        if (mainCountry) {
                            inputOptions.componentRestrictions = {country: mainCountry};
                            inputOptions.region = mainCountry;
                        }

                        if (typeof cachedSelectedOption == 'undefined') {
                            var emptyForm = {
                                'typed_location': ''
                            };
                            cachedSelectedOption.push(emptyForm);
                        }

                        if (locationValue != cachedSelectedOption[0]['typed_location']) {
                            geocoder = new google.maps.Geocoder();
                            geocoder.geocode(inputOptions, function (results, status) {

                                //if the google response of the geocoding was successful it will use that info to build the url for the new search
                                if (status == google.maps.GeocoderStatus.OK) {
                                    parseInfoToSearch(results, urlGET, formActionUrl);

                                } else {
                                    var urlPath = formActionUrl;
                                    var redirect = urlPath + "?" + urlGET;
                                    //will redirect the page using the new url that has been constructed
                                    window.location.href = redirect;
                                }
                            });

                        } else {
                            parseInfoToSearch(cachedSelectedOption, urlGET, formActionUrl);
                        }
                    }
                });

                //check if a map has been loaded
                if ($('#map-canvas').length > 0) {
                    var cssHideLogo = "<style>.pac-container:after {  /* Disclaimer: not needed to show 'powered by Google' if also a Google Map is shown */background-image: none !important;height: 0px;}</style>";
                    $('body').append(cssHideLogo);
                } else {
                    var cssHideLogo = "<style>.pac-container:after {  /* Disclaimer: not needed to show 'powered by Google' if also a Google Map is shown */background-image: block !important;height: 16px;}</style>";
                    $('body').append(cssHideLogo);
                }

                if (geocodeVisitorsSetting == 1 && geocodingMethod === "IP") {
                    populateSearchFields();
                }

                if($('.googleSuggest').val() == ""){
                    populateSearchFields();
                }
                
                var geocodeVisitorsSetting = '0';
                var geocodingMethod = 'HTML5';

                //check the advanced setting "geocode_visitor_default" if set to 1 will override the "location_value" values to the formatted desire address from the google reverse geocoding response

                var vlon = '';
                var vlat = '';
            }

            function switchPlaceID(placeId,urlGET, formActionUrl) {
                let request = {
                    placeId: placeId,
                    fields: ['address_components', 'adr_address', 'formatted_address', 'geometry', 'icon', 'name', 'place_id', 'plus_code', 'type'],
                };

                let service = new google.maps.places.PlacesService(document.createElement('div'));
                service.getDetails(request, function(place, status) {
                    if (status === google.maps.places.PlacesServiceStatus.OK) {
                        let dataArray = [];
                        dataArray.push(place);
                        parseInfoToSearch(dataArray, urlGET, formActionUrl);
                    } else {
                        console.error('Place details request failed with status:', status);
                    }
                });
            }

            function parseInfoToSearch(results, urlGET, formActionUrl) {
                var urlSearchParams = new URLSearchParams(urlGET);
                var parameters = {};
                var addressComponentsArray = [];
                if (results.length > 1) {
                    if(urlSearchParams.get("location_value")?.toLowerCase() === "nebraska" && results.length === 2){
                        let tempResult = results[0];
                        results[0] = results[1];
                        results[1] = tempResult;
                    }
                    for (let i = 0; i < results.length; i++) {
                        if (results[i].types[0] === 'natural_feature' ||
                            results[i].types[0] === 'airport' ||
                            results[i].types[0] === 'point_of_interest' ||
                            results[i].types[0] === 'establishment' ||
                            results[i].types[0] === 'park') {
                            results.splice(i, 1);
                        }
                    }
                }
                var adComLength = results[0].address_components.length;

                if(results[0].place_id == 'ChIJmQrivHKsQjQR4MIK3c41aj8'){
                    switchPlaceID('ChIJi73bYWusQjQRgqQGXK260bw',urlGET, formActionUrl);
                    return;
                }
                sessionStorage.setItem("google_result",JSON.stringify(results));

                
                var foundPostalType     = results[0].types.find(type => postalTypes.includes(type));
                var foundCityType       = results[0].types.find(type => cityTypes.includes(type));

                //loop that will build the array with the address components and will get the short name of country and administrative area level 1
                for (var i = 0; i < adComLength; i++) {

                    if (results[0].address_components[i]['types'][0] == "country") {
                        parameters.country_sn = results[0].address_components[i]['short_name'];
                    }
                    if (results[0].address_components[i]['types'][0] == "administrative_area_level_1") {
                        parameters.adm_lvl_1_sn = results[0].address_components[i]['short_name'];
                    }
                    if (results[0].address_components[i]['types'][0] == "administrative_area_level_1") {
                        parameters.stateSearchLN = results[0].address_components[i]['long_name'];
                    }
                    if (results[0].address_components[i]['types'][0] == "administrative_area_level_2") {
                        parameters.county_sn = results[0].address_components[i]['short_name'];
                    }
                    if ($.inArray(results[0].address_components[i]['types'][0], cityTypes) !== -1 && (foundCityType || foundPostalType ) ) {
                        parameters.city = results[0].address_components[i]['long_name'];
                    }
                    if (results[0].address_components[i]['types'][0] == "postal_code" || results[0].address_components[i]['types'][0] == "postal_code_prefix") {
                        parameters.postal_code = results[0].address_components[i]['long_name'];
                    }
                }

                parameters.location_type = results[0].types[0];

                if (parameters.adm_lvl_1_sn != '') {
                    parameters.stateSearch = parameters.adm_lvl_1_sn;
                }
                if (parameters.country_sn == "GB") {
                    delete parameters.adm_lvl_1_sn;
                }

                //will check if the response had the bounds parameters
                //if it had it will add the south west and north east parameters to the new url
                if (results[0].geometry.hasOwnProperty('bounds') || results[0].geometry.hasOwnProperty('viewport')) {

                    if (results[0].geometry.hasOwnProperty('bounds')) {
                        var boundsResponse = results[0].geometry.bounds;

                    } else {
                        var boundsResponse = results[0].geometry.viewport;
                    }
                    parameters.swlat = boundsResponse.getSouthWest().lat();
                    parameters.nelat = boundsResponse.getNorthEast().lat();
                    parameters.swlng = boundsResponse.getSouthWest().lng();
                    parameters.nelng = boundsResponse.getNorthEast().lng();

                    //if there were not bounds parameters in the response it will send the parameter fsearch as radius so a radius search will be performed because of lack of info for this location
                } else {
                    parameters.fsearch = "radius";
                }
                var locationCenterResponse = results[0].geometry.location;
                parameters.lat = locationCenterResponse.lat();
                parameters.lng = locationCenterResponse.lng();
                parameters.faddress = results[0].formatted_address;
                parameters.place_id = results[0].place_id;
                var formatParameters = $.param(parameters);
                urlGET = urlGET + "&" + formatParameters;
                var urlPath = formActionUrl;
                var redirect = urlPath + "?" + urlGET;
                //will redirect the page using the new url that has been constructed
                window.location.href = redirect;
            }
            function populateSearchFields() {
                var prePopulateLocationSetting = '0';
                var geolocationMethod = 'HTML5';

                //if set to one will get the lat and lng to do reverse geocoding
                if (prePopulateLocationSetting == 1 && (geolocationMethod === "HTML5" || geolocationMethod === "IP") && (vlat !== '' && vlon !== '' && vlat != undefined && vlon != undefined && vlat != 0 && vlon != 0)) {
                    var visitorLatLng = new google.maps.LatLng(parseFloat(vlat), parseFloat(vlon));
                    var visitorGeocoder = new google.maps.Geocoder();
                    var formattedAddress = [];
                    var preFormattedStructure = {
                        "locality": "long_name",
                        "administrative_area_level_2": "long_name",
                        "administrative_area_level_1": "long_name",
                        "country": "long_name"
                    };
                    visitorGeocoder.geocode({'latLng': visitorLatLng}, function (results, status) {
                        //if the google response of the geocoding was successful it will use that info to build the url for the new search
                        if (status == google.maps.GeocoderStatus.OK) {
                            $.each(preFormattedStructure, function (findex, fvalue) {
                                $.each(results[0].address_components, function (rindex, rvalue) {
                                    if (rvalue.types[0] == findex) {
                                        formattedAddress.push(rvalue.long_name);
                                    }
                                });
                            });
                            $('.googleSuggest').each(function () {
                                if ($(this).val() == '') {
                                    if (formattedAddress.length > 0) {
                                        $(this).val(formattedAddress.join(', '));
                                        clearContent($(this));
                                    }
                                }
                            });
                        } else {
                            $('.googleSuggest').each(function () {
                                $(this).val('');
                            });
                        }
                    });
                }
            }
            function showError(error) {
                switch (error.code) {
                    case error.PERMISSION_DENIED:
                        $('.fill_location.clicked').popover({
                            content: 'Your Local browser settings have prevented location targeting',
                            container: 'body'
                        });
                        $('.fill_location.clicked').popover('toggle');
                        setTimeout(function () {
                            $('.fill_location.clicked').popover('hide');
                            $('.fill_location.clicked').removeClass('clicked');
                        }, 2000);
                        break;
                    case error.POSITION_UNAVAILABLE:
                        break;
                    case error.TIMEOUT:
                        break;
                    case error.UNKNOWN_ERROR:
                        break;
                }
            }
            if (navigator.geolocation) {
                if ($(".googleSuggest")[0]) {
                    $(document).on('click', '.fill_location', function getCXPosition() {
                        $(this).addClass('clicked');
                        var startPos;
                        navigator.geolocation.getCurrentPosition(function (position) {
                            startPos = position;
                            vlat = startPos.coords.latitude;
                            vlon = startPos.coords.longitude;
                            $.get("/api/data/html/get/data_widgets/widget_name", {
                                "vlat": vlat,
                                "vlon": vlon,
                                "name": "Website - Save Coordinates Session"
                            }).done(function (data) {
                            });
                            populateSearchFields();
                        }, showError);
                    })
                }
            } else {
                console.log('Geolocation is not supported for this Browser/OS version yet.');
            }
            function getUrlParameter(sParam) {
                var sPageURL = window.location.search.substring(1);
                var sURLVariables = sPageURL.split('&');

                for (var i = 0; i < sURLVariables.length; i++) {
                    var sParameterName = sURLVariables[i].split('=');

                    if (sParameterName[0] == sParam) {
                        return decodeURIComponent(sParameterName[1]);
                    }
                }
            }
        </script>
        <script>
	$(document).ready(function(){
		$('.navbar-header .navbar-toggle.main_menu').click(function(){
			$('.mobile-main-menu').toggleClass('opened');
		});
		$('.mobile-main-menu .sidebar-nav').find('li').each(function(){
			$(this).addClass('hasChildren');
			if ($(this).children('ul').length > 0){
				$(this).prepend('<i class="fa fa-plus" aria-hidden="true"></i>');
				$(this).find('a').after('<div class="clearfix"></div>');
				$(this).find('span').after('<div class="clearfix"></div>');
			}
			$(this).append('<div class="clearfix"></div>');
		});

		$('.mobile-main-menu .sidebar-nav li i').click(function(){
			if ($(this).parent().children('ul').length > 0){
				$(this).parent().toggleClass('sub_open');
			}
			if ($(this).hasClass('fa-plus')){
				$(this).switchClass('fa-plus','fa-minus');
			} else {
				$(this).switchClass('fa-minus','fa-plus');
			}
		});
	})

	if ($(window).width() > 740 && $(window).width() < 1100) {

		$(document).ready(function(){
			$('.tablet-menu .tablet-menu-ul').find('li').each(function(){

				if ($(this).children('ul').length > 0){
					$(this).prepend('<i class="fa fa-plus tablet-fa hidden-sm hidden-md hidden-lg" aria-hidden="true"></i>');
					$(this).find('a').after('<div class="clearfix"></div>');
					var this_link = $(this).children('a').text().replace(/[^\x00-\x7F]/g, "");;
					$(this).children('a').html(this_link);
					$(this).find('span').after('<div class="clearfix"></div>');
				}
				$(this).append('<div class="clearfix"></div>');
			});

			$('.tablet-menu .tablet-menu-ul li i').click(function(){

				if ($(this).parent().children('ul').length > 0){
					$(this).parent().toggleClass('sub_open');

					if ($(this).siblings( "ul" ).hasClass('tablet-block')){
						$(this).siblings( "ul" ).switchClass('tablet-block', 'tablet-none');
					} else {
						$(this).siblings( "ul" ).addClass( "tablet-block" );

						if ($(this).siblings( "ul" ).hasClass('tablet-none')){
							$(this).siblings( "ul" ).removeClass('tablet-none')
						}

						if ($(this).parent().siblings().children('ul').hasClass('tablet-block')) {
							$(this).parent().siblings().children('ul').switchClass('tablet-block', 'tablet-none');
							$(this).parent().siblings().children('i').switchClass('fa-minus','fa-plus');
						}

						if ($(this).parent().siblings().children('ul').children().children('ul').hasClass('tablet-block')) {
							$(this).parent().siblings().children('ul').children().children('ul').switchClass('tablet-block', 'tablet-none');
							$(this).parent().siblings().children('ul').children().children('i').switchClass('fa-minus','fa-plus');
						}

						if ($(this).siblings('ul').children('ul').children().children('ul').hasClass('tablet-block')) {
							$(this).siblings('ul').children('ul').children().children('ul').switchClass('tablet-block', 'tablet-none');
							$(this).siblings('ul').children('ul').children().children('i').switchClass('fa-minus','fa-plus');
						}

					}

				}

				if ($(this).hasClass('fa-plus')){
					$(this).switchClass('fa-plus','fa-minus');
				} else {
					$(this).switchClass('fa-minus','fa-plus');
				}
			});
		})
	}
	// Append unique ID attribute for mobile main menu links
	$('.mobile-main-menu a,.mobile-main-menu span').attr("id", function() { return $(this).attr("id") + "-mobile" });
</script><script>
	$(document).ready(function() {
		var i;
        var imageRatio = 0.5625;
        		for (i = 0; i < 16; i++) {

			var sectionid = ".homepage-section-" + i + " .pic";
			var calc = Math.floor($(sectionid).width() * imageRatio);
			$(sectionid).css({
				'height': calc + 'px'
			});

			var spanid = ".homepage-section-" + i + " .pic .pic-caption";
			var calc2 = $(sectionid).height() - 42;
			$(spanid).css({
				'transform' : 'translateY(' + calc2 + 'px)'
			});	
		}
	});
</script><script>
	function decision(message, url) {
		if (confirm(message)) {
			setTimeout(function () {
				window.location = url;
			}, 0);
		}
	}
</script>
<script>
	// Function to add alt, width, and height attributes to <img> elements without them
	function addAttributesToImages() {
		var images = document.querySelectorAll('img:not([alt]), img:not([width]), img:not([height])');
		Array.prototype.forEach.call(images, function(img) {
			// Add alt attribute if missing
			if (!img.hasAttribute('alt')) {
				var src = img.getAttribute('src') || 'image';  // Default src to 'image' if missing
				var altText = src.split('/').pop().split('?')[0].replace(/\.\w+$/, '');

				try {
					altText = decodeURIComponent(altText)
					.replace(/[_\-+,.:;]+/g, ' ')
					.replace(/\s+/g, ' ')
					.trim();
				} catch (e) {
					altText = 'image';  // Fallback to 'image' if decoding fails
				}

				// Ensure altText is not empty, otherwise use 'image'
				altText = altText || 'image';

				img.setAttribute('alt', altText);
			}

			// Add width and height attributes if missing
			if (!img.hasAttribute('width') || !img.hasAttribute('height')) {
				// Handle SVG differently
				if (img.src.endsWith('.svg')) {
					// For SVG, use the viewBox to set width and height, if available
					fetch(img.src)
					.then(response => response.text())
					.then(svgText => {
						var parser = new DOMParser();
						var svgDoc = parser.parseFromString(svgText, "image/svg+xml");
						var svgElement = svgDoc.querySelector('svg');
						
						if (svgElement) {
							var viewBox = svgElement.getAttribute('viewBox');
							if (viewBox) {
								var viewBoxValues = viewBox.split(' ');
								var width = viewBoxValues[2];
								var height = viewBoxValues[3];

								if (!img.hasAttribute('width')) {
									img.setAttribute('width', width);
								}
								if (!img.hasAttribute('height')) {
									img.setAttribute('height', height);
								}
							}
						}
					});
				} else {
					// For non-SVG images, use natural dimensions
					var tempImg = new Image();
					tempImg.src = img.src;
					
					tempImg.onload = function() {
						if (!img.hasAttribute('width')) {
							img.setAttribute('width', tempImg.naturalWidth);
						}
						if (!img.hasAttribute('height')) {
							img.setAttribute('height', tempImg.naturalHeight);
						}
					};
				}
			}
		});
	}

	document.addEventListener('DOMContentLoaded', function() {
		// Run the function initially to catch images already in the DOM
		addAttributesToImages();

		// Create a MutationObserver to monitor the DOM for added/changed images
		var observer = new MutationObserver(function(mutations) {
			mutations.forEach(function(mutation) {
				if (mutation.addedNodes.length > 0 || mutation.type === 'attributes') {
					addAttributesToImages();  // Add alt, width, and height attributes to any newly added or modified images
				}
			});
		});

		// Start observing the document body for changes
		observer.observe(document.body, {
			childList: true, // Watch for added or removed nodes
			subtree: true, // Watch the entire subtree
			attributes: true, // Watch for attribute changes
			attributeFilter: ['src'] // Specifically watch for changes in the 'src' attribute
		});
	});
</script><style type='text/css'> select#sid[disabled], select#tid[disabled], select.combobox[disabled], select#bd-chained[disabled], select#category-chained[disabled], select.infinite-chained[disabled], select.subcategory-chained[disabled], select.search-chained[disabled], select#country-chained[disabled], select#state-chained[disabled], select#country-chained-2[disabled], select#state-chained-2[disabled], select#profession_id[disabled] {
    cursor: wait
}
select.select2-preload {
    line-height: initial;
}

select#sid, select#tid, select.combobox, select#bd-chained, select#category-chained, select.infinite-chained, select.subcategory-chained, select.search-chained, select#country-chained, select#state-chained, select#country-chained-2, select#state-chained-2, select#profession_id, [name^="bd_phone_country_code"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-image: url(/images/select2ArrowDown.png) !important;
    background-repeat: no-repeat !important;
    background-size: 10px 9px !important;
    background-position: 99% 16px;
    border-radius: 6px;
    overflow: hidden;
}
.module select#sid, .module select#tid, .module select.combobox, .module select#bd-chained, .module select#category-chained, .module select.infinite-chained, .module select.subcategory-chained, .module select.search-chained, .module select#country-chained, .module select#state-chained, .module select#country-chained-2, .module select#state-chained-2, .module select#profession_id, [name^="bd_phone_country_code"] {
    background-position: 98.2% 12px;
} </style>    <!-- DROPDOWN SELECT SCRIPT -->
    <!-- Select2 CSS Included in website-styles.pkgd.min.css -->
    <!--[if lt IE 9]>
    <script defer src="https://www.optimizecdn.com/directory/cdn/assets/html5shiv/3.7.2/html5shiv.min.js"></script>
    <script defer src="https://www.optimizecdn.com/directory/cdn/bootstrap/select2/master/js/respond.min.js"></script>
    <![endif]-->
    <script>

        var preloaded_ttid  = false;
        var preloaded_tid   = false;
        var preloaded_sid   = false;
        var path            = window.location.pathname.replace(/\//g, "_");

        if (performance.navigation.type !== 2) {
            if (sessionStorage.getItem('select2_ttid'+path) !== null) {
                sessionStorage.removeItem('select2-ttid'+path);
            }

            if (sessionStorage.getItem('select2-tid'+path) !== null) {
                sessionStorage.removeItem('select2-tid'+path);
            }

            if (sessionStorage.getItem('select2-sid'+path) !== null) {
                sessionStorage.removeItem('select2-sid'+path);
            }

        }else if(performance.navigation.type === 2){
            if (sessionStorage.getItem('select2-ttid'+path) !== null) {
                preloaded_ttid = sessionStorage.getItem('select2-ttid'+path);
            }

            if (sessionStorage.getItem('select2-tid'+path) !== null) {
                preloaded_tid = sessionStorage.getItem('select2-tid'+path);
            }

            if (sessionStorage.getItem('select2-sid'+path) !== null) {
                preloaded_sid = sessionStorage.getItem('select2-sid'+path);
            }
        }

        window.addEventListener('load', () => {
            let select2Inputs = document.querySelectorAll('.select-category-chained,#sid,#tid,.combobox,#bd-chained,#category-chained,.infinite-chained,.subcategory-chained,.search-chained,select#country-chained,#state-chained,#country-chained-2,#state-chained-2,#profession_id,[name^="bd_phone_country_code"]');
            if (typeof select2Inputs != "undefined") {
                for (let i = 0; i < select2Inputs.length; i++) {
                    let inputPlaceHolder = select2Inputs[i].getAttribute('placeholder');
                    if (!select2Inputs[i].getAttribute('placeholder')) {
                        inputPlaceHolder = select2Inputs[i].getAttribute('data-placeholder');
                    }
                    let countryCode = select2Inputs[i].getAttribute('data-country-code');
                    if (select2Inputs[i].getAttribute('data-country-code') != null && countryCode > 0 && typeof isoCountries != 'undefined') {
                        for (let c = 0; c < isoCountries.length; c++) {
                            if(isoCountries[c].id == countryCode){
                                //   select2Inputs[i].querySelector('option:first-child').text = isoCountries[c].text;
                                select2Inputs[i].text = isoCountries[c].text;
                            }
                        }

                    }
                    if(select2Inputs[i].hasAttribute('data-country-code')){
                        inputPlaceHolder = null; //reset the input
                    }
                    if (inputPlaceHolder != '' && inputPlaceHolder !== null) {
                        select2Inputs[i].querySelector('option:first-child').text = inputPlaceHolder;
                        select2Inputs[i].style.color = "#a8a8a8";
                        if(!select2Inputs[i].querySelector('option:first-child').hasAttribute('value')){
                            select2Inputs[i].querySelector('option:first-child').value='';
                        }
                    }
                    select2Inputs[i].classList.add("select2-preload");
                    select2Inputs[i].addEventListener('mousedown', select2OnFormClick, false);
                }
            }
        });

        function select2OnFormClick(event = false) {
            let elemtClicked = '';
            if (event !== false) {
                event.preventDefault();
                event.stopImmediatePropagation();
                elemtClicked = event.target;
                elemtClicked.disabled = true;
            }

            let loadScriptAsync = function (uri) {
                return new Promise((resolve, reject) => {
                    let script = document.createElement('script');
                    script.type = 'text/javascript';
                    script.src = uri;
                    script.async = true;
                    script.onload = function () {
                        if (event !== false) {
                            elemtClicked.disabled = false;
                            select2Initialize();
                            $(elemtClicked).select2('open');
                            $(elemtClicked).on("select2-close", function () {
                                setTimeout(function() {
                                    $('.select2-container-active').removeClass('select2-container-active');
                                    $(':focus').blur();
                                }, 1);
                            });
                            if (elemtClicked.hasAttribute('data-fv-field')) {
                                if (window.getComputedStyle(elemtClicked).display === "none") {
                                    // if element is display none, the formvalition can not read
                                    elemtClicked.style.cssText = "display: block;position: absolute;visibility: hidden !important;height: 0;width: 0;opacity: 0 !important;"
                                }
                            }
                        } else {
                            select2Initialize();
                        }
                        resolve("ok");
                    };
                    let head = document.getElementsByTagName('head')[0];
                    head.appendChild(script);
                });
            }

            let select2Inputs = document.querySelectorAll('.select-category-chained,#sid,#tid,.combobox,#bd-chained,#category-chained,.infinite-chained,.subcategory-chained,.search-chained,select#country-chained,#state-chained,#country-chained-2,#state-chained-2,#profession_id,[name^="bd_phone_country_code"]');

            if (typeof select2Inputs != "undefined") {
                for (let i = 0; i < select2Inputs.length; i++) {
                    let inputPlaceHolder = select2Inputs[i].getAttribute('placeholder');
                    if (!select2Inputs[i].getAttribute('placeholder')) {
                        inputPlaceHolder = select2Inputs[i].getAttribute('data-placeholder');
                    }
                    if(select2Inputs[i].hasAttribute('data-country-code')){
                        inputPlaceHolder = null; //reset the input
                    }
                    if (inputPlaceHolder != '' && inputPlaceHolder !== null) {
                        select2Inputs[i].querySelector('option:first-child').text = '';
                    }
                    select2Inputs[i].removeEventListener('mousedown', select2OnFormClick, false);
                }
            }
            let scriptLoaded = loadScriptAsync('https://www.optimizecdn.com/directory/cdn/bootstrap/select2/3.5.2/select2.min.js?v=3.5.5');
            return scriptLoaded;
        }

        function select2Initialize(){
            function getSecondLevel(div,id) {
                $("#" + div).select2("data", {
                    id: "",
                    text: `Loading...`
                });
                $.ajax({
                    url : '/ajaxsearch/get-services',
                    type : "GET",
                    data : {
                        'specialty_id' : id
                    },
                    dataType: "json",
                    success : function(data) {
                        var options = '';

                        for (var i = 0; i < data.length; i++) {
                            options += '<option value="' + data[i].value + '">' + data[i].title + '</option>';
                        }
                        if (div == "tid"){
                            $("#ttid").select2("data", {
                                id: "",
                                text: "No options available"
                            });


                            $("#ttid").select2("enable", false);

                            $("#" + div).change(function () {
                                sessionStorage.setItem("select2-tid"+path,$(this).val());
                            });
                        }
                        if (data.length > 1) {
                            $("#" + div).select2("enable",true);
                            $("#" + div).html(options);
                            $("#" + div).select2("val", "");
                            
                        } else {
                            $("#"+div).select2("data", {
                                id: "",
                                text: "No options available"
                            });
                            $("#"+div).select2("val", "");
                        }

                        if(div == 'tid' && preloaded_tid !== false){
                            $("#" + div).select2("val", preloaded_tid);
                        }
                    }
                });
            }
            function getSecondLevelAccount(div,id) {
                $("#" + div).select2("data", {
                    id: "",
                    text: `Loading...`
                });
                $.ajax({
                    url : '/ajaxsearch/get-services',
                    type : "GET",
                    data : {
                        'specialty_id' : id
                    },
                    dataType: "json",
                    success : function(data) {
                        var options = '';

                        for (var i = 0; i < data.length; i++) {
                            options += '<option value="' + data[i].value + '">' + data[i].title + '</option>';
                        }
                        if (data.length > 1) {
                            $("#" + div).select2("close");
                            $("#" + div).select2("val", "");
                            $("#" + div).select2("enable",true);
                            $("#" + div).html(options);

                            
                        } else {
                            $("#"+div).select2("data", {
                                id: "",
                                text: "No options available"
                            });
                            $("#"+div).select2("val", "");
                        }
                    }
                });
            }
            function getThirdLevel(div,id,id2) {
                $("#"+div).select2("data", {
                    id: "",
                    text: `Loading...`
                });

                $.ajax({
                    url : '/ajaxsearch/get-locations',
                    type : "GET",
                    data : {
                        'specialty_id' : id,
                        'treatment_id' : id2,
                    },
                    dataType: "json",
                    success : function(data) {
                        var options = '';

                        for (var i = 0; i < data.length; i++) {
                            options += '<option value="' + data[i].value + '">' + data[i].title + '</option>';
                        }
                        if (data.length > 1) {
                            $("#" + div).select2("enable",true);
                            $("#" + div).html(options);
                            $("#" + div).select2("val", "");
                            
                        } else {
                            $("#"+div).select2("data", {
                                id: "",
                                text: "No options available"
                            });
                            $("#"+div).select2("val", "");
                        }
                    }
                });
            }
            var current_country = '';
            function getStateList(div,id) {
                if (id != current_country) {

                    $("#"+div).select2("data", {
                        id: "",
                        text: `Loading...`
                    });
                    $.ajax({
                        url : '/ajaxsearch/get-states',
                        type : "GET",
                        data : {
                            'country' : id
                        },
                        dataType: "json",
                        success : function(data) {
                            $("#" + div).html(''); // clear options


                            if (data.length > 1) {
                                var options = '';
                                for (var i = 0; i < data.length; i++) {
                                    //  options += '<option value="' + data[i].value + '">' + data[i].title + '</option>';
                                    var newOption = new Option(data[i].title, data[i].value, false, false);
                                    $("#" + div).append(newOption).trigger('change');

                                }

                                $("#" + div).select2("enable",true);
                                //$("#" + div).html(options);
                                $("#" + div).prop("disabled", false);
                                $("#" + div).select2("val", "");
                                                                $("#" + div).select2("open");
                                                            }
                        }
                    });
                } else {
                    $("#" + div).select2("val", "");
                }
            }
            function getInfinityChained(div,id) {
                $("#"+div).select2("data", {
                    id: "",
                    text: `Loading...`
                });
                $.ajax({
                    url : '/ajaxsearch/get-subcategory',
                    type : "GET",
                    data : {
                        'parent' : id
                    },
                    dataType: "json",
                    success : function(data) {
                        var options = '';

                        for (var i = 0; i < data.length; i++) {
                            options += '<option value="' + data[i].value + '">' + data[i].title + '</option>';
                        }
                        if (data.length > 1) {
                            $("#" + div).select2("enable",true);
                            $("#" + div).html(options);
                            if(div == 'tid' && '' != ''){
                                $("#" + div).select2("val", "");
                            } else if(div == 'tid' && preloaded_tid !== false){
                                $("#" + div).select2("val", preloaded_tid);
                            }else {
                                $("#" + div).select2("val", "");
                            }



                            
                        } else {
                            $("#" + div).select2("data", {
                                id: "",
                                text: "No options available"
                            });
                        }
                    }
                });
            }
            function categoryChained(div,id) {
                $("#" + div).select2("data", {
                    id: "",
                    text: `Loading...`
                });
                if(div == "tid") {
                    url_link = '/ajaxsearch/get-services'
                    data_passed = {'specialty_id' : id}
                } else {
                    url_link = '/ajaxsearch/category-list';
                    data_passed = {'parent' : id} ;
                }

                var selectName = $("select[next="+div+"]").prop("name");


                if( (selectName == "ttid" || selectName == "sid" || selectName == "tid") ){

                    sessionStorage.setItem("select2-"+selectName+path,id);
                }

                $.ajax({
                    url : url_link,
                    type : "GET",
                    data : data_passed,
                    dataType: "json",
                    success : function(data) {
                        var options = '';

                        for (var i = 0; i < data.length; i++) {
                            options += '<option value="' + data[i].value + '">' + data[i].title + '</option>';
                        }

                        if (data.length > 1) {
                            $("#" + div).select2("enable",true);
                            $("#" + div).html(options);

                            if(div == "ttid" && preloaded_ttid !== false){
                                $("#" + div).select2("val", preloaded_ttid);
                                $("#" + div).trigger('change');
                            }else if(div == "tid" && preloaded_tid !== false){
                                $("#" + div).select2("val", preloaded_tid);
                                $("#" + div).trigger('change');
                            }else{
                                $("#" + div).select2("val", "");
                            }


                            
                        } else {
                            $("#" + div).select2("data", {
                                id: "",
                                text: "No options available"
                            });
                        }
                    }
                });
            }
            function formatCountry(country) {
                if (!country.id && country.text.includes("+")) {
                    let dataCountry = country.text;
                    dataCountry = dataCountry.split('+')
                    country.code = dataCountry[0].trim();
                    country.id = dataCountry[1].trim();
                    return country;
                } else if (!country.code) {
                    return country.text;
                }
                var $country = $(
                    '<span class="flag-icon flag-icon-' + country.code.toLowerCase() + ' flag-icon-squared"></span>' +
                    '<span class="flag-text" style="margin-left:10px;">' + country.text + '</span>'
                );
                return $country;
            }

            let phoneCountryCode = document.querySelector("[name^='bd_phone_country_code']");
            if (typeof phoneCountryCode != 'undefined' && phoneCountryCode != null && typeof isoCountries != 'undefined') {
                $("[name^='bd_phone_country_code']").select2({
                    placeholder:`Country`,
                    data:isoCountries,
                    searchInputPlaceholder: `Enter Country Code`,
                    formatResult : formatCountry,
                    dropdownAutoWidth: true,
                    width: "resolve",
                }).on("select2-opening", function (e) {
                    if (typeof e.currentTarget.attributes['data-default-country-code'] !== "undefined") {
                        $(this).val(e.currentTarget.attributes['data-default-country-code'].value)
                            .removeAttr("data-default-country-code")
                            .trigger('change')
                            .trigger('open');
                    }
                }).change(function (e) {
                    let select2Span = $(this).attr('id');
                    if (e.val) {
                        $('#'+$(this).attr('id')+'--flag').remove();
                        $('#s2id_' + select2Span + ' a span.select2-chosen').prepend('<span class="flag-icon flag-icon-' + e.added.code.toLowerCase() + ' flag-icon-squared" style="margin-right:10px"></span>')
                    }else{
                        $('#s2id_' + select2Span + ' a span.select2-chosen').prepend('<span class="flag-icon flag-icon-' + $(this).attr('data-default-country-flag').toLowerCase() + ' flag-icon-squared" style="margin-right:10px"></span>')
                    }
                    $(this).removeAttr("data-default-country-flag");

                });
            }
            $("#bd-chained").select2({
                title: "Select Category",
                placeholder: "Select Category",
                allowClear: true,
                formatNoMatches: function () {
                    return "No matches found";
                }
            }).change(function () {
                var id = $(this).val();
                $("#tid").select2("enable",false);
                getInfinityChained("tid",id);
                            });
            $("#category-chained").select2({
                title: "Select Category",
                placeholder: "Select Category",
                allowClear: true
            }).change(function () {
                var id = $(this).val();
                $("#subcategory-chained").select2("enable",false);
                categoryChained("subcategory-chained",id);
                            });

            $(".select-category-chained").select2({
                title: "Select Category",
                placeholder: "Select Category",
                allowClear: true
            })
            $(".infinite-chained").select2({
                title: "Select option from list",
                placeholder: "Click to select an option",
                allowClear: true,
                formatNoMatches: function () {
                    return "No matches found";
                }
            }).change(function () {
                var id          = $(this).val();
                var attr        = $(this).attr('next');
                var selectName  = $(this).prop('name');
                if ( selectName=='ttid' || attr =='ttid' ) {
                    $("#" + attr).select2("enable",false);
                    categoryChained(attr,id);
                                        sessionStorage.setItem("select2-"+selectName+path,id);
                }
            }).on("select2-close", function () {
                setTimeout(function() {
                    $('.select2-container-active').removeClass('select2-container-active');
                    $(':focus').blur();
                }, 1);
            });
            $("#subcategory-chained").select2();
            $(".combobox").select2();
            $(".search-chained").select2();

            $("select#country-chained").select2({
                title: "",
                placeholder: "",
                val: "",
                allowClear: true,
                formatNoMatches: function () {
                    return "No matches found";
                }
            }).change(function () {
                var id = $(this).val();
                $("#state-chained").select2("enable",false);
                getStateList("state-chained",id);
                var state = "";

                if (id == "CA") {
                    state = "Province";

                } else if (id == "UK") {
                    state = "Region";

                } else if (id == "US" || id == "AU") {
                    state = "State";

                } else {
                    state = "Region";
                }
                $("#state-chained").prev(".control-label").text(state);
            });
            $("#state-chained").select2();

            $("#state-chained").on("select2-open", function(event) {
                event.preventDefault();
                var id = $("#country-chained").val();
                var count = $('#state-chained option').length;

                if (id != "" && count < 2) {
                    $("#state-chained").select2("enable",false);
                    getStateList("state-chained",id);
                    var state = "";

                    if (id == "CA") {
                        state = "Province";

                    } else if (id == "UK") {
                        state = "Region";

                    } else if (id == "US" || id == "AU") {
                        state = "State";

                    } else {
                        state = "Region";
                    }
                    $("#state-chained").prev(".control-label").text(state);
                }
            });

            $("#country-chained-2").select2({
                title: "Select Country",
                placeholder: "(select country)",
                val: "",
                allowClear: true,
                formatNoMatches: function () {
                    return "No matches found";
                }
            }).change(function () {
                var id = $(this).val();
                $("#state-chained-2").select2("enable",false);
                getStateList("state-chained-2",id);
                var state = "";

                if (id == "CA") {
                    state = "Province";

                } else if (id == "UK") {
                    state = "Region";

                } else if (id == "US" || id == "AU") {
                    state = "State";

                } else {
                    state = "Region";
                }
                $("#state-chained-2").prev(".control-label").text(state);
            });

            $("#state-chained-2").select2();
            $("#profession_id").select2({
                placeholder: "Select From List",
                allowClear: true,
                formatNoMatches: function () {
                    return "No matches found";
                }
            }).change(function () {
                var id = $(this).val();
                getSecondLevelAccount("category_id",id);
                            });
                        $("#sid").select2({
                title: "Select Category",
                placeholder: "Select Category",
                allowClear: true,
                formatNoMatches: function () {
                    return "No matches found";
                }
            }).change(function () {
                var id = $(this).val();
                $("#tid").select2("enable",false);
                getSecondLevel("tid",id);
                $("#tid").select2("open");
                sessionStorage.setItem("select2-sid"+path,id);
            });
            $("#location_value_dropdown").select2({
                title: "More Options",
                placeholder: "More Options",
                allowClear: true,
                formatNoMatches: function () {
                    return "No matches found";
                }
            });
            $("#tid").select2({
                title: "Select Sub-category",
                placeholder: "Select Sub-category",
                allowClear: true,
                formatNoMatches: function () {
                    return "No matches found";
                }
                            });
            $("#location_value_dropdown").select2({
                title: "More Options",
                placeholder: "More Options",
                allowClear: true
            });
        }

        if(preloaded_ttid !== false || preloaded_tid !== false || preloaded_sid !== false){
            $(document).ready(function(){
                if(preloaded_sid !== false && $("#sid").length > 0){
                    select2OnFormClick();
                    setTimeout(() => {
                        $("#sid").select2('val', preloaded_sid);
                        $('#sid').trigger('change');
                    }, 500);
                }else if(preloaded_tid !== false && $("#sid").length <= 0){
                    select2OnFormClick();
                    setTimeout(() => {
                        $("#tid").select2('val', preloaded_tid);
                        $('#tid').trigger('change');
                    }, 500);
                }
            });
        }
    </script>
<script>
    // Function to add aria-label to <select> elements without it, for better pagespeed accessibility score
    $(document).ready(function() {
        var ariaLabelCounter = {}; // Object to keep track of aria-label counts for uniqueness

        // Iterate over each select element that does not have an aria-label
        $('select:not([aria-label])').each(function() {
            // Use the ID or placeholder as the base for the aria-label, stripping HTML tags
            var baseLabel = this.id || $(this).attr('placeholder') || 'select';
            baseLabel = baseLabel.replace(/<[^>]*>/g, '').trim(); // Remove HTML tags and trim

            // Ensure uniqueness of each aria-label
            ariaLabelCounter[baseLabel] = (ariaLabelCounter[baseLabel] || 0) + 1;
            var ariaLabel = baseLabel + '-' + ariaLabelCounter[baseLabel];

            // Truncate aria-label to 100 characters
            ariaLabel = ariaLabel.length > 100 ? ariaLabel.substring(0, 100) : ariaLabel;

            // Set the aria-label attribute to the unique label
            $(this).attr('aria-label', ariaLabel);
        });
    });
</script><!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-5PVPCRK"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->
<script>
    window.addEventListener('load', () => {
        let embedlyClass = document.querySelector('.fr-embedly');
        if (typeof embedlyClass != "undefined" && embedlyClass != null) {
            let embedlyURI = "https://www.optimizecdn.com/directory/cdn/assets/bootstrap/js/embedly_widget.min.js";
            let head = document.getElementsByTagName("head")[0];
            let script = document.createElement('script');
            script.type = 'text/javascript';
            script.src = embedlyURI;
            script.async = true;
            head.appendChild(script);
        }
    });
</script><script type="text/javascript" src="https://www.optimizecdn.com/directory/cdn/assets/bootstrap/jquery.lazy/1.7.9/jquery.lazy.min.js"></script><script>
                            $(function () {
                                $(".lazyloader").Lazy({
                                    afterLoad: function(element) {
                                        $(".gridView.activeView").click();
                                    }
                                });
                                
                            });
                            $("button[class*='slick'],button[id*='slick']").click(function () {
                              $(this).parents(".row").find(".lazyloader").lazy({
                                    bind: "event",
                                    delay: 0
                                });
                            });
                            $("[class*='slick'],[id*='slick']").on("swipe",function(){
                              $(this).parents(".row").find(".lazyloader").lazy({
                                    bind: "event",
                                    delay: 0
                                });
                            });
                        </script><script defer src="https://www.optimizecdn.com/directory/cdn/assets/bootstrap/js/websiteScripts.min.js?v=0.4"></script>
            </body>
        </html>