SWGDRUG IR-SPEC Library - JDX Converter

<!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/icon-bpublic-directory.png">
    <link rel="icon" type="image/png" href="/images/icon-bpublic-directory.png">
	
    <!-- Site Meta Data -->
    <title>bPUBLIC Local Business Directory - Find Companies & Business Leaders</title>
    <meta name="description" content="With bPUBLIC, you can search your local area for the best businesses and business leaders. And if you are a business owner, you can submit your company to gain exposure and get leads.">
    <meta name="keywords" content="bPUBLIC, business directory, local business, Yelp alternative, LinkedIn alternative, member directory">
    <meta name="robots" content="index, follow">

    <!-- Canonical URL -->
	<link rel="canonical" href="https://www.bpublic.com">	
    <span style="position:absolute;color:transparent;width:100%;z-index:-1;height:50px;top:0;">
	www.bpublic.com - bPUBLIC</span>
    <link rel="alternate" type="application/rss+xml" title="bPUBLIC RSS Feed" href="https://www.bpublic.com/rss" />
    	
	<!-- Preload -->
	<link rel="preload" as="style" href="https://www.optimizecdn.com/directory/cdn/assets/bootstrap/css/critical-styles.pkgd.min.css?v=04.12.24.19" 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=2.1.1">
	<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=04.12.24.19">
    	
    <!-- Google Fonts Stylesheet -->    
    <link rel="stylesheet" media="print" onload="this.onload=null;this.removeAttribute('media');" href="https://fonts.googleapis.com/css?family=Montserrat:300,400,600,700,800,900|Ubuntu:300,400,600,700,800,900|Poppins:300,400,600,700,800,900&display=swap">
    <noscript>
        <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Montserrat:300,400,600,700,800,900|Ubuntu:300,400,600,700,800,900|Poppins: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">
	
	<!-- Social Media Meta Data -->
    <meta property="og:type" content="website">
    <meta property="og:url" content="https://www.bpublic.com">
    <meta property="og:site_name" content="bPUBLIC">
    <meta property="og:title" content="Member Directory - Find Member - bPUBLIC">
    <meta property="og:description" content="Search the most complete member database. Find Member.">
    <meta property="og:image" content="https://www.bpublic.com/images/bPUBLIC-directory-city-guide.png">	
    <!-- Custom Site-wide HEAD Content --><meta name='impact-site-verification' value='03cebc47-4618-4765-9605-5b0ab90dc287'>        <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®ion=US&callback=g&language=en&key=AIzaSyCQBqysgsrvDdDvTh_fddPXOwsKkswEz2Y"></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(255, 255, 255);
        color: rgb(41, 41, 41);
        font-family: 'Montserrat';
        font-size: 14px;
    }
    .select2-container .select2-choice {
        font-family: 'Montserrat'!important;
    }
        html{
        background: rgb(24, 52, 88)    }
        a,a.h1,a.h2,a.h3,a.h4,a.h5,a.h6,.pricing_menu li ul li a:not(.btn) {
        color: rgb(162, 0, 0);
    }
    a:hover, a:focus,.pricing_menu li ul li a:not(.btn):hover,.pricing_menu li ul li a:not(.btn):focus {
        color: rgb(24, 52, 88);
    }
    .breadcrumb a{
            color: rgba(41, 41, 41,0.9);
    }
    .breadcrumb a:hover, .breadcrumb a:focus,.breadcrumb > .active {
        color: rgb(41, 41, 41);
    }
    .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: 'Poppins';
    }
        @media (min-width:1200px) {
        .container {
            width:1420px;
        }
		.fr-view .froala-table td .froala-table {   
			max-width: 1420px;   
		}
    }
        /* Header Design */
    .header, .mobile_website_logo img {
        background: rgb(255, 255, 255);
    }
    .header .mini-nav li a:not(.btn):not(.network-icon), .header .mini-nav span {
        color: rgb(208, 29, 21);
            font-size: 15px;
        }
    .header .mini-nav li a:not(.btn):hover {
            color: rgba(208, 29, 21,0.95);
    }
    .header .btn_get_listed {
            background-color: rgba(208, 29, 21,0.97);
        border: 1px solid rgb(208, 29, 21);
        color: rgb(255, 255, 255)!important;
    }
    .header .btn_get_listed:hover, .header .btn_get_listed:focus {
        background-color: rgb(208, 29, 21);
    }
    .header .btn_search {
            background-color: rgba(208, 29, 21,0.97);
        border: 1px solid rgb(208, 29, 21);
        color: rgb(255, 255, 255);
    }
    .header .btn_search:hover, .header .btn_search:focus {
        background-color: rgb(208, 29, 21);
        color: rgb(255, 255, 255);
    }

    /* Logo Design */
    .logo,.logo:hover,.logo:focus {
        color: rgb(208, 29, 21);
        font-family: 'Ubuntu';
    }
    .logo .slogan {
        color: rgb(208, 29, 21);
    }
    .logo .fa {
        color: rgb(208, 29, 21);
        }

    /* Main Menu Design */
    .member-profile-tabs > ul, .member-profile-tabs .tabs-container {
        background: rgb(238, 238, 238);
        position: sticky;
        z-index: 1;
            top: 50px;
        }
    @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(24, 52, 88);
    }
    .header ul.nav.navbar-nav li ul li a, .header ul.nav.navbar-nav li ul li span {
        color: rgb(253, 253, 253);
    }
    .header .navbar-default, .pagination > .active > a {
        background-color: rgb(208, 29, 21);
    }
    .header ul.nav.navbar-nav li ul li a:hover, .header ul.nav.navbar-nav li ul li a:focus{
        border-left-color: rgb(253, 253, 253);
        background: rgb(253, 253, 253);
        color: rgb(24, 52, 88);
    }
    .navbar-default .navbar-toggle .icon-bar {
        background-color: rgb(253, 253, 253);
    }
    .user_sidebar, .main_menu {
        color: rgb(253, 253, 253);
    }
    .navbar-default .navbar-nav > li > a, .navbar-default .navbar-nav > li > span  {
        color: rgb(253, 253, 253);
    }
    .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(255, 255, 255);
    }
    .navbar-default .navbar-nav > li {
        font-family: 'Poppins';
    }
    
    

    /* Footer Design */
    .footer {
        background-color: rgb(24, 52, 88);
        display: block;
    }
    .footer, .footer_menu a,.footer_terms a,.footer_menu .content {
        color: rgb(255, 254, 254);
    }
    .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(208, 29, 21);
    }
    .btn_footer_get_listed {
            background-color: rgba(208, 29, 21,0.95);
        border: 1px solid rgb(208, 29, 21);
        color: rgb(255, 255, 255)!important;
    }
    .btn_footer_get_listed:hover, .btn_footer_get_listed:focus{
        background-color: rgb(208, 29, 21);
    }

    /* Homepage Design */
        .homepage_settings h1, .homepage_settings h2, .homepage_map h1, .homepage_map h2 {
        font-family: 'Poppins';
    }
    .homepage_settings h1, .homepage_map h1 {
        color: rgb(255, 255, 255);
            font-weight: 600;
            text-align: left;
    }
    .homepage_settings h2, .homepage_map h2 {
        color: rgb(0, 0, 0);
            font-weight: 400;
            text-align: left;

    }
    .homepage_settings .search_box label {
        color: rgb(22, 22, 22);
    }
    .btn_home_search, .search_box input[type=submit] {
            background-color: rgba(208, 29, 21,0.97);
        border: 1px solid rgb(208, 29, 21);
        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: rgb(208, 29, 21);
        color: rgb(255, 255, 255);
    }
    .homepage_settings .search_box {
            background-color: rgba(255, 255, 255,0.8);
    }

    /* 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(244, 244, 244);
            background-color: rgba(244, 244, 244,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(52, 73, 94,0.9);
        border-color: rgba(52, 73, 94,0.80);
    }
    #myCarousel .carousel-caption {
            background-color: rgba(52, 73, 94,0.8);
    }
    #myCarousel .list-group, #myCarousel .carousel-inner {
            background-color: rgb(52, 73, 94)        }
    #myCarousel .list-group .active, #myCarousel .list-group-item:hover {
            background-color: rgb(52, 73, 94)        }
    #myCarousel .list-group .active h4, #myCarousel .list-group-item:hover h4{
            color: rgb(250, 250, 250);
        }

    /* Additional Settings */
    .well blockquote {
        background: rgb(255, 255, 255) none repeat scroll 0 0;
        border-color: rgb(238, 238, 238);
        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(255, 255, 255,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(238, 238, 238);
    }
    .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:36px;
        display: block;
    }
    .member_results_header h2, .feature_results_header h2 {
        font-size:30px;
        display: block;
    }
    .homepage_settings {
        padding-top: 250px;
        padding-bottom: 120px;
    }
    @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(208, 29, 21);
        color: rgb(253, 253, 253);
    }
    .views > i.fa {
            background-color: rgba(208, 29, 21,0.6);
        color: rgb(253, 253, 253);
    }
    .ui-rangeSlider-label {
        background-color: rgb(208, 29, 21)!important;
        color: rgb(253, 253, 253)!important;
    }
    .pricing_menu li .title {
        background: rgb(208, 29, 21);
        color: rgb(255, 255, 255);
    }
    p.account-tip{
        color: rgb(41, 41, 41);
    }
    .circled_number {
        background: rgb(52, 73, 94);
        color: rgb(255, 255, 255);
    }
    .pic {
            background-color: rgba(208, 29, 21,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(208, 29, 21,0.85) 50%);
        color: rgb(255, 255, 255);
    }
    .slick-prev-fa i, .slick-next-fa i{
        color: rgb(208, 29, 21);
    }
    .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(238, 238, 238);
        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(208, 29, 21) inset;
        border-top:1px solid rgb(208, 29, 21);
        border-radius: 0;
    }
    .nav-pills > li.active a, .nav-pills > li > a:hover {
        background-color: rgb(208, 29, 21)!important;
        border-color: rgb(208, 29, 21)!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(238, 238, 238)!important;
        color: rgb(41, 41, 41)!important;
    }
    .nav-tabs>li>a, .nav-pills>li>a {
        font-weight: 600;
    }
        .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(255, 255, 255);
        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(238, 238, 238);
    }
    table.dataTable.no-footer, table.dataTable {
        border: 1px solid rgb(238, 238, 238)!important;
    }
    .table-view li, .table-view .table-view-group > div {
        border-top:1px solid rgb(238, 238, 238);
    }
    .table-view .table-view-group:last-child {
        border-bottom:1px solid rgb(238, 238, 238);
    }
    .module h1, .module h2, .module h3, .module h4, .module h5 {
        color: rgb(0, 0, 0);
    }
    .module p:not(.fr-box.fr-basic .fr-element p) {
        color: rgb(41, 41, 41);
    }
    .pagination>.active>a {
            border-color: rgba(253, 253, 253,0.2);
    }
    .pagination>.active>a {
        color: rgb(253, 253, 253);
    }
    .pagination > .active > a:hover, .pagination > .active > a:focus {
            border-color: rgba(253, 253, 253,0.2);
        background-color: rgb(208, 29, 21);
        color: rgb(253, 253, 253);
    }
    .pagination > li > a {
        color: rgb(208, 29, 21);
            border-color: rgba(208, 29, 21,0.2);
        background-color: rgb(253, 253, 253);
    }
    .pagination > li > a:focus, .pagination > li > a:hover, .pagination > li > span:focus, .pagination > li > span:hover {
        background-color: rgb(208, 29, 21);
        border-color: rgb(208, 29, 21);
        color: rgb(253, 253, 253);
    }

    .nav-pills.nav-wizard > li a, .nav-pills.nav-wizard > li a:hover{
        background-color: rgb(250, 250, 250)!important;
        color: rgb(41, 41, 41)!important;
    }
    .member_wizard2 li.incomplete a, .member_wizard2 li.incomplete a:hover {
        background-color: rgb(247, 202, 24)!important;
        border-color: rgb(247, 202, 24);
        color: rgb(47, 47, 47);
    }
    .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(51, 167, 66)!important;
        border-color: rgb(51, 167, 66);
        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(92, 184, 92) rgb(92, 184, 92) rgb(92, 184, 92) transparent!important;
    }
    
        li.incomplete .nav-wedge, .nav-pills.nav-wizard > li.incomplete:hover .nav-wedge {
        border-color: rgb(250, 250, 250) rgb(250, 250, 250) rgb(250, 250, 250) transparent!important;
    }
    
    .nav-pills.member_wizard > li.completed a, .nav-pills.member_wizard > li.completed a:hover {
        background-color: rgb(92, 184, 92)!important;
        color: rgb(255, 255, 255)!important;
    }

    .member_wizard2 li {
        color: rgb(255, 255, 255);
        border-right: 10px solid rgb(255, 255, 255);
    }

        li.completed .nav-arrow, .nav-pills.nav-wizard > li.completed:hover .nav-arrow {
        border-color: transparent transparent transparent rgb(92, 184, 92)!important;
    }
    
        li.incomplete .nav-arrow, .nav-pills.nav-wizard > li.incomplete:hover .nav-arrow{
        border-color: transparent transparent transparent rgb(250, 250, 250)!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: rgba(208, 29, 21,0.95);
        border-color: rgb(208, 29, 21);
        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: rgb(208, 29, 21);
        border-color: rgb(208, 29, 21);
        color: rgb(255, 255, 255);
    }
    .panel-primary {
            background-color: rgba(208, 29, 21,0.1);
        border-color: rgb(208, 29, 21);
    }
    .bg-primary,.progress-bar-primary,.module p.bg-primary,.label-primary,.pricing_menu .title.bg-primary {
        background-color: rgb(208, 29, 21);
        color: rgb(255, 255, 255);
    }
    .bg-primary .badge {
        background-color:rgb(255, 255, 255);
        color: rgb(208, 29, 21);
    }
    .btn-primary.btn-outline {
        background: transparent;
        color: rgb(208, 29, 21);
        box-shadow: 0 0 0px 1px rgb(208, 29, 21) inset;
        font-weight: bold;
        transition: all 250ms ease-in-out 0ms;
    }
    .btn-primary.btn-outline:hover {
            background: rgba(208, 29, 21,0.1);
    }
    .alert-primary {
            background-color:rgba(208, 29, 21,0.7);
        border-color:rgba(208, 29, 21,0.7);
            color: rgba(255, 255, 255,0.9);
    }
    .btn.dropdown-toggle.btn-primary *, .btn-primary a {
        color: rgb(255, 255, 255);
    }
    .text-primary{
        color: rgb(208, 29, 21);
    }
    .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: rgba(219, 71, 5,0.95);
        border-color: rgb(219, 71, 5);
        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: rgb(219, 71, 5);
        border-color: rgb(219, 71, 5);
        color: rgb(255, 255, 255);
    }
    .panel-info{
            background-color: rgba(219, 71, 5,0.1);
        border-color: rgb(219, 71, 5);
    }
    .bg-info,.progress-bar-info,.module p.bg-info,.label-info,.pricing_menu .title.bg-info {
        background-color: rgb(219, 71, 5);
        color: rgb(255, 255, 255);
    }
    .bg-info .badge {
        background-color:rgb(255, 255, 255);
        color: rgb(219, 71, 5);
    }
    .btn-info.btn-outline {
        background: transparent;
        color: rgb(219, 71, 5);
        box-shadow: 0 0 0px 1px rgb(219, 71, 5) inset;
        font-weight: bold;
        transition: all 250ms ease-in-out 0ms;
    }
    .btn-info.btn-outline:hover {
            background: rgba(219, 71, 5,0.1);
    }
    .alert-info {
            background-color:rgba(219, 71, 5,0.7);
        border-color:rgba(219, 71, 5,0.7);
            color: rgba(255, 255, 255,0.9);
    }
    .btn.dropdown-toggle.btn-info *, .btn-info a {
        color: rgb(255, 255, 255);
    }
    .text-info{
        color: rgb(219, 71, 5);
    }
    .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: rgba(51, 167, 66,0.95);
        border-color: rgb(51, 167, 66);
        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: rgb(51, 167, 66);
        border-color: rgb(51, 167, 66);
        color: rgb(255, 255, 255);
    }
    .panel-success{
            background-color: rgba(51, 167, 66,0.1);
        border-color: rgb(51, 167, 66);
    }
    .bg-success,.progress-bar-success,.module p.bg-success,.label-success,.pricing_menu .title.bg-success {
        background-color: rgb(51, 167, 66);
        color: rgb(255, 255, 255);
    }
    .bg-success .badge {
        background-color: rgb(255, 255, 255);
        color: rgb(51, 167, 66);
    }
    .btn-success.btn-outline {
        background: transparent;
        color: rgb(51, 167, 66);
        box-shadow: 0 0 0px 1px rgb(51, 167, 66) inset;
        font-weight: bold;
        transition: all 250ms ease-in-out 0ms;
    }
    .btn-success.btn-outline:hover {
            background: rgba(51, 167, 66,0.1);
    }
    .alert-success {
            background-color:rgba(51, 167, 66,0.7);
        border-color:rgba(51, 167, 66,0.7);
            color: rgba(255, 255, 255,0.9);
    }
    .btn.dropdown-toggle.btn-success *, .btn-success a {
        color: rgb(255, 255, 255);
    }
    .text-success{
        color: rgb(51, 167, 66);
    }
    .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: rgba(247, 202, 24,0.95);
        border-color: rgb(247, 202, 24);
        color: rgb(47, 47, 47);
    }
    .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: rgb(247, 202, 24);
        border-color: rgb(247, 202, 24);
        color: rgb(47, 47, 47);
    }
    .panel-warning {
            background-color: rgba(247, 202, 24,0.1);
        border-color: rgb(247, 202, 24);
    }
    .bg-warning,.progress-bar-warning,.module p.bg-warning,.label-warning,.pricing_menu .title.bg-warning {
        background-color: rgb(247, 202, 24);
        color: rgb(47, 47, 47);
    }
    .bg-warning .badge {
        background-color: rgb(47, 47, 47);
        color: rgb(247, 202, 24);
    }
    .btn-warning.btn-outline {
        background: transparent;
        color: rgb(247, 202, 24);
        box-shadow: 0 0 0px 1px rgb(247, 202, 24) inset;
        font-weight: bold;
        transition: all 250ms ease-in-out 0ms;
    }
    .btn-warning.btn-outline:hover {
            background: rgba(247, 202, 24,0.1);
    }
    .alert-warning {
            background-color:rgba(247, 202, 24,0.7);
        border-color:rgba(247, 202, 24,0.7);
            color: rgba(47, 47, 47,0.9);
    }
    .btn.dropdown-toggle.btn-warning *, .btn-warning a {
        color: rgb(47, 47, 47);
    }
    .text-warning {
        color: rgb(247, 202, 24);
    }
    .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: rgba(44, 102, 217,0.95);
        border-color: rgb(44, 102, 217);
        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: rgb(44, 102, 217);
        border-color: rgb(44, 102, 217);
        color: rgb(255, 255, 255);
    }
    .has-error .form-control {
        border-color: rgb(44, 102, 217);
    }
    .has-error .help-block:not(.form-field-help-block), .has-error ~ .help-block:not(.form-field-help-block) {
        background: rgb(44, 102, 217);
        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(44, 102, 217);
    }
    .panel-danger {
            background-color: rgba(44, 102, 217,0.1);
        border-color: rgb(44, 102, 217);
    }
    .bg-danger,.progress-bar-danger,.module p.bg-danger,.label-danger,.pricing_menu .title.bg-danger {
        background-color: rgb(44, 102, 217);
        color: rgb(255, 255, 255);
    }
    .bg-danger .badge {
        background-color: rgb(255, 255, 255);
        color: rgb(44, 102, 217);
    }
    .btn-danger.btn-outline {
        background: transparent;
        color: rgb(44, 102, 217);
        box-shadow: 0 0 0px 1px rgb(44, 102, 217) inset;
        font-weight: bold;
        transition: all 250ms ease-in-out 0ms;
    }
    .btn-danger.btn-outline:hover {
            background: rgba(44, 102, 217,0.1);
    }
    .alert-danger {
            background-color:rgba(44, 102, 217,0.7);
        border-color:rgba(44, 102, 217,0.7);
            color: rgba(255, 255, 255,0.9);
    }
    .btn.dropdown-toggle.btn-danger *, .btn-danger a {
        color: rgb(255, 255, 255);
    }
    .text-danger{
        color: rgb(44, 102, 217);
    }
    .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: rgba(238, 238, 238,0.95);
        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: rgb(238, 238, 238);
        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);
    }
    .bg-default,.progress-bar-default,.module p.bg-default,.label-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:rgba(238, 238, 238,0.7);
        border-color:rgba(238, 238, 238,0.7);
            color: rgba(85, 85, 85,0.9);
    }
    .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: rgba(41, 41, 41,0.95);
        border: 1px solid rgb(41, 41, 41);
        color: rgb(255, 255, 255);
    }
    .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: rgb(41, 41, 41);
        border: 1px solid rgb(41, 41, 41);
        color: rgb(255, 255, 255);
    }
    .bg-secondary,.progress-bar-secondary,.module p.bg-secondary,.module p.bg-secondary:not(.fr-box.fr-basic .fr-element p),.label-secondary,.pricing_menu .title.bg-secondary {
        background-color: rgb(41, 41, 41);
        color: rgb(255, 255, 255);
    }
    .bg-secondary .badge {
        background-color:rgb(255, 255, 255);
        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:rgba(41, 41, 41,0.7);
        border-color:rgba(41, 41, 41,0.7);
            color: rgba(255, 255, 255,0.9);
    }
    .bg-body {
        background: rgb(255, 255, 255);
        color: rgb(41, 41, 41);
    }
    .bg-content-box {
        background: rgb(250, 250, 250);
        color: rgb(41, 41, 41);
    }
    .bg-content-box-border {
        background: rgb(238, 238, 238);
    }
    .btn.dropdown-toggle.btn-secondary *, .btn-secondary a {
        color: rgb(255, 255, 255);
    }
    .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(208, 29, 21);
        color: rgb(255, 255, 255);
    }
    .newsletter_row input[type="submit"],.newsletter_footer_button {
            background-color: rgba(180, 15, 7,0.97);
        color: rgb(255, 255, 255);
        border-color: rgb(180, 15, 7);
    }
    .newsletter_row input[type="submit"]:hover,.newsletter_row input[type="submit"]:focus,.newsletter_footer_button:hover,.newsletter_footer_button:focus {
        background-color: rgb(180, 15, 7);
        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(208, 29, 21);
        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: 33px;
    }
    .homepage_title h1, .homepage_settings h1 {
        font-size: 40px;
    }
    .homepage_settings h2 {
        font-size: 24px;
    }

    .ui-rangeSlider-bar{
        background: rgb(208, 29, 21)!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(238, 238, 238)!important;
    }
    .cal-year-box .row-fluid, .cal-month-box .cal-row-fluid {
        border-bottom: 1px solid rgb(238, 238, 238)!important;
    }
    .cal-year-box [class*="span"], .cal-month-box [class*="cal-cell"] {
        border-right: 1px solid rgb(238, 238, 238)!important;
    }
    .cal-year-box .row-fluid, .cal-row-fluid, #cal-day-box .cal-day-hour:nth-child(odd) {
        background-color: rgb(255, 255, 255)!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(238, 238, 238)!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(238, 238, 238)!important;
    }
    #cal-day-tick {
        border: 1px solid rgb(238, 238, 238)!important;
        background-color: rgb(238, 238, 238)!important;
    }
    .cal-day-weekend span[data-cal-date]{
        color: rgb(41, 41, 41)!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: 'Montserrat';
        white-space:nowrap!important;
    }
    #first_container .favoriteActive:not(.favorite.comments-count-badge), #first_container .fa.favoriteActive:not(.favorite.comments-count-badge .fa) {
        color: rgb(44, 102, 217);
    }
        #first_container .favorite::after, #first_container .fa.favorite::after {
        font-family: 'Montserrat';
        margin-left: 3px;
    }
    #first_container .favorite span, #first_container .fa.favorite span{
        padding-left: 3px;
        font-family: 'Montserrat';
        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(44, 102, 217);
    }
    
    span.checkbox_value::after {
        content: ', ';
    }

    span.checkbox_value:last-child::after {
        content: '';
    }
    
    .member_results .grid_element{
	position:relative;
	overflow:hidden;
	display: inline-block;
	width:100%;
}
.member_results .grid_element::before {
	position: absolute;
	top: 24px;
	text-align: center;
	width: 200px;
	left: -62px;
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	z-index: 1;
	line-height: 1.2em;
	padding: 6px 0;
	font-weight: bold;
	letter-spacing: 1px;
}
@media only screen and (max-width: 767px) {
	.member_results .grid-container > hr {
		border-color: transparent;
	}
	.member_results .grid_element{
		overflow:visible;
	}
	.member_results .grid_element::before {
		top: -19px!important;
		transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
		font-size: 10px !important;
		letter-spacing: 0;
		width: auto;
		padding: 3px 6px;
	}
}



                .member_results.level_3 .grid_element {
                    border-style: solid;
                    border-radius:4px;border-width:2px;border-color:rgb(53, 113, 182); }			
                .member_results.level_3 .grid_element::before {
					border-bottom-left-radius:0!important;
                    border-radius:4px;color: #fff ;background-color:rgb(53, 113, 182);font-size:15px;content:'Local Business Leader';					
                }
				.member_results.level_3 .grid_element {
					padding:10px;
				}				
                @media only screen and (max-width: 767px) {
                    .member_results.level_3 .grid_element::before {
                    left:-2px;}}
                    .member_results .grid-container {
                        margin-top: 30px;
                    }
                    .member_results .grid-container > hr {
                        border-color: transparent;
						background: transparent;
                    }
                    .member_results.level_3 .grid_element{
                        overflow:visible;
                    }
                    .member_results.level_3 .grid_element::before {
                        top: calc(-10px - 15px);
                        transform: rotate(0deg);
                        -webkit-transform: rotate(0deg);
                        letter-spacing: 0;
                        width: auto;
                        padding: 3px 8px;
                        left: calc(-2px + 0.5px);
                    }
                
                .member_results.level_5 .grid_element {
                    border-style: solid;
                    border-radius:5px;border-width:2px;border-color:rgb(182, 53, 53); }			
                .member_results.level_5 .grid_element::before {
					border-bottom-left-radius:0!important;
                    border-radius:5px;color: #fff ;background-color:rgb(182, 53, 53);font-size:15px;content:'Featured ';					
                }
				.member_results.level_5 .grid_element {
					padding:10px;
				}				
                @media only screen and (max-width: 767px) {
                    .member_results.level_5 .grid_element::before {
                    left:-2px;}}
                    .member_results .grid-container {
                        margin-top: 30px;
                    }
                    .member_results .grid-container > hr {
                        border-color: transparent;
						background: transparent;
                    }
                    .member_results.level_5 .grid_element{
                        overflow:visible;
                    }
                    .member_results.level_5 .grid_element::before {
                        top: calc(-10px - 15px);
                        transform: rotate(0deg);
                        -webkit-transform: rotate(0deg);
                        letter-spacing: 0;
                        width: auto;
                        padding: 3px 8px;
                        left: calc(-2px + 0.5px);
                    }
                    .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(5, 37, 75);
    }

    
    .homepage-section-2 {
        padding: 40px 0 0px;
    }

    
    .homepage-section-2 {
        background: rgb(52, 101, 129);
    }

    
    .homepage-section-3 {
        padding: 40px 0 0px;
    }

    
    .homepage-section-4 {
        padding: 40px 0 80px;
    }

    
    .homepage-section-5 {
        padding: 40px 0 40px;
    }

    
    .homepage-section-5 {
        background: rgb(222, 241, 255);
    }

    
    .homepage-section-6 {
        padding: 40px 0 40px;
    }

    
    .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: left;
        font-size: 48px;
            font-weight: 600;
                font-family: 'Poppins';
            padding-bottom: 10px;
    }

        
    .homepage-join-module .module h2:first-of-type {
        color: rgb(52, 101, 129);
    }

    .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(52, 101, 129);
    }

    .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": "bPUBLIC","url": "www.bpublic.com","potentialAction": {"@type": "SearchAction","target": "www.bpublic.com/sitesearch/?q={search_term_string}","query-input": "required name=search_term_string"}}</script>
<!--GOOGLE TAG MANAGER CODE-->    <div class='announcement-bar vpad '>
        <div class="container">
                    </div>
    </div>
    <style>
.announcement-bar {
    background-color: ;
    color: ;
    font-size: 30px;
    font-family: ;
    text-align: left;
    line-height: 1.1em;
}

.announcement-bar .btnAnnouncement {
    background-color: ;
    color: ;
    font-size: 0.88em;
    vertical-align: baseline;
	line-height:1em;
}

@media (max-width: 1100px) {

			.announcement-bar {
			margin-top: 50px;
		}
	
    body .header {
        margin-top: 0;
    }

}

@media (max-width: 992px) {
    .btnAnnouncement {
        margin-top: 10px;
    }
}

</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.bpublic.com" title="bPUBLIC">
			<img width="450" height="129" src="/images/bpublic-directory-logo_1.png" alt="bPUBLIC">
		</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;
}
.input-group-sm .input-group-addon .fa {
    font-size: 15px;
} </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'> (817) 754-9099</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'>Members - 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" 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(208, 29, 21,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(208, 29, 21);
    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(253, 253, 253);
    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(253, 253, 253);
    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(253, 253, 253);
	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='link184'>Home</a></li><li class=''><a href='/search_results' id='link190'>Member Directory</a></li><li class=''><a href='/about' id='link187'>How It Works</a></li><li class=''><a href='/blog' id='link189'>Latest News</a></li><li class=''><a href='/join' id='link186'>Join Today</a></li>	</ul>
</div>
<nav class="navbar navbar-default lockedonscroll">
    <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='link184'>Home</a></li><li class=''><a href='/search_results' id='link190'>Member Directory</a></li><li class=''><a href='/about' id='link187'>How It Works</a></li><li class=''><a href='/blog' id='link189'>Latest News</a></li><li class=''><a href='/join' id='link186'>Join Today</a></li>        </ul>
      </div>
    </div>
</nav>
<!--CSS IF MENU IS FIXED TOP-->

</div>
<!--

IMPORTANT: This widget contains real Adsense code as a sample to show how this widget functions.  Please replace the current Adsense code below with your own code in order to generate revenue from this ad space.

-->
<div class="container clearfix text-center banner-ad-unit above-content-banner-ad">
		<div class="clearfix"></div>
</div>
<div class="clearfix"></div><div class="clearfix"></div>
<!-- Begin  Content -->
<div id="first_container" class="content-container fr-view">
    <style type='text/css'> #first_container {
    background-color: rgb(18, 18, 18);
}
body{
    z-index: 0;
}
.vegas-slide-inner {background-position:center top!important;}
.previous {
    left: 10px;
    right: auto;
    background-image: url('/directory/cdn/assets/bootstrap/vegas/img/icon-previous.svg') !important;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
.vegas-wrapper .previous, .vegas-wrapper .next {
    opacity: .8;
    visibility: hidden;
    display: block;
    position: absolute;
    width: 32px;
    height: 32px;
    margin: 0;
    padding: 0;
    background: center center no-repeat;
    background-size: cover;
    top: 50%;
}
.vegas-wrapper .next {
    left: auto;
    right: 10px;
    background-image: url('/directory/cdn/assets/bootstrap/vegas/img/icon-next.svg') !important;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.vegas-transition-zoomIn2-out,
.vegas-transition-zoomOut,
.vegas-transition-zoomOut2{
    webkit-transform: scale(1) !important;
    transform: scale(1) !important;
    opacity: 0;
}
.homepage_settings {
    z-index: 9999;
}
.slider-container {
    position: absolute
}
 </style><style type='text/css'> .vegas-transition-zoomOut-in,.vegas-transition-zoomOut2-in{opacity:1 !important} </style>    <div class="container">
                        <div class="clearfix body-content"></div>
        <style type='text/css'> 	.body-content {margin:0px;}
	#first_container {
		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 Local Businesses & Professionals!</h1>
                            </div>
        		
                    <div class="clearfix"></div>
                <div class="col-xs-12 col-sm-12 col-md-6 search_box fpad img-rounded center-block">
                    <h2 class="fpad nomargin sm-text-center">
                Begin Your Search            </h2>
                <div class="clearfix"></div>
        <form class="fpad form-horizontal website-search" name="frm1" action="/sitesearch">
            <div class="form-group nomargin hidden-sm hidden-xs col-lg-5">
                <label>What do you need:</label>
            </div>
            <div class="input-group input-group-lg bmargin col-lg-7 large-autosuggest">
                <span class="input-group-addon">
                    <i class="fa fa-fw fa-search"></i>
                </span>
                <input type="text" class="global_search form-control input-lg large-autosuggest-input" name="q"     id="keywordSuggest" value="" placeholder="Search by Keyword">
            </div>
            <div class="clearfix"></div>
            <div class="form-group nomargin hidden-sm hidden-xs col-lg-5">
                <label>
                    Search by location:
                </label>
            </div>
            <div class="input-group input-group-lg bmargin col-lg-7">
                <span class="input-group-addon">
                    <i class="fa fa-fw fa-location-arrow"></i>
                </span>
                <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 class="col-lg-offset-5 col-lg-7 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 homepage_step_1">
                                                <p>
                        <i class="fa fa-search"></i>
                    </p>
                                                    <h2 class="bold sm-nomargin h3">
                                                Search                    </h2>
                                                    <p class="sm-bmargin">
                        Search To Find Businesses                    </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-tmargin homepage_step_2">
                                                <p class="sm-tmargin">
                        <i class="fa fa-check-circle"></i>
                    </p>
                                                    <h2 class="bold sm-nomargin h3">
                                                Review                    </h2>
                                                    <p class="sm-bmargin">
                        Compare Businesses You Find                    </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-tmargin homepage_step_3">
                                                <p class="sm-tmargin">
                        <i class="fa fa-comments"></i>
                    </p>
                                                    <h2 class="bold sm-nomargin h3">
                                                Connect                    </h2>
                                                    <p>
                        Contact Businesses You Like                    </p>
                                                            <div class="clearfix"></div>
        </div>
    </div>
</div></div>
    <div class="homepage-section-2"><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(255, 255, 255)">
                        Newest Members                    </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 smaller-image">
                                    <div class="well">
                                        <a class="h4 bold bmargin inline-block" title="Nationwide Veteran Attorneys - View Listing" href="/florida-city/legal-services/nationwide-veteran-attorneys">
                                            Nationwide Veteran Attorneys                                        </a>
                                        <div class="clearfix fpad-sm nobpad"></div>
                                        <div class="col-xs-4 nopad text-center recent-member-image">
                                            <a title="Nationwide Veteran Attorneys - View Listing" href="/florida-city/legal-services/nationwide-veteran-attorneys">
                                                                                                    <img class="img-rounded center-block lazyloader" loading="lazy" width="400" height="400" alt="Nationwide Veteran Attorneys" data-src="/logos/profile/limage-19615-133-photo.png">
                                                                                            </a>

                                            
                                        </div>
                                        <div class="col-xs-8 norpad small recent-member-info">
                                            <p>
                                                 Nationwide Veteran Attorneys is a dedicated team of  veteran disability lawyers...                                                
                                                    <span class="tmargin bold center-block">
                                                        Located in
                                                    </span>
                                                    Florida City                                                                                            </p>
                                                                                            <a title="Nationwide Veteran Attorneys - View Listing" class="tmargin btn btn-sm btn-primary btn-block" href="/florida-city/legal-services/nationwide-veteran-attorneys">
                                                    View Listing
                                                </a>
                                                                                    </div>
                                        <div class="clearfix"></div>
                                    </div>
                                </div>
                            
                                <div class="col-xs-12 col-sm-6 col-md-4 member recent-member smaller-image">
                                    <div class="well">
                                        <a class="h4 bold bmargin inline-block" title="Baker Roofing, Inc. - View Listing" href="/5250-e-rolling-ridge-rd-san-tan-valley-az-85140-usa/home-services/baker-roofing-inc">
                                            Baker Roofing, Inc.                                        </a>
                                        <div class="clearfix fpad-sm nobpad"></div>
                                        <div class="col-xs-4 nopad text-center recent-member-image">
                                            <a title="Baker Roofing, Inc. - View Listing" href="/5250-e-rolling-ridge-rd-san-tan-valley-az-85140-usa/home-services/baker-roofing-inc">
                                                                                                    <img class="img-rounded center-block lazyloader" loading="lazy" width="400" height="400" alt="Baker Roofing, Inc." data-src="/logos/profile/limage-21323-53-photo.png">
                                                                                            </a>

                                            
                                        </div>
                                        <div class="col-xs-8 norpad small recent-member-info">
                                            <p>
                                                 Baker Roofing, Inc is a premier roofing contractor in San Tan Valley AZ. With a...                                                
                                                    <span class="tmargin bold center-block">
                                                        Located in
                                                    </span>
                                                    5250 E Rolling Ridge Rd,...                                                                                            </p>
                                                                                            <a title="Baker Roofing, Inc. - View Listing" class="tmargin btn btn-sm btn-primary btn-block" href="/5250-e-rolling-ridge-rd-san-tan-valley-az-85140-usa/home-services/baker-roofing-inc">
                                                    View Listing
                                                </a>
                                                                                    </div>
                                        <div class="clearfix"></div>
                                    </div>
                                </div>
                            
                                <div class="col-xs-12 col-sm-6 col-md-4 member recent-member smaller-image">
                                    <div class="well">
                                        <a class="h4 bold bmargin inline-block" title="Plainfield Tree Service - View Listing" href="/home-services/plainfield-tree-service">
                                            Plainfield Tree Service                                        </a>
                                        <div class="clearfix fpad-sm nobpad"></div>
                                        <div class="col-xs-4 nopad text-center recent-member-image">
                                            <a title="Plainfield Tree Service - View Listing" href="/home-services/plainfield-tree-service">
                                                                                                    <img class="img-rounded center-block lazyloader" loading="lazy" width="400" height="400" alt="Plainfield Tree Service" data-src="/pictures/profile/pimage-5613-216-photo.jpeg">
                                                                                            </a>

                                            
                                        </div>
                                        <div class="col-xs-8 norpad small recent-member-info">
                                            <p>
                                                 We provide a wide range of tree services that cater to all your tree needs. Our...                                                                                            </p>
                                                                                            <a title="Plainfield Tree Service - View Listing" class="tmargin btn btn-sm btn-primary btn-block" href="/home-services/plainfield-tree-service">
                                                    View Listing
                                                </a>
                                                                                    </div>
                                        <div class="clearfix"></div>
                                    </div>
                                </div>
                                                    </div>
                    </div>
                                    </div>
                <div class="clearfix"></div>
            </div>
        </div>
    </div>

        </div>
    <div class="homepage-section-3"><div class="clearfix"></div>
<div class="content-container top-level-category-stream">
	<div class="clearfix"></div>
    <div class="container">
        <div class="row">
            <div class="col-md-12">
                                    <a href="/categories" class="view-all-btn-desktop hidden-xs btn btn-default">
                        View All
                    </a>
                                <h2 class="nomargin sm-text-center streaming-title" style="color: rgb(41, 41, 41)">
                    Search Popular Categories                    
                </h2>
                <hr>
            </div>
			<div class="clearfix"></div>
<div class="row">
<div class="col-md-12 slickTopCategories">
    <div class="top-category-single col-sm-6 col-md-3 text-center bmargin bpad">
                     <div class="pic lazyloader" data-src="/images/arts_and_entertainment_at_live_event._Band_playing_jazz_w_929653f1-171e-4bb6-a824-cdc682cde459.png">
                    <span class="pic-caption bottom-to-top" onclick>
                <h3 class="pic-title bmargin">
                    Arts & Entertainment                </h3>
                <hr>
                <a alt="Arts & Entertainment" title="Arts & Entertainment" href="/arts-entertainment" title="Arts & Entertainment" class="btn btn-danger fpad-lg vpad view-more">
                    View Category
                </a>
            </span>
			<a aria-label="View Category" alt="Arts & Entertainment" title="Arts & Entertainment" href="/arts-entertainment" class="homepage-link-element hidden-xs"></a>
        </div>
    </div>
    <div class="top-category-single col-sm-6 col-md-3 text-center bmargin bpad">
                     <div class="pic lazyloader" data-src="/images/young_couple_happy_posing_with_keys_to_newly_purchased_ca_d099b50f-c971-4916-bad9-79c003696b29.png">
                    <span class="pic-caption bottom-to-top" onclick>
                <h3 class="pic-title bmargin">
                    Automotive                </h3>
                <hr>
                <a alt="Automotive" title="Automotive" href="/automotive" title="Automotive" class="btn btn-danger fpad-lg vpad view-more">
                    View Category
                </a>
            </span>
			<a aria-label="View Category" alt="Automotive" title="Automotive" href="/automotive" class="homepage-link-element hidden-xs"></a>
        </div>
    </div>
    <div class="top-category-single col-sm-6 col-md-3 text-center bmargin bpad">
                     <div class="pic lazyloader" data-src="/images/education_environment._Students_at_desks_listening_to_pro_e16267be-993c-4df4-b4cd-293599ec6b08.png">
                    <span class="pic-caption bottom-to-top" onclick>
                <h3 class="pic-title bmargin">
                    Education                </h3>
                <hr>
                <a alt="Education" title="Education" href="/education-1" title="Education" class="btn btn-danger fpad-lg vpad view-more">
                    View Category
                </a>
            </span>
			<a aria-label="View Category" alt="Education" title="Education" href="/education-1" class="homepage-link-element hidden-xs"></a>
        </div>
    </div>
    <div class="top-category-single col-sm-6 col-md-3 text-center bmargin bpad">
                     <div class="pic lazyloader" data-src="/images/event_stage_before_rock_concer_with_lights_and_lasers_and_5efdba95-6b15-436a-a5a8-3ccc7f4ae69d.png">
                    <span class="pic-caption bottom-to-top" onclick>
                <h3 class="pic-title bmargin">
                    Event Services                </h3>
                <hr>
                <a alt="Event Services" title="Event Services" href="/event-services" title="Event Services" class="btn btn-danger fpad-lg vpad view-more">
                    View Category
                </a>
            </span>
			<a aria-label="View Category" alt="Event Services" title="Event Services" href="/event-services" class="homepage-link-element hidden-xs"></a>
        </div>
    </div>
    <div class="top-category-single col-sm-6 col-md-3 text-center bmargin bpad">
                     <div class="pic lazyloader" data-src="/images/financial_services._Financial_planner_expert_discusses_fi_2eaa2257-3b07-4588-a9d6-886510c4c22f.png">
                    <span class="pic-caption bottom-to-top" onclick>
                <h3 class="pic-title bmargin">
                    Financial Services                </h3>
                <hr>
                <a alt="Financial Services" title="Financial Services" href="/financial-services" title="Financial Services" class="btn btn-danger fpad-lg vpad view-more">
                    View Category
                </a>
            </span>
			<a aria-label="View Category" alt="Financial Services" title="Financial Services" href="/financial-services" class="homepage-link-element hidden-xs"></a>
        </div>
    </div>
    <div class="top-category-single col-sm-6 col-md-3 text-center bmargin bpad">
                     <div class="pic lazyloader" data-src="/images/people_dining_in_fancy_restaurant._realistic._e8872827-a97e-4108-87d9-544573aca82d.png">
                    <span class="pic-caption bottom-to-top" onclick>
                <h3 class="pic-title bmargin">
                    Food & Dining                </h3>
                <hr>
                <a alt="Food & Dining" title="Food & Dining" href="/food-dining" title="Food & Dining" class="btn btn-danger fpad-lg vpad view-more">
                    View Category
                </a>
            </span>
			<a aria-label="View Category" alt="Food & Dining" title="Food & Dining" href="/food-dining" class="homepage-link-element hidden-xs"></a>
        </div>
    </div>
    <div class="top-category-single col-sm-6 col-md-3 text-center bmargin bpad">
                     <div class="pic lazyloader" data-src="/images/healthy_and_beautiful_young_woman_outoors._Sun_rays._Vibr_ba0a9afb-ea5c-4bbd-b1e6-e90fb57156f0.png">
                    <span class="pic-caption bottom-to-top" onclick>
                <h3 class="pic-title bmargin">
                    Health & Beauty                </h3>
                <hr>
                <a alt="Health & Beauty" title="Health & Beauty" href="/health-beauty" title="Health & Beauty" class="btn btn-danger fpad-lg vpad view-more">
                    View Category
                </a>
            </span>
			<a aria-label="View Category" alt="Health & Beauty" title="Health & Beauty" href="/health-beauty" class="homepage-link-element hidden-xs"></a>
        </div>
    </div>
    <div class="top-category-single col-sm-6 col-md-3 text-center bmargin bpad">
                     <div class="pic lazyloader" data-src="/images/smiling_handyman_ready_to_help._realistic._b1ace861-6653-4918-af23-9c7d9915efa8.png">
                    <span class="pic-caption bottom-to-top" onclick>
                <h3 class="pic-title bmargin">
                    Home Services                </h3>
                <hr>
                <a alt="Home Services" title="Home Services" href="/home-services" title="Home Services" class="btn btn-danger fpad-lg vpad view-more">
                    View Category
                </a>
            </span>
			<a aria-label="View Category" alt="Home Services" title="Home Services" href="/home-services" class="homepage-link-element hidden-xs"></a>
        </div>
    </div>
    <div class="top-category-single col-sm-6 col-md-3 text-center bmargin bpad">
                     <div class="pic lazyloader" data-src="/images/beautiful_hotel_room._Bed_with_towels_and_gift_on__eb4f8c52-a41c-44a8-a75b-7e1ef926867f.png">
                    <span class="pic-caption bottom-to-top" onclick>
                <h3 class="pic-title bmargin">
                    Hotels & Travel                </h3>
                <hr>
                <a alt="Hotels & Travel" title="Hotels & Travel" href="/hotels-travel" title="Hotels & Travel" class="btn btn-danger fpad-lg vpad view-more">
                    View Category
                </a>
            </span>
			<a aria-label="View Category" alt="Hotels & Travel" title="Hotels & Travel" href="/hotels-travel" class="homepage-link-element hidden-xs"></a>
        </div>
    </div>
    <div class="top-category-single col-sm-6 col-md-3 text-center bmargin bpad">
                     <div class="pic lazyloader" data-src="/images/lawyer_passionately_defends_his_client_before_a_judge.__bf7bf54c-d6f3-4dc4-b457-058a002b719a.png">
                    <span class="pic-caption bottom-to-top" onclick>
                <h3 class="pic-title bmargin">
                    Legal Services                </h3>
                <hr>
                <a alt="Legal Services" title="Legal Services" href="/legal-services" title="Legal Services" class="btn btn-danger fpad-lg vpad view-more">
                    View Category
                </a>
            </span>
			<a aria-label="View Category" alt="Legal Services" title="Legal Services" href="/legal-services" class="homepage-link-element hidden-xs"></a>
        </div>
    </div>
    <div class="top-category-single col-sm-6 col-md-3 text-center bmargin bpad">
                     <div class="pic lazyloader" data-src="/images/doctor_playfully_talking_to_child_and_her_mother_f376c171-0017-4cf7-b985-589ce24f8946.png">
                    <span class="pic-caption bottom-to-top" onclick>
                <h3 class="pic-title bmargin">
                    Medical Services                </h3>
                <hr>
                <a alt="Medical Services" title="Medical Services" href="/medical-services" title="Medical Services" class="btn btn-danger fpad-lg vpad view-more">
                    View Category
                </a>
            </span>
			<a aria-label="View Category" alt="Medical Services" title="Medical Services" href="/medical-services" class="homepage-link-element hidden-xs"></a>
        </div>
    </div>
    <div class="top-category-single col-sm-6 col-md-3 text-center bmargin bpad">
                     <div class="pic lazyloader" data-src="/images/nightlife_fancy_alchoholic_beverage_sitting_on_table_with_3234d2ce-b07e-45c0-8951-e0681754a122.png">
                    <span class="pic-caption bottom-to-top" onclick>
                <h3 class="pic-title bmargin">
                    Nightlife                </h3>
                <hr>
                <a alt="Nightlife" title="Nightlife" href="/nightlife" title="Nightlife" class="btn btn-danger fpad-lg vpad view-more">
                    View Category
                </a>
            </span>
			<a aria-label="View Category" alt="Nightlife" title="Nightlife" href="/nightlife" class="homepage-link-element hidden-xs"></a>
        </div>
    </div>
    <div class="top-category-single col-sm-6 col-md-3 text-center bmargin bpad">
                     <div class="pic lazyloader" data-src="/images/bPUBLIC-pets_being_taken_care_of_by_professional_walkers_groomers_ca28bae6-6569-41ee-9fd5-3d586620c3a1.png">
                    <span class="pic-caption bottom-to-top" onclick>
                <h3 class="pic-title bmargin">
                    Pet Services                </h3>
                <hr>
                <a alt="Pet Services" title="Pet Services" href="/pet-services-1" title="Pet Services" class="btn btn-danger fpad-lg vpad view-more">
                    View Category
                </a>
            </span>
			<a aria-label="View Category" alt="Pet Services" title="Pet Services" href="/pet-services-1" class="homepage-link-element hidden-xs"></a>
        </div>
    </div>
    <div class="top-category-single col-sm-6 col-md-3 text-center bmargin bpad">
                     <div class="pic lazyloader" data-src="/images/bPUBLIC_professional_men_and_women_crowded_into_boardroom_discuss_a4090b2a-0f36-41e4-9197-0d9d25dc6f57.png">
                    <span class="pic-caption bottom-to-top" onclick>
                <h3 class="pic-title bmargin">
                    Professional Services                </h3>
                <hr>
                <a alt="Professional Services" title="Professional Services" href="/professional-services" title="Professional Services" class="btn btn-danger fpad-lg vpad view-more">
                    View Category
                </a>
            </span>
			<a aria-label="View Category" alt="Professional Services" title="Professional Services" href="/professional-services" class="homepage-link-element hidden-xs"></a>
        </div>
    </div>
    <div class="top-category-single col-sm-6 col-md-3 text-center bmargin bpad">
                     <div class="pic lazyloader" data-src="/images/bPUBLIC_realtor_professional_standing_in_front_of_home._Arms_cros_879584dc-ef5f-4451-a308-195af6952218.png">
                    <span class="pic-caption bottom-to-top" onclick>
                <h3 class="pic-title bmargin">
                    Real Estate Services                </h3>
                <hr>
                <a alt="Real Estate Services" title="Real Estate Services" href="/real-estate-services" title="Real Estate Services" class="btn btn-danger fpad-lg vpad view-more">
                    View Category
                </a>
            </span>
			<a aria-label="View Category" alt="Real Estate Services" title="Real Estate Services" href="/real-estate-services" class="homepage-link-element hidden-xs"></a>
        </div>
    </div>
    <div class="top-category-single col-sm-6 col-md-3 text-center bmargin bpad">
                     <div class="pic lazyloader" data-src="/images/bPUBLIC_crowd_happy_people_shopping_carrying_bags_purses_and_gift_f925c2e9-ec06-42bf-ade1-d4217c069428.png">
                    <span class="pic-caption bottom-to-top" onclick>
                <h3 class="pic-title bmargin">
                    Shopping                </h3>
                <hr>
                <a alt="Shopping" title="Shopping" href="/shopping" title="Shopping" class="btn btn-danger fpad-lg vpad view-more">
                    View Category
                </a>
            </span>
			<a aria-label="View Category" alt="Shopping" title="Shopping" href="/shopping" class="homepage-link-element hidden-xs"></a>
        </div>
    </div>
</div>
    <div class="clearfix"></div>
            <div class="col-md-6">
            <a href="/categories" class="btn btn-lg btn-default btn-block visible-xs-block">View All</a>
        </div>
    </div>
</div>
</div>
</div>
    </div>
    <div class="homepage-section-4"><div class="clearfix" id="capa1"></div>
<div class="content-container">
    <div class="container">
        <div class="row" id="join-about-modules">
            <div class="col-md-6 homepage-join-module">
                <div class="module fpad-xl text-center nomargin">
                                        <h2>
                        Are You A Business Owner?                    </h2>
                    <div>
                        <p>Connect With More Clients. <strong>Get listed today!</strong></p>                        </div>							<div class="clearfix"></div>
                            <a href="/join" class="btn btn-lg tmargin center-block btn-primary">
                                Join Our Site Today                            </a>
                        					<div class="clearfix"></div>
                </div>
            </div>
			<div class="clearfix clearfix-lg hidden-md hidden-lg"></div>
            <div class="col-md-6 homepage-about-module">
                <div class="module fpad-xl text-center nomargin">
                                        <h2>
                        About bPUBLIC                    </h2>
                    <div>
                        <p><strong>Now it's easy to find local Businesses!</strong> Search the bPUBLIC business directory to instantly connect with local leaders and businesses. For business owners, our directory serves as a powerful tool to attract more customers and clients.</p>                        							<div class="clearfix"></div>
                            <a  href="/join">
                                Get listed today »                            </a>
                        </div>					<div class="clearfix"></div>
                </div>
            </div>
        </div>
    </div>
</div></div>
    <div class="homepage-section-5"><style type='text/css'> #myCarousel {
	overflow:hidden;
}
#myCarousel .carousel-inner.col-sm-8 {
	width: 66.66666667%;
}
#myCarousel .carousel-inner {
	margin: 0 auto;
}
#myCarousel .list-group {
	width: calc(33.33333333% + 11px);
	height: 400px;
	overflow-y: auto;
	margin:0;
	position:absolute;
	top:0;
			right:0;
		
}

#myCarousel .item img {
	margin: 0 auto;
	max-width: 760px;
	height: 100%;
	max-height: 401px;
	border-radius: 0 !important;
}

#myCarousel .carousel-inner .item {
	min-height: 400px;
	max-height: 400px;
	left: -5px;
}

#myCarousel .carousel-caption {
	left: 0;
	right: -2px;
	bottom: 0;
	text-align: left;
	padding: 20px 5px;
	text-shadow: none;
	font-size: 16px;
	line-height:1.6em;
	font-weight:600;
	max-width:100%;
	height:20%;
}

#myCarousel li.list-group-item h4, #myCarousel li.list-group-item h2 {
	line-height: 1.6em;
	margin: 0;
	display: table-cell;
	font-size:18px;
	vertical-align: middle
}

#myCarousel .list-group-item {
	border-radius: 0px;
	cursor: pointer;
	max-height: 20%;
	box-shadow: 0 0 1px rgba(0, 0, 0, 0.5);
	border-width: 0 0 1px;
	margin: 0;
	height: 20%;
	overflow:hidden;
	display: table;
	width:100%;
}

	#myCarousel .list-group {
		height: 494px;
	}
	#myCarousel .carousel-inner .item {
		min-height: 494px;
		max-height: 494px;
	}	
	#myCarousel .item img {
		max-width: 100%;
		max-height: 495px;
		width: 930px;
	}	

@media only screen and (max-width: 1200px) { 
	#myCarousel {
		display:inline-block;
	}
	#myCarousel .carousel-inner {
		width: 100% !important;
		max-width: 100% !important;
		overflow: visible;
	}	
	#myCarousel .carousel-inner .item {
		min-height: initial !important;
		max-height: none !important;
		left: 0 !important;
		width: 100%;
		text-align:center;
		min-width:0;
	}	
	#myCarousel .list-group {
		display: none;
	}
}	
@media only screen and (max-width: 767px) {	
	#myCarousel .item .carousel-caption,#myCarousel .item img {
		position: relative;
		display: inline-block;
		max-width: none;
		width: calc(100% + 1px) !important;
		height: auto;
		max-height: none;	
	}	
} </style>
        <div class="clearfix clearfix-lg"></div>

        <div class="content-container">
            <div class="container">
                <div id="myCarousel" class="carousel slide col-md-offset-1 col-lg-offset-0 img-rounded" data-ride="carousel" style="max-width: 100%;">

                    <!-- Wrapper for slides -->
                    <div class="carousel-inner col-xs-12 col-sm-8 nopad ">
                                                    <div class="item  active ">
                                <a title="كيف اغير اسمي في ببجي؟" href="/blog/%D9%83%D9%8A%D9%81-%D8%A7%D8%BA%D9%8A%D8%B1-%D8%A7%D8%B3%D9%85%D9%8A-%D9%81%D9%8A-%D8%A8%D8%A8%D8%AC%D9%8A%D8%9F">
                                                                            <img width="564" height="317"  class="lazyloader" loading="lazy" alt="كيف اغير اسمي في ببجي؟" title="كيف اغير اسمي في ببجي؟" data-src="/uploads/news-pictures/56128--blog-post-image-20241027083839.jpg"  />
                                                                        <div class="carousel-caption">
                                        <div class="col-sm-7 col-md-7 col-lg-9">
                                            <p class="hidden-lg font-lg nomargin">
                                                كيف اغير اسمي في ببجي؟ 
                                            </p>
                                            <p class="hidden-md hidden-sm hidden-xs nomargin">
                                                  تعتبر لعبة ببجي من الألعاب الأكثر شهرة حول العالم، ويتطلب من اللاعبين...
                                            </p>
                                        </div>
                                        <div class="col-sm-5 col-md-5 col-lg-3 xs-tmargin">
                                            <button aria-label="View More" title="كيف اغير اسمي في ببجي؟" class="btn btn-success btn-block xs-tmargin">
                                                View More
                                            </button>
                                        </div>
                                    </div>
                                    <div class="clearfix"></div>
                                </a>
                                <div class="clearfix"></div>
                            </div><!-- End Item -->
                                                    <div class="item ">
                                <a title="أفضل سلاح في ببجي وأهم نصائح اللعب في ببجي موبايل 2024" href="/blog/%D8%A3%D9%81%D8%B6%D9%84-%D8%B3%D9%84%D8%A7%D8%AD-%D9%81%D9%8A-%D8%A8%D8%A8%D8%AC%D9%8A-%D9%88%D8%A3%D9%87%D9%85-%D9%86%D8%B5%D8%A7%D8%A6%D8%AD-%D8%A7%D9%84%D9%84%D8%B9%D8%A8-%D9%81%D9%8A-%D8%A8%D8%A8%D8%AC%D9%8A-%D9%85%D9%88%D8%A8%D8%A7%D9%8A%D9%84-2024">
                                                                            <img width="563" height="338"  class="lazyloader" loading="lazy" alt="أفضل سلاح في ببجي وأهم نصائح اللعب في ببجي موبايل 2024" title="أفضل سلاح في ببجي وأهم نصائح اللعب في ببجي موبايل 2024" data-src="/uploads/news-pictures/56128--blog-post-image-20241027083707.jpg"  />
                                                                        <div class="carousel-caption">
                                        <div class="col-sm-7 col-md-7 col-lg-9">
                                            <p class="hidden-lg font-lg nomargin">
                                                أفضل سلاح في ببجي وأهم نصائح اللعب في ببجي موبايل 2024 
                                            </p>
                                            <p class="hidden-md hidden-sm hidden-xs nomargin">
                                                       تُعد لعبة    ببجي موبايل 2024    واحدة من أكثر الألعاب شهرة...
                                            </p>
                                        </div>
                                        <div class="col-sm-5 col-md-5 col-lg-3 xs-tmargin">
                                            <button aria-label="View More" title="أفضل سلاح في ببجي وأهم نصائح اللعب في ببجي موبايل 2024" class="btn btn-success btn-block xs-tmargin">
                                                View More
                                            </button>
                                        </div>
                                    </div>
                                    <div class="clearfix"></div>
                                </a>
                                <div class="clearfix"></div>
                            </div><!-- End Item -->
                                                    <div class="item ">
                                <a title="لعبة لودو: متعتها وتاريخها وكيفية الاستفادة القصوى منها مع لوك ستور" href="/blog/%D9%84%D8%B9%D8%A8%D8%A9-%D9%84%D9%88%D8%AF%D9%88-%D9%85%D8%AA%D8%B9%D8%AA%D9%87%D8%A7-%D9%88%D8%AA%D8%A7%D8%B1%D9%8A%D8%AE%D9%87%D8%A7-%D9%88%D9%83%D9%8A%D9%81%D9%8A%D8%A9-%D8%A7%D9%84%D8%A7%D8%B3%D8%AA%D9%81%D8%A7%D8%AF%D8%A9-%D8%A7%D9%84%D9%82%D8%B5%D9%88%D9%89-%D9%85%D9%86%D9%87%D8%A7-%D9%85%D8%B9-%D9%84%D9%88%D9%83-%D8%B3%D8%AA%D9%88%D8%B1">
                                                                            <img width="564" height="282"  class="lazyloader" loading="lazy" alt="لعبة لودو: متعتها وتاريخها وكيفية الاستفادة القصوى منها مع لوك ستور" title="لعبة لودو: متعتها وتاريخها وكيفية الاستفادة القصوى منها مع لوك ستور" data-src="/uploads/news-pictures/56128--blog-post-image-20241027083605.jpg"  />
                                                                        <div class="carousel-caption">
                                        <div class="col-sm-7 col-md-7 col-lg-9">
                                            <p class="hidden-lg font-lg nomargin">
                                                لعبة لودو: متعتها وتاريخها وكيفية الاستفادة القصوى منها مع لوك ستور 
                                            </p>
                                            <p class="hidden-md hidden-sm hidden-xs nomargin">
                                                  تعتبر لعبة لودو واحدة من الألعاب الكلاسيكية التي تجمع بين البساطة...
                                            </p>
                                        </div>
                                        <div class="col-sm-5 col-md-5 col-lg-3 xs-tmargin">
                                            <button aria-label="View More" title="لعبة لودو: متعتها وتاريخها وكيفية الاستفادة القصوى منها مع لوك ستور" class="btn btn-success btn-block xs-tmargin">
                                                View More
                                            </button>
                                        </div>
                                    </div>
                                    <div class="clearfix"></div>
                                </a>
                                <div class="clearfix"></div>
                            </div><!-- End Item -->
                                                    <div class="item ">
                                <a title="عروض شدات ببجي: احصل على أفضل الصفقات مع لوك ستور" href="/blog/%D8%B9%D8%B1%D9%88%D8%B6-%D8%B4%D8%AF%D8%A7%D8%AA-%D8%A8%D8%A8%D8%AC%D9%8A-%D8%A7%D8%AD%D8%B5%D9%84-%D8%B9%D9%84%D9%89-%D8%A3%D9%81%D8%B6%D9%84-%D8%A7%D9%84%D8%B5%D9%81%D9%82%D8%A7%D8%AA-%D9%85%D8%B9-%D9%84%D9%88%D9%83-%D8%B3%D8%AA%D9%88%D8%B1">
                                                                            <img width="712" height="400"  class="lazyloader" loading="lazy" alt="عروض شدات ببجي: احصل على أفضل الصفقات مع لوك ستور" title="عروض شدات ببجي: احصل على أفضل الصفقات مع لوك ستور" data-src="/uploads/news-pictures/56128--blog-post-image-20241027083403.jpg"  />
                                                                        <div class="carousel-caption">
                                        <div class="col-sm-7 col-md-7 col-lg-9">
                                            <p class="hidden-lg font-lg nomargin">
                                                عروض شدات ببجي: احصل على أفضل الصفقات مع لوك ستور 
                                            </p>
                                            <p class="hidden-md hidden-sm hidden-xs nomargin">
                                                  إذا كنت من عشاق لعبة ببجي موبايل، فمن المؤكد أنك تبحث باستمرار عن ...
                                            </p>
                                        </div>
                                        <div class="col-sm-5 col-md-5 col-lg-3 xs-tmargin">
                                            <button aria-label="View More" title="عروض شدات ببجي: احصل على أفضل الصفقات مع لوك ستور" class="btn btn-success btn-block xs-tmargin">
                                                View More
                                            </button>
                                        </div>
                                    </div>
                                    <div class="clearfix"></div>
                                </a>
                                <div class="clearfix"></div>
                            </div><!-- End Item -->
                                                    <div class="item ">
                                <a title="FOR US AND INDIAN citizens - on-line Visa  eVisaPrime - The relied on global method of obtaining digital Visa from any government of any usa - quick, easy, simple, on-line - eVisaPrime - कोणत्याही देशात प्रवास करणाऱ्या प्रत्येकासाठी सोपी, जलद, विश्वसनीय e" href="/blog/for-us-and-indian-citizens-on-line-visa-evisaprime-the-relied-on-global-method-of-obtaining-digital-visa-from-any-government-of-any-usa-quick-easy-simple-on-line-evisaprime-%E0%A4%95%E0%A5%8B%E0%A4%A3%E0%A4%A4%E0%A5%8D%E0%A4%AF%E0%A4%BE%E0%A4%B9%E0%A5%80-%E0%A4%A6%E0%A5%87%E0%A4%B6%E0%A4%BE%E0%A4%A4-%E0%A4%AA%E0%A5%8D%E0%A4%B0%E0%A4%B5%E0%A4%BE%E0%A4%B8-%E0%A4%95%E0%A4%B0%E0%A4%A3%E0%A4%BE%E0%A4%B1%E0%A5%8D%E0%A4%AF%E0%A4%BE-%E0%A4%AA%E0%A5%8D%E0%A4%B0%E0%A4%A4%E0%A5%8D%E0%A4%AF%E0%A5%87%E0%A4%95%E0%A4%BE%E0%A4%B8%E0%A4%BE%E0%A4%A0%E0%A5%80-%E0%A4%B8%E0%A5%8B%E0%A4%AA%E0%A5%80-%E0%A4%9C%E0%A4%B2%E0%A4%A6-%E0%A4%B5%E0%A4%BF%E0%A4%B6%E0%A5%8D%E0%A4%B5%E0%A4%B8%E0%A4%A8%E0%A5%80%E0%A4%AF-e">
                                                                            <img width="750" height="359"  class="lazyloader" loading="lazy" alt="FOR US AND INDIAN citizens - on-line Visa  eVisaPrime - The relied on global method of obtaining digital Visa from any government of any usa - quick, easy, simple, on-line - eVisaPrime - कोणत्याही देशात प्रवास करणाऱ्या प्रत्येकासाठी सोपी, जलद, विश्वसनीय e" title="FOR US AND INDIAN citizens - on-line Visa  eVisaPrime - The relied on global method of obtaining digital Visa from any government of any usa - quick, easy, simple, on-line - eVisaPrime - कोणत्याही देशात प्रवास करणाऱ्या प्रत्येकासाठी सोपी, जलद, विश्वसनीय e" data-src="/uploads/news-pictures/56067--blog-post-image-20241027001309.jpg"  />
                                                                        <div class="carousel-caption">
                                        <div class="col-sm-7 col-md-7 col-lg-9">
                                            <p class="hidden-lg font-lg nomargin">
                                                FOR US AND INDIAN citizens - on-line Visa  eVisaPrime - The relied on global method of obtaining digital Visa from any government of any usa - quick, easy, simple, on-line - eVisaPrime - कोणत्याही देशात प्रवास करणाऱ्या प्रत्येकासाठी सोपी, जलद, विश्वसनीय e 
                                            </p>
                                            <p class="hidden-md hidden-sm hidden-xs nomargin">
                                                 Address : 779 N. Broadway, Los Angeles, CA 90012    Phone : +1 213-625-4733  Email :   contactus@online-visas.org...
                                            </p>
                                        </div>
                                        <div class="col-sm-5 col-md-5 col-lg-3 xs-tmargin">
                                            <button aria-label="View More" title="FOR US AND INDIAN citizens - on-line Visa  eVisaPrime - The relied on global method of obtaining digital Visa from any government of any usa - quick, easy, simple, on-line - eVisaPrime - कोणत्याही देशात प्रवास करणाऱ्या प्रत्येकासाठी सोपी, जलद, विश्वसनीय e" class="btn btn-success btn-block xs-tmargin">
                                                View More
                                            </button>
                                        </div>
                                    </div>
                                    <div class="clearfix"></div>
                                </a>
                                <div class="clearfix"></div>
                            </div><!-- End Item -->
                                            </div><!-- End Carousel Inner -->


                    <ul class="list-group col-sm-4 nopad hidden-sm hidden-xs hidden-md">
                                                    <li data-target="#myCarousel" data-slide-to="0" class="list-group-item  active ">
                                <h2>كيف اغير اسمي في ببجي؟</h2>
                            </li>
                                                    <li data-target="#myCarousel" data-slide-to="1" class="list-group-item ">
                                <h2>أفضل سلاح في ببجي وأهم نصائح اللعب...</h2>
                            </li>
                                                    <li data-target="#myCarousel" data-slide-to="2" class="list-group-item ">
                                <h2>لعبة لودو: متعتها وتاريخها وكيفية...</h2>
                            </li>
                                                    <li data-target="#myCarousel" data-slide-to="3" class="list-group-item ">
                                <h2>عروض شدات ببجي: احصل على أفضل الصفقات...</h2>
                            </li>
                                                    <li data-target="#myCarousel" data-slide-to="4" class="list-group-item ">
                                <h2>FOR US AND INDIAN citizens - on-line Visa  eVisaPrime - The...</h2>
                            </li>
                                            </ul>

                    <!-- Controls -->
                    <div class="carousel-controls hidden-lg">
                        <a class="left carousel-control" href="#myCarousel" data-slide="prev" title="prev">
                            <span class="glyphicon glyphicon-chevron-left"></span>
                        </a>
                        <a class="right carousel-control" href="#myCarousel" data-slide="next" title="next">
                            <span class="glyphicon glyphicon-chevron-right"></span>
                        </a>
                    </div>

                    <!-- End Carousel -->
                </div> <!-- End myCarousel -->
            </div> <!-- End container -->
        </div> <!-- End content-container -->
        <div class="clearfix"></div>
    </div>
</div>        <div class="clearfix"></div>
    </div>
</div>
<!-- End Content -->
<div class="clearfix footer-clear-element "></div>
<!--

IMPORTANT: This widget contains real Adsense code as a sample to show how this widget functions.  Please replace the current Adsense code below with your own code in order to generate revenue from this ad space.

-->
<div class="clearfix"></div>
<div class="content-container banner-ad-unit footer-banner-container">

	<div class="container text-center banner-ad-unit footer-banner-ad">

				<div class="clearfix clearfix-lg"></div>
								<style>.footer-banner-ad ins.adsbygoogle[data-ad-status="unfilled"]{display:none!important}</style>
				<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-9701662000865416" crossorigin="anonymous"></script>
				<!-- Desktop Banner -->
				<div class="clearfix vmargin banner-ad-unit hidden-xs hidden-sm">						
					<ins class="adsbygoogle"
					style="display:inline-block;width:930px;height:180px"
					data-ad-client="ca-pub-9701662000865416"
					data-ad-slot="7980887865"></ins>
					<script>
						(adsbygoogle = window.adsbygoogle || []).push({});
					</script>
				</div>	
				<!-- Small Banner -->
				<div class="clearfix vmargin banner-ad-unit hidden-xs hidden-md hidden-lg">						
					<ins class="adsbygoogle"
					style="display:inline-block;width:700px;height:180px"
					data-ad-client="ca-pub-9701662000865416"
					data-ad-slot="7621795219"></ins>
					<script>
						(adsbygoogle = window.adsbygoogle || []).push({});
					</script>
				</div>	
				<!-- Mobile Banner -->	
				<div class="clearfix vmargin banner-ad-unit hidden-sm hidden-md hidden-lg">
					<ins class="adsbygoogle"
					style="display:inline-block;width:480px;height:180px"
					data-ad-client="ca-pub-9701662000865416"
					data-ad-slot="1666760956"></ins>
					<script>
						(adsbygoogle = window.adsbygoogle || []).push({});
					</script>
				</div>					
						<div class="clearfix clearfix-lg"></div>
	</div>	
</div>
<div class="clearfix"></div>
<style type='text/css'> .newsletter_row input[type="email"] {
    float: none;
    margin-left: auto;
    margin-right: auto;    
    width: 62% !important;
} </style><div class="content-container newsletter_row">
	<div class="container text-center vpad">
		<div class="col-md-12 xs-nopad">
			<a href="#" data-toggle="modal" data-target="#newsletter_subscribe_modal" class="btn btn-lg newsletter_footer_button col-xs-12 col-md-6 nofloat fpad bold">
            <div class="col-sm-6 nopad newsletter_button_left">
            Join Our Newsletter
        </div> 
        <div class="col-sm-6 nopad newsletter_button_right">
            Click to Subscribe
            <i class='fa fa-chevron-circle-right fa-fw'></i>
        </div>
        
	<div class="clearfix"></div>
</a>
		</div>
	</div>
</div><div class="footer">
    <div class="container">
        <div class="row">
            <ul class="footer_menu sm-text-center">
                <li class='col-md-5'><span id='link336'  class='head'> We make your business everyone's business!</span><ul><li class=''><span id='link337'  class='content'> Online visibility is good. It translates into more customers, more business, and more profits. bPUBLIC provides everything you need to connect with customers in your community looking for the kinds of products and services offered by your business. Establish your online presence, launch online ad campaigns, manage your reputation, and get your business found.
</br>
<b>Get more customers: The bPUBLIC Business Directory delivers actively searching prospects!</b></span></li></ul></li><li class='col-md-2 col-md-offset-1'><span id='link338'  class='head'> Website</span><ul><li class=''><a href='/about' id='link339'>How It Works</a></li><li class=''><a href='/join' id='link340'>Get Listed</a></li></ul></li><li class='col-md-2'><span id='link341'  class='head'> Search</span><ul><li class=''><a href='/categories' id='link342'>Browse Categories</a></li><li class=''><a href='/locations' id='link343'>Browse Locations</a></li></ul></li><li class='col-md-2'><span id='link344'  class='head'> Support</span><ul><li class=''><a href='/login' id='link345'>Member Login</a></li><li class=''><a href='/about/contact' id='link346'>Contact Us</a></li></ul></li><li class='col-md-6 col-md-offset-1 vpad vmargin'><a href='/join' id='link349'  class='btn btn_footer_get_listed btn-lg btn-block bold center sm-block'>Get Listed Today!</a></li><li class='col-md-12 clearfix vmargin text-center'><span id='link350'> </span><ul><li class='clearfix vmargin vpad inline-block'><span id='link351'> </span></li><li class='btn-lg font-sm  novpad  norpad inline-block'><span id='link352'> © 2024</span></li><li class='font-sm inline-block hpad'><a href='/' id='link353'  title='bPUBLIC'>bPUBLIC</a></li><li class='font-sm inline-block'><span id='link354'> All Rights Reserved</span></li><li class='font-sm inline-block hpad'><a href='/about/terms' id='link355'  title='Terms of Use'>Terms of Use</a></li><li class='font-sm inline-block'><a href='/about/privacy' id='link356'  title='Privacy Policy'>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();
        		}

            }
        }
                if (thisObj.hasClass('googleSuggest') && thisObj.val().length == 0) {
            thisObj.parent().append(`<span class="fill_location ${size}"><i class="fa fa-crosshairs" title="Use Current Location" aria-hidden="true"></i></span>`);
        }
        if (thisObj.val() == "" && thisObj.parent().find('.clear_content').length){
            thisObj.parent().find('.clear_content').remove();
        }
            }

    $(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 () {

        if ($('.navbar-default').length > 0) {
            var menu = $('.navbar-default');
            var origOffsetY = menu.offset().top;

            function scroll() {

                if ($(window).scrollTop() > origOffsetY) {
                    $('.navbar-default').addClass('navbar-fixed-top');
                    $('.navbar-default').addClass('transparent_menu');

                } else {
                    $('.navbar-default').removeClass('navbar-fixed-top');
                    $('.navbar-default').removeClass('transparent_menu');
                }
            }
            document.onscroll = scroll;
        };
    });
        $(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;
        window.addEventListener('DOMContentLoaded', () => {
            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);

        });

        function googleMapOnFormClick() {
            let googleSuggestForm = document.querySelectorAll('.googleSuggest,.google-writen-location,input[name="lead_location"],.fill_location');
            let scriptLoaded = new Promise( (resolve,rejection) => {
                resolve('already loaded');
            });
            let mapUri ="https://maps.googleapis.com/maps/api/js?v=3.exp&libraries=places®ion=US&callback=initializeG&language=en&key=AIzaSyCQBqysgsrvDdDvTh_fddPXOwsKkswEz2Y";
            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.removeEventListener('focusin', googleMapOnFormClick, false);

                    }else{
                        googleSuggestForm[i].removeEventListener('input', googleMapOnFormClick, false);
                    }
                }
            }
            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");
                    };
                    let head = document.getElementsByTagName('head')[0];
                    head.appendChild(script);
                });
            }
            if(typeof google == "undefined" || !google.hasOwnProperty('maps')) {
                scriptLoaded = loadMapScriptAsync(mapUri);
            } else {
                let InitG= 0;
                if (typeof initialize !== 'undefined' && typeof initialize === 'function' && InitG >0) {
                    initialize();
                }
            }
            return scriptLoaded;
        }


        function initializeG() {
            var geocoder;
            var cachedSelectedOption = [];
            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) {
                var currentForm = $(this);
                var locationInput = $(this).find(".googleLocation");

                //checks if the location input is filled when submitting the search form
                if (locationInput.val() != "" && typeof locationInput.val() != 'undefined') {
                    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 (cachedSelectedOption[0] == 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 = '1';
            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 parseInfoToSearch(results, urlGET, formActionUrl) {
            var parameters = {};
            var addressComponentsArray = [];
            if (results.length > 1) {
                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;

            sessionStorage.setItem("google_result",JSON.stringify(results));

            //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 ((results[0].address_components[i]['types'][0] == "locality" || results[0].address_components[i]['types'][0] == "sublocality_level_1"  || results[0].address_components[i]['types'][0] == "colloquial_area" || results[0].address_components[i]['types'][0] == "postal_town") && $.inArray(results[0].address_components[i]['types'][0], results[0].types) !== -1) {
                    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 = '1';
            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:
                    console.log("Location information is unavailable.");
                    break;
                case error.TIMEOUT:
                    console.log("The request to get user location timed out.");
                    break;
                case error.UNKNOWN_ERROR:
                    console.log("An unknown error occurred.");
                    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>
        window.addEventListener("load", () => {
            let containerSlider = document.createElement('div');
            let containerSlider2 = document.createElement('div');
            const firstContainer = document.getElementById('first_container')

            containerSlider.classList.add('slider-container');
            containerSlider2.classList.add('slider-container-in');
            containerSlider.style.height = containerSlider2.style.height = firstContainer.offsetHeight + 'px';
            containerSlider.style.width = firstContainer.offsetWidth + 'px';
            containerSlider2.style.height = firstContainer.offsetHeight + 'px';
            containerSlider2.style.width = firstContainer.offsetWidth + 'px';

            
            containerSlider.prepend(containerSlider2)
            firstContainer.prepend(containerSlider)


            let script = document.createElement('script');
            let head = document.getElementsByTagName('head')[0];
            script.src = 'https://www.optimizecdn.com/directory/cdn/assets/bootstrap/js/vegas.min.js';
            head.appendChild(script);
            let link = document.createElement('link');
            link.rel = 'stylesheet';
            link.href = 'https://www.optimizecdn.com/directory/cdn/assets/bootstrap/css/vegas.min.css';
            head.appendChild(link);

            script.onload = function () {
                $('#first_container .slider-container-in').vegas({
                    color: 'rgb(18, 18, 18)',
                    delay: 5000,
                    transitionDuration: 1000,
                    timer: false,
                    transition: 'fade',
                    slides: [
                                                {src: '/images/bPUBLIC-directory-city-guide.png'},
                                                {src: '/images/bPUBLIC-city-sidewalk.png'},
                                                {src: '/images/bPUBLIC-nightlife.png'},
                                            ],
                });

                $('a.previous').on('click', function () {
                    $('#first_container .slider-container-in').vegas('options', 'transition', 'fade').vegas('previous');
                    return false;
                });

                $('a.next').on('click', function () {
                    $('#first_container .slider-container-in').vegas('options', 'transition', 'fade').vegas('next');
                    return false;
                });
            }
        });
    </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>
$(document).ready(function(){
    
	var clickEvent = false;
	$('#myCarousel').carousel({
		interval:   4000	
	}).on('click', '.list-group li', function() {
			clickEvent = true;
			$('.list-group li').removeClass('active');
			$(this).addClass('active');		
	}).on('slid.bs.carousel', function(e) {
		if(!clickEvent) {
			var count = $('.list-group').children().length -1;
			var current = $('.list-group li.active');
			current.removeClass('active').next().addClass('active');
			var id = parseInt(current.data('slide-to'));
			if(count == id) {
				$('.list-group li').first().addClass('active');	
			}
		}
		clickEvent = false;
	});
})
$(window).on('load', function () {
    var boxheight = $('#myCarousel .carousel-inner').innerHeight();
    var itemlength = $('#myCarousel .item').length;
    var triggerheight = Math.round(boxheight / itemlength + 1);
    $('#myCarousel .list-group-item').outerHeight(triggerheight);
});
</script><script>
    $('#captchaContainer').removeClass('form-control ');
    $(".website_url_field").keyup(function(){
        var fieldName = $(this).attr('name');
        $(this).val($(this).val().replace(/\s+/g, ''));
        $('#myform').formValidation('revalidateField', fieldName);
    });
</script>
<script>
     $('#newsletter input[name="email"]').on('keypress', function() {
        $("#newsletter > .gdpr_consent_email").show();
    });
	$('#newsletter_signup_footer input[name="email"]').on('keypress', function() {
        $("#newsletter_signup_footer > .gdpr_consent_email").show();
    });
</script>                <script src="https://www.optimizecdn.com/directory/cdn/bootstrap/formvalidation/current/dist/js/formValidation.min.js"></script>
                <script src="https://www.optimizecdn.com/directory/cdn/bootstrap/formvalidation/current/dist/js/framework/bootstrap.min.js"></script>
                <script type="text/javascript">
                    function decodeHtml(html) {
                        var txt = document.createElement("textarea");
                        txt.innerHTML = html;
                        return txt.value;
                    }
                </script>
                        <script type="text/javascript">

        var counterSubmit = 0;
        $(document).ready(function() {
            $(`form[name='newsletter_modal_signup_380']`).formValidation({"framework":"bootstrap","addOns":{"reCaptcha2":{"element":"captchaContainer","language":"en","theme":"light","siteKey":"6LcE2LsfAAAAAL4iRmvjo9GiFF2hjEONziPcsCkg","timeout":"120","message":"The captcha is not valid"}},"fields":{"email":{"validators":{"notEmpty":{"message":"Required Field"},"emailAddress":{"message":"Please enter a valid email address"}}}}}).on('success.form.fv', function(e,fvdata) {
                
                if('newsletter_modal_signup' == 'unsubscribe_email'){
                    return true;
                }
                // Prevent form submission
                e.preventDefault();
                $form = $(e.target),
                fv = $form.data('formValidation');
                var values = $(this).serialize();

                
                var locationFieldCorrect = true;

                if($("#newsletter_modal_signup_380 .location_required").length > 0){
                    $("#newsletter_modal_signup_380 .location_required").each(function (index) {
                        if($(this).data('state') == 1){
                            if($('#newsletter_modal_signup_380 input[name="lead_location"]').val() == "" || $('#newsletter_modal_signup_380 input[name="lat"]').val() == "" || $('#newsletter_modal_signup_380 input[name="lng"]').val() == "") {
                                locationFieldCorrect = false;
                            }
                        }
                    });
                }

                if(locationFieldCorrect === false){
                    //check that there is a latitude or longitude
                    swal(`Whoops!`, `The location information is required to submit this form`, "error");
                    return false;
                }
                        

                if (!$(this).attr("action")) {
                    var action = '';

                } else {
                    var action = $(this).attr("action");
                }
                if (!$(this).attr("method")) {
                    var method = 'post';

                } else {
                    var method = $(this).attr("method");
                }
                if (!$(this).attr("form_action_type")) {
                    var form_action_type = 'notification';

                } else {
                    var form_action_type = $(this).attr("form_action_type");
                }
                if (!$(this).attr("form_action_div")) {
                    var form_action_div = '#first_container';

                } else {
                    var form_action_div = $(this).attr("form_action_div");
                }
                if (!$(this).attr("return_data_type")) {
                    var return_data_type = 'json';

                } else {
                    var return_data_type = $(this).attr("return_data_type");
                }
                if ($("#newsletter_modal_signup_380-notification").html() != "") {
                    $("#newsletter_modal_signup_380-notification").remove();
                }
                if ($(this).find('input[type="submit"]').length > 0) {
                    $(this).find('input[type="submit"]').before('<div id="newsletter_modal_signup_380-notification" class="alert"></div>');

                } else {
                    $(this).prepend('<div id="newsletter_modal_signup_380-notification" class="alert"></div>');
                }
                var notification = $("#newsletter_modal_signup_380-notification");

                if ((form_action_type == "" || form_action_type == "default") && action.indexOf("account") >= 0) {
                    notification.html(`Processing Request...`).addClass("alert-warning");
                    setTimeout(function(){
                        fv.defaultSubmit();
                    }, 100);
                } else {
                    notification.html(`Processing Request...`).addClass("alert-warning");
                    if(counterSubmit == 0) {
                        counterSubmit++;

                        var fields      = $(this).serializeArray();
                        var formField   = [];
                        var processData = true;
                        var contentType = "application/x-www-form-urlencoded; charset=UTF-8";
                        
                        

                        if($("#newsletter_modal_signup_380 input[type=file]").length > 0){
                            
                            var formObject  = new FormData();
                            processData     = false;
                            contentType     = false;

                            $(fields).each(function(index,field){
                                formField.push(field.name+"="+field.value);
                            });

                            values  = formField.join("&");

                            $(formField).each(function(index,fieldValue){
                                var fieldInfo = fieldValue.split('=');
                                formObject.append(fieldInfo[0],fieldInfo[1]);
                            });

                            $("#newsletter_modal_signup_380 input[type=file]").each(function(index,node){
                                var file = this.files[0];
                                if(typeof file != "undefined"){
                                    formObject.append("file_addon["+$(node).attr('name')+"]", file, file.name);
                                }
                            });
                        }else{
                            
                            $(fields).each(function(index,field){
                                formField.push(field.name+"="+encodeURIComponent(field.value));
                            });

                            var formObject  = formField.join("&");
                        } 
                        
                        $.ajax({
                            url: action,
                            type: method,
                            data: formObject,
                            dataType: return_data_type,
                            processData: processData,
                            contentType: contentType,
                            success: function (data) {
                                if (return_data_type == "html") {
                                    var result = 'success';

                                    if (!data != "") {
                                        var result_widget = data['result_widget'];
                                    }

                                } else {


                                    if (!data['result']) {
                                        var result = 'error';
                                    } else {
                                        var result = data['result'];
                                    }
                                    if (!data['result_widget']) {
                                        var result_widget = '';

                                    } else {
                                        var result_widget = data['result_widget'];
                                    }
                                }
                                if (result == "success") {

                                    if (!data['message']) {
                                        var message = `Your information has submitted successfully!`;

                                    } else {
                                        var message = data['message'];
                                    }
                                    if (!data['redirect_url']) {
                                        var redirect_url = '';

                                    } else {
                                        var redirect_url = data['redirect_url'];
                                    }



                                    if (form_action_type == "notification") {
                                        notification.html(message + '<button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">×</span></button>')
                                            .addClass('alert-dismissible')
                                            .addClass("alert-success")
                                            .removeClass("alert-danger")
                                            .removeClass("alert-warning")
                                        
                                            

                                        if(notification.parents('.modal').length && 'newsletter_modal_signup_380' == 'whmcs_billing_address'){
                                            setTimeout(function(){
                                                notification.parents('.modal').modal('hide'); 
                                            }, 1000);
                                        }

                                    } else if (form_action_type == "widget") {

                                        if (result_widget != '') {

                                            setTimeout(function(){
                                                if(form_action_div != '.newsletter_modal_form_container'){
                                                    $("html, body").animate({ scrollTop: 0 }, 600);
                                                }                                                
                                                $(form_action_div).html(decodeHtml(result_widget)).text();

                                            }, 1000);
                                        }

                                    } else if (form_action_type == "redirect") {

                                        if (redirect_url == "") {
                                            redirect_url = decodeURIComponent("");
                                        }

                                        if (redirect_url.substring(0, 1) != "/" && redirect_url.substring(0, 1) != "h") {
                                            redirect_url = "/" + redirect_url;
                                        }
                                        current_location = "/";
                                        refresh_pages_string = "/login";
                                        refresh_pages_string = refresh_pages_string.replace(/ /g,'');
                                        refresh_pages_array = refresh_pages_string.split(',');
                                        notification.html(message)
                                            .addClass("alert-success")
                                            .removeClass("alert-danger")
                                            .removeClass("alert-warning")
                                            .delay(2000).slideUp();
                                            if(action == "/api/widget/json/get/Bootstrap%20Theme%20-%20Member%20Login%20Page" && current_location.indexOf("/login") == -1 && refresh_pages_string != '' && (!refresh_pages_array.includes(current_location) || refresh_pages_string == "/login" )){
                                                                                                    window.location.href = window.location.href+'?logged';
                                                                                            } else {
                                                window.location.href = redirect_url;
                                            }

                                        fv.resetForm(true);
                                    }
                                    if(form_action_div != '.newsletter_modal_form_container' && 'newsletter_modal_signup_380' != 'whmcs_billing_address'){
                                        $('.modal-backdrop').hide();
                                    }
                                } else {
                                    if(typeof grecaptcha !== "undefined"){
                                        grecaptcha.reset();
                                    }
                                    if (!data['message']) {
                                        var message = `You entered invalid data. Please try to save again.`;

                                    } else {
                                        var message = data['message'];
                                    }
                                    $("#newsletter_modal_signup_380-notification").html(message)
                                        .addClass("alert-danger")
                                        .removeClass("alert-success")
                                        .removeClass("alert-warning")
                                        .fadeIn();
                                    fv.disableSubmitButtons(false);
                                }
                                counterSubmit = 0;
                            },
                            error: function (e) {
                                
                                if(typeof grecaptcha !== "undefined"){
                                        grecaptcha.reset();
                                        $("#newsletter_modal_signup_380-notification").html(`Recaptcha Error`);
                                } else {
                                    $("#newsletter_modal_signup_380-notification").html(`A connection error occurred while saving. Please try to save again.`);
                                }
                                $("#newsletter_modal_signup_380-notification").addClass("alert-warning")
                                    .removeClass("alert-success")
                                    .removeClass("alert-warning")
                                    .fadeIn();
                                counterSubmit = 0;
                            }
                        });/// End Ajax
                    }
                }//END else
            }).bind('keydown', function(event) {

                if (event.ctrlKey || event.metaKey) {

                    switch (String.fromCharCode(event.which).toLowerCase()) {

                        case 's':
                            $(this).submit();
                            break;
                    }
                }
            });

            /// This will turn any select2 that are required in the form builder to being required elements.
            $('#newsletter_modal_signup_380 select').each(function (i, obj) {
                setTimeout(function(){
                    if ($(obj).prop("required") && $(obj).attr("style") == "display: none;") {
                        $(obj).css("z-index","-999");
                        $(obj).css("height","0");
                        $(obj).css("width","0");
                        $(obj).css("display","block");  
                        $(obj).css("position","absolute");  
                    }
                }, 3000);
            });

        });//END $('# echo $_SERVER[form_element_id]; ').formValidation(
    </script>
        <div class="modal fade" id="newsletter_subscribe_modal" tabindex="-1" role="dialog" aria-hidden="true">
	<div class="modal-dialog">
		<div class="modal-content">
			<div class="container-fluid">
				<div class="row">
					<div class="col-md-12">
						<br>
						<button type="button" class="close" data-dismiss="modal" aria-label="Close">
							<span aria-hidden="true">×</span>
						</button>
						<h3 class="nomargin">
							Join Our Newsletter
						</h3>
						<hr>
						<div class="newsletter_modal_form_container">
							<style type="text/css">label span.required { color: #B94A48; }span.help-inline, span.help-block {font-size: .9em; }</style><form action="/api/widget/json/get/Bootstrap%20Theme%20-%20Module%20-%20Newsletter%20Actions" id="newsletter_modal_signup_380" method="post" labelwidth="100" labelpaddingtop="0.5em" enctype="multipart/form-data" form_action_type="widget" form_action_div=".newsletter_modal_form_container" return_data_type="" name="newsletter_modal_signup_380" class=" "><input type="hidden" name="sized" value="0" id="newsletter_modal_signup_380-element-0"/><input type="hidden" name="form" value="myform" id="newsletter_modal_signup_380-element-1"/><input type="hidden" name="formname" value="newsletter_modal_signup" id="newsletter_modal_signup_380-element-2"/><input type="hidden" name="dowiz" value="1" id="newsletter_modal_signup_380-element-3"/><input type="hidden" name="save" value="1" id="newsletter_modal_signup_380-element-4"/><input type="hidden" name="url_origin_pars" value="/home" id="newsletter_modal_signup_380-element-5"/><input type="hidden" name="action" autocomplete="off" value="subscribe" id="newsletter_modal_signup_380-element-6"/><div class="form-group"><input type="text" name="first_name" placeholder="Name" autocomplete="off" value class="form-control control-group  form-control " id="newsletter_modal_signup_380-element-7"/></div><div class="form-group"><input type="email" name="email" required placeholder="Enter email address" autocomplete="off" value class="form-control control-group form-control" id="newsletter_modal_signup_380-element-8"/></div><div class="form-group"><div class="form-group security_question_label">
            <div id="newsletter_modal_signup_380-captchaContainer" class="control-group">
        <div class="g-recaptcha"  id="newsletter_modal_signup_380-google-recaptcha"></div>
    </div>
    <small class="help-block" id="recaptcha_error" style="display:none;" data-fv-validator="notEmpty" data-fv-for="recaptcha" data-fv-result="INVALID" />The security check was not completed successfully.</small>
    <div class="clearfix bmargin"></div>
    <input type="hidden" name="recaptcha" id="newsletter_modal_signup_380-rcap">
</div>
    <style>
        .modal .g-recaptcha-scale, .col-md-4 .g-recaptcha-scale, .col-md-3 .g-recaptcha-scale, .col-lg-3 .g-recaptcha-scale, .col-lg-4 .g-recaptcha-scale {
            transform: scale(0.77);
            -webkit-transform: scale(0.77);
            transform-origin: 0 0;
            -webkit-transform-origin: 0 0;
            margin-bottom: -15px;
        }

        .modal #newsletter_modal_signup_380-captchaContainer, .col-md-4 #newsletter_modal_signup_380-captchaContainer, .col-md-3 #newsletter_modal_signup_380-captchaContainer, .col-lg-3 #newsletter_modal_signup_380-captchaContainer, .col-lg-4 #newsletter_modal_signup_380-captchaContainer {
            transform: scale(0.77);
            -webkit-transform: scale(0.77);
            transform-origin: 0 0;
            -webkit-transform-origin: 0 0;
            margin-bottom: -15px;
        }
    </style>
    <script type="text/javascript">
        var formID          = '';
        var currentCaptcha  = {};
        var captchaHolders  = {};
        window.addEventListener('load', () => {
            formID = document.querySelectorAll('[name="recaptcha"]');
            if (typeof formID != "undefined" && formID !== null) {
                for (let i = 0; i < formID.length; i++) {
                    let formIDForm = formID[i].closest('form');
                    if (typeof formIDForm != "undefined" && formIDForm !== null) {
                        formIDForm.addEventListener('click', reCaptchaOnFormClick, false);
                    }
                }
            }
        });

        function reCaptchaOnFormClick(event) {
            currentCaptchaForm  = event.srcElement.closest('form');
            var head            = document.getElementsByTagName('head')[0];
            var script          = document.createElement('script');
            script.type         = 'text/javascript';
            script.src          = 'https://www.google.com/recaptcha/api.js?onload=onloadCallback&render=explicit&hl=en';
            head.appendChild(script);
            if (typeof currentCaptchaForm != "undefined" && currentCaptchaForm !== null) {
                currentCaptchaForm.removeEventListener('click', reCaptchaOnFormClick, false);
            }
        }


        var onloadCallback = function (event) {
            var captcha = currentCaptchaForm.querySelectorAll('div[class=g-recaptcha]');
            if(captcha[0].id){
                captchaHolders[captcha[0].id] = grecaptcha.render(captcha[0].id, {
                    'sitekey': '6LcE2LsfAAAAAL4iRmvjo9GiFF2hjEONziPcsCkg'
                });
            }
        }

    </script>
<script>
    function respuesta() {
        var checkedTextArea = document.getElementsByClassName('g-recaptcha');
        var rcap = document.getElementsByTagName('recaptcha');
        for (var i = 0; i < checkedTextArea.length; i++) {
            if (checkedTextArea[i].value != '') {
                for (var index = 0; i < rcap.length; index++) {
                    rcap[index].setAttribute("value", "checked");
                }
            }
        }
    }

    $(document).ready(function(){
        $("#newsletter_modal_signup_380 input[type=submit]").unbind('click');
        $("#newsletter_modal_signup_380 input[type=submit]").click(function (event) {

            var formId = $(this.form).attr('id');
            var captchaHolderKey = formId + "-google-recaptcha";

            if (typeof captchaHolders[captchaHolderKey] != "undefined") {
                event.preventDefault();

                if (grecaptcha.getResponse(captchaHolders[captchaHolderKey]) === "") {
                    $("#" + formId).formValidation('validate');
                    $("#" + formId + " .security_question_label").addClass("has-error");
                    $("#" + formId + " #recaptcha_error").css("display", "block");
                    return false;
                } else {
                    $("#" + formId + " .security_question_label").removeClass("has-error");
                    $("#" + formId + " #recaptcha_error").css("display", "none");
                    respuesta();
                    $("#" + formId).submit();
                }
            }
        });
    });
</script></div><div class="form-group"><input type="hidden" name="bd_hpc" autocomplete="off" value class="form-control control-group " id="newsletter_modal_signup_380-element-11"/></div><div class="form-actions"><input type="submit" value="Subscribe Now" name class="btn btn-success btn-block btn-lg  bold " id="newsletter_modal_signup_380-element-12"/></div><input type='hidden' name='origin' value='/'></form><script type="text/javascript">jQuery(document).ready(function() {		jQuery("#newsletter_modal_signup_380").bind("submit", function() { 
		});}); </script>						</div>						
						<br>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>    <script>
        window.addEventListener('load', (event) => {
            setTimeout(() => {
                    }, 501);
        });
    </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>
<style type='text/css'> .input-group.normal-autosuggest input,.input-group.sm-autosuggest input, .input-group.md-autosuggest input {
			border-radius: 0 3px 3px 0 !important;
			box-shadow: none;
}
.normal-autosuggest .twitter-typeahead, .sm-autosuggest .twitter-typeahead, .md-autosuggest .twitter-typeahead, .large-autosuggest .twitter-typeahead {
	display: inline-block;
	height: 25px;
	position: relative;
	width: 100%;
}
.input-group.normal-autosuggest .twitter-typeahead, .input-group.sm-autosuggest .twitter-typeahead, .input-group.large-autosuggest .twitter-typeahead:not(.search_box .twitter-typeahead) {
	width: inherit;
}
.normal-autosuggest .twitter-typeahead .clear_content.medium{
	bottom: 0px;
}
.sm-autosuggest .twitter-typeahead .clear_content.small{
	bottom: -4px;
}
.md-autosuggest.input-group .twitter-typeahead .clear_content.medium  {
    bottom: -2px;
}
.md-autosuggest .twitter-typeahead {
	height: 32px;
}
 .md-autosuggest  .input-group-addon  + .input_wrapper .twitter-typeahead {
	height: 29px;
}
.md-autosuggest-input + .clear_content.medium {
    bottom: 0px;
}
.large-autosuggest .twitter-typeahead {
	height: 40px;
}
.normal-autosuggest .twitter-typeahead{
	height: 34px;
}
.normal-autosuggest .twitter-typeahead .tt-hint, .sm-autosuggest .twitter-typeahead .tt-hint {
	background: #fff !important;
	border: 1px solid #ccc!important;
	border-radius: 0 4px 4px 0;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset!important;
	color: transparent;
	left: 0;
	padding: 4px 11px;
	position: absolute;
	top: 0;
	width: 100%;
	font-size:12px;
}
.normal-autosuggest.input-group-addon .fa, .sm-autosuggest .input-group-addon .fa {font-size:12px}
.md-autosuggest .twitter-typeahead .tt-hint {
	height: 100%;
	background: #ffffff none repeat scroll 0 0 !important;
	border: 1px solid #cccccc !important;
	border-radius: 0 4px 4px 0;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset !important;
	color: rgba(0, 0, 0, 0);
	left: 0;
	padding: 6px 11px;
	position: absolute;
	top: 0;
	width: 100%;
}
.large-autosuggest {background: #fff !important;border-radius:6px;}
.large-autosuggest input {width: 100%!important;box-shadow:none; border-radius: 6px;}
	.input-group.large-autosuggest input,.input-group.large-autosuggest .twitter-typeahead .tt-hint {
		border-radius: 0 6px 6px 0!important;
	}
	.large-autosuggest .twitter-typeahead .tt-hint {
	background: #fff !important;
	border: 1px solid #ccc!important;
	border-radius: 6px;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset!important;
	color: transparent;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	font-size: 18px;
	height: 46px;
	line-height: 1.33333;
	padding: 10px 15px;
}	
.tt-dataset .empty-message {
	display: none !important;
}
.twitter-typeahead .tt-query {background-color:#fff!important}
.input-group.large-autosuggest span:first-child .tt-hint {border-radius: 0 !important;}
span.tt-dropdown-menu {
	border: 1px solid #FCFCFC;
	border-radius: 5px;
	box-shadow: 0 5px 10px rgba(0,0,0,.2);
	width: 100% !important;
}
.tt-is-under-cursor a.suggest-link {
	background: #55ACEE;
}
.tt-is-under-cursor .media-heading,
.tt-is-under-cursor .suggest-origin,
.tt-is-under-cursor .location{
	color:#fff!important;
}
.tt-suggestion .media .media-body .suggest-origin {
		color: rgba(45, 91, 137,0.9);
	padding: 1px 0;
	border-radius: 6px;
	font-weight: bold;
	line-height: 12px;
}
.tt-suggestion {
	background: #fff;
	border-bottom: 1px solid #eee;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
body .tt-suggestions .media.br-bottom img {
	max-width: 45px;
	height: auto;
}
body .tt-suggestions .media-body span {
	font-size: 10px;
}
body .tt-suggestions .media-body h4 {
	font-size: 12px;
	margin: 2px 0px;
	text-transform: capitalize;
}
a.suggest-link {
	padding: 5px;
	display: block;
}
a.suggest-link img {
	border-radius: 100px;
	display: block;
	margin: 0 auto;
	height: 100%!important;
	width: 100%;
	object-fit: cover;
}
.left-suggest-col {
	display: inline-block;
	vertical-align: middle;
	width: 44px;
	height: 44px;
}
.right-suggest-col {
	display: inline-block;
	padding-left: 1%;
	text-align: left;
	vertical-align: middle;
	width: calc(100% - 1% - 50px);
}
p.media-heading {
	color: #333;
	font-size: 12px;
	font-weight: 600;
	margin-bottom: 0;
}
p.suggest-origin {
	font-size: 10px;
	color: #333;
	margin:0;
}
p.location {
	color: #333;
	font-size: 10px;
	margin: 2px 0;
}
body .tt-is-under-cursor a.suggest-link {
	background: #F7F7F7;
}
body .tt-is-under-cursor .media-heading, body .tt-is-under-cursor .suggest-origin, body .tt-is-under-cursor .location {
	color: #333!important;
}
body .tt-is-under-cursor a.suggest-link[data-heading="heading"] {
	background: rgb(208, 29, 21);
}
/* --- all the novalue css --- */
a.suggest-link .suggest-origin[data-state="novalue"] {
	display: none;
}
a.suggest-link .location[data-state="novalue"] {
	display: none;
}
a.suggest-link img[data-state="novalue"] {
	display: none;
}
a.suggest-link .suggest-origin[data-state="heading"] {
	display: none;
}
a.suggest-link .media-heading[data-heading="heading"] {
	color:rgb(253, 253, 253)!important;
	font-weight: bold;
	padding: 4px;
	font-size: 13px;
}
.left-suggest-col[data-photo="novalue"], .left-suggest-col[data-photo="undefined"] {
	display: none;
}
.right-suggest-col[data-photo="novalue"], .right-suggest-col[data-photo="undefined"] {
	width: 100%;
}
a.suggest-link[href="novalue"] {
	cursor: default !important;
	pointer-events: none;
}
a.suggest-link[data-heading="heading"] {
	background-color: rgb(208, 29, 21);
}
div.content-shell {
	overflow: inherit;
}
span.tt-dropdown-menu div {
	float: none;
}
.tt-menu {
	border-radius: 0 0 6px 6px;
	box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
	overflow: hidden;
	width: 100%;
}
.tt-menu .tt-dataset {
    overflow-y: auto;
    max-height: 200px;
} </style>        <script type="text/javascript">
            
            if (typeof decodeHtml != "function") {
                function decodeHtml(html) {
                    var txt = document.createElement("textarea");
                    txt.innerHTML = html;
                    return txt.value;
                }
            }
                        function initializeTypeheadMember_search() {
                var member_searchEngine = new Bloodhound({
                    initialize: false,
                    datumTokenizer: function (d) {
                        return Bloodhound.tokenizers.whitespace(value);
                    },
                    queryTokenizer: Bloodhound.tokenizers.whitespace,
                    remote: {
                        url: `/api/suggest/json/get/1,users_data,Listings,1,1,1,1,1,3|88,list_professions,Main Categories,1,0,1,1,1,3|89,list_services,Sub Categories,1,0,1,1,1,3?tID=35&q=%QUERY`,
                        wildcard: '%QUERY',
                        filter: function (response) {

                            if (response != null) {
                                //var response = response.slice(1);
                                $.each(
                                    response, function (key, value) {
                                        response[key]['value'] = decodeHtml(value['value']);
                                        response[key]['comes_f'] = decodeHtml(value['comes_f']);
                                        response[key]['location'] = decodeHtml(value['location']);

                                        if (response[key]['value'].indexOf('-/-') >= 0) {
                                            var splitResult = response[key]['value'].split('-/-');
                                            response[key]['value'] = splitResult[0];
                                        }
                                    }
                                );

                            } else {
                                response = {error: "null"};
                            }

                            return response;
                        }
                    }
                });
                var member_searchDataSrc = member_searchEngine.initialize();

                member_searchDataSrc
                    .done(function () { /*console.log('Autosuggestions engine initialized.'); */
                    })
                    .fail(function () { /*console.log('err, something went wrong while initializing autosuggestions engine:(');*/
                    })

                $('.member_search').typeahead({
                        minLength:  2,
                        highlight: true,
                        hint: false                    },
                    {
                        display: 'value',
                        source: member_searchEngine.ttAdapter(),
                        limit: 10,
                        templates: {
                            empty: [
                                '<div class="empty-message">',
                                'Result not found',
                                '</div>'
                            ].join(" "),
                            notFound: [
                                '<div class="notFound-message">',
                                'Result not found',
                                '</div>'
                            ].join(" "),
                            suggestion: function (data) {

                                if (data == "null") {
                                    strTemplate = '<div class="empty-message">Result not found</div>';

                                } else {
                                    strTemplate = '<a class="suggest-link" href="' + data.link + '" data-state="' + data.link + '" data-heading="' + data.comes_f + '"> <div class="left-suggest-col" data-photo="' + data.photo + '"> <img src="' + data.photo + '" data-state="' + data.photo + '"> </div> <div class="right-suggest-col" data-photo="' + data.photo + '"> <p class="media-heading" data-state="' + data.value + '" data-heading="' + data.comes_f + '">' + data.value + '</p> <p class="suggest-origin" data-state="' + data.comes_f + '">' + data.comes_f + '</p> <p class="location" data-state="' + data.location + '">' + data.location + '</p> </div> </a> ';

                                    if ((data.link == undefined) || (data.link == "") || (data.link == "novalue")) {
                                        strTemplate = strTemplate.replace(/href=".*?"/, "href='#'");
                                    }

                                    if ((data.photo == undefined) || (data.photo == "") || (data.photo == "novalue")) {
                                        strTemplate = strTemplate.replace(/<img src=".*?>/, "");
                                    }
                                }

                                return strTemplate;
                            }
                        },
                    }).on('typeahead:selected', function (obj, datum) {
                    /*
                    console.log(obj);
                    console.log(datum);
                    */
                });

                $('.member_search').each(function () {
                    var inputWidth = $(this).outerWidth();
                    $(this).siblings('.tt-dropdown-menu').css('width', inputWidth + 'px');
                });
            }
        </script>
                <script type="text/javascript">
                        function initializeTypeheadGlobal_search() {
                var global_searchEngine = new Bloodhound({
                    initialize: false,
                    datumTokenizer: function (d) {
                        return Bloodhound.tokenizers.whitespace(value);
                    },
                    queryTokenizer: Bloodhound.tokenizers.whitespace,
                    remote: {
                        url: `/api/suggest/json/get/6,users_portfolio_groups,Classifieds,1,1,1,1,1,3|10,users_portfolio_groups,Photo Albums,1,1,1,1,1,3|8,data_posts,Events,1,1,1,1,1,3|9,data_posts,Job Listings,1,1,1,1,1,3|12,users_portfolio_groups,Properties,1,1,1,1,1,3|11,users_portfolio_groups,Products,1,1,1,1,1,3|7,data_posts,Coupons,1,1,1,1,1,3|13,data_posts,Videos,1,1,1,1,1,3|5,data_posts,SoundCloud Posts,1,1,1,1,1,3|14,data_posts,Website Blog Articles,1,1,1,1,1,3|15,data_posts,Community Articles,1,1,1,1,1,3|1,users_data,Member Listings,1,1,1,1,1,3|71,data_posts,Discussions,1,1,1,1,1,3?tID=47&q=%QUERY`,
                        wildcard: '%QUERY',
                        filter: function (response) {

                            if (response != null) {
                                //var response = response.slice(1);
                                $.each(
                                    response, function (key, value) {
                                        response[key]['value'] = decodeHtml(value['value']);
                                        response[key]['comes_f'] = decodeHtml(value['comes_f']);
                                        response[key]['location'] = decodeHtml(value['location']);

                                        if (response[key]['value'].indexOf('-/-') >= 0) {
                                            var splitResult = response[key]['value'].split('-/-');
                                            response[key]['value'] = splitResult[0];
                                        }
                                    }
                                );

                            } else {
                                response = {error: "null"};
                            }

                            return response;
                        }
                    }
                });
                var global_searchDataSrc = global_searchEngine.initialize();

                global_searchDataSrc
                    .done(function () { /*console.log('Autosuggestions engine initialized.'); */
                    })
                    .fail(function () { /*console.log('err, something went wrong while initializing autosuggestions engine:(');*/
                    })

                $('.global_search').typeahead({
                        minLength:  3,
                        highlight: true,
                        hint: false                    },
                    {
                        display: 'value',
                        source: global_searchEngine.ttAdapter(),
                        limit: 5,
                        templates: {
                            empty: [
                                '<div class="empty-message">',
                                'Result not found',
                                '</div>'
                            ].join(" "),
                            notFound: [
                                '<div class="notFound-message">',
                                'Result not found',
                                '</div>'
                            ].join(" "),
                            suggestion: function (data) {

                                if (data == "null") {
                                    strTemplate = '<div class="empty-message">Result not found</div>';

                                } else {
                                    strTemplate = '<a class="suggest-link" href="' + data.link + '" data-state="' + data.link + '" data-heading="' + data.comes_f + '"> <div class="left-suggest-col" data-photo="' + data.photo + '"> <img src="' + data.photo + '" data-state="' + data.photo + '"> </div> <div class="right-suggest-col" data-photo="' + data.photo + '"> <p class="media-heading" data-state="' + data.value + '" data-heading="' + data.comes_f + '">' + data.value + '</p> <p class="suggest-origin" data-state="' + data.comes_f + '">' + data.comes_f + '</p> <p class="location" data-state="' + data.location + '">' + data.location + '</p> </div> </a> ';

                                    if ((data.link == undefined) || (data.link == "") || (data.link == "novalue")) {
                                        strTemplate = strTemplate.replace(/href=".*?"/, "href='#'");
                                    }

                                    if ((data.photo == undefined) || (data.photo == "") || (data.photo == "novalue")) {
                                        strTemplate = strTemplate.replace(/<img src=".*?>/, "");
                                    }
                                }

                                return strTemplate;
                            }
                        },
                    }).on('typeahead:selected', function (obj, datum) {
                    /*
                    console.log(obj);
                    console.log(datum);
                    */
                });

                $('.global_search').each(function () {
                    var inputWidth = $(this).outerWidth();
                    $(this).siblings('.tt-dropdown-menu').css('width', inputWidth + 'px');
                });
            }
        </script>
            <script>
        let typeheadElement = '.member_search,.global_search';
        let TypeheadNameListFunction = 'initializeTypeheadMember_search,initializeTypeheadGlobal_search';
        let typeheadFormElement = undefined;
        window.addEventListener('load', () => {
            if(typeheadElement.length > 1) {
                typeheadFormElement = document.querySelectorAll(typeheadElement);
            }
            if (typeof typeheadFormElement != "undefined") {
                for (let i = 0; i < typeheadFormElement.length; i++) {
                    let closestForm = typeheadFormElement[i].closest('form');
                    if (typeof closestForm != "undefined" && closestForm != null) {
                        closestForm.addEventListener('focus', typeheadFormClick, false);
                    }
                    typeheadFormElement[i].addEventListener('focus', typeheadFormClick, false);
                }
            }
        });
        function initializeTypehead(){
            let splitFunctionNames= TypeheadNameListFunction.split(',');
            for ( let funcName of splitFunctionNames)
                if (typeof funcName != 'function') {
                    window[funcName](); // execute the function

                }
        }
        function typeheadFormClick(event) {

            let head = document.getElementsByTagName('head')[0];
            let script = document.createElement('script');
            let elementClicked = event.target;
            script.type = 'text/javascript';
            script.src = "https://cdnjs.cloudflare.com/ajax/libs/corejs-typeahead/0.11.1/typeahead.bundle.min.js";
            script.onload = function () {
                initializeTypehead();
                elementClicked.focus();
            };
            head.appendChild(script);
            if (typeof typeheadFormElement != "undefined") {
                for (let i = 0; i < typeheadFormElement.length; i++) {
                    let closestForm = typeheadFormElement[i].closest('form');
                    if (typeof closestForm != "undefined" && closestForm != null) {
                        closestForm.removeEventListener('focus', typeheadFormClick, false);
                    }
                    typeheadFormElement[i].removeEventListener('focus', typeheadFormClick, false)
                }
            }
        }


    </script>

    <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>
File size: 236.20 kB (241,844 Bytes) String length: 241,866 Bytes
copy data string | ✕ clear
JCAMP-DX To SVG Converter&SWGDRUG IR-Library

JCAMP-DX To SVG Converter
&
SWGDRUG IR-Library
