It looks like this is a web page, not a feed. I looked for a feed associated with this page, but couldn't find one. Please enter the address of your feed to validate.

Source: http://gunspace.net/yorba-linda-ca-92887/ocrv-center-rv-collision-repair-paint-shop

  1. <!DOCTYPE HTML>
  2. <html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="en">
  3. <head>
  4.    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  5.    <meta http-equiv="X-UA-Compatible" content="IE=edge">
  6.    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=2, user-scalable=1">
  7.  
  8.    <!-- Preconnect -->
  9.    <link rel="preconnect" href="https://www.optimizecdn.com" crossorigin>
  10.    <link rel="preconnect" href="https://fonts.googleapis.com" crossorigin>
  11. <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  12. <link rel="apple-touch-icon" href="/images/favicon.png">
  13.    <link rel="icon" type="image/png" href="/images/favicon.png">
  14.    <!-- Site Meta Data -->
  15.    <title>OCRV Center - RV Collision Repair &amp; Paint Shop -  - GUN CLASSIFIEDS</title>
  16.    <meta name="description" content="Connect with OCRV Center - RV Collision Repair & Paint Shop,  in Yorba Linda CA, 92887, . Find OCRV Center - RV Collision Repair & Paint Shop reviews and more. ">
  17.    <meta name="keywords" content="ONLINE GUN CLASSIFIEDS,ONLINE GUN CLASSIFIEDS,OCRV Center - RV Collision Repair & Paint Shop,GUN CLASSIFIEDS,Yorba Linda CA, 92887, ,,">
  18.    <meta name="robots" content="index, follow">
  19.  
  20.    <!-- Canonical URL -->
  21. <link rel="canonical" href="https://www.gunspace.net/yorba-linda-ca-92887/ocrv-center-rv-collision-repair-paint-shop">
  22.    <span style="position:absolute;color:transparent;width:100%;z-index:-1;height:50px;top:0;">
  23. www.gunspace.net - GUNSPACE.NET</span>
  24.    
  25. <!-- Preload -->
  26. <link rel="preload" as="style" href="https://www.optimizecdn.com/directory/cdn/assets/bootstrap/css/critical-styles.pkgd.min.css?v=04.12.24.14" importance="high">
  27. <link rel="preload" href="/logos/profile/limage-589-218-photo.jpg" as="image" importance="high">
  28.    <!-- Non-Critical Stylesheet - Render Before Critical Styles -->
  29. <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">
  30. <noscript>
  31. <link rel="stylesheet" href="https://www.optimizecdn.com/directory/cdn/assets/bootstrap/css/non-critical-styles.pkgd.min.css">
  32. </noscript>
  33. <!-- Critical Stylesheet -->
  34. <link rel="stylesheet" href="https://www.optimizecdn.com/directory/cdn/assets/bootstrap/css/critical-styles.pkgd.min.css?v=04.12.24.14">
  35.    
  36.    <!-- Google Fonts Stylesheet -->    
  37.    <link rel="stylesheet" media="print" onload="this.onload=null;this.removeAttribute('media');" href="https://fonts.googleapis.com/css?family=Lato:300,400,600,700,800,900|Audiowide:300,400,600,700,800,900|Nunito:300,400,600,700,800,900&display=swap">
  38.    <noscript>
  39.        <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Lato:300,400,600,700,800,900|Audiowide:300,400,600,700,800,900|Nunito:300,400,600,700,800,900&display=swap">
  40.    </noscript>
  41.    <!-- FontAwesome Stylesheet -->
  42.    <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">
  43.    <noscript>
  44.        <link rel="stylesheet" href="https://www.optimizecdn.com/directory/cdn/assets/bootstrap/font-awesome/css/font-awesome.min.css">
  45.    </noscript>
  46.    <!-- Critical JavaScript -->
  47.    <script src="https://www.optimizecdn.com/directory/cdn/assets/bootstrap/libraries/latest/jquery.min.js"></script>
  48. <script src="https://www.optimizecdn.com/directory/cdn/assets/bootstrap/libraries/latest/jquery-ui.min.js"></script>
  49. <script src="https://www.optimizecdn.com/directory/cdn/assets/bootstrap/libraries/latest/bootstrap.min.js"></script>
  50. <script>
  51. /* jQuery.event.special.touchstart = {
  52. setup: function( _, ns, handle ) {
  53. this.addEventListener("touchstart", handle, { passive: !ns.includes("noPreventDefault") });
  54. }
  55. }; */
  56. jQuery.event.special.touchmove = {
  57. setup: function( _, ns, handle ) {
  58. this.addEventListener("touchmove", handle, { passive: !ns.includes("noPreventDefault") });
  59. }
  60. };
  61. jQuery.event.special.wheel = {
  62. setup: function( _, ns, handle ){
  63. this.addEventListener("wheel", handle, { passive: true });
  64. }
  65. };
  66. jQuery.event.special.mousewheel = {
  67. setup: function( _, ns, handle ){
  68. this.addEventListener("mousewheel", handle, { passive: true });
  69. }
  70. };
  71. </script>
  72.    <!-- Prefetch -->
  73.    <link rel="prefetch" href="https://www.optimizecdn.com/directory/cdn/assets/bootstrap/jquery.lazy/1.7.9/jquery.lazy.min.js" as="script">
  74.    <link rel="prefetch" href="https://www.optimizecdn.com/directory/cdn/assets/bootstrap/js/websiteScripts.min.js?v=0.4" as="script">
  75. <link rel="prefetch" href="https://www.optimizecdn.com/directory/cdn/assets/bootstrap/limonte-sweetalert2/6.11.2/sweetalert2.min.css" as="style">
  76.    <link rel="prefetch" href="https://www.optimizecdn.com/directory/cdn/assets/bootstrap/limonte-sweetalert2/6.11.2/sweetalert2.min.js" as="script">
  77. <!-- Social Media Meta Data -->
  78.    <meta property="og:type" content="website">
  79.    <meta property="og:url" content="https://www.gunspace.net/yorba-linda-ca-92887/ocrv-center-rv-collision-repair-paint-shop">
  80.    <meta property="og:site_name" content="GUNSPACE.NET">
  81.    <meta property="og:title" content="OCRV Center - RV Collision Repair &amp; Paint Shop on GUNSPACE.NET">
  82.    <meta property="og:description" content="Learn about OCRV Center - RV Collision Repair & Paint Shop,  in Yorba Linda CA, 92887, . Find OCRV Center - RV Collision Repair & Paint Shop reviews and more on GUNSPACE.NET.">
  83.    <meta property="og:image" content="https://www.gunspace.net/logos/social_media/limage-589-218-photo.jpg">
  84.            <script>
  85.        function g() {
  86.            window.addEventListener('load', () => {
  87.                if (typeof initializeG === 'function') {
  88.                    initializeG();
  89.                }
  90.                            });
  91.        }
  92.    </script>
  93.    <script src="https://maps.googleapis.com/maps/api/js?v=3.exp&libraries=places&region=US&callback=g&language=en&key=AIzaSyDos8lDumHb6jKfs9p0ffxNRayViK0CUOs"></script>
  94.  
  95. </head>
  96.  
  97. <body class="general-session"><!--
  98. 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.
  99.  
  100. INSTEAD: If custom CSS rules are needed, add them directly into the DESIGN SETTINGS > CUSTOM CSS section.
  101. -->
  102. <style>
  103.    .upload-form-field::before {
  104.        content: "choose files";
  105.        display: inline-block;
  106.        border: 1px solid #999;
  107.        border-radius: 3px;
  108.        padding: 5px 8px;
  109.    }
  110.    #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 {
  111.        white-space: nowrap !important;
  112.    }
  113.    /* Main Website Design */
  114.    body,.modal-header,.modal-content,.modal-body,.modal-footer {
  115.        background: rgb(253, 253, 253);
  116.        color: rgb(64, 64, 66);
  117.        font-family: 'Lato';
  118.        font-size: 14px;
  119.    }
  120.    .select2-container .select2-choice {
  121.        font-family: 'Lato'!important;
  122.    }
  123.        html{
  124.        background: rgb(43, 45, 46)    }
  125.        a,a.h1,a.h2,a.h3,a.h4,a.h5,a.h6,.pricing_menu li ul li a:not(.btn) {
  126.        color: rgb(255, 90, 95);
  127.    }
  128.    a:hover, a:focus,.pricing_menu li ul li a:not(.btn):hover,.pricing_menu li ul li a:not(.btn):focus {
  129.        color: rgb(229, 65, 70);
  130.    }
  131.    .breadcrumb a{
  132.            color: rgba(119, 119, 119,0.9);
  133.    }
  134.    .breadcrumb a:hover, .breadcrumb a:focus,.breadcrumb > .active {
  135.        color: rgb(119, 119, 119);
  136.    }
  137.    .help-inline, .help-block {
  138.            color: rgba(64, 64, 66,0.5);
  139.    }
  140.    .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
  141.        font-family: 'Nunito';
  142.    }
  143.        /* Header Design */
  144.    .header, .mobile_website_logo img {
  145.        background: rgb(52, 73, 94);
  146.    }
  147.    .header .mini-nav li a:not(.btn):not(.network-icon), .header .mini-nav span {
  148.        color: rgb(255, 255, 255);
  149.        }
  150.    .header .mini-nav li a:not(.btn):hover {
  151.            color: rgba(255, 255, 255,0.95);
  152.    }
  153.    .header .btn_get_listed {
  154.            background-color: rgba(217, 83, 79,0.97);
  155.        border: 1px solid rgb(217, 83, 79);
  156.        color: rgb(255, 255, 255)!important;
  157.    }
  158.    .header .btn_get_listed:hover, .header .btn_get_listed:focus {
  159.        background-color: rgb(217, 83, 79);
  160.    }
  161.    .header .btn_search {
  162.            background-color: rgba(0, 176, 185,0.97);
  163.        border: 1px solid rgb(0, 176, 185);
  164.        color: rgb(255, 255, 255);
  165.    }
  166.    .header .btn_search:hover, .header .btn_search:focus {
  167.        background-color: rgb(0, 176, 185);
  168.        color: rgb(255, 255, 255);
  169.    }
  170.  
  171.    /* Logo Design */
  172.    .logo,.logo:hover,.logo:focus {
  173.        color: rgb(255, 255, 255);
  174.        font-family: 'Audiowide';
  175.    }
  176.    .logo .slogan {
  177.        color: rgb(255, 255, 255);
  178.    }
  179.    .logo .fa {
  180.        color: rgb(0, 176, 185);
  181.        }
  182.  
  183.    /* Main Menu Design */
  184.    .member-profile-tabs > ul, .member-profile-tabs .tabs-container {
  185.        background: rgb(238, 238, 238);
  186.        position: sticky;
  187.        z-index: 1;
  188.            top: 0px;
  189.        }
  190.    @media only screen and (max-width: 1100px) {
  191.        .member-profile-tabs > ul, .member-profile-tabs .tabs-container {
  192.                    top: 50px;
  193.                }
  194.    }
  195.    .header ul.nav.navbar-nav li ul {
  196.        background-color: rgb(255, 255, 255);
  197.    }
  198.    .header ul.nav.navbar-nav li ul li a, .header ul.nav.navbar-nav li ul li span {
  199.        color: rgb(32, 80, 129);
  200.    }
  201.    .header .navbar-default, .pagination > .active > a {
  202.        background-color: rgb(238, 238, 238);
  203.    }
  204.    .header ul.nav.navbar-nav li ul li a:hover, .header ul.nav.navbar-nav li ul li a:focus{
  205.        border-left-color: rgb(32, 80, 129);
  206.        background: rgb(32, 80, 129);
  207.        color: rgb(255, 255, 255);
  208.    }
  209.    .navbar-default .navbar-toggle .icon-bar {
  210.        background-color: rgb(86, 90, 92);
  211.    }
  212.    .user_sidebar, .main_menu {
  213.        color: rgb(86, 90, 92);
  214.    }
  215.    .navbar-default .navbar-nav > li > a, .navbar-default .navbar-nav > li > span  {
  216.        color: rgb(86, 90, 92);
  217.    }
  218.    .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 {
  219.        color: rgb(255, 90, 95);
  220.    }
  221.    .navbar-default .navbar-nav > li {
  222.        font-family: 'Lato';
  223.    }
  224.    
  225.    
  226.  
  227.    /* Footer Design */
  228.    .footer {
  229.        background-color: rgb(43, 45, 46);
  230.        display: block;
  231.    }
  232.    .footer, .footer_menu a,.footer_terms a,.footer_menu .content {
  233.        color: rgb(227, 227, 227);
  234.    }
  235.    .footer_menu a:hover, .footer_terms a:hover, .footer_menu a:focus, .footer_terms a:focus {
  236.        color: rgb(255, 255, 255);
  237.    }
  238.    .footer_menu .head {
  239.        color: rgb(255, 255, 255);
  240.    }
  241.    .btn_footer_get_listed {
  242.            background-color: rgba(0, 176, 185,0.95);
  243.        border: 1px solid rgb(0, 176, 185);
  244.        color: rgb(255, 255, 255)!important;
  245.    }
  246.    .btn_footer_get_listed:hover, .btn_footer_get_listed:focus{
  247.        background-color: rgb(0, 176, 185);
  248.    }
  249.  
  250.    /* Homepage Design */
  251.        .homepage_settings h1, .homepage_settings h2, .homepage_map h1, .homepage_map h2 {
  252.        font-family: 'Nunito';
  253.    }
  254.    .homepage_settings h1, .homepage_map h1 {
  255.        color: rgb(255, 255, 255);
  256.            text-align: center;
  257.    }
  258.    .homepage_settings h2, .homepage_map h2 {
  259.        color: rgb(251, 251, 251);
  260.            text-align: center;
  261.  
  262.    }
  263.    .homepage_settings .search_box label {
  264.        color: rgb(86, 90, 92);
  265.    }
  266.    .btn_home_search, .search_box input[type=submit] {
  267.            background-color: rgba(0, 176, 185,0.97);
  268.        border: 1px solid rgb(0, 176, 185);
  269.        color: rgb(255, 255, 255);
  270.    }
  271.    .btn_home_search:hover, .btn_home_search:focus, .search_box input[type=submit]:hover, .search_box input[type=submit]:focus {
  272.        background-color: rgb(0, 176, 185);
  273.        color: rgb(255, 255, 255);
  274.    }
  275.    .homepage_settings .search_box {
  276.            background-color: rgba(255, 255, 255,0.8);
  277.    }
  278.  
  279.    /* Homepage Steps Module */
  280.    .homepage_steps {
  281.                background: rgb(163, 163, 163);
  282.            color: rgb(86, 90, 92);
  283.            }
  284.    .homepage_steps a.homepage_step_link,.homepage_steps a.homepage_step_link:hover,.homepage_steps a.homepage_step_link:active{
  285.        color: rgb(86, 90, 92)!important;
  286.    }
  287.    .homepage_steps .fa {
  288.        color: rgb(255, 90, 95);
  289.            background-color: rgba(255, 90, 95,0.075);
  290.    }
  291.  
  292.    /* Blog Posts Slider Settings */
  293.    #myCarousel h2 a, .carousel-caption p,#myCarousel .list-group-item h2, #myCarousel li.list-group-item h4 {
  294.            color: rgb(86, 90, 92);
  295.        }
  296.    #myCarousel .list-group-item {
  297.            background-color: rgba(238, 238, 238,0.9);
  298.        border-color: rgba(238, 238, 238,0.80);
  299.    }
  300.    #myCarousel .carousel-caption {
  301.            background-color: rgba(238, 238, 238,0.8);
  302.    }
  303.    #myCarousel .list-group, #myCarousel .carousel-inner {
  304.            background-color: rgb(238, 238, 238)            }
  305.    #myCarousel .list-group .active, #myCarousel .list-group-item:hover {
  306.            background-color: rgba(0,0,0,0.3);
  307.        }
  308.    #myCarousel .list-group .active h4, #myCarousel .list-group-item:hover h4{
  309.            color: rgb(255, 255, 255);
  310.        }
  311.  
  312.    /* Additional Settings */
  313.    .well blockquote {
  314.        background: rgb(253, 253, 253) none repeat scroll 0 0;
  315.        border-color: rgb(238, 238, 238);
  316.        color: rgb(64, 64, 66);
  317.        padding: 10px 20px;
  318.    }
  319.    .account-form-box form table tr td table {
  320.        background-color: transparent!important;
  321.        border: none!important;
  322.    }
  323.  
  324.    .account-form-box form table tr td table td {
  325.        background-color: transparent!important;
  326.        color: rgb(64, 64, 66)!important;
  327.        border: none!important;
  328.    }
  329.    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{
  330.        color: rgb(64, 64, 66)!important;
  331.    }
  332.    .table.dataTable > thead > tr > th, .table > thead > tr > th {
  333.        background-color: rgb(238, 238, 238);
  334.        color: rgb(85, 85, 85);
  335.        border-bottom:0;
  336.        font-weight:600;
  337.    }
  338.    table.dataTable tbody tr {
  339.        background-color: rgb(250, 250, 250)!important;
  340.    }
  341.    .table-striped.dataTable tbody > tr:nth-of-type(2n+1),.table-striped > tbody > tr:nth-of-type(2n+1) {
  342.            background-color: rgba(253, 253, 253,0.3)!important;
  343.    }
  344.    .sidemenu_panel .list-group-item{
  345.        background-color: transparent!important;
  346.        color: rgb(41, 41, 41)!important;
  347.    }
  348.    .img-thumbnail {
  349.        background-color: rgb(250, 250, 250)!important;
  350.        border: 1px solid rgb(238, 238, 238);
  351.    }
  352.    .member_admin_sidemenu p, .member_admin_sidemenu h3 {
  353.        color: rgb(41, 41, 41)!important;
  354.    }
  355.    .close {
  356.        color: rgb(64, 64, 66);
  357.        opacity: 1;
  358.    }
  359.    .member_results_header h1, .content_w_sidebar.feature-search h1, .feature_results_header h1 {
  360.        font-size:36px;
  361.        display: block;
  362.    }
  363.    .member_results_header h2, .feature_results_header h2 {
  364.        font-size:30px;
  365.        display: block;
  366.    }
  367.    .homepage_settings {
  368.        padding-top: 60px;
  369.        padding-bottom: 90px;
  370.    }
  371.    @media only screen and (max-width: 768px) {
  372.                        .member-profile-header .favorite {float:none}
  373.    }
  374.  
  375.    @media only screen and (max-width: 1100px) {
  376.        }
  377.    .views > i.fa.activeView {
  378.        background-color: rgb(238, 238, 238);
  379.        color: rgb(86, 90, 92);
  380.    }
  381.    .views > i.fa {
  382.            background-color: rgba(238, 238, 238,0.6);
  383.        color: rgb(86, 90, 92);
  384.    }
  385.    .ui-rangeSlider-label {
  386.        background-color: rgb(238, 238, 238)!important;
  387.        color: rgb(86, 90, 92)!important;
  388.    }
  389.    .pricing_menu li .title {
  390.        background: rgb(0, 176, 185);
  391.        color: rgb(255, 255, 255);
  392.    }
  393.    p.account-tip{
  394.        color: rgb(64, 64, 66);
  395.    }
  396.    .circled_number {
  397.        background: rgb(255, 90, 95);
  398.        color: rgb(255, 255, 255);
  399.    }
  400.    .pic {
  401.            background-color: rgba(52, 73, 94,0.8);
  402.        color: rgb(255, 255, 255);
  403.        background-repeat: no-repeat;
  404.        background-position: center;
  405.        }
  406.    .pic .pic-caption {
  407.            background: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%,rgba(52, 73, 94,0.85) 50%);
  408.        color: rgb(255, 255, 255);
  409.    }
  410.    .slick-prev-fa i, .slick-next-fa i{
  411.        color: rgb(52, 73, 94);
  412.    }
  413.    .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{
  414.        background-color: rgb(250, 250, 250);
  415.        border-color: rgb(238, 238, 238);
  416.        color: rgb(41, 41, 41);
  417.    }
  418. .nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
  419. box-shadow: 0 2px 0 0 rgb(52, 73, 94) inset;
  420. border-top:1px solid rgb(52, 73, 94);
  421. border-radius: 0;
  422. }
  423.    .nav-pills > li.active a, .nav-pills > li > a:hover {
  424.        background-color: rgb(52, 73, 94)!important;
  425.        border-color: rgb(52, 73, 94)!important;
  426.        color: rgb(255, 255, 255)!important;
  427.    }
  428.    .sidemenu_panel .panel-heading {
  429.        color: rgb(41, 41, 41)!important;
  430.        background-color: rgb(250, 250, 250)!important;
  431.    }
  432.    .member-profile-tabs .nav-tabs > li:not(.active) > a, .login-register-tabs.nav-tabs > li:not(.active) > a {
  433.            background: rgba(250, 250, 250,0.5);
  434.        color:  rgb(64, 64, 66);
  435.    }
  436.    .member-profile-tabs .nav-tabs > li:not(.active) > a:hover, .login-register-tabs.nav-tabs > li:not(.active) > a:hover {
  437.            background: rgba(250, 250, 250,1);
  438.        color:  rgb(64, 64, 66);
  439.    }
  440.    .author-snapshot .well {
  441.        background-color: rgb(250, 250, 250)!important;
  442.        border-color: rgb(238, 238, 238)!important;
  443.        color: rgb(41, 41, 41)!important;
  444.    }
  445.    .nav-tabs>li>a, .nav-pills>li>a {
  446.        font-weight: 600;
  447.    }
  448.        .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{
  449.            color: rgba(41, 41, 41,0.5);
  450.    }
  451.    #service_areas_table td,#service_areas_table_wrapper label, #service_areas_table_info, #service_areas_table_paginate > a {
  452.        color: rgb(41, 41, 41) !important;
  453.    }
  454.    .popover {
  455.        background-color: rgb(250, 250, 250);
  456.        border-color: rgb(250, 250, 250);
  457.        padding:0;
  458.        text-align:left;
  459.    }
  460.    .popover-title, .popover-content {
  461.        background-color: rgb(250, 250, 250);
  462.        color: rgb(41, 41, 41);
  463.        border-color: rgb(250, 250, 250);
  464.        text-align:left;
  465.    }
  466.    .popover-content {
  467.            background-color: rgba(41, 41, 41,.05);
  468.    }
  469.    .popover.left > .arrow::after {
  470.        border-left-color: rgb(250, 250, 250)!important;
  471.    }
  472.    .popover.right > .arrow::after {
  473.        border-right-color: rgb(250, 250, 250)!important;
  474.    }
  475.    .popover.bottom > .arrow::after {
  476.        border-bottom-color: rgb(250, 250, 250)!important;
  477.    }
  478.    .popover.top > .arrow::after {
  479.        border-top-color: rgb(250, 250, 250)!important;
  480.    }
  481.    .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{
  482.        background-color: rgb(253, 253, 253);
  483.        color: rgb(64, 64, 66);
  484.    }
  485.    .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 {
  486.        border-color: rgb(238, 238, 238);
  487.    }
  488.    .table-view li, .table-view .table-view-group > div {
  489.        border-top:1px solid rgb(238, 238, 238);
  490.    }
  491.    .table-view .table-view-group:last-child {
  492.        border-bottom:1px solid rgb(238, 238, 238);
  493.    }
  494.    .module h1, .module h2, .module h3, .module h4, .module h5 {
  495.        color: rgb(62, 62, 62);
  496.    }
  497.    .module p:not(.fr-box.fr-basic .fr-element p) {
  498.        color: rgb(41, 41, 41);
  499.    }
  500.    .pagination>.active>a {
  501.            border-color: rgba(86, 90, 92,0.2);
  502.    }
  503.    .pagination>.active>a {
  504.        color: rgb(86, 90, 92);
  505.    }
  506.    .pagination > .active > a:hover, .pagination > .active > a:focus {
  507.            border-color: rgba(86, 90, 92,0.2);
  508.        background-color: rgb(238, 238, 238);
  509.        color: rgb(86, 90, 92);
  510.    }
  511.    .pagination > li > a {
  512.        color: rgb(238, 238, 238);
  513.            border-color: rgba(238, 238, 238,0.2);
  514.        background-color: rgb(86, 90, 92);
  515.    }
  516.    .pagination > li > a:focus, .pagination > li > a:hover, .pagination > li > span:focus, .pagination > li > span:hover {
  517.        background-color: rgb(238, 238, 238);
  518.        border-color: rgb(238, 238, 238);
  519.        color: rgb(86, 90, 92);
  520.    }
  521.  
  522.    .nav-pills.nav-wizard > li a, .nav-pills.nav-wizard > li a:hover{
  523.        background-color: rgb(250, 250, 250)!important;
  524.        color: rgb(41, 41, 41)!important;
  525.    }
  526.    .member_wizard2 li.incomplete {
  527.        background: rgb(250, 250, 250)!important;
  528.    }
  529.    .member_wizard2 li.incomplete a, .member_wizard2 li.incomplete a:hover {
  530.        background-color: rgb(240, 173, 78)!important;
  531.        border-color: rgb(240, 173, 78);
  532.        color: rgb(255, 255, 255);
  533.    }
  534.    .nav-pills.nav-wizard > li.active a, .nav-pills.member_wizard > li.active:hover a {
  535.        background-color: rgb(52, 73, 94)!important;
  536.        color: rgb(255, 255, 255)!important;
  537.    }
  538.    .member_wizard2 li.active {
  539.        background: rgb(52, 73, 94)!important;
  540.    }
  541.    .member_wizard2 li.completed a, .member_wizard2 li.completed a:hover {
  542.        background-color: rgb(0, 176, 185)!important;
  543.        border-color: rgb(0, 176, 185);
  544.        color: rgb(255, 255, 255);
  545.    }
  546.  
  547.        .nav-pills.nav-wizard > li.active .nav-arrow, .nav-pills.nav-wizard > li.active:hover .nav-arrow {
  548.        border-color: transparent transparent transparent rgb(52, 73, 94)!important;
  549.    }
  550.    .nav-pills.nav-wizard > li.active .nav-wedge, .nav-pills.nav-wizard > li.active:hover .nav-wedge{
  551.        border-color: rgb(52, 73, 94) rgb(52, 73, 94) rgb(52, 73, 94) transparent!important;
  552.    }
  553.    
  554.        li.completed .nav-wedge, .nav-pills.nav-wizard > li.completed:hover .nav-wedge {
  555.        border-color: rgb(0, 176, 185) rgb(0, 176, 185) rgb(0, 176, 185) transparent!important;
  556.    }
  557.    
  558.        li.incomplete .nav-wedge, .nav-pills.nav-wizard > li.incomplete:hover .nav-wedge {
  559.        border-color: rgb(250, 250, 250) rgb(250, 250, 250) rgb(250, 250, 250) transparent!important;
  560.    }
  561.    
  562.  
  563.    .nav-pills.member_wizard > li.completed a, .nav-pills.member_wizard > li.completed a:hover {
  564.        background-color: rgb(0, 176, 185)!important;
  565.        color: rgb(255, 255, 255)!important;
  566.    }
  567.    .member_wizard2 li.completed {
  568.        background: rgb(0, 176, 185)!important;
  569.    }
  570.    .member_wizard2 li {
  571.        color: rgb(255, 255, 255);
  572.        border-right: 3px solid rgb(253, 253, 253);
  573.    }
  574.  
  575.        li.completed .nav-arrow, .nav-pills.nav-wizard > li.completed:hover .nav-arrow {
  576.        border-color: transparent transparent transparent rgb(0, 176, 185)!important;
  577.    }
  578.    
  579.        li.incomplete .nav-arrow, .nav-pills.nav-wizard > li.incomplete:hover .nav-arrow{
  580.        border-color: transparent transparent transparent rgb(250, 250, 250)!important;
  581.    }
  582.    
  583.    /* Default Colors */
  584.    .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 {
  585.            background-color: rgba(52, 73, 94,0.95);
  586.        border-color: rgb(52, 73, 94);
  587.        color: rgb(255, 255, 255);
  588.    }
  589.    .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 {
  590.        background-color: rgb(52, 73, 94);
  591.        border-color: rgb(52, 73, 94);
  592.        color: rgb(255, 255, 255);
  593.    }
  594.    .panel-primary {
  595.            background-color: rgba(52, 73, 94,0.1);
  596.        border-color: rgb(52, 73, 94);
  597.    }
  598.    .bg-primary,.progress-bar-primary,.module p.bg-primary,.label-primary,.pricing_menu .title.bg-primary {
  599.        background-color: rgb(52, 73, 94);
  600.        color: rgb(255, 255, 255);
  601.    }
  602.    .bg-primary .badge {
  603.        background-color:rgb(255, 255, 255);
  604.        color: rgb(52, 73, 94);
  605.    }
  606.    .alert-primary {
  607.            background-color:rgba(52, 73, 94,0.7);
  608.        border-color:rgba(52, 73, 94,0.7);
  609.            color: rgba(255, 255, 255,0.9);
  610.    }
  611.    .btn.dropdown-toggle.btn-primary *, .btn-primary a {
  612.        color: rgb(255, 255, 255);
  613.    }
  614.    .text-primary{
  615.        color: rgb(52, 73, 94);
  616.    }
  617.    .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 {
  618.            background-color: rgba(91, 192, 222,0.95);
  619.        border-color: rgb(91, 192, 222);
  620.        color: rgb(255, 255, 255);
  621.    }
  622.    .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 {
  623.        background-color: rgb(91, 192, 222);
  624.        border-color: rgb(91, 192, 222);
  625.        color: rgb(255, 255, 255);
  626.    }
  627.    .panel-info{
  628.            background-color: rgba(91, 192, 222,0.1);
  629.        border-color: rgb(91, 192, 222);
  630.    }
  631.    .bg-info,.progress-bar-info,.module p.bg-info,.label-info,.pricing_menu .title.bg-info {
  632.        background-color: rgb(91, 192, 222);
  633.        color: rgb(255, 255, 255);
  634.    }
  635.    .bg-info .badge {
  636.        background-color:rgb(255, 255, 255);
  637.        color: rgb(91, 192, 222);
  638.    }
  639.    .alert-info {
  640.            background-color:rgba(91, 192, 222,0.7);
  641.        border-color:rgba(91, 192, 222,0.7);
  642.            color: rgba(255, 255, 255,0.9);
  643.    }
  644.    .btn.dropdown-toggle.btn-info *, .btn-info a {
  645.        color: rgb(255, 255, 255);
  646.    }
  647.    .text-info{
  648.        color: rgb(91, 192, 222);
  649.    }
  650.    .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 {
  651.            background-color: rgba(0, 176, 185,0.95);
  652.        border-color: rgb(0, 176, 185);
  653.        color: rgb(255, 255, 255);
  654.    }
  655.    .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 {
  656.        background-color: rgb(0, 176, 185);
  657.        border-color: rgb(0, 176, 185);
  658.        color: rgb(255, 255, 255);
  659.    }
  660.    .panel-success{
  661.            background-color: rgba(0, 176, 185,0.1);
  662.        border-color: rgb(0, 176, 185);
  663.    }
  664.    .bg-success,.progress-bar-success,.module p.bg-success,.label-success,.pricing_menu .title.bg-success {
  665.        background-color: rgb(0, 176, 185);
  666.        color: rgb(255, 255, 255);
  667.    }
  668.    .bg-success .badge {
  669.        background-color: rgb(255, 255, 255);
  670.        color: rgb(0, 176, 185);
  671.    }
  672.    .alert-success {
  673.            background-color:rgba(0, 176, 185,0.7);
  674.        border-color:rgba(0, 176, 185,0.7);
  675.            color: rgba(255, 255, 255,0.9);
  676.    }
  677.    .btn.dropdown-toggle.btn-success *, .btn-success a {
  678.        color: rgb(255, 255, 255);
  679.    }
  680.    .text-success{
  681.        color: rgb(0, 176, 185);
  682.    }
  683.    .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 {
  684.            background-color: rgba(240, 173, 78,0.95);
  685.        border-color: rgb(240, 173, 78);
  686.        color: rgb(255, 255, 255);
  687.    }
  688.    .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 {
  689.        background-color: rgb(240, 173, 78);
  690.        border-color: rgb(240, 173, 78);
  691.        color: rgb(255, 255, 255);
  692.    }
  693.    .panel-warning {
  694.            background-color: rgba(240, 173, 78,0.1);
  695.        border-color: rgb(240, 173, 78);
  696.    }
  697.    .bg-warning,.progress-bar-warning,.module p.bg-warning,.label-warning,.pricing_menu .title.bg-warning {
  698.        background-color: rgb(240, 173, 78);
  699.        color: rgb(255, 255, 255);
  700.    }
  701.    .bg-warning .badge {
  702.        background-color: rgb(255, 255, 255);
  703.        color: rgb(240, 173, 78);
  704.    }
  705.    .alert-warning {
  706.            background-color:rgba(240, 173, 78,0.7);
  707.        border-color:rgba(240, 173, 78,0.7);
  708.            color: rgba(255, 255, 255,0.9);
  709.    }
  710.    .btn.dropdown-toggle.btn-warning *, .btn-warning a {
  711.        color: rgb(255, 255, 255);
  712.    }
  713.    .text-warning {
  714.        color: rgb(240, 173, 78);
  715.    }
  716.    .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 {
  717.            background-color: rgba(217, 83, 79,0.95);
  718.        border-color: rgb(217, 83, 79);
  719.        color: rgb(255, 255, 255);
  720.    }
  721.    .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 {
  722.        background-color: rgb(217, 83, 79);
  723.        border-color: rgb(217, 83, 79);
  724.        color: rgb(255, 255, 255);
  725.    }
  726.    .has-error .form-control {
  727.        border-color: rgb(217, 83, 79);
  728.    }
  729.    .has-error .help-block:not(.form-field-help-block), .has-error ~ .help-block:not(.form-field-help-block) {
  730.        background: rgb(217, 83, 79);
  731.        color: rgb(255, 255, 255) !important;
  732.    }
  733.    .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 {
  734.        color: rgb(217, 83, 79);
  735.    }
  736.    .panel-danger {
  737.            background-color: rgba(217, 83, 79,0.1);
  738.        border-color: rgb(217, 83, 79);
  739.    }
  740.    .bg-danger,.progress-bar-danger,.module p.bg-danger,.label-danger,.pricing_menu .title.bg-danger {
  741.        background-color: rgb(217, 83, 79);
  742.        color: rgb(255, 255, 255);
  743.    }
  744.    .bg-danger .badge {
  745.        background-color: rgb(255, 255, 255);
  746.        color: rgb(217, 83, 79);
  747.    }
  748.    .alert-danger {
  749.            background-color:rgba(217, 83, 79,0.7);
  750.        border-color:rgba(217, 83, 79,0.7);
  751.            color: rgba(255, 255, 255,0.9);
  752.    }
  753.    .btn.dropdown-toggle.btn-danger *, .btn-danger a {
  754.        color: rgb(255, 255, 255);
  755.    }
  756.    .text-danger{
  757.        color: rgb(217, 83, 79);
  758.    }
  759.    .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 {
  760.            background-color: rgba(238, 238, 238,0.95);
  761.        border-color: rgb(238, 238, 238);
  762.        color: rgb(85, 85, 85);
  763.    }
  764.    .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 {
  765.        background-color: rgb(238, 238, 238);
  766.        border-color: rgb(238, 238, 238);
  767.        color: rgb(85, 85, 85);
  768.    }
  769.    .sidemenu_panel .panel-default .panel_heading {
  770.        background-color: rgb(238, 238, 238)!important;
  771.        border-color: rgb(238, 238, 238)!important;
  772.        color: rgb(85, 85, 85)!important;
  773.    }
  774.    .panel-default, .member_accounts .panel-default{
  775.            background-color: rgba(238, 238, 238,0.1);
  776.        border-color: rgb(238, 238, 238);
  777.    }
  778.    .bg-default,.progress-bar-default,.module p.bg-default,.label-default,.pricing_menu .title.bg-default {
  779.        background-color: rgb(238, 238, 238);
  780.        color: rgb(85, 85, 85);
  781.    }
  782.    .bg-default .badge {
  783.        background-color: rgb(85, 85, 85);
  784.        color: rgb(238, 238, 238);
  785.    }
  786.    .alert-default {
  787.            background-color:rgba(238, 238, 238,0.7);
  788.        border-color:rgba(238, 238, 238,0.7);
  789.            color: rgba(85, 85, 85,0.9);
  790.    }
  791.    .btn.dropdown-toggle.btn-default *, .btn-default a {
  792.        color: rgb(85, 85, 85);
  793.    }
  794.    .text-default{
  795.        color: rgb(238, 238, 238);
  796.    }
  797.    .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 {
  798.            background-color: rgba(64, 64, 66,0.95);
  799.        border: 1px solid rgb(64, 64, 66);
  800.        color: rgb(253, 253, 253);
  801.    }
  802.    .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 {
  803.        background-color: rgb(64, 64, 66);
  804.        border: 1px solid rgb(64, 64, 66);
  805.        color: rgb(253, 253, 253);
  806.    }
  807.    .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 {
  808.        background-color: rgb(64, 64, 66);
  809.        color: rgb(253, 253, 253);
  810.    }
  811.    .bg-secondary .badge {
  812.        background-color:rgb(253, 253, 253);
  813.        color: rgb(64, 64, 66);
  814.    }
  815.    .alert-secondary {
  816.            background-color:rgba(64, 64, 66,0.7);
  817.        border-color:rgba(64, 64, 66,0.7);
  818.            color: rgba(253, 253, 253,0.9);
  819.    }
  820.    .btn.dropdown-toggle.btn-secondary *, .btn-secondary a {
  821.        color: rgb(253, 253, 253);
  822.    }
  823.    .text-secondary {
  824.        color: rgb(64, 64, 66);
  825.    }
  826.    .feature-post #post-content .alert-secondary.btn-block, .feature-search .img_section .alert-secondary.btn-block, .search_result .img_section  .alert-secondary {
  827.        background-color: rgba(64, 64, 66,0.2)
  828.    ;
  829.    }
  830.  
  831.    /* Footer Newsletter Row */
  832.    .newsletter_row .alert {
  833.        color: rgb(255, 255, 255);
  834.    }
  835.    .newsletter_row {
  836.        background-color: rgb(52, 73, 94);
  837.        color: rgb(255, 255, 255);
  838.    }
  839.    .newsletter_row input[type="submit"],.newsletter_footer_button {
  840.            background-color: rgba(255, 90, 95,0.97);
  841.        color: rgb(255, 255, 255);
  842.        border-color: rgb(255, 90, 95);
  843.    }
  844.    .newsletter_row input[type="submit"]:hover,.newsletter_row input[type="submit"]:focus,.newsletter_footer_button:hover,.newsletter_footer_button:focus {
  845.        background-color: rgb(255, 90, 95);
  846.        color: rgb(255, 255, 255);
  847.    }
  848.    .newsletter_button_left {
  849.            border-right: 1px solid rgba(255, 255, 255,0.2);
  850.    }
  851.    .newsletter_button_right {
  852.        border-left: 1px solid rgba(255, 255, 255,0.2);
  853.    }
  854.    .newsletter_row small.help-block {
  855.        background: rgb(255, 255, 255);
  856.        margin-top: -5px;
  857.        float: left;
  858.        padding: 8px;
  859.        border-radius: 1px;
  860.        color: rgb(52, 73, 94);
  861.        text-transform: capitalize;
  862.    }
  863.    .newsletter_row .has-success .checkbox,.newsletter_row .has-error .checkbox{
  864.        color: rgb(255, 255, 255);
  865.    }
  866.    @media only screen and (max-width: 767px) {
  867.        .newsletter_button_right,.newsletter_button_left{
  868.            border: none;
  869.            margin: 5px 0;
  870.        }
  871.    }
  872.  
  873.    /* Font Sizes */
  874.  
  875.    .navbar-default .navbar-nav > li > a, .navbar-default .navbar-nav > li > span {
  876.        font-size: 16px;
  877.    }
  878.    .header .logo {
  879.        font-size: 34px;
  880.    }
  881.    .homepage_title h1, .homepage_settings h1 {
  882.        font-size: 50px;
  883.    }
  884.    .homepage_settings h2 {
  885.        font-size: 28px;
  886.    }
  887.  
  888.    .ui-rangeSlider-bar{
  889.        background: rgb(0, 176, 185)!important;
  890.    }
  891.  
  892.    
  893.    
  894.    @media only screen and (max-width: 1024px){
  895.        .modal {margin-top: 40px;}
  896.    }
  897.    @media only screen and (max-width: 768px){
  898.        .modal {margin-top: 60px;}
  899.    }
  900.  
  901.    /* Calendar Styles */
  902.  
  903.    #cal-slide-content {
  904.        color: rgb(85, 85, 85)!important;
  905.        background-color: rgb(238, 238, 238)!important;
  906.        -webkit-box-shadow: none!important;
  907.        box-shadow: none!important;
  908.    }
  909.    #cal-slide-content a.event-item {
  910.        color: rgb(85, 85, 85)!important;
  911.        font-weight:bold!important;
  912.    }
  913.    #cal-slide-content a.event-item small {
  914.        display: inline-block;
  915.    }
  916.    .cal-month-box, .cal-year-box, .cal-week-box {
  917.        border: 1px solid rgb(238, 238, 238)!important;
  918.    }
  919.    .cal-year-box .row-fluid, .cal-month-box .cal-row-fluid {
  920.        border-bottom: 1px solid rgb(238, 238, 238)!important;
  921.    }
  922.    .cal-year-box [class*="span"], .cal-month-box [class*="cal-cell"] {
  923.        border-right: 1px solid rgb(238, 238, 238)!important;
  924.    }
  925.    .cal-year-box .row-fluid, .cal-row-fluid, #cal-day-box .cal-day-hour:nth-child(odd) {
  926.        background-color: rgb(253, 253, 253)!important;
  927.    }
  928.    .cal-month-day span:not(.pull-right):not(.events-count-label):not(.events-label) {
  929.        color: rgb(85, 85, 85)!important;
  930.    }
  931.    .cal-day-today span[data-cal-date] {
  932.        color: rgb(64, 64, 66)!important;
  933.    }
  934.    .cal-year-box .row-fluid [class*="span"]:last-child, .cal-month-box .cal-row-fluid [class*="cal-cell"]:last-child {
  935.        border: 0!important;
  936.    }
  937.    .cal-row-head {
  938.        background: rgb(250, 250, 250)!important;
  939.    }
  940.    .day-highlight:hover, .day-highlight {
  941.        background-color: rgb(238, 238, 238)!important;
  942.    }
  943.    .cal-event-list .event.pull-left {
  944.        background-color: rgb(64, 64, 66)!important;
  945.        opacity: 0.4;
  946.        margin-top: 7px!important;
  947.    }
  948.    .cal-day-today {
  949.        background-color: rgb(238, 238, 238)!important;
  950.    }
  951.    #cal-day-tick {
  952.        border: 1px solid rgb(238, 238, 238)!important;
  953.        background-color: rgb(238, 238, 238)!important;
  954.    }
  955.    .cal-day-weekend span[data-cal-date]{
  956.        color: rgb(64, 64, 66)!important;
  957.    }
  958.        .rsDefault, .rsDefault .rsOverflow, .rsDefault .rsSlide, .rsDefault .rsVideoFrameHolder, .rsDefault .rsThumbs {
  959.        background: #151515!important;
  960.    }
  961.    
  962.    #first_container .favorite, #first_container .fa.favorite {
  963.        color: rgb(170, 184, 194);
  964.        background: rgb(238, 238, 238);
  965.        border: 1px solid rgb(238, 238, 238);
  966.        white-space:nowrap!important;
  967.    }
  968.    #first_container .favorite span, #first_container .fa.favorite span {
  969.        font-family: 'Lato';
  970.        white-space:nowrap!important;
  971.    }
  972.    #first_container .favoriteActive:not(.favorite.comments-count-badge), #first_container .fa.favoriteActive:not(.favorite.comments-count-badge .fa) {
  973.        color: rgb(226, 38, 77);
  974.    }
  975.        #first_container .favorite::after, #first_container .fa.favorite::after {
  976.        font-family: 'Lato';
  977.        margin-left: 3px;
  978.    }
  979.    #first_container .favorite span, #first_container .fa.favorite span{
  980.        padding-left: 3px;
  981.        font-family: 'Lato';
  982.        font-size: 11px;
  983.    }
  984.    #first_container .favorite .bookmark-number, #first_container .fa.favorite .bookmark-number {
  985.        background: rgb(170, 184, 194);
  986.        color:rgb(238, 238, 238);
  987.        padding: 0 5px;
  988.        border-radius: 100px;
  989.        display: inline-block;
  990.        font-weight:bold;
  991.    }
  992.    #first_container .favorite.favoriteActive .bookmark-number:not(.comments-count-badge .bookmark-number), #first_container .fa.favorite.favoriteActive .bookmark-number {
  993.        background: rgb(226, 38, 77);
  994.    }
  995.    
  996.    span.checkbox_value::after {
  997.        content: ', ';
  998.    }
  999.  
  1000.    span.checkbox_value:last-child::after {
  1001.        content: '';
  1002.    }
  1003.    
  1004.    
  1005.    
  1006.  
  1007.    /*  Homepage Sections Background Color Logic */
  1008.  
  1009.    
  1010.    .homepage-section-2 {
  1011.        padding: 40px 0 40px;
  1012.    }
  1013.  
  1014.    
  1015.    .homepage-section-3 {
  1016.        padding: 40px 0 40px;
  1017.    }
  1018.  
  1019.    
  1020.    .homepage-section-4 {
  1021.        padding: 40px 0 40px;
  1022.    }
  1023.  
  1024.    
  1025.    .homepage-section-5 {
  1026.        padding: 40px 0 40px;
  1027.    }
  1028.  
  1029.    
  1030.    .homepage-section-6 {
  1031.        padding: 40px 0 40px;
  1032.    }
  1033.  
  1034.    
  1035.    .homepage-section-7 {
  1036.        padding: 40px 0 40px;
  1037.    }
  1038.  
  1039.    
  1040.    .homepage-section-8 {
  1041.        padding: 40px 0 40px;
  1042.    }
  1043.  
  1044.    
  1045.    .homepage-section-9 {
  1046.        padding: 40px 0 40px;
  1047.    }
  1048.  
  1049.    
  1050.    .homepage-section-10 {
  1051.        padding: 40px 0 40px;
  1052.    }
  1053.  
  1054.    
  1055.    .homepage-section-11 {
  1056.        padding: 40px 0 40px;
  1057.    }
  1058.  
  1059.    
  1060.    .homepage-section-12 {
  1061.        padding: 40px 0 40px;
  1062.    }
  1063.  
  1064.    
  1065.    .homepage-section-13 {
  1066.        padding: 40px 0 40px;
  1067.    }
  1068.  
  1069.    
  1070.    .homepage-section-14 {
  1071.        padding: 40px 0 40px;
  1072.    }
  1073.  
  1074.    
  1075.    .homepage-section-15 {
  1076.        padding: 40px 0 40px;
  1077.    }
  1078.  
  1079.    
  1080.    /* Additional Settings */
  1081.  
  1082.    
  1083.    /* Streaming Widgets Title Settings */
  1084.  
  1085.    .streaming-title {
  1086.        text-align: left;
  1087.        font-size: 30px;
  1088.            font-weight: 600;
  1089.                padding-bottom: 0px;
  1090.    }
  1091.  
  1092.        
  1093.    .homepage-join-module .module h2:first-of-type {
  1094.        color: ;
  1095.    }
  1096.  
  1097.    .homepage-join-module .module{
  1098.        background: ;
  1099.        border-color: ;
  1100.    }
  1101.  
  1102.    .homepage-about-module .module h2:first-of-type {
  1103.        color: ;
  1104.    }
  1105.  
  1106.    .homepage-about-module .module{
  1107.        background: ;
  1108.        border-color: ;
  1109.  
  1110.    }
  1111.  
  1112.    
  1113.    
  1114.    .img-circle, .img-circle img{
  1115.        border-radius:1000px!important;
  1116.    }
  1117.  
  1118.    .img-rounded img, img.fr-dib.img-rounded{
  1119.        border-radius: 6px!important;
  1120.    }
  1121.    
  1122.    /* Google Translate Module */
  1123.    .skiptranslate{font-size:0}
  1124.    .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}
  1125.    .skiptranslate.goog-te-gadget span,img.goog-te-gadget-icon{display:none!important}
  1126.    .goog-te-gadget .goog-te-combo{margin-bottom:-4px}
  1127.    .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)}
  1128.    @media only screen and (max-width: 1100px) {
  1129.        .skiptranslate:not(.skiptranslate[style="display: none;"]){height:39px}
  1130.        .skiptranslate:not(.skiptranslate[style="display: none;"]) ~ .header{margin-top:10px!important}
  1131.        .skiptranslate:not(.skiptranslate[style="display: none;"]) ~ .announcement-bar{margin-top:10px}
  1132.        .skiptranslate:not(.skiptranslate[style="display: none;"]) ~ .announcement-bar ~ .header{margin-top:0!important}
  1133.        .skiptranslate:not(.skiptranslate[style="display: none;"]) ~ .header .mobile-main-menu{top:89px!important;height:calc(100% - 90px)!important}
  1134.        .skiptranslate:not(.skiptranslate[style="display: none;"]) ~ .header .navbar{top:39px}
  1135.        .skiptranslate:not(.skiptranslate[style="display: none;"]) ~ #first_container .member_sidebar.open{top: 89px;}
  1136.    }
  1137.    @media only screen and (max-width: 767px) {
  1138.        .skiptranslate:not(.skiptranslate[style="display: none;"]) ~ .announcement-bar.hidden-xs ~ .header{margin-top:10px!important}
  1139.    }
  1140.  
  1141. </style>
  1142.  
  1143. <!--GOOGLE TAG MANAGER CODE--><div class="header">
  1144.            <div class="container">
  1145. <div class="row vmargin">
  1146. <div id="website_logo" class="col-md-5 tpad xs-nopad xs-hpad sm-text-center xs-bmargin header-left-container">
  1147. <a href="https://www.gunspace.net" title="GUNSPACE.NET">
  1148. <img width="616" height="147" src="/images/gunspace-blue.jpg" alt="GUNSPACE.NET">
  1149. </a>
  1150. <div class="clearfix"></div>
  1151. </div>
  1152. <style type='text/css'> body input.tt-hint,body input.form-control.normal-autosuggest-input.tt-query {
  1153.   background-color: white !important;
  1154. }
  1155. .input-group-sm .input-group-addon .fa {
  1156.    font-size: 15px;
  1157. } </style><div class="col-md-7 text-right sm-text-center header-right-container nolpad xs-hpad">
  1158.            <ul class="mini-nav nobmargin list-inline xs-nopad xs-tmargin vpad">
  1159.            <li class='bmargin'><a href='/about/contact' id='link209'  class='hpad bmargin'>Contact Us</a></li><li class='bmargin'><a href='/login' id='link234'  class='hpad bmargin'>Member Login</a></li><li class='bmargin norpad'><a href='/join' id='link210'  class='btn btn_get_listed bold'>POST AD  - 100% FREE <i class="fa fa-chevron-right lmargin"></i></a></li>        </ul>
  1160.            <div class="clearfix"></div>
  1161.                <form action="/classifieds" name="frm1" class="form-inline website-search">
  1162.                                    <div class="input-group input-group-sm bmargin sm-autosuggest">
  1163.                        <span class="input-group-addon hidden-md"><i class="fa fa-search"></i></span>
  1164.                        <input type="text"
  1165.                               placeholder="Search by Keyword..." value="" name="q"
  1166.                               class="classifieds_search form-control input-sm" autocomplete="off">
  1167.                    </div>
  1168.                                        <div class="input-group input-group-sm bmargin">
  1169.                        <span class="input-group-addon hidden-md"><i class="fa fa-location-arrow"></i></span>
  1170.                        <input type="text" placeholder="City or Post Code"
  1171.                               value="" id="location_google_maps_header" name="location_value"
  1172.                               class="googleSuggest googleLocation form-control">
  1173.                    </div>
  1174.                                    <input type="submit" value="Search" class="btn btn-sm btn_search bmargin xs-btn-block bold">
  1175.            </form>
  1176.            </div>
  1177.            </div>
  1178.        </div>
  1179.        <style type='text/css'> .mobile-main-menu .hasChildren span a {
  1180.    padding: 0px;
  1181. }
  1182.  
  1183. .user_sidebar > img {
  1184.    width: 32px;
  1185.    height: 32px;
  1186.    position: absolute;
  1187.    z-index: 10;
  1188.    border-radius: 100px;
  1189.    top: -1px;
  1190.    object-fit: cover;
  1191.    left: -10px;
  1192. }
  1193. #member_sidebar_toggle img+.fa {
  1194.    display: none;
  1195. }
  1196. .main_menu, .user_sidebar {
  1197. padding: 5px 8px;
  1198. margin-right:0;
  1199. min-height: 33.0333px;
  1200. min-width: 38.116px;
  1201. }
  1202. .main_menu i, .user_sidebar i {
  1203.    font-size: 16px;
  1204. }
  1205. .navbar-nav li {
  1206.    float: none!Important;
  1207. }
  1208. .navbar-default{
  1209.    -webkit-transition: all .6s ease-in-out;
  1210.    -moz-transition: all .6s ease-in-out;
  1211.    -o-transition: all .6s ease-in-out;
  1212.    transition: all .6s ease-in-out;
  1213. }
  1214. .transparent_menu {
  1215. background-color: rgba(238, 238, 238,0.95)!important;
  1216. }
  1217. @media only screen and (max-width: 991px) {
  1218. #popover {display: none}
  1219. }
  1220. @media only screen and (max-width: 1100px){
  1221.    .mobile-main-menu{display:block!important}
  1222.    .navbar-toggle {display: block}
  1223.    #bs-main_menu .nav {display: none!important}
  1224. }
  1225. .mobile-main-menu {
  1226.    position: fixed;
  1227.    height: calc(100% - 50px)!important;
  1228.    width: 250px;
  1229.    background: rgb(238, 238, 238);
  1230.    z-index: 99999;
  1231.    right: -250px;
  1232.    top: 50px;
  1233.    display: none;
  1234.    -webkit-transition: all .6s ease-in-out;
  1235.    -moz-transition: all .6s ease-in-out;
  1236.    -o-transition: all .6s ease-in-out;
  1237.    transition: all .6s ease-in-out;
  1238.    overflow-y: auto!important;
  1239.    overflow-x: hidden!important;
  1240. }
  1241. .mobile-main-menu ul li i {
  1242.    color: rgb(86, 90, 92);
  1243.    cursor: pointer;
  1244.    float: right;
  1245.    padding: 13px;
  1246. }
  1247.  
  1248. .mobile-main-menu.opened{
  1249.    right: 0px!important;
  1250. }
  1251.  
  1252. .mobile-main-menu ul li a, .mobile-main-menu ul li span {
  1253.    display: inline-block;
  1254.    float: left;
  1255.    -webkit-touch-callout: none;
  1256.    -webkit-user-select: none;
  1257.    -khtml-user-select: none;
  1258.    -moz-user-select: none;
  1259.    -ms-user-select: none;
  1260.    user-select: none;
  1261.    padding: 10px 0px;
  1262.    width: 80%;
  1263.    width: calc(100% - 40px);
  1264. }
  1265. .mobile-main-menu .sidebar-nav li ul {
  1266.    height: 0px;
  1267.    overflow: hidden;
  1268.    list-style: none;
  1269.    color: rgb(86, 90, 92);
  1270.    padding-left: 10px;
  1271. }
  1272. .mobile-main-menu .sidebar-nav li.sub_open > ul{
  1273.    height: 100%;
  1274. }
  1275. .mobile-main-menu ul.sidebar-nav {
  1276.    position: absolute;
  1277.    width: 250px;
  1278.    margin: 0;
  1279.    padding: 0;
  1280.    list-style: none;
  1281.    font-size: 14px;
  1282. }
  1283. .mobile-main-menu .sidebar-nav > li {
  1284.    display: block;
  1285.    line-height: 20px;
  1286.    padding: 0 15px 0 20px;
  1287. }
  1288. .mobile-main-menu .sidebar-nav li a, .mobile-main-menu .sidebar-nav li span {
  1289.    text-decoration: none;
  1290.    color: rgb(86, 90, 92);
  1291. padding-left:10px;
  1292. }
  1293. .mobile-main-menu .sidebar-nav li a i, .mobile-main-menu .sidebar-nav li span i {
  1294.    display: none;
  1295. } </style><div class="mobile-main-menu">
  1296. <ul class="sidebar-nav">
  1297. <li class=''><a href='/home' id='link235'>Home</a></li><li class=''><a href='/classifieds' id='link257'>Classifieds </a></li><li class=''><a href='/account/home' id='link237'>Account</a></li><li class=''><a href='/join' id='link238'>Membership</a></li><li class=''><a href='/blog' id='link239'>Gunspace  Blog</a></li><li class=''><a href='/about/contact' id='link259'>Contact Us</a></li><li class=''><a href='/deals' id='link262'  target='_blank'>Members Deals</a></li><li class=''><a href='/startup' id='link263'>Startup Central</a></li> </ul>
  1298. </div>
  1299. <nav class="navbar navbar-default ">
  1300.    <div class="container container-fluid">
  1301.  
  1302.      <div class="navbar-header">
  1303.        <button type="button" class="navbar-toggle collapsed main_menu" data-toggle="collapse" aria-label="main_menu">
  1304. <i class="fa fa-bars fa-fw"></i>
  1305.        </button>
  1306.  
  1307.        
  1308.      </div>
  1309.  
  1310.      <div class="tablet-menu collapse navbar-collapse nopad" id="bs-main_menu">
  1311.        <ul class="tablet-menu-ul nav navbar-nav nav-justified">
  1312.          <li class=''><a href='/home' id='link235'>Home</a></li><li class=''><a href='/classifieds' id='link257'>Classifieds </a></li><li class=''><a href='/account/home' id='link237'>Account</a></li><li class=''><a href='/join' id='link238'>Membership</a></li><li class=''><a href='/blog' id='link239'>Gunspace  Blog</a></li><li class=''><a href='/about/contact' id='link259'>Contact Us</a></li><li class=''><a href='/deals' id='link262'  target='_blank'>Members Deals</a></li><li class=''><a href='/startup' id='link263'>Startup Central</a></li>        </ul>
  1313.      </div>
  1314.    </div>
  1315. </nav>
  1316. <!--CSS IF MENU IS FIXED TOP-->
  1317.  
  1318. </div>
  1319. <!--
  1320.  
  1321. 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.
  1322.  
  1323. -->
  1324. <div class="container clearfix text-center banner-ad-unit above-content-banner-ad">
  1325. <div class="clearfix vmargin banner-ad-unit">
  1326. <a class="center-block text-center" href="http://www.ankertcustoms.com" target="_blank">
  1327. <img width="2048" height="677" loading="lazy" alt="Banner Ad" src="/images/B72AA21D-0736-4D99-80E3-5AE29B6E61C3.jpeg">
  1328. </a>
  1329. </div>
  1330. <div class="clearfix"></div>
  1331. </div>
  1332. <div class="clearfix"></div><div class="clearfix"></div>
  1333. <!-- Begin  Content -->
  1334. <div id="first_container" class="content-container fr-view">
  1335.        <div class="container">
  1336.                <ol class='breadcrumb' itemscope itemtype='https://schema.org/BreadcrumbList'><li itemprop='itemListElement' itemscope itemtype='https://schema.org/ListItem'><a itemtype='https://schema.org/Thing' itemprop='item' href='//www.gunspace.net' title='GUNSPACE.NET'><span itemprop='name'>Home</span><meta itemprop='position' content='1' /></a></li><li itemprop='itemListElement' itemscope itemtype='https://schema.org/ListItem'><a itemtype='https://schema.org/Thing' itemprop='item' href='/united-states' title='United States'><span itemprop='name'>United States</span><meta itemprop='position' content='2' /></a></li><li class='active'>OCRV Center - RV Collision Repair & Paint Shop</li></ol>        <div class="clearfix body-content"></div>
  1337.        <style type='text/css'> a.btn.btn-warning.pull-right.bmargin.xs-nomargin {
  1338. position: relative;
  1339. z-index: 999;
  1340. } </style>
  1341. <div class="row content_w_sidebar member_profile level_3">
  1342.  
  1343.    <div class='col-md-9'><style type='text/css'> @media only screen and (max-width: 767px) {
  1344. .profile-header-write-review {
  1345. margin-top: 10px !important;
  1346. }
  1347. }
  1348. </style>
  1349. <div class="row member-profile-header">
  1350.    <div class="col-xs-12 col-sm-3 norpad text-center xs-nopad xs-bmargin profile-image">
  1351.            <a href="/yorba-linda-ca-92887/ocrv-center-rv-collision-repair-paint-shop/connect" title="Contact ONLINE GUN CLASSIFIEDS OCRV Center - RV Collision Repair & Paint Shop">
  1352.                <img width="200" height="135" class="img-rounded" src="/logos/profile/limage-589-218-photo.jpg" alt="ONLINE GUN CLASSIFIEDS OCRV Center - RV Collision Repair & Paint Shop in Yorba Linda CA, 92887 " title="Contact OCRV Center - RV Collision Repair & Paint Shop">
  1353.            </a>
  1354.            </div>
  1355.    <div class="xs-text-center col-xs-12 col-sm-9">
  1356.        <div class="row">
  1357.            <div class="col-sm-10 norpad xs-hpad">
  1358.                <h1 class="bold inline-block">
  1359.                    OCRV Center - RV Collision Repair & Paint Shop                </h1>
  1360. </div>
  1361.        </div>
  1362.        <div class="row">
  1363.            <div class="col-sm-6 tmargin xs-nomargin">
  1364.                <p class="line-height-xl nomargin">
  1365.                    <span class='profile-header-top-category '><br /></span>                </p>
  1366.            </div>
  1367.  
  1368.                            <div class="col-sm-6 tmargin profile-header-write-review">
  1369.                                                                <a class="tmargin btn btn-primary btn-lg btn-block" href="/yorba-linda-ca-92887/ocrv-center-rv-collision-repair-paint-shop/writeareview" title="Write a Review for OCRV Center - RV Collision Repair & Paint Shop">
  1370.                            Write a Review
  1371.                        </a>
  1372.                                    </div>
  1373.                <div class="clearfix"></div>
  1374.            
  1375.  
  1376.                            <div class="col-sm-6 tmargin profile-header-send-message">
  1377.                    <a class="btn btn-success btn-block btn-lg" title="Contact OCRV Center - RV Collision Repair & Paint Shop" href="/yorba-linda-ca-92887/ocrv-center-rv-collision-repair-paint-shop/connect">
  1378.                                            Send Message
  1379.                                        </a>
  1380.                </div>
  1381.            
  1382.                            <div class="col-sm-6 tmargin">
  1383.                                                <span style="padding:10px 16px;" class="well nobmargin text-center btn-lg btn-block author-phone">
  1384.                                <i class="fa fa-phone fa-fw"></i>
  1385.                                714-909-1444                            </span>
  1386.                                        </div>
  1387.            
  1388.            
  1389.            
  1390.        </div>
  1391.    </div>
  1392.    </div>
  1393. <div class="clearfix"></div>        <div class="clearfix"></div>
  1394.            
  1395.                
  1396.            
  1397. <div class="well  tmargin  bmargin fpad make-connection">
  1398. <span class="h3 nobmargin">
  1399. <i class="fa fa-comments-o fa-fw" aria-hidden="true"></i>
  1400. </span>
  1401. <b>MAKE A CONNECTION</b>
  1402. OCRV Center - RV Collision Repair & Paint Shop
  1403. is accepting messages:
  1404. <a class="inline-block" href="/yorba-linda-ca-92887/ocrv-center-rv-collision-repair-paint-shop/connect">
  1405. Send Message
  1406. </a>
  1407. </div>
  1408. <div class="clearfix"></div><div role="tabpanel"
  1409.     class="tmargin  member-profile-tabs ">
  1410.                        <ul class="nav nav-tabs fpad nobpad profile-tabs-nav" role="tablist" aria-label="Profile Tabs">
  1411.                                            <li class="active hideMyTab" role="presentation">
  1412.                                <a href="#div1" rel=" nofollow" aria-controls="t1" aria-label="Overview" role="tab" data-toggle="tab" aria-selected="false">
  1413.                                    Overview                                                                                                        </a>
  1414.                            </li>
  1415.                            <style>.hideMyTab{ display:none !important;}.profile-tabs-nav{height: 1px;padding:0;}</style>            </ul>
  1416.                            <div class="tab-content">
  1417.                
  1418.                                <div id="div1" role="tabpanel" aria-labelledby="t1 div1"
  1419.                                     class="tab-pane active">
  1420.                                    <style type='text/css'> ul.table-view.list-inline.xs-center-block > h2.tmargin.tpad.xs-text-center.xs-center-block.clearfix:last-child {
  1421. display:none;
  1422. } </style>        <div id="map-canvas"></div>
  1423.        <div class="clearfix"></div>
  1424.                    <a class="pull-right btn-sm map-link get-directions-link" rel="nofollow" target="_blank" href="https://maps.google.com/maps?daddr=23281+La+Palma+Ave++Yorba+Linda+CA,+92887+++" title="Click for Directions">
  1425.                Get Directions <i class="fa fa-external-link" aria-hidden="true"></i>
  1426.            </a>
  1427.                            <a class="pull-right btn-sm map-link larger-map-link" href="#" target="_blank" data-target="#locationModal" data-toggle="modal" title="View On Larger Map">
  1428.                View On Larger Map
  1429.            </a>
  1430.                <div class="clearfix"></div>
  1431.                                <div class="table-view list-inline xs-center-block bmargin">
  1432.                                                <div class="clearfix"></div>
  1433.                                <h2 class="tmargin tpad xs-center-block clearfix">
  1434.                                    Contact Information                                </h2>
  1435.                                                                                    <div class="table-view-group clearfix">
  1436.                                        <div class="col-sm-4 bold">
  1437.                                            Company Name                                        </div>
  1438.                                        <div class="col-sm-8">
  1439.                                            <span class="textbox textbox-company">OCRV Center - RV Collision Repair & Paint Shop</span>                                        </div>
  1440.                                    </div>
  1441.                                                                                <tr>
  1442.                            <th colspan="2">
  1443.                                                            </th>
  1444.                        </tr>
  1445.                                            <tr>
  1446.                            <th colspan="2">
  1447.                                                            </th>
  1448.                        </tr>
  1449.                                            <tr>
  1450.                            <th colspan="2">
  1451.                                    <div class="table-view-group clearfix">
  1452. <div class="col-sm-4 bold">
  1453. Phone Number
  1454. </div>
  1455. <div class="col-sm-8">
  1456. <span>714-909-1444</span>
  1457. </div>
  1458. </div>
  1459.                            </th>
  1460.                        </tr>
  1461.                                            <tr>
  1462.                            <th colspan="2">
  1463.                                                            </th>
  1464.                        </tr>
  1465.                    
  1466.                            </div>
  1467.            
  1468.                                                    <div class="table-view list-inline xs-center-block bmargin">
  1469.                                                <div class="clearfix"></div>
  1470.                                <h2 class="tmargin tpad xs-center-block clearfix">
  1471.                                    Company Details                                </h2>
  1472.                                                                                    <div class="table-view-group clearfix">
  1473.                                        <div class="col-sm-4 bold">
  1474.                                            Hours of Operation                                        </div>
  1475.                                        <div class="col-sm-8">
  1476.                                            <span class="textarea textarea-rep_matters">Mon-Fri: 8AM-8PM<br />
  1477. Sat: 8AM-3PM</span>                                        </div>
  1478.                                    </div>
  1479.                                                        
  1480.                            </div>
  1481.            
  1482.                    <div class="overview-tab-about-me"><h2 class="tmargin tpad xs-center-block clearfix about-member-blurb">About OCRV Center - RV Collision Repair & Paint Shop</h2><div class="clearfix"></div><p style='margin-top:0in;margin-right:0in;margin-bottom:8.0pt;margin-left:0in;line-height:107%;font-size:15px;font-family:"Calibri","sans-serif";'>Phone Number:<br>&nbsp;714-909-1444</p><p style='margin-top:0in;margin-right:0in;margin-bottom:8.0pt;margin-left:0in;line-height:107%;font-size:15px;font-family:"Calibri","sans-serif";'>Website:<br><a rel="nofollow" href="https://ocrvcenter.com">https://ocrvcenter.com</a></p><p style='margin-top:0in;margin-right:0in;margin-bottom:8.0pt;margin-left:0in;line-height:107%;font-size:15px;font-family:"Calibri","sans-serif";'>&nbsp;</p><p style='margin-top:0in;margin-right:0in;margin-bottom:8.0pt;margin-left:0in;line-height:107%;font-size:15px;font-family:"Calibri","sans-serif";'>Description:<br>&nbsp;OCRVCenter is Voted The Best RV Repair Shop In Orange County. Our goal is to make sure that our customers get the quality of service the first time they have the OCRVCenter experience. We are the only One Stop Shop for all RV Services under one roof in Southern California! If you are looking for any RV Services, we can take care of it all!</p><div class="clearfix"></div>                    <div class="table-view list-inline xs-center-block bmargin">
  1483.                                                <div class="clearfix"></div>
  1484.                                <h2 class="tmargin tpad xs-center-block clearfix">
  1485.                                    Write About You And Your Company                                </h2>
  1486.                                                                        <tr>
  1487.                            <th colspan="2">
  1488.                                <div class="clearfix"></div>                            </th>
  1489.                        </tr>
  1490.                    
  1491.                            </div>
  1492.            
  1493.            <div class="clearfix"></div></div>    <div class="overview-tab-service-areas"><div class="clearfix"></div></div><div class="clearfix"></div>  <style>
  1494.   #map-canvas {
  1495.   height: 200px;
  1496.   width: 100%;
  1497.   margin: 0px;
  1498.   padding: 0px;
  1499.   border-radius:5px;
  1500.   overflow:hidden;
  1501.   }
  1502.  </style>
  1503.  <script>
  1504.  $(document).ready(function(){
  1505.      var map,map2;
  1506.      function initialize() {
  1507.                var myLatlng = new google.maps.LatLng(parseFloat(0.00000000),parseFloat(0.00000000));
  1508.        var iconImage = '/images/pin_drop.png';
  1509.        var mapOptions = {
  1510.          zoom: 15,
  1511.          center: myLatlng,
  1512.          scrollwheel: false
  1513.        }
  1514.        map = new google.maps.Map(document.getElementById('map-canvas'), mapOptions);
  1515.        map2 = new google.maps.Map(document.getElementById('map-canvas2'), mapOptions);
  1516.                var marker = new google.maps.Marker({
  1517.        position: myLatlng,
  1518.        map: map,
  1519.        icon: iconImage
  1520.        });
  1521.        var marker2 = new google.maps.Marker({
  1522.        position: myLatlng,
  1523.        map: map2,
  1524.        icon: iconImage
  1525.        });
  1526.      }
  1527.                        google.maps.event.addDomListener(window, 'load', initialize);
  1528.                    $('#locationModal').on('shown.bs.modal', function() {
  1529.            var currentCenter = map2.getCenter();
  1530.            google.maps.event.trigger(map2, "resize");
  1531.            map2.setCenter(currentCenter);
  1532.        });
  1533.  });
  1534.  </script>
  1535.  <style type='text/css'> #map-canvas2 {
  1536.    height: 100%;
  1537.    margin-bottom: 5px;
  1538.    width: 100%;
  1539. } </style><div class="modal fade" id="locationModal" tabindex="-1" role="dialog" aria-labelledby="locationModal" aria-hidden="true">
  1540. <div class="modal-dialog modal-lg">
  1541. <div class="modal-content">
  1542. <div class="modal-header">
  1543. <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
  1544. <h4 class="modal-title">Map View</h4>
  1545. </div>
  1546.            <div class="modal-body" style="height: 350px;">
  1547. <div id="map-canvas2"></div>
  1548. </div>
  1549.            <div class="modal-footer">
  1550. <a rel="nofollow" href="https://maps.google.com/maps?daddr=23281+La+Palma+Ave++Yorba+Linda+CA,+92887+++" type="button" rel="nofollow" target="_blank" class="btn btn-primary member-directions">Get Directions</a>
  1551. <button type="button" class="btn btn-default" data-dismiss="modal">Cancel</button>
  1552. </div>
  1553. </div>
  1554. </div>
  1555. </div>                                </div>
  1556.                             <div class="clearfix"></div>
  1557.            </div>
  1558.            </div>
  1559.    </div>
  1560.    <div class="col-sm-12 col-md-3 sidebar-section">        <section id='id' class=''><style type='text/css'> #captchaContainer {
  1561. transform:scale(0.77);
  1562. -webkit-transform:scale(0.77);
  1563. transform-origin:0 0;
  1564. -webkit-transform-origin:0 0;
  1565. } </style>        <div class="module">
  1566.            <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-%20Function%20-%20Save%20Form" id="myform" method="post" labelwidth="100" labelpaddingtop="0.5em" enctype="multipart/form-data" form_action_type="widget" form_action_div return_data_type="" name="bootstrap_get_match" class=" "><input type="hidden" name="sized" value="0" id="myform-element-0"/><input type="hidden" name="mysql_real_escape_string_runned" value="1" id="myform-element-1"/><input type="hidden" name="userid" value="589" id="myform-element-2"/><input type="hidden" name="usertokenid" value="589" id="myform-element-3"/><input type="hidden" name="saveinfo" value="1" id="myform-element-4"/><input type="hidden" name="vals" value="4|1" id="myform-element-5"/><input type="hidden" name="answerqmatch" value="5" id="myform-element-6"/><input type="hidden" name="form_source" value="%2Fyorba-linda-ca-92887%2Focrv-center-rv-collision-repair-paint-shop" id="myform-element-7"/><input type="hidden" name="form" value="myform" id="myform-element-8"/><input type="hidden" name="formname" value="bootstrap_get_match" id="myform-element-9"/><input type="hidden" name="dowiz" value="1" id="myform-element-10"/><input type="hidden" name="save" value="1" id="myform-element-11"/><input type="hidden" name="url_origin_pars" value="/yorba-linda-ca-92887/ocrv-center-rv-collision-repair-paint-shop" id="myform-element-12"/>    <style>
  1567.        form[action="/api/widget/json/get/Bootstrap%20Theme%20-%20Function%20-%20Save%20Form"] .form-group .checkbox label, form[action="/api/widget/json/get/Bootstrap%20Theme%20-%20Function%20-%20Save%20Form"] .form-group .radio label, form[action="/api/widget/json/get/Bootstrap%20Theme%20-%20Function%20-%20Save%20Form"] .form-group label.checkbox, form[action="/api/widget/json/get/Bootstrap%20Theme%20-%20Function%20-%20Save%20Form"] .form-group label.radio{
  1568.            display: inline-block;
  1569.            margin-right: 15px;
  1570.        }
  1571.        form[action="/api/widget/json/get/Bootstrap%20Theme%20-%20Function%20-%20Save%20Form"] .form-group label {
  1572.            display: none;
  1573.        }
  1574. form[action="/api/widget/json/get/Bootstrap%20Theme%20-%20Function%20-%20Save%20Form"] .form-group label.btn{
  1575. display: block;
  1576. }
  1577.  
  1578.        form[action="/api/widget/json/get/Bootstrap%20Theme%20-%20Function%20-%20Save%20Form"] .form-group div.bootstrap-filestyle ,
  1579.        form[action="/api/widget/json/get/Bootstrap%20Theme%20-%20Function%20-%20Save%20Form"] .form-group div.bootstrap-filestyle label.btn{
  1580.            width: 100%;
  1581.        }
  1582.  
  1583.        form[action="/api/widget/json/get/Bootstrap%20Theme%20-%20Function%20-%20Save%20Form"] .form-group div.bootstrap-filestyle span.group-span-filestyle:nth-child(2)  {
  1584.            margin: 0px !important;
  1585.        }
  1586.  
  1587.        form[action="/api/widget/json/get/Bootstrap%20Theme%20-%20Function%20-%20Save%20Form"] .form-group div.bootstrap-filestyle span.group-span-filestyle:nth-child(2) label.btn  {
  1588.            margin-top: 10px;
  1589.        }
  1590.    </style>
  1591.    
  1592. <script>
  1593.    $(document).ready(function(){
  1594.        $('form[action="/api/widget/json/get/Bootstrap%20Theme%20-%20Function%20-%20Save%20Form"] input, form[action="/api/widget/json/get/Bootstrap%20Theme%20-%20Function%20-%20Save%20Form"] select').each(function(){
  1595.            if($(this).parents('.form-group').find('.required:hidden').length > 0){
  1596.  
  1597.                let placeholderAttr = $(this).attr('placeholder');
  1598.                let optionRequired = $(this).find('option[value=""]').html();
  1599.                                   if (typeof placeholderAttr !== 'undefined' && placeholderAttr.indexOf(`(Required)`) < 1) {
  1600.                        $(this).attr('placeholder', $(this).attr('placeholder') + ` (Required)`);
  1601.                    }
  1602.                
  1603.                if (typeof optionRequired !== 'undefined' && optionRequired.indexOf(`(Required)`) < 1) {
  1604.                    $(this).find('option[value=""]').html($(this).find('option[value=""]').html() + ` (Required)`);
  1605.                }
  1606.            }
  1607.        })
  1608.    })
  1609. </script> <h3 class="nomargin">
  1610. Contact <span class='inline-block'>OCRV Center - RV Collision Repair & Paint Shop</span>
  1611. </h3>
  1612. <hr>
  1613. <div class="form-group"><label class="vertical-label bd-text" for="myform-element-15">Name</label><input type="text" name="lead_name" placeholder="Enter Name" autocomplete="off" value class="form-control control-group  form-control " id="myform-element-15"/></div><div class="form-group"><label class="vertical-label bd-email" for="myform-element-16"><span class="required">* </span>Email</label><input type="email" name="lead_email" required placeholder="Enter Email" autocomplete="off" value class="form-control control-group  form-control " id="myform-element-16"/></div><div class="form-group"><label class="vertical-label bd-text" for="myform-element-17">Phone Number</label><input type="text" name="lead_phone" placeholder="Enter Phone" autocomplete="off" value class="form-control control-group  form-control " id="myform-element-17"/></div><div class="form-group">
  1614. <label class="vertical-label" for="myform-element-1543">
  1615.     Preferred Reply Day
  1616. </label>
  1617. <select aria-label="Preferred Reply Day" name="lead_preferred_day" autocomplete="off" class="form-control control-group " id="myform-element-1543">
  1618. <option value="">Preferred Reply Day</option>
  1619. <option value="As soon as possible">As soon as possible</option>
  1620.                    <option value="Sunday">Sunday</option>
  1621.            <option value="Monday">Monday</option>
  1622.            <option value="Tuesday">Tuesday</option>
  1623.            <option value="Wednesday">Wednesday</option>
  1624.            <option value="Thursday">Thursday</option>
  1625.            <option value="Friday">Friday</option>
  1626.            <option value="Saturday">Saturday</option>
  1627.                
  1628.        ?>
  1629. </select>
  1630. </div>
  1631. <div class="form-group">
  1632.    <label class="vertical-label" for="myform-element-1654">
  1633.                Preferred Reply Time</label>
  1634.    <select aria-label="Preferred Reply Time" name="lead_preferred_time" autocomplete="off" class="form-control control-group " id="myform-element-1654">
  1635.        <option value="">Preferred Reply Time</option>
  1636.        <option value="As soon as possible">As soon as possible</option>
  1637.                    <option value="12:00 am">12:00 am</option>
  1638.            <option value="1:00 am">1:00 am</option>
  1639.            <option value="2:00 am">2:00 am</option>
  1640.            <option value="3:00 am">3:00 am</option>
  1641.            <option value="4:00 am">4:00 am</option>
  1642.            <option value="5:00 am">5:00 am</option>
  1643.            <option value="6:00 am">6:00 am</option>
  1644.            <option value="7:00 am">7:00 am</option>
  1645.            <option value="8:00 am">8:00 am</option>
  1646.            <option value="9:00 am">9:00 am</option>
  1647.            <option value="10:00 am">10:00 am</option>
  1648.            <option value="11:00 am">11:00 am</option>
  1649.            <option value="12:00 pm">12:00 pm</option>
  1650.            <option value="1:00 pm">1:00 pm</option>
  1651.            <option value="2:00 pm">2:00 pm</option>
  1652.            <option value="3:00  pm">3:00  pm</option>
  1653.            <option value="4:00 pm">4:00 pm</option>
  1654.            <option value="5:00 pm">5:00 pm</option>
  1655.            <option value="6:00 pm">6:00 pm</option>
  1656.            <option value="7:00 pm">7:00 pm</option>
  1657.            <option value="8:00 pm">8:00 pm</option>
  1658.            <option value="9:00 pm">9:00 pm</option>
  1659.            <option value="10:00 pm">10:00 pm</option>
  1660.            <option value="11:00 pm">11:00 pm</option>
  1661.                
  1662.    </select>
  1663. </div>
  1664. <style type='text/css'> #map-canvas-contact-sidebar {
  1665.    display: block;
  1666.    width: 100%;
  1667.    height: 250px;
  1668.    float: right;
  1669. }
  1670. label.fill-location-check {
  1671.  display: block;
  1672.  width: 100%;
  1673.  float: left;
  1674.  margin: 6px 0 6px 9%;
  1675. }
  1676. #myform .google-writen-location {
  1677.  float: right;
  1678. }
  1679.  
  1680. #map-canvas-contact-sidebar {
  1681.    border-radius: 4px;
  1682. }
  1683. .pac-container {    
  1684. z-index: 1551;
  1685. } </style>    <input type="hidden" name="utoken" value="589">
  1686.            <span class="location_status" id="location_status" data-state="only_input"></span>
  1687.            <span class="location_required" id="location_required" data-state="0"></span>
  1688.            <div class="form-group" style="overflow: auto;">
  1689.            <label for="myform-element-8">Location</label>
  1690.            <input id="pac-input"  fv-notEmpty-message="Required Field" form-id="myform" class="controls google-writen-location form-control " value="" type="text" name="lead_location" placeholder="City or Post Code" autocomplete="off">
  1691.            <input type="hidden" name="lat" value="">
  1692.            <input type="hidden" name="lng" value="">
  1693.            <input type="hidden" name="swlat" value="">
  1694.            <input type="hidden" name="swlng" value="">
  1695.            <input type="hidden" name="nelat" value="">
  1696.            <input type="hidden" name="nelng" value="">
  1697.            <input type="hidden" name="location_type" value="">
  1698.            <input type="hidden" name="country_sn" value="">
  1699.            <input type="hidden" name="county_sn" value="">
  1700.            <input type="hidden" name="adm_lvl_1_sn" value="">
  1701.            <input type="hidden" name="city" value="">
  1702.            <input type="hidden" name="faddress" value="">
  1703.            
  1704.  
  1705.        </div>
  1706.    <div class="form-group"><label class="vertical-label bd-" for="myform-element-22">Message</label><textarea rows="4" name="lead_message" placeholder="Write a message here..." autocomplete="off" class="form-control control-group form-control" id="myform-element-22"></textarea></div><input type="hidden" name="url_from" value="/yorba-linda-ca-92887/ocrv-center-rv-collision-repair-paint-shop">
  1707. <input type="hidden" name="checkPageType" value="profile">
  1708. <div class="form-group"><input type="hidden" name="bd_hpc" autocomplete="off" value class="form-control control-group " id="myform-element-27"/></div><div class="form-group"><div class="form-group security_question_label">
  1709.            <div id="myform-captchaContainer" class="control-group">
  1710.        <div class="g-recaptcha"  id="myform-google-recaptcha"></div>
  1711.    </div>
  1712.    <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>
  1713.    <div class="clearfix bmargin"></div>
  1714.    <input type="hidden" name="recaptcha" id="myform-rcap">
  1715. </div>
  1716.    <style>
  1717.        .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 {
  1718.            transform: scale(0.77);
  1719.            -webkit-transform: scale(0.77);
  1720.            transform-origin: 0 0;
  1721.            -webkit-transform-origin: 0 0;
  1722.            margin-bottom: -15px;
  1723.        }
  1724.  
  1725.        .modal #myform-captchaContainer, .col-md-4 #myform-captchaContainer, .col-md-3 #myform-captchaContainer, .col-lg-3 #myform-captchaContainer, .col-lg-4 #myform-captchaContainer {
  1726.            transform: scale(0.77);
  1727.            -webkit-transform: scale(0.77);
  1728.            transform-origin: 0 0;
  1729.            -webkit-transform-origin: 0 0;
  1730.            margin-bottom: -15px;
  1731.        }
  1732.    </style>
  1733.    <script type="text/javascript">
  1734.        var formID          = '';
  1735.        var currentCaptcha  = {};
  1736.        var captchaHolders  = {};
  1737.        window.addEventListener('load', () => {
  1738.            formID = document.querySelectorAll('[name="recaptcha"]');
  1739.            if (typeof formID != "undefined" && formID !== null) {
  1740.                for (let i = 0; i < formID.length; i++) {
  1741.                    let formIDForm = formID[i].closest('form');
  1742.                    if (typeof formIDForm != "undefined" && formIDForm !== null) {
  1743.                        formIDForm.addEventListener('click', reCaptchaOnFormClick, false);
  1744.                    }
  1745.                }
  1746.            }
  1747.        });
  1748.  
  1749.        function reCaptchaOnFormClick(event) {
  1750.            currentCaptchaForm  = event.srcElement.closest('form');
  1751.            var head            = document.getElementsByTagName('head')[0];
  1752.            var script          = document.createElement('script');
  1753.            script.type         = 'text/javascript';
  1754.            script.src          = 'https://www.google.com/recaptcha/api.js?onload=onloadCallback&render=explicit&hl=en';
  1755.            head.appendChild(script);
  1756.            if (typeof currentCaptchaForm != "undefined" && currentCaptchaForm !== null) {
  1757.                currentCaptchaForm.removeEventListener('click', reCaptchaOnFormClick, false);
  1758.            }
  1759.        }
  1760.  
  1761.  
  1762.        var onloadCallback = function (event) {
  1763.            var captcha = currentCaptchaForm.querySelectorAll('div[class=g-recaptcha]');
  1764.            if(captcha[0].id){
  1765.                captchaHolders[captcha[0].id] = grecaptcha.render(captcha[0].id, {
  1766.                    'sitekey': '6Lcqs2EUAAAAAH09armB9zEa4Fuyl-6XhDWzml_v'
  1767.                });
  1768.            }
  1769.        }
  1770.  
  1771.    </script>
  1772. <script>
  1773.    function respuesta() {
  1774.        var checkedTextArea = document.getElementsByClassName('g-recaptcha');
  1775.        var rcap = document.getElementsByTagName('recaptcha');
  1776.        for (var i = 0; i < checkedTextArea.length; i++) {
  1777.            if (checkedTextArea[i].value != '') {
  1778.                for (var index = 0; i < rcap.length; index++) {
  1779.                    rcap[index].setAttribute("value", "checked");
  1780.                }
  1781.            }
  1782.        }
  1783.    }
  1784.  
  1785.    $(document).ready(function(){
  1786.        $("#myform input[type=submit]").unbind('click');
  1787.        $("#myform input[type=submit]").click(function (event) {
  1788.  
  1789.            var formId = $(this.form).attr('id');
  1790.            var captchaHolderKey = formId + "-google-recaptcha";
  1791.  
  1792.            if (typeof captchaHolders[captchaHolderKey] != "undefined") {
  1793.                event.preventDefault();
  1794.  
  1795.                if (grecaptcha.getResponse(captchaHolders[captchaHolderKey]) === "") {
  1796.                    $("#" + formId).formValidation('validate');
  1797.                    $("#" + formId + " .security_question_label").addClass("has-error");
  1798.                    $("#" + formId + " #recaptcha_error").css("display", "block");
  1799.                    return false;
  1800.                } else {
  1801.                    $("#" + formId + " .security_question_label").removeClass("has-error");
  1802.                    $("#" + formId + " #recaptcha_error").css("display", "none");
  1803.                    respuesta();
  1804.                    $("#" + formId).submit();
  1805.                }
  1806.            }
  1807.        });
  1808.    });
  1809. </script></div><div class="form-actions"><input type="submit" value="Send Message" name class="btn btn-success btn-block btn-lg " id="myform-element-29"/></div></form><script type="text/javascript">jQuery(document).ready(function() { jQuery("#myform").bind("submit", function() {
  1810. });}); </script>        </div>
  1811.    
  1812.             <style type='text/css'> .bannerContainer970x90 {
  1813.    height: 90px;
  1814.    margin: 0 auto;
  1815.    overflow: hidden;
  1816.   width: 970px;
  1817. }
  1818. </style><!-- For more information visit http://getbootstrap.com/javascript/#carousel
  1819. data-interval // sets The amount of time (milliseconds) to delay between automatically cycling an item. If false, carousel will not automatically cycle.
  1820. -->
  1821. <div id="carousel-example-generic" class="carousel slide bannerContainer970x90 visible-lg" data-ride="carousel" data-interval="3000">
  1822.      <!-- Wrapper for slides -->
  1823.      <div class="carousel-inner" role="listbox">
  1824.          <div class="item active">
  1825.              <a href="#"><img src="//placehold.it/970x90/000000/00fffa?text=Banner+1" alt="Banner 1"></a>
  1826.          </div>
  1827.          <div class="item">
  1828.              <a href="#"><img src="//placehold.it/970x90/000000/ff0000?text=Banner+2" alt="Banner 2"></a>
  1829.          </div>
  1830.          <div class="item">
  1831.              <a href="#"><img src="//placehold.it/970x90/000000/07ea1d?text=Banner+3" alt="Banner 3"></a>
  1832.          </div>
  1833.          <div class="item">
  1834.              <a href="#"><img src="//placehold.it/970x90/000000/ffffff?text=Banner+4" alt="Banner 4"></a>
  1835.          </div>
  1836.      </div>
  1837.  </div>
  1838. <div class="clearfix clearfix-lg"></div> </section>        </div>
  1839.    
  1840. </div>
  1841. <div class="clearfix"></div>
  1842.        <div class="clearfix"></div>
  1843.    </div>
  1844. </div>
  1845. <!-- End Content -->
  1846. <div class="clearfix footer-clear-element clearfix-lg"></div>
  1847. <!--
  1848.  
  1849. 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.
  1850.  
  1851. -->
  1852. <div class="clearfix"></div>
  1853. <div class="content-container banner-ad-unit footer-banner-container">
  1854.  
  1855. <div class="container text-center banner-ad-unit footer-banner-ad">
  1856.  
  1857. <a class="center-block text-center" href="http://www.vetitation.com" target="_blank">
  1858. <img width="970" height="300" loading="lazy" alt="Banner Ad" src="/images/vetitation.jpg">
  1859. </a>
  1860. <div class="clearfix clearfix-lg"></div>
  1861. </div>
  1862. </div>
  1863. <div class="clearfix"></div>
  1864. <style type='text/css'> .newsletter_row input[type="email"] {
  1865.    float: none;
  1866.    margin-left: auto;
  1867.    margin-right: auto;    
  1868.    width: 62% !important;
  1869. } </style><div class="content-container newsletter_row">
  1870. <div class="container text-center vpad">
  1871. <div class="col-md-12 xs-nopad">
  1872. <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">
  1873.            <div class="col-sm-6 nopad newsletter_button_left">
  1874.            Join Our Newsletter - Today
  1875.        </div>
  1876.        <div class="col-sm-6 nopad newsletter_button_right">
  1877.            Click to Subscribe
  1878.            <i class='fa fa-chevron-circle-right fa-fw'></i>
  1879.        </div>
  1880.        
  1881. <div class="clearfix"></div>
  1882. </a>
  1883. </div>
  1884. </div>
  1885. </div><div class="footer">
  1886.    <div class="container">
  1887.        <div class="row">
  1888.            <ul class="footer_menu sm-text-center">
  1889.                <li class='col-md-4'><span id='link157'  class='head'> About</span><ul><li class=''><span id='link158'  class='content'> Finding classified ads is easy by searching our trusted network of top-rated classifieds.</span></li></ul></li><li class='col-md-3 col-md-offset-2'><span id='link159'  class='head'> Categories</span><ul><li class=''><a href='/classifieds?category[]=firearms' id='link160'>Firearms</a></li><li class=''><a href='/classifieds?category[]=Accessories' id='link161'>Accessories</a></li><li class=''><a href='/classifieds?category[]=Gear' id='link231'>Gear</a></li></ul></li><li class='col-md-5 vpad vmargin sm-text-center'><span id='link211'> <div itemscope itemtype="http://schema.org/WebSite">
  1890. <meta itemprop="name" content="GUNSPACE.NET" id="sitename">
  1891. <link href="//www.gunspace.net" itemprop="url" id="sitelink">
  1892. <div class="list-social-links">
  1893. <a class="network-icon contact" href="/about/contact" title="Contact Us GUNSPACE.NET">
  1894. <i class="fa fa-envelope"></i>
  1895. </a>
  1896. <a class="network-icon facebook" itemprop="sameAs" href="http://www.facebook.com/gunspace.net" target="_blank" title="GUNSPACE.NET Facebook">
  1897. <i class="fa fa-facebook"></i>
  1898. </a>
  1899. <a class="network-icon image-icon twitter" itemprop="sameAs" href="http://twitter.com/GUNSPACE_NET" target="_blank" title="GUNSPACE.NET X">
  1900. <img alt="GUNSPACE.NET X" loading="lazy" class="talign img-circle" src="/images/twitterX.png" width="40" height="40">
  1901. </a>
  1902.    
  1903. <a class="network-icon pinterest" itemprop="sameAs" href="http://www.pinterest.com/gunspacenet" target="_blank" title="GUNSPACE.NET Pinterest">
  1904. <i class="fa fa-pinterest-p"></i>
  1905. </a>
  1906.      
  1907. <a class="network-icon instagram" itemprop="sameAs" href="http://www.instagram.com/gunspace_net" target="_blank" title="GUNSPACE.NET Instagram">
  1908. <i class="fa fa-instagram"></i>
  1909. </a>
  1910. <div class="clearfix"></div>
  1911. </div>
  1912. </div></span></li><li class='col-md-6 col-md-offset-1 vpad vmargin'><a href='/join' id='link212'  class='btn btn_footer_get_listed btn-lg btn-block bold center sm-block' style='white-space:normal'>ONLINE GUN CLASSIFIEDS - Join Our Website Today »</a></li>            </ul>
  1913.        </div>
  1914. <div class="col-md-12 fpad fmargin small text-center footer_terms">
  1915. &copy; 2024 <a title="GUNSPACE.NET" href="/">
  1916. GUNSPACE.NET </a>
  1917. All Rights Reserved.
  1918. <div class="inline-block">
  1919. <a title="Terms of Use - GUNSPACE.NET" href="/about/terms">
  1920. Terms of Use
  1921. </a>
  1922. |
  1923. <a title="Privacy Policy - GUNSPACE.NET" href="/about/privacy">
  1924. Privacy Policy
  1925. </a>
  1926. </div>
  1927. </div>
  1928.    </div>
  1929. </div><style type='text/css'> .scrollup {
  1930.  border-radius: 3px;
  1931.  width: 40px;
  1932.  height: 40px;
  1933.  opacity: 0.4;
  1934.  position: fixed;
  1935.  bottom: 30px;
  1936.  right: 30px;
  1937.  display: none;
  1938.  background: rgba(119, 119, 119, 0.8);
  1939.  z-index: 1000000;
  1940. }
  1941. .scrollup i {
  1942.  font-size: 36px;
  1943.  color: white;
  1944.  position: relative;
  1945.  top: 0px;
  1946.  left: 10px;
  1947. } </style>            <div class="myModal modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="mySmallModalLabel"
  1948.                 data-backdrop="static" data-keyboard="false">
  1949.                <div class="modal-dialog" role="document">
  1950.                    <div class="modal-content">
  1951.                        <div class="modal-body nohpad nobpad">
  1952.                            <button type="button" style="z-index:10;position:absolute;right:15px;" class="close hmargin"
  1953.                                    data-dismiss="modal">&times;
  1954.                            </button>
  1955.                                <style>
  1956.        .member-login-container:not(.modal .module) {
  1957.            width: 555px;
  1958.            max-width: 100%;
  1959.            margin-left: auto;
  1960.            margin-right: auto;
  1961.            margin-bottom:0;
  1962.            background-color: rgb(250, 250, 250)!important;
  1963.            border-color: rgb(238, 238, 238)!important;
  1964.            color: rgb(41, 41, 41)!important;
  1965.        }
  1966.        .login-register-tabs, .login-register-content {
  1967.            width: 555px!important;
  1968.            max-width: 100%;
  1969.            margin-left: auto!important;
  1970.            margin-right: auto!important;
  1971.            background-color: rgb(238, 238, 238);
  1972.        }
  1973.        .login-register-content {
  1974.            background: transparent;
  1975.            padding: 0;
  1976.            border: none;
  1977.        }
  1978.        .login-register-content h2, .login-register-content h2+hr, .login-register-content .account-menu-title {
  1979.            display: none!important;
  1980.        }
  1981.        .express_login_create_account_prefix hr {
  1982.            margin: 15px 0 10px;
  1983.        }
  1984.        .modal-content #containerFBLogin, .modal-content #containerGoogleLogin {
  1985.            margin:15px 0;
  1986.        }
  1987.  
  1988.        /* CSS When Login Form and Express Registration Rendered in Sidebar */
  1989.        .col-md-3 .bd-chat-well-container,.col-md-4 .bd-chat-well-container {
  1990.            padding: 15px 10px;
  1991.        }
  1992.        .col-md-3 .bd-chat-center-text,.col-md-4 .bd-chat-center-text {
  1993.            margin: 0;
  1994.            font-size: 20px;
  1995.            padding: 0 15px;
  1996.        }
  1997.        .col-md-3 .member-login-page-container .login-register-tabs *, .col-md-4 .member-login-page-container .login-register-tabs * {
  1998.            font-size: 12px;
  1999.            line-height: 1.2em;
  2000.            vertical-align: bottom;
  2001.        }
  2002.        .col-md-3 .member-login-page-container .login-register-tabs a, .col-md-4 .member-login-page-container .login-register-tabs a {
  2003.            padding: 5px !important;
  2004.            height: 50px;
  2005.            vertical-align: middle;
  2006.            display: table-cell !important;
  2007.            width: 1%;
  2008.        }
  2009.        .col-md-3 .member-login-page-container .login-register-content, .col-md-4  .member-login-page-container .login-register-content {
  2010.            padding: 0;
  2011.        }
  2012.        .col-md-3 .member-login-container, .col-md-4 .member-login-container {
  2013.            padding: 15px !important;
  2014.            font-size: 13px;
  2015.        }
  2016.        .col-md-3 .member-login-page-container .input-lg, .col-md-4 .member-login-page-container .input-lg {
  2017.            height: 34px;
  2018.            padding: 6px 12px;
  2019.            font-size: 14px;
  2020.        }
  2021.        .col-md-3 .member-login-page-container .security_question_label, .col-md-4 .member-login-page-container .security_question_label {
  2022.            transform: scale(.85);
  2023.            margin: -1.15em -1.15em 0;
  2024.        }
  2025.        .col-md-3 #containerFBLogin, .col-md-4 #containerFBLogin, .col-md-3 #containerGoogleLogin, .col-md-4 #containerGoogleLogin, .col-md-3 .login-cta-buttons li, .col-md-4 .login-cta-buttons li {
  2026.            width: 100%;
  2027.            display: block;
  2028.            margin-top:5px;
  2029.        }
  2030.        .col-md-3 .login-cta-buttons li, .col-md-4 .login-cta-buttons li {
  2031.            padding:0
  2032.        }
  2033.        .col-md-3 .login-cta-buttons ul.nav, .col-md-4 .login-cta-buttons ul.nav {
  2034.            margin-top: -10px;
  2035.        }
  2036.        .col-md-3 #googleAction, .col-md-3 #facebookAction, .col-md-4 #googleAction, .col-md-4 #facebookAction {
  2037.            padding: 0;
  2038.            min-height: 0;
  2039.            font-size: 14px;
  2040.            margin: 0;
  2041.        }
  2042.        .col-md-3 #googleAction img, .col-md-3 #facebookAction img, .col-md-4 #googleAction img, .col-md-4 #facebookAction img {
  2043.            height: 36px !important;
  2044.            margin-right: 5px;
  2045.            position: relative!important;
  2046.            display: inline-block;
  2047.        }
  2048.        @media only screen and (max-width: 767px) {
  2049.            .col-md-3 .member-login-page-container .login-register-tabs a, .col-md-4 .member-login-page-container .login-register-tabs a {
  2050.                display: block !important;
  2051.                width: 100%;
  2052.                line-height: 40px;
  2053.            }
  2054.  
  2055.            #containerGoogleLogin {
  2056.                text-align: center;
  2057.                margin-top: 10px;
  2058.            }
  2059.  
  2060.            #containerGoogleLogin #gBtn {
  2061.                display: inline-block;
  2062.                width: 202px;
  2063.  
  2064.            }
  2065.            #containerFBLogin .btn-facebook {
  2066.                box-sizing: border-box;
  2067.                width: 191px;
  2068.                font-size: 14px;
  2069.                position: relative;
  2070.                left: -4px;
  2071.                padding-left: 44px;
  2072.                white-space: nowrap !important;
  2073.  
  2074.            }
  2075.        }
  2076.    </style>
  2077.    <div class="row member-login-page-container">
  2078.        <div class="fpad-lg novpad">
  2079.  
  2080.            
  2081.                                    <div class="module fpad-xl member-login-container">
  2082.                        <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-%20Member%20Login%20Page" id="member_login" method="post" labelwidth="100" labelpaddingtop="0.5em" enctype="multipart/form-data" form_action_type="redirect" form_action_div return_data_type="" name="member_login" class=" "><input type="hidden" name="sized" value="0" id="member_login-element-0"/><input type="hidden" name="mysql_real_escape_string_runned" value="1" id="member_login-element-1"/><input type="hidden" name="userid" value="589" id="member_login-element-2"/><input type="hidden" name="usertokenid" value="589" id="member_login-element-3"/><input type="hidden" name="saveinfo" value="1" id="member_login-element-4"/><input type="hidden" name="vals" value="4|1" id="member_login-element-5"/><input type="hidden" name="answerqmatch" value="5" id="member_login-element-6"/><input type="hidden" name="form_source" value="%2Fyorba-linda-ca-92887%2Focrv-center-rv-collision-repair-paint-shop" id="member_login-element-7"/><input type="hidden" name="form" value="myform" id="member_login-element-8"/><input type="hidden" name="formname" value="member_login" id="member_login-element-9"/><input type="hidden" name="dowiz" value="1" id="member_login-element-10"/><input type="hidden" name="save" value="1" id="member_login-element-11"/><input type="hidden" name="url_origin_pars" value="/yorba-linda-ca-92887/ocrv-center-rv-collision-repair-paint-shop" id="member_login-element-12"/><input type="hidden" name="action" autocomplete="off" value="login" id="member_login-element-13"/><h2 class="nomargin member-login-h2-form-title">Member Login</h2><hr><div class="form-group"><label class="vertical-label bd-email" for="member_login-element-16"><span class="required">* </span>Email Address</label><input type="email" name="email" required placeholder="name@yoursite.com" autocomplete="off" value class="form-control input-lg" id="member_login-element-16"/></div><div class="form-group"><label class="vertical-label bd-password" for="member_login-element-17"><span class="required">* </span>Password</label><input type="password" name="pass" required placeholder="Enter Password" autocomplete="off" value class="form-control input-lg" id="member_login-element-17"/></div><span class="help-block bpad bmargin notmargin"> <a href="/login/retrieval">Forgot Password? Click to Reset Password</a></span><div class="form-actions"><input type="submit" value="Login Now" name class="btn btn-primary btn-lg btn-block " id="member_login-element-19"/></div><div class="login-cta-buttons"><hr class="cta-hr"><ul class="list-inline nomargin inline-block btn-block"><li class='col-md-6 nolpad sm-nopad nav'><a href='/join' id='link260'  class='btn btn-danger btn-block sm-bmargin'>Not a Registered User? <span class="inline-block">Create Free User Account</span></a></li><li class='col-md-6 nolpad sm-nopad nav'><a href='/join' id='link261'  class='btn btn-success btn-block'>Are You a Local Business <span class="inline-block">List Your Company Now</span></a></li></ul><div class="clearfix"></div></div></form><script type="text/javascript">jQuery(document).ready(function() { jQuery("#member_login").bind("submit", function() {
  2083. });}); </script>                        <div class="clearfix"></div>
  2084.                    </div>
  2085.                
  2086.            
  2087.        </div>
  2088.    </div>
  2089.                        </div>
  2090.                    </div>
  2091.                </div>
  2092.            </div>
  2093.            
  2094.  
  2095.  
  2096.    <link rel="stylesheet" type="text/css" href="https://www.optimizecdn.com/directory/cdn/assets/bootstrap/limonte-sweetalert2/6.11.2/sweetalert2.min.css">
  2097. <script src="https://www.optimizecdn.com/directory/cdn/assets/bootstrap/limonte-sweetalert2/6.11.2/sweetalert2.min.js"></script>
  2098.  
  2099. <script>
  2100.    function clearContent(thisObj){
  2101.        var size;
  2102.        if(thisObj.hasClass('input-sm') || thisObj.parents('.input-group').hasClass('input-group-sm')){
  2103.            size = "small";
  2104.        } else if (thisObj.hasClass('input-lg') || thisObj.parents('.input-group').hasClass('large-autosuggest')){
  2105.            size = "large";
  2106.        } else {
  2107.            size = "medium";
  2108.        }
  2109.        if(!thisObj.parent().hasClass('input_wrapper')){
  2110.            if(thisObj.parent().hasClass('input-group-sm')){
  2111.                thisObj.wrap('<span class="input-group-sm input_wrapper"></span>');
  2112.            } else if (thisObj.parent().hasClass('input-group-lg')){
  2113.                thisObj.wrap('<span class="input-group-lg input_wrapper"></span>');
  2114.            } else {
  2115.                thisObj.wrap('<span class="input_wrapper"></span>');
  2116.            }
  2117.        }
  2118.        if(thisObj.val() != ""){
  2119.            if(thisObj.hasClass('googleSuggest')){
  2120.                thisObj.parent().find('.fill_location').remove();
  2121.            }
  2122.            if (!thisObj.parent().find('.clear_content').length){
  2123.                thisObj.parent().append(`<span class="clear_content ${size}"><i class="fa fa-times-circle" aria-hidden="true"></i></span>`);
  2124.                if (thisObj.hasClass("tt-input")) {
  2125.             thisObj.focus();
  2126.         }
  2127.  
  2128.            }
  2129.        }
  2130.            }
  2131.  
  2132.    $(document).on('click', '.drp-buttons .applyBtn', function(){
  2133.        clearContent($(".dateRange input"));
  2134.    });
  2135.  
  2136.    $('.sm-autosuggest input, .googleSuggest, .large-autosuggest input, .md-autosuggest input, .normal-autosuggest input, .google-writen-location, .dateRange input').keyup(function(){
  2137.        clearContent($(this));
  2138.    });
  2139.  
  2140.    $(document).ready(function(){
  2141.        $('.sm-autosuggest input, input.googleSuggest, .large-autosuggest input, .md-autosuggest input, .normal-autosuggest input, .google-writen-location, .dateRange input').each(function(){
  2142.            clearContent($(this));
  2143.        })
  2144.    })
  2145.  
  2146.    $(document).on('click', '.clear_content', function(){
  2147.        $(this).parent().find('input').val('');
  2148.        //tt-input its a class for typeahead auto-suggest
  2149.        if ($(this).parent().find('input').hasClass("tt-input")) {
  2150.            $(this).parent().find('input').typeahead('val','');
  2151.        }
  2152.        clearContent($(this).parent().find('input'));
  2153.        $(this).remove();
  2154.    });
  2155.  
  2156. $(window).on('load', function () {
  2157. setTimeout(function() {
  2158. // add missing href attribute to multi-category options in search modules
  2159. $('.bootstrap-select.show-tick .dropdown-menu a').attr('href', '#');
  2160. }, 2000);
  2161.         });
  2162. </script>
  2163.  
  2164.  
  2165.  
  2166. <a href="#" class="scrollup" title="scrollup">
  2167.    <i class="fa fa-caret-up" aria-hidden="true"></i>
  2168. </a>
  2169. <script>
  2170.        $(document).ready(function(){
  2171.        $('.progress .progress-bar').progressbar({
  2172.            display_text: 'fill'
  2173.        });
  2174.        $(window).scroll(function(){
  2175.  
  2176.            if ($(this).scrollTop() > 600) {
  2177.                $('.scrollup').fadeIn();
  2178.  
  2179.            } else {
  2180.                $('.scrollup').fadeOut();
  2181.            }
  2182.        });
  2183.        $('.scrollup').click(function(){
  2184.            $("html, body").animate({
  2185.                scrollTop: 0
  2186.            }, 600);
  2187.            return false;
  2188.        });
  2189.        $('#cropButton').click(function(){
  2190.            var iframe = $("#cropiFrame");
  2191.            iframe.attr("src", iframe.data("src"));
  2192.        });
  2193.    });
  2194. </script>
  2195. <script>
  2196.  
  2197. $('.view_phone_number').click(function(event){
  2198. event.preventDefault();
  2199. $(this).hide();
  2200. $('.view_phone_number_header').hide();
  2201. $('.phone_number_header').css("display","block");
  2202. $('.phone_number').css("display","block");
  2203. })
  2204.  
  2205. </script>    <script type="text/javascript">
  2206.       var vlat = 0;
  2207.        var vlon = 0;
  2208.        window.addEventListener('DOMContentLoaded', () => {
  2209.            setTimeout(()=>{
  2210.                let googleSuggestForm = document.querySelectorAll('.googleSuggest,.google-writen-location,input[name="lead_location"],.fill_location');
  2211.                if (typeof googleSuggestForm != "undefined") {
  2212.                    for (let i = 0; i < googleSuggestForm.length; i++) {
  2213.                        let closestForm = googleSuggestForm[i].closest('form');
  2214.                        if(typeof closestForm != "undefined" && closestForm != null){
  2215.                            closestForm.addEventListener('focusin', googleMapOnFormClick, false);
  2216.                        }else{
  2217.                            googleSuggestForm[i].addEventListener('input', googleMapOnFormClick, false);
  2218.                        }
  2219.  
  2220.                        if(googleSuggestForm[i].className.indexOf('fill_location') != -1){
  2221.                            googleSuggestForm[i].addEventListener('click', googleMapOnFormClick, false);
  2222.                        }
  2223.                    }
  2224.                }
  2225.            },200);
  2226.  
  2227.        });
  2228.  
  2229.        function googleMapOnFormClick() {
  2230.            let googleSuggestForm = document.querySelectorAll('.googleSuggest,.google-writen-location,input[name="lead_location"],.fill_location');
  2231.            let scriptLoaded = new Promise( (resolve,rejection) => {
  2232.                resolve('already loaded');
  2233.            });
  2234.            let mapUri ="https://maps.googleapis.com/maps/api/js?v=3.exp&libraries=places&region=US&callback=initializeG&language=en&key=AIzaSyDos8lDumHb6jKfs9p0ffxNRayViK0CUOs";
  2235.            if (typeof googleSuggestForm != "undefined") {
  2236.                for (let i = 0; i < googleSuggestForm.length; i++) {
  2237.                    let closestForm = googleSuggestForm[i].closest('form');
  2238.                    if(typeof closestForm != "undefined" && closestForm != null){
  2239.                        closestForm.removeEventListener('focusin', googleMapOnFormClick, false);
  2240.                    }else{
  2241.                        googleSuggestForm[i].removeEventListener('input', googleMapOnFormClick, false);
  2242.                    }
  2243.                }
  2244.            }
  2245.            let loadMapScriptAsync = function (uri) {
  2246.                return new Promise((resolve, reject) => {
  2247.                    let script = document.createElement('script');
  2248.                    script.type = 'text/javascript';
  2249.                    script.src = uri;
  2250.                    script.async = true;
  2251.                    script.onload = function () {
  2252.                        resolve("ok");
  2253.                    };
  2254.                    let head = document.getElementsByTagName('head')[0];
  2255.                    head.appendChild(script);
  2256.                });
  2257.            }
  2258.            if(typeof google == "undefined" || !google.hasOwnProperty('maps')) {
  2259.                scriptLoaded = loadMapScriptAsync(mapUri);
  2260.            } else {
  2261.                let InitG= 0;
  2262.                if (typeof initialize !== 'undefined' && typeof initialize === 'function' && InitG >0) {
  2263.                    initialize();
  2264.                }
  2265.            }
  2266.            return scriptLoaded;
  2267.        }
  2268.  
  2269.  
  2270.        function initializeG() {
  2271.            var geocoder;
  2272.            var cachedSelectedOption = [];
  2273.            let mapExists = document.querySelectorAll('[id^="map"]').length > 0;
  2274.            const functionsToInvoke = {
  2275.                setJsMap: true,
  2276.                setJsMapOverview: mapExists,
  2277.                setJsMapSR: mapExists,
  2278.                setJsMapSidebar: mapExists
  2279.            };
  2280.            if (window['maps_loaded'] !== true) {
  2281.                for (let func in functionsToInvoke) {
  2282.                    if (typeof window[func] === 'function' && functionsToInvoke[func]) {
  2283.                        window['maps_loaded'] = true;
  2284.                        window[func]();
  2285.                    }
  2286.                }
  2287.            }
  2288.            //This piece of code will create an autosuggest for every input with the class "googleSuggest"
  2289.            var counter = 1;
  2290.            var inputsArray = [];
  2291.            $(".googleSuggest").each(function () {
  2292.                //get the id from the input to be the unique identifier for each autocomplete
  2293.                var inputId = $(this).attr("id");
  2294.                var inputElement = $(this);
  2295.                inputsArray[counter] = /** @type {HTMLInputElement} */(
  2296.                    document.getElementById('' + inputId));
  2297.                var localizedMainCoutry = '';
  2298.                var inputOptions = {
  2299.                    fields: ['address_components', 'formatted_address', 'geometry', 'icon', 'name'],
  2300.                    types: ['geocode']
  2301.                }
  2302.                if (localizedMainCoutry != "") {
  2303.                    inputOptions.componentRestrictions = {country: localizedMainCoutry}
  2304.                }
  2305.  
  2306.                var autocomplete = new google.maps.places.Autocomplete(inputsArray[counter], inputOptions);
  2307.                google.maps.event.addListener(autocomplete, 'place_changed', function () {
  2308.                    cachedSelectedOption = [];
  2309.                    cachedSelectedOption.push(autocomplete.getPlace());
  2310.                    cachedSelectedOption[0]['typed_location'] = inputElement.val();
  2311.  
  2312.                    if (cachedSelectedOption[0]['place_id'] == undefined) {
  2313.                        cachedSelectedOption = [];
  2314.                        var emptyObj = {
  2315.                            'typed_location': ''
  2316.                        };
  2317.                        cachedSelectedOption.push(emptyObj);
  2318.                    }
  2319.                });
  2320.                //the code that prevents the submition when hit enter on a google location autocomplete item
  2321.                google.maps.event.addDomListener(inputsArray[counter], 'keydown', function (e) {
  2322.  
  2323.                    if (e.keyCode == 13) {
  2324.                        var pacCounter = 0;
  2325.                        //need to run a loop to check each pac container
  2326.                        $('.pac-container').each(function () {
  2327.  
  2328.                            if ($(this).css("display") != "none") {
  2329.                                pacCounter++;
  2330.                            }
  2331.                        });
  2332.                        if (pacCounter > 0) {
  2333.                            e.preventDefault();
  2334.                        }
  2335.                    }
  2336.                });
  2337.                counter++;
  2338.            });
  2339.  
  2340.            //triggers every time a form with the id website-search is trigered
  2341.            $('.website-search').submit(function (e) {
  2342.                var currentForm = $(this);
  2343.                var locationInput = $(this).find(".googleLocation");
  2344.  
  2345.                //checks if the location input is filled when submitting the search form
  2346.                if (locationInput.val() != "" && typeof locationInput.val() != 'undefined') {
  2347.                    e.preventDefault();
  2348.                    //this variable has the main country of the site
  2349.                    var countryRegion = "US";
  2350.                    var localizedSearchSetting = "0";
  2351.                    var componentRestrictions = {country: countryRegion}
  2352.                    var form = currentForm;
  2353.                    var urlGET = form.serialize();
  2354.                    var formActionUrl = form.attr("action");
  2355.                    var locationValue = locationInput.val();
  2356.  
  2357.                    //if the setting localized search is equal to 1 then the region parameter will be sent with the main country of the site
  2358.                    if (localizedSearchSetting != 1) {
  2359.                        countryRegion = "";
  2360.                        componentRestrictions ={};
  2361.                    }
  2362.                    if (cachedSelectedOption[0] == undefined) {
  2363.                        var emptyForm = {
  2364.                            'typed_location': ''
  2365.                        };
  2366.                        cachedSelectedOption.push(emptyForm);
  2367.                    }
  2368.                    if (locationValue != cachedSelectedOption[0]['typed_location']) {
  2369.                        geocoder = new google.maps.Geocoder();
  2370.                        geocoder.geocode({
  2371.                            'address': locationValue,
  2372.                            'region': countryRegion,
  2373.                            componentRestrictions
  2374.  
  2375.                        }, function (results, status) {
  2376.  
  2377.                            //if the google response of the geocoding was successful it will use that info to build the url for the new search
  2378.                            if (status == google.maps.GeocoderStatus.OK) {
  2379.                                parseInfoToSearch(results, urlGET, formActionUrl);
  2380.  
  2381.                            } else {
  2382.                                var urlPath = formActionUrl;
  2383.                                var redirect = urlPath + "?" + urlGET;
  2384.                                //will redirect the page using the new url that has been constructed
  2385.                                window.location.href = redirect;
  2386.                            }
  2387.                        });
  2388.  
  2389.                    } else {
  2390.                        parseInfoToSearch(cachedSelectedOption, urlGET, formActionUrl);
  2391.                    }
  2392.                }
  2393.            });
  2394.  
  2395.  
  2396.  
  2397.            //check if a map has been loaded
  2398.            if ($('#map-canvas').length > 0) {
  2399.                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>";
  2400.                $('body').append(cssHideLogo);
  2401.            } else {
  2402.                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>";
  2403.                $('body').append(cssHideLogo);
  2404.            }
  2405.  
  2406.            if (geocodeVisitorsSetting == 1 && geocodingMethod === "IP") {
  2407.                populateSearchFields();
  2408.            }
  2409.  
  2410.            if($('.googleSuggest').val() == ""){
  2411.                populateSearchFields();
  2412.            }
  2413.            
  2414.            var geocodeVisitorsSetting = '0';
  2415.            var geocodingMethod = 'HTML5';
  2416.  
  2417.            //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
  2418.  
  2419.            var vlon = '';
  2420.            var vlat = '';
  2421.  
  2422.  
  2423.  
  2424.        }
  2425.        function parseInfoToSearch(results, urlGET, formActionUrl) {
  2426.            var parameters = {};
  2427.            var addressComponentsArray = [];
  2428.            if (results.length > 1) {
  2429.                for (let i = 0; i < results.length; i++) {
  2430.                    if (results[i].types[0] === 'natural_feature' ||
  2431.                        results[i].types[0] === 'airport' ||
  2432.                        results[i].types[0] === 'point_of_interest' ||
  2433.                        results[i].types[0] === 'establishment' ||
  2434.                        results[i].types[0] === 'park') {
  2435.                        results.splice(i, 1);
  2436.                    }
  2437.                }
  2438.            }
  2439.            var adComLength = results[0].address_components.length;
  2440.  
  2441.            sessionStorage.setItem("google_result",JSON.stringify(results));
  2442.  
  2443.            //loop that will build the array with the address components and will get the short name of country and administrative area level 1
  2444.            for (var i = 0; i < adComLength; i++) {
  2445.  
  2446.                if (results[0].address_components[i]['types'][0] == "country") {
  2447.                    parameters.country_sn = results[0].address_components[i]['short_name'];
  2448.                }
  2449.                if (results[0].address_components[i]['types'][0] == "administrative_area_level_1") {
  2450.                    parameters.adm_lvl_1_sn = results[0].address_components[i]['short_name'];
  2451.                }
  2452.                if (results[0].address_components[i]['types'][0] == "administrative_area_level_1") {
  2453.                    parameters.stateSearchLN = results[0].address_components[i]['long_name'];
  2454.                }
  2455.                if (results[0].address_components[i]['types'][0] == "administrative_area_level_2") {
  2456.                    parameters.county_sn = results[0].address_components[i]['short_name'];
  2457.                }
  2458.                if (results[0].address_components[i]['types'][0] == "locality" || results[0].address_components[i]['types'][0] == "colloquial_area" || results[0].address_components[i]['types'][0] == "postal_town") {
  2459.                    parameters.city = results[0].address_components[i]['long_name'];
  2460.                }
  2461.                if (results[0].address_components[i]['types'][0] == "postal_code" || results[0].address_components[i]['types'][0] == "postal_code_prefix") {
  2462.                    parameters.postal_code = results[0].address_components[i]['long_name'];
  2463.                }
  2464.            }
  2465.  
  2466.            parameters.location_type = results[0].types[0];
  2467.  
  2468.            if (parameters.adm_lvl_1_sn != '') {
  2469.                parameters.stateSearch = parameters.adm_lvl_1_sn;
  2470.            }
  2471.            if (parameters.country_sn == "GB") {
  2472.                delete parameters.adm_lvl_1_sn;
  2473.            }
  2474.  
  2475.            //will check if the response had the bounds parameters
  2476.            //if it had it will add the south west and north east parameters to the new url
  2477.            if (results[0].geometry.hasOwnProperty('bounds') || results[0].geometry.hasOwnProperty('viewport')) {
  2478.  
  2479.                if (results[0].geometry.hasOwnProperty('bounds')) {
  2480.                    var boundsResponse = results[0].geometry.bounds;
  2481.  
  2482.                } else {
  2483.                    var boundsResponse = results[0].geometry.viewport;
  2484.                }
  2485.                parameters.swlat = boundsResponse.getSouthWest().lat();
  2486.                parameters.nelat = boundsResponse.getNorthEast().lat();
  2487.                parameters.swlng = boundsResponse.getSouthWest().lng();
  2488.                parameters.nelng = boundsResponse.getNorthEast().lng();
  2489.  
  2490.                //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
  2491.            } else {
  2492.                parameters.fsearch = "radius";
  2493.            }
  2494.            var locationCenterResponse = results[0].geometry.location;
  2495.            parameters.lat = locationCenterResponse.lat();
  2496.            parameters.lng = locationCenterResponse.lng();
  2497.            parameters.faddress = results[0].formatted_address;
  2498.            parameters.place_id = results[0].place_id;
  2499.            var formatParameters = $.param(parameters);
  2500.            urlGET = urlGET + "&" + formatParameters;
  2501.            var urlPath = formActionUrl;
  2502.            var redirect = urlPath + "?" + urlGET;
  2503.            //will redirect the page using the new url that has been constructed
  2504.            window.location.href = redirect;
  2505.        }
  2506.        function populateSearchFields() {
  2507.            var prePopulateLocationSetting = '0';
  2508.            var geolocationMethod = 'HTML5';
  2509.  
  2510.            //if set to one will get the lat and lng to do reverse geocoding
  2511.            if (prePopulateLocationSetting == 1 && (geolocationMethod === "HTML5" || geolocationMethod === "IP") && (vlat !== '' && vlon !== '' && vlat != undefined && vlon != undefined && vlat != 0 && vlon != 0)) {
  2512.                var visitorLatLng = new google.maps.LatLng(parseFloat(vlat), parseFloat(vlon));
  2513.                var visitorGeocoder = new google.maps.Geocoder();
  2514.                var formattedAddress = [];
  2515.                var preFormattedStructure = {
  2516.                    "locality": "long_name",
  2517.                    "administrative_area_level_2": "long_name",
  2518.                    "administrative_area_level_1": "long_name",
  2519.                    "country": "long_name"
  2520.                };
  2521.                visitorGeocoder.geocode({'latLng': visitorLatLng}, function (results, status) {
  2522.                    //if the google response of the geocoding was successful it will use that info to build the url for the new search
  2523.                    if (status == google.maps.GeocoderStatus.OK) {
  2524.                        $.each(preFormattedStructure, function (findex, fvalue) {
  2525.                            $.each(results[0].address_components, function (rindex, rvalue) {
  2526.                                if (rvalue.types[0] == findex) {
  2527.                                    formattedAddress.push(rvalue.long_name);
  2528.                                }
  2529.                            });
  2530.                        });
  2531.                        $('.googleSuggest').each(function () {
  2532.                            if ($(this).val() == '') {
  2533.                                if (formattedAddress.length > 0) {
  2534.                                    $(this).val(formattedAddress.join(', '));
  2535.                                    clearContent($(this));
  2536.                                }
  2537.                            }
  2538.                        });
  2539.                    } else {
  2540.                        $('.googleSuggest').each(function () {
  2541.                            $(this).val('');
  2542.                        });
  2543.                    }
  2544.                });
  2545.            }
  2546.        }
  2547.        function showError(error) {
  2548.            switch (error.code) {
  2549.                case error.PERMISSION_DENIED:
  2550.                    $('.fill_location.clicked').popover({
  2551.                        content: 'Your Local browser settings have prevented location targeting',
  2552.                        container: 'body'
  2553.                    });
  2554.                    $('.fill_location.clicked').popover('toggle');
  2555.                    setTimeout(function () {
  2556.                        $('.fill_location.clicked').popover('hide');
  2557.                        $('.fill_location.clicked').removeClass('clicked');
  2558.                    }, 2000);
  2559.                    break;
  2560.                case error.POSITION_UNAVAILABLE:
  2561.                    console.log("Location information is unavailable.");
  2562.                    break;
  2563.                case error.TIMEOUT:
  2564.                    console.log("The request to get user location timed out.");
  2565.                    break;
  2566.                case error.UNKNOWN_ERROR:
  2567.                    console.log("An unknown error occurred.");
  2568.                    break;
  2569.            }
  2570.        }
  2571.        if (navigator.geolocation) {
  2572.            if ($(".googleSuggest")[0]) {
  2573.                $(document).on('click', '.fill_location', function getCXPosition() {
  2574.                    $(this).addClass('clicked');
  2575.                    var startPos;
  2576.                    navigator.geolocation.getCurrentPosition(function (position) {
  2577.                        startPos = position;
  2578.                        vlat = startPos.coords.latitude;
  2579.                        vlon = startPos.coords.longitude;
  2580.                        $.get("/api/data/html/get/data_widgets/widget_name", {
  2581.                            "vlat": vlat,
  2582.                            "vlon": vlon,
  2583.                            "name": "Website - Save Coordinates Session"
  2584.                        }).done(function (data) {
  2585.                        });
  2586.                        populateSearchFields();
  2587.                    }, showError);
  2588.                })
  2589.            }
  2590.        } else {
  2591.            console.log('Geolocation is not supported for this Browser/OS version yet.');
  2592.        }
  2593.        function getUrlParameter(sParam) {
  2594.            var sPageURL = window.location.search.substring(1);
  2595.            var sURLVariables = sPageURL.split('&');
  2596.  
  2597.            for (var i = 0; i < sURLVariables.length; i++) {
  2598.                var sParameterName = sURLVariables[i].split('=');
  2599.  
  2600.                if (sParameterName[0] == sParam) {
  2601.                    return decodeURIComponent(sParameterName[1]);
  2602.                }
  2603.            }
  2604.        }
  2605.    </script>
  2606.    <script>
  2607. $(document).ready(function(){
  2608. $('.navbar-header .navbar-toggle.main_menu').click(function(){
  2609. $('.mobile-main-menu').toggleClass('opened');
  2610. });
  2611. $('.mobile-main-menu .sidebar-nav').find('li').each(function(){
  2612. $(this).addClass('hasChildren');
  2613. if ($(this).children('ul').length > 0){
  2614. $(this).prepend('<i class="fa fa-plus" aria-hidden="true"></i>');
  2615. $(this).find('a').after('<div class="clearfix"></div>');
  2616. $(this).find('span').after('<div class="clearfix"></div>');
  2617. }
  2618. $(this).append('<div class="clearfix"></div>');
  2619. });
  2620.  
  2621. $('.mobile-main-menu .sidebar-nav li i').click(function(){
  2622. if ($(this).parent().children('ul').length > 0){
  2623. $(this).parent().toggleClass('sub_open');
  2624. }
  2625. if ($(this).hasClass('fa-plus')){
  2626. $(this).switchClass('fa-plus','fa-minus');
  2627. } else {
  2628. $(this).switchClass('fa-minus','fa-plus');
  2629. }
  2630. });
  2631. })
  2632.  
  2633. if ($(window).width() > 740 && $(window).width() < 1100) {
  2634.  
  2635. $(document).ready(function(){
  2636. $('.tablet-menu .tablet-menu-ul').find('li').each(function(){
  2637.  
  2638. if ($(this).children('ul').length > 0){
  2639. $(this).prepend('<i class="fa fa-plus tablet-fa" aria-hidden="true"></i>');
  2640. $(this).find('a').after('<div class="clearfix"></div>');
  2641. var this_link = $(this).children('a').text().replace(/[^\x00-\x7F]/g, "");;
  2642. $(this).children('a').html(this_link);
  2643. $(this).find('span').after('<div class="clearfix"></div>');
  2644. }
  2645. $(this).append('<div class="clearfix"></div>');
  2646. });
  2647.  
  2648. $('.tablet-menu .tablet-menu-ul li i').click(function(){
  2649.  
  2650. if ($(this).parent().children('ul').length > 0){
  2651. $(this).parent().toggleClass('sub_open');
  2652.  
  2653. if ($(this).siblings( "ul" ).hasClass('tablet-block')){
  2654. $(this).siblings( "ul" ).switchClass('tablet-block', 'tablet-none');
  2655. } else {
  2656. $(this).siblings( "ul" ).addClass( "tablet-block" );
  2657.  
  2658. if ($(this).siblings( "ul" ).hasClass('tablet-none')){
  2659. $(this).siblings( "ul" ).removeClass('tablet-none')
  2660. }
  2661.  
  2662. if ($(this).parent().siblings().children('ul').hasClass('tablet-block')) {
  2663. $(this).parent().siblings().children('ul').switchClass('tablet-block', 'tablet-none');
  2664. $(this).parent().siblings().children('i').switchClass('fa-minus','fa-plus');
  2665. }
  2666.  
  2667. if ($(this).parent().siblings().children('ul').children().children('ul').hasClass('tablet-block')) {
  2668. $(this).parent().siblings().children('ul').children().children('ul').switchClass('tablet-block', 'tablet-none');
  2669. $(this).parent().siblings().children('ul').children().children('i').switchClass('fa-minus','fa-plus');
  2670. }
  2671.  
  2672. if ($(this).siblings('ul').children('ul').children().children('ul').hasClass('tablet-block')) {
  2673. $(this).siblings('ul').children('ul').children().children('ul').switchClass('tablet-block', 'tablet-none');
  2674. $(this).siblings('ul').children('ul').children().children('i').switchClass('fa-minus','fa-plus');
  2675. }
  2676.  
  2677. }
  2678.  
  2679. }
  2680.  
  2681. if ($(this).hasClass('fa-plus')){
  2682. $(this).switchClass('fa-plus','fa-minus');
  2683. } else {
  2684. $(this).switchClass('fa-minus','fa-plus');
  2685. }
  2686. });
  2687. })
  2688. }
  2689. // Append unique ID attribute for mobile main menu links
  2690. $('.mobile-main-menu a,.mobile-main-menu span').attr("id", function() { return $(this).attr("id") + "-mobile" });
  2691. </script><script>
  2692. $(".member-profile-tabs ul li a").click(function() {
  2693.    tabsTop = $(".member-profile-tabs").offset().top;
  2694.    positionTop = $(window).scrollTop();
  2695.    if(tabsTop < positionTop){
  2696.        $('html, body').animate({
  2697.        scrollTop: $(".member-profile-tabs").offset().top
  2698.    }, 300);
  2699.    }
  2700. });
  2701. </script><script>
  2702.  
  2703. $('.view_phone_number_header').click(function(event){
  2704. event.preventDefault();
  2705. $(this).hide();
  2706. $('.view_phone_number').hide();
  2707. $('.phone_number').css("display","block");
  2708. $('.phone_number_header').css("display","block");
  2709. })
  2710.  
  2711. </script><script type="text/javascript">
  2712.    let clickMoreButtons = document.getElementsByClassName('clickToLoadMoreBtn');
  2713.    let autoLoadResults = true;
  2714.    let loadMore = function () {
  2715.        let featureDCId = this.dataset.dc;
  2716.        let currentPage = this.dataset.page;
  2717.        let currentUser = this.dataset.owner;
  2718.        let replyToReviewProfilePage = this.dataset.replytoreview;
  2719.        let levId = this.dataset.lvl;
  2720.        let dataType = this.dataset.type;
  2721.        let loadReviews = null;
  2722.        if (dataType == 13) {
  2723.            loadReviews = document.querySelector('.loadReviews + .clearfix + .loadContainer');
  2724.        }
  2725.  
  2726.        this.dataset.page = parseInt(currentPage) + 1;
  2727.        this.classList.add('loadingMore');
  2728.        let currentInnerHtml = this.innerHTML;
  2729.        this.innerHTML = '<i class="fa fa-spinner fa-spin"></i> Loading...';
  2730.        let currentBTN = this;
  2731.  
  2732.        let url = `/wapi/widget`;
  2733.  
  2734.        let formData = new FormData();
  2735.        formData.append('dc_id', featureDCId);
  2736.        formData.append('currentPage', currentPage);
  2737.        formData.append('currentUser', currentUser);
  2738.        formData.append('header_type', 'html');
  2739.        formData.append('replyToReviewProfilePage', replyToReviewProfilePage);
  2740.        formData.append('levId', levId);
  2741.        formData.append('request_type', 'POST');
  2742.        formData.append('widget_name', 'Bootstrap - Search - Lazy Loader tabs');
  2743.  
  2744.        let myInit = {
  2745.            method: 'POST',
  2746.            body: formData
  2747.        };
  2748.        fetch(url, myInit)
  2749.            .then(function (response) {
  2750.                return response.text();
  2751.            }).then(function (html) {
  2752.            let parser = new DOMParser();
  2753.            let result = parser.parseFromString(html, 'text/html');
  2754.            let newResults = result.getElementById('grabHTML__js').innerHTML;
  2755.            let amountOfClicks = result.getElementById('grabHTML__js').dataset.pages;
  2756.  
  2757.            if (dataType == 13 && typeof loadReviews != 'undefined' && loadReviews != null) {
  2758.                $('.loadReviews').before(newResults); //reviews
  2759.            } else {
  2760.                $(currentBTN).parent().before(newResults);
  2761.            }
  2762.            setAmountPages(currentBTN, amountOfClicks);
  2763.            if (typeof favoriteOn == 'function') {
  2764.                favoriteOn();
  2765.            }
  2766.            if (typeof runRoyalSlider == 'function') {
  2767.                runRoyalSlider();
  2768.            }
  2769.            currentBTN.innerHTML = currentInnerHtml;
  2770.            currentBTN.classList.remove('loadingMore');
  2771.            autoLoadResults = true;
  2772.        });
  2773.    }
  2774.  
  2775.    // adding listener
  2776.    Array.from(clickMoreButtons).forEach(function (clickMoreBtnElement) {
  2777.        clickMoreBtnElement.addEventListener('click', loadMore);
  2778.  
  2779.    });
  2780.    
  2781.    function removeListenToScroll(){
  2782.        window.removeEventListener('scroll', listenToScroll);
  2783.    }
  2784.    function listenToScroll() {
  2785.        if (isElementInViewport() && autoLoadResults) {
  2786.            let btnClickMore = document.querySelector('.active .clickToLoadMoreBtn');
  2787.            if (typeof btnClickMore != 'undefined' && btnClickMore != null){
  2788.                btnClickMore.click();
  2789.            }
  2790.            autoLoadResults = false;
  2791.        }
  2792.    }
  2793.  
  2794.    function isElementInViewport() {
  2795.        let btnClickMore = document.querySelector('.active .clickToLoadMoreBtn')
  2796.        if (typeof btnClickMore != 'undefined' && btnClickMore != null) {
  2797.            const rect = btnClickMore.getBoundingClientRect();
  2798.            return (
  2799.                rect.top >= 0 &&
  2800.                rect.left >= 0 &&
  2801.                rect.bottom <= (window.innerHeight || document.documentElement.clientHeight) &&
  2802.                rect.right <= (window.innerWidth || document.documentElement.clientWidth)
  2803.            );
  2804.        }
  2805.    }
  2806.    function setAmountPages(btn, amount) {
  2807.        if (!("pages" in btn.dataset)) {
  2808.            btn.dataset.pages = parseInt(amount) - 1; // we do -1 because the just clicked
  2809.        } else {
  2810.            btn.dataset.pages = parseInt(btn.dataset.pages) - 1;
  2811.        }
  2812.        if (btn.dataset.pages <= 0) {
  2813.            btn.remove();
  2814.        }
  2815.    }
  2816.  
  2817. </script><script>
  2818.  function validate() {
  2819.    var reason='';
  2820.    form=document.sidebarform;
  2821.  
  2822.    if (form.answerq.value!=5) {
  2823.      reason=reason+'- Answer the security question';
  2824.    }
  2825.  
  2826.    if (reason!='') { reason='Please correct the following errors:\n'+reason; alert(reason); return false; }
  2827.  
  2828.  }
  2829. </script> <script>
  2830.    $('#captchaContainer').removeClass('form-control ');
  2831.    $(".website_url_field").keyup(function(){
  2832.        var fieldName = $(this).attr('name');
  2833.        $(this).val($(this).val().replace(/\s+/g, ''));
  2834.        $('#myform').formValidation('revalidateField', fieldName);
  2835.    });
  2836. </script>
  2837. <script>
  2838.    async function setJsMap() {
  2839.        let urlWapi = '/wapi/widget?widget_name=Bootstrap%20Theme%20-%20Google%20Maps%20-%20Get%20Center%20Coordinates&request_type=GET&header_type=json&action=getCenterMap';
  2840.        var localizedMainCoutry = '';
  2841.        if ($('#location_status').length == 0) {
  2842.            var currentLocationState = "no_location";
  2843.        } else {
  2844.            var currentLocationState = $('#location_status').data('state');
  2845.        }
  2846.        if (currentLocationState != "no_location") {
  2847.            //the maping array to know what address component types are link to which inputs on the contact details form
  2848.            var inputsArray = {
  2849.                "country_sn": {
  2850.                    "country": "short_name"
  2851.                },
  2852.                "adm_lvl_1_sn": {
  2853.                    "administrative_area_level_1": "short_name"
  2854.                },
  2855.                "county_sn": {
  2856.                    "administrative_area_level_2": "short_name"
  2857.                },
  2858.                "city":{
  2859.                    "locality": "short_name"
  2860.                }
  2861.            };
  2862.            var geoSC = new google.maps.Geocoder();
  2863.            var markerSC = '';
  2864.            var mapSC = '';
  2865.  
  2866.            var vlonLead = '';
  2867.            var vlatLead = '';
  2868.            var userLat = '0.00000000';
  2869.            var userLon = '0.00000000';
  2870.            var geocodeVisitorsSetting = '0';
  2871.            var geocodingMethod = 'HTML5';
  2872.  
  2873.            if (vlatLead == "" && userLat != "") {
  2874.                vlatLead = userLat;
  2875.            }
  2876.            if (vlonLead == "" && userLon != "") {
  2877.                vlonLead = userLon;
  2878.            }
  2879.            if (vlatLead == "" || vlonLead == "") {
  2880.  
  2881.                await getCenterMap(urlWapi)
  2882.                    .then(response => response.json())
  2883.                    .then(data => {
  2884.                        if (data.lat) {
  2885.                            vlatLead = userLat = uLat = data.lat;
  2886.                        }
  2887.                        if (data.lon) {
  2888.                            vlonLead = userLon = uLng = data.lon;
  2889.                        }
  2890.                    });
  2891.  
  2892.  
  2893.            }
  2894.            if (currentLocationState == 'default' || currentLocationState == 'only_map') {
  2895.                //important variables
  2896.  
  2897.                //function that initializes the Map
  2898.                const mapDiv = document.getElementById("map-canvas-contact-sidebar");
  2899.  
  2900.                function initializeMap() {
  2901.  
  2902.                    var iconImage = '/images/pin_drop.png';
  2903.                    var mapOptions = {
  2904.                        controlSize: 26,
  2905.                        mapTypeControl: false,
  2906.                        streetViewControl: false,
  2907.                        scrollwheel: false
  2908.                    }
  2909.                    mapSC = new google.maps.Map(mapDiv, mapOptions),
  2910.                        autocomplete;
  2911.  
  2912.                    //if uLat and uLong are empty load the map in the center of the world
  2913.                    if (userLat == "" || userLon == "") {
  2914.                        userLat = 0;
  2915.                        userLon = 0;
  2916.                    }
  2917.                    var markerInitLatLng2 = new google.maps.LatLng(parseFloat(userLat), parseFloat(userLon));
  2918.  
  2919.                    markerSC = new google.maps.Marker({
  2920.                        draggable: true,
  2921.                        position: markerInitLatLng2,
  2922.                        map: mapSC,
  2923.                        title: "Your current location",
  2924.                        icon: iconImage
  2925.                    });
  2926.                    //if no location saved zoom will be 2
  2927.                    var mapZoom = 15;
  2928.                    if (userLat == "" || userLon == "") {
  2929.                        mapZoom = 4;
  2930.                    }
  2931.  
  2932.                    if (currentLocationState == 'default') {
  2933.                        var input = /** @type {HTMLInputElement} */(
  2934.                            document.getElementById('pac-input'))
  2935.  
  2936.                        if (localizedMainCoutry == "") {
  2937.                            var autocomplete = new google.maps.places.Autocomplete(input);
  2938.  
  2939.                        } else {
  2940.                            var inputOptions = {
  2941.                                fields: ['address_components', 'adr_address','formatted_address', 'geometry', 'icon', 'name','place_id','plus_code','type'],
  2942.                                componentRestrictions: {country: localizedMainCoutry}
  2943.                            }
  2944.                            var autocomplete = new google.maps.places.Autocomplete(input, inputOptions);
  2945.                        }
  2946.                    }
  2947.                    mapSC.setCenter(new google.maps.LatLng(vlatLead, vlonLead));
  2948.                    mapSC.setZoom(mapZoom);
  2949.  
  2950.                    if (currentLocationState == 'default') {
  2951.  
  2952.                        var  searchInput = $('#pac-input'),
  2953.                            //the init of the search locations input
  2954.                            autocomplete = new google.maps.places.Autocomplete(input, inputOptions);
  2955.                        //bind the change of the autocomplete to the make search function
  2956.                        google.maps.event.addListener(autocomplete, 'place_changed', makeSearch);
  2957.                        //when hitting enter on the location search field prevent the submition of the form
  2958.                        searchInput.keydown(function (e) {
  2959.  
  2960.                            if (e.keyCode == 13) {
  2961.                                e.preventDefault();
  2962.                            }
  2963.                        });
  2964.                    }
  2965.                    //load marker on the map
  2966.  
  2967.                    markerSC.setMap(mapSC);
  2968.  
  2969.  
  2970.                    // check for Geolocation support
  2971.                    if (geocodeVisitorsSetting == 1 && geocodingMethod == "HTML5" && vlatLead != userLat && vlonLead != userLon) {
  2972.                        markerSC.setPosition(new google.maps.LatLng(vlatLead, vlonLead));
  2973.                        mapSC.setCenter(new google.maps.LatLng(vlatLead, vlonLead));
  2974.                        makeSearch(vlatLead, vlonLead);
  2975.                    } else {
  2976.                        markerSC.setPosition(new google.maps.LatLng(vlatLead, vlonLead));
  2977.                    }
  2978.  
  2979.  
  2980.                    //trigger the result when the marker has been dragged
  2981.                    google.maps.event.addListener(markerSC, 'dragend', function (event) {
  2982.                        uLat = markerSC.getPosition().lat();
  2983.                        uLng = markerSC.getPosition().lng();
  2984.                    });
  2985.                    //capture the draggin marker event and update the lat and lng of the member
  2986.                    google.maps.event.addListener(markerSC, 'dragend', function (event) {
  2987.                        var markerCoordinates = markerSC.getPosition(),
  2988.                            userLat = markerSC.getPosition().lat(),
  2989.                            userLng = markerSC.getPosition().lng();
  2990.                        //change the address fields if the checkbox for this functionality is checked
  2991.                        geoSC.geocode({'latLng': markerCoordinates}, function (results, status) {
  2992.                            if (status == google.maps.GeocoderStatus.OK) {
  2993.                                fillAddressFields(results);
  2994.                            } else {
  2995.                                alert(status);
  2996.                            }
  2997.                        });
  2998.                    });//END dragend event listener
  2999.                }//END initialize function
  3000.                initializeMap();
  3001.  
  3002.  
  3003.                //    google.maps.event.addDomListener(window, 'load', initializeMap);
  3004.                //END if (currentLocationState == 'default' || currentLocationState == 'only_map')
  3005.            } else if (currentLocationState == 'only_input') {
  3006.  
  3007.                function initializeInput() {
  3008.  
  3009.                    if (localizedMainCoutry == "") {
  3010.                        var inputOptions = {
  3011.                            fields: ['address_components', 'adr_address','formatted_address', 'geometry', 'icon', 'name','place_id','plus_code','type'],
  3012.                            types: ['(regions)']
  3013.                        }
  3014.  
  3015.                    } else {
  3016.                        var inputOptions = {
  3017.                            fields: ['address_components', 'adr_address','formatted_address', 'geometry', 'icon', 'name','place_id','plus_code','type'],
  3018.                            types: ['(regions)'],
  3019.                            componentRestrictions: {country: localizedMainCoutry}
  3020.                        };
  3021.                    }
  3022.  
  3023.                    var change = document.getElementsByClassName("google-writen-location");
  3024.                    var searchInput = {};
  3025.                    var autocomplete = {};
  3026.                    var cachedSelectedOption = {};
  3027.  
  3028.                    for (var i = 0; i < change.length; i++) {
  3029.  
  3030.                        //the init of the search locations input
  3031.                        autocomplete[i] = new google.maps.places.Autocomplete(change[i], inputOptions);
  3032.                        autocomplete[i].inputId = change[i].id;
  3033.  
  3034.                        var currentLocationValue;
  3035.                        $(change[i]).keyup(function () {
  3036.                            $('input[name="lat"]').val('');
  3037.                            $('input[name="lng"]').val('');
  3038.                            $('input[name="swlat"]').val('');
  3039.                            $('input[name="swlng"]').val('');
  3040.                            $('input[name="nelat"]').val('');
  3041.                            $('input[name="nelng"]').val('');
  3042.                            $('input[name="location_type"]').val('');
  3043.                        });
  3044.                        $(change[i]).blur(function () {
  3045.                            var thisField = $(this);
  3046.                            setTimeout(function () {
  3047.                                if (thisField.parents('div').find('[name="lat"]').val() == "") {
  3048.                                    makeSearch();
  3049.                                }
  3050.                            }, 300);
  3051.  
  3052.                        });
  3053.  
  3054.  
  3055.                        //bind the change of the autocomplete to the make search function
  3056.                        google.maps.event.addListener(autocomplete[i], 'place_changed', function () {
  3057.                            cachedSelectedOption[i] = [];
  3058.                            cachedSelectedOption[i].push(this.getPlace());
  3059.                            cachedSelectedOption[i][0]['typed_location'] = $('.google-writen-location:eq(' + i + ')').val();
  3060.  
  3061.                            if (cachedSelectedOption[i][0]['address_components'] == undefined) {
  3062.                                makeSearch();
  3063.                            } else {
  3064.                                fillAddressFields(cachedSelectedOption[i]);
  3065.                            }
  3066.                        });
  3067.  
  3068.                        //when hitting enter on the location search field prevent the submition of the form
  3069.                        $('.google-writen-location:eq(' + i + ')').keydown(function (e) {
  3070.                            if (e.keyCode == 13) {
  3071.                                e.preventDefault();
  3072.                            }
  3073.                        });
  3074.                    }
  3075.                }//END initialize function
  3076.                initializeInput();
  3077.                //  google.maps.event.addDomListener(window, 'load', initializeInput);
  3078.  
  3079.            }
  3080.  
  3081.            //this is the function that takes a google response and fills the input location fields basing itself in the maping array
  3082.            function fillAddressFields(results) {
  3083.                var results = results;
  3084.                var coordinatesCenter = results[0].geometry.location;
  3085.                var boundsResponse = "";
  3086.                $('input[name="lead_location"]').val(results[0]['formatted_address']);
  3087.                if(results[0]['adr_address']){
  3088.                    var faddress = results[0]['adr_address'].replace(/<[^>]+>/g, '');
  3089.                    $('input[name="faddress"]').val(faddress);
  3090.                }
  3091.                $('input[name="lat"]').val(coordinatesCenter.lat());
  3092.                //update Lng
  3093.                $('input[name="lng"]').val(coordinatesCenter.lng());
  3094.  
  3095.                if (results[0].geometry.hasOwnProperty('bounds') || results[0].geometry.hasOwnProperty('viewport')) {
  3096.  
  3097.                    if (results[0].geometry.hasOwnProperty('bounds')) {
  3098.                        var boundsResponse = results[0].geometry.bounds;
  3099.  
  3100.  
  3101.                    } else {
  3102.                        var boundsResponse = results[0].geometry.viewport;
  3103.                    }
  3104.                }
  3105.                if (boundsResponse != "") {
  3106.                    //update sw
  3107.                    $('input[name="swlat"]').val(boundsResponse.getSouthWest().lat());
  3108.                    $('input[name="swlng"]').val(boundsResponse.getSouthWest().lng());
  3109.                    //update ne
  3110.                    $('input[name="nelat"]').val(boundsResponse.getNorthEast().lat());
  3111.                    $('input[name="nelng"]').val(boundsResponse.getNorthEast().lng());
  3112.                }
  3113.                //update location type
  3114.                $('input[name="location_type"]').val(results[0].address_components[0].types[0]);
  3115.                //loop through the maping array to get all the values from the inputs that need to be filled with the new information
  3116.                $.each(inputsArray, function (findex, fvalue) {
  3117.                    //clean each field before setting new info
  3118.                    $('input[name="' + findex + '"]').val("");
  3119.  
  3120.                    //loop that checks the second level of the array
  3121.                    $.each(fvalue, function (sindex, svalue) {
  3122.                        var flag = true;
  3123.                        //check if svalue is an object
  3124.                        if ($.type(svalue) == "object") {
  3125.                            var currentConcat = "",
  3126.                                //get length of the concat array
  3127.                                concatLength = Object.keys(svalue).length,
  3128.                                concatCounter = 0;
  3129.                            //loop on each element of the svalue elements for the address components concatenation
  3130.                            $.each(svalue, function (conkey, convalue) {
  3131.  
  3132.                                //run a loop on the address components for each svalue elements
  3133.                                $.each(results[0].address_components, function (inskey, insvalue) {
  3134.                                    //if the element of the svalue match, concat the result to the array currentConcat
  3135.                                    if (insvalue.types[0] == conkey) {
  3136.                                        currentConcat += insvalue[convalue] + " ";
  3137.                                        concatCounter++;
  3138.                                    }
  3139.                                });//END each on address components
  3140.                            });//END each on svalue for the address components concatenation
  3141.                            //if all the elements matched then this new location with the concatenation of address components will be the one used
  3142.                            if (concatCounter == concatLength) {
  3143.                                $('input[name="' + findex + '"]').val(currentConcat);
  3144.                                flag = false;
  3145.                                return false;
  3146.                            }
  3147.                            //if svalue is not an object the system will continue with the default computations
  3148.                        } else {
  3149.                            //run a loop on the address components for the svalue being searched
  3150.                            $.each(results[0].address_components, function (key, value) {
  3151.                                //if the svalue element matches it will be saved
  3152.                                if (value.types[0] == sindex) {
  3153.                                    $('input[name="' + findex + '"]').val(value[svalue]);
  3154.                                    flag = false;
  3155.                                    return false;
  3156.                                }
  3157.  
  3158.                            });//END each on the address components
  3159.                        }
  3160.                        return flag;
  3161.                    });//END each on the second level of the array
  3162.                });//END each on the first level of the array
  3163.            }//END fillAddressFields function
  3164.            //function that triggers when someone selects an option from the autocomplete
  3165.            function makeSearch(latitude, longitude, i = null) {
  3166.                var locationValue = $('.google-writen-location:eq(' + i + ')').val();
  3167.                if (i === null) {
  3168.                    locationValue = $('#pac-input').val();
  3169.                }
  3170.  
  3171.                if (latitude != "" && latitude != undefined && longitude != "" && longitude != undefined) {
  3172.                    var latlngSent = new google.maps.LatLng(parseFloat(latitude), parseFloat(longitude));
  3173.                    var locationOptionObject = {'location': latlngSent};
  3174.  
  3175.                } else {
  3176.                    var locationOptionObject = {'address': locationValue};
  3177.                }
  3178.                geoSC.geocode(locationOptionObject, function (results, status) {
  3179.                    if (status == google.maps.GeocoderStatus.OK) {
  3180.  
  3181.                        //the system will move the marker to the center of the new choosen location
  3182.                        if (currentLocationState == 'default' || currentLocationState == 'only_map') {
  3183.                            markerSC.setPosition(results[0].geometry.location);
  3184.                            mapSC.panTo(results[0].geometry.location);
  3185.                            mapSC.setZoom(16);
  3186.                        }
  3187.                        fillAddressFields(results, i);
  3188.  
  3189.                    } else {
  3190.                        console.log(status);
  3191.                    }
  3192.                });//END on the geo.geocode
  3193.            }//END make search function
  3194.  
  3195.  
  3196.            if (currentLocationState == 'default' || currentLocationState == 'only_map') {
  3197.                $('#contactModal').on('shown.bs.modal', function () {
  3198.                    google.maps.event.trigger(mapSC, "resize");
  3199.                });
  3200.            }
  3201.        }//END if (currentLocationState != "no_location")
  3202.  
  3203.        // fetch to obtain the centerOfMap
  3204.        function getCenterMap(urlWapi) {
  3205.            const response =  fetch(urlWapi, {
  3206.                method: 'GET',
  3207.                mode: 'same-origin',
  3208.                credentials: 'same-origin',
  3209.                headers: {
  3210.                    'Content-Type': 'application/json'
  3211.                },
  3212.            });
  3213.            return response
  3214.        }
  3215.    }
  3216. </script><script type="text/javascript">
  3217.    if(typeof bootstrap_contact_member_category_dropdowns_runned == "undefined"){
  3218.        var bootstrap_contact_member_category_dropdowns_runned = true;
  3219.        $(document).on('change', '.select-category-chained', function () {
  3220.            
  3221.            var input = $(this);
  3222.            var currentLevel = input.attr('name');
  3223.            var categoryId = input.val();
  3224.            var uniqueForm = $(this).closest('form').attr("id");
  3225.  
  3226.            var targetSelect = uniqueForm + " #" + input.data('nextselect');
  3227.            var enviromentVar = $('#cat-page-type').data('type');
  3228.            //empty all the children of this select
  3229.            var epmtyHtmlOptions = "";
  3230.            var defaultOptionText = 'Select from List';
  3231.            if(defaultOptionText != ""){
  3232.                epmtyHtmlOptions += '<option value="">('+defaultOptionText+')</option>';
  3233.            }
  3234.            $('#' + targetSelect).html(epmtyHtmlOptions);
  3235.            $('#' + targetSelect).val('').change();
  3236.            
  3237.            //check if child is also parent and clean that one too
  3238.            var targetSelectElement = $('#' + targetSelect);
  3239.            var childChildSelect = targetSelectElement.data('nextselect');
  3240.  
  3241.            if (childChildSelect != "" && childChildSelect != undefined) {
  3242.                $('#' + childChildSelect).html(epmtyHtmlOptions);
  3243.                $('#' + childChildSelect).val('').change();
  3244.            }
  3245.            if (enviromentVar == "profile") {
  3246.                var userId = $('#cat-page-type').data('user');
  3247.  
  3248.            } else {
  3249.                var userId = "";
  3250.            }
  3251.            
  3252.            if (categoryId != "") {
  3253.  
  3254.                //send ajax to know the children results
  3255.                var gcaResponseArray = [];
  3256.  
  3257.                $.ajax({
  3258.                    url: "/wapi/widget",
  3259.                    type: "GET",
  3260.                    dataType: "json",
  3261.                    data: {
  3262.                        "request_type": "GET",
  3263.                        "widget_name": "Bootstrap - Contact Member Category Dropdowns",
  3264.                        "header_type": "json",
  3265.                        "user_id": userId,
  3266.                        "scope": currentLevel,
  3267.                        "category_id": categoryId,
  3268.                        "select_action": "find_children_cat"
  3269.                    },
  3270.                    success: function (data) {
  3271.                        gcaResponseArray.push(data);
  3272.                    },
  3273.                    error: function (data) {
  3274.                        console.log("error");
  3275.                        console.log(data);
  3276.                    }
  3277.                });
  3278.                var gcaInter = setInterval(function () {
  3279.  
  3280.                    if (gcaResponseArray.length == 1) {
  3281.                        clearInterval(gcaInter);
  3282.                        var htmlOptions = "";
  3283.                        var defaultOptionText = 'Select from List';
  3284.                        if(defaultOptionText != ""){
  3285.                            htmlOptions += '<option value="">('+defaultOptionText+')</option>';
  3286.                        }
  3287.                        //construct the html options values
  3288.                        var newOptionsCounter = 0;
  3289.                        if(gcaResponseArray[0] !== null && gcaResponseArray[0]['cats']!=''){
  3290.                            $.each(gcaResponseArray[0]['cats'], function (key, value) {
  3291.                                key = key.replace('_', '');
  3292.                                htmlOptions += '<option value="' + key + '">' + value + '</option>';
  3293.                                newOptionsCounter++;
  3294.                            });
  3295.                            $('#' + targetSelect).html(htmlOptions);
  3296.                            $('#' + targetSelect).attr("disabled", false);
  3297.                            if (newOptionsCounter > 0) {
  3298.                                $('#' + targetSelect).select2("open");
  3299.                            }
  3300.                        }else{
  3301.                            $('#' + targetSelect).html('<option value="">No Options Available</option>');
  3302.                            $('#' + targetSelect).attr("disabled", true);
  3303.                            $("#" + targetSelect).select2("val", "");
  3304. if ($("#" + targetSelect).attr('data-nextselect') != "") {
  3305. let dataSelectNext = $("#" + targetSelect).attr('data-nextselect');
  3306. $('#' + dataSelectNext).html('<option value="">No Options Available</option>');
  3307. $('#' + dataSelectNext).attr("disabled", true);
  3308.                             $("#" + dataSelectNext).select2("val", "");
  3309. }
  3310.                        }
  3311.  
  3312.                    }
  3313.                }, 400);
  3314.            }
  3315.        });
  3316.        const topRequired = document.querySelector('label[for="top-id-select"] span.required');
  3317.        const subRequired = document.querySelector('label[for="sub-id-select"] span.required');
  3318.        const subSubRequired = document.querySelector('label[for="sub-sub-id-select"] span.required');
  3319.        //code to check that the categories have been submitted if the settings are enabled
  3320.        $('#myform').submit(function (e) {
  3321.            let topRequiredVal = document.getElementById('top-id-select');
  3322.            let subRequiredVal = document.getElementById('sub-id-select');
  3323.            let subSubRequiredVal = document.getElementById('sub-sub-id-select');
  3324.            if ((topRequired !== null && topRequiredVal !== null && topRequiredVal.value == '') || (subRequired !== null && subRequiredVal !== null && subRequiredVal.value == '') || (subSubRequired !== null && subSubRequiredVal !== null && subSubRequiredVal.value == '')) {
  3325.                e.preventDefault();
  3326.                e.stopPropagation();
  3327.                e.stopImmediatePropagation();
  3328.                swal(`Whoops!`, `Please select a category to submit this request` ,"error");
  3329.            }
  3330.        });
  3331.    }
  3332. </script>                <script src="https://www.optimizecdn.com/directory/cdn/bootstrap/formvalidation/current/dist/js/formValidation.min.js"></script>
  3333.                <script src="https://www.optimizecdn.com/directory/cdn/bootstrap/formvalidation/current/dist/js/framework/bootstrap.min.js"></script>
  3334.                <script type="text/javascript">
  3335.                    function decodeHtml(html) {
  3336.                        var txt = document.createElement("textarea");
  3337.                        txt.innerHTML = html;
  3338.                        return txt.value;
  3339.                    }
  3340.                </script>
  3341.                        <script type="text/javascript">
  3342.  
  3343.        var counterSubmit = 0;
  3344.        $(document).ready(function() {
  3345.            $('#myform').formValidation({"framework":"bootstrap","addOns":{"reCaptcha2":{"element":"captchaContainer","language":"en","theme":"light","siteKey":"6Lcqs2EUAAAAAH09armB9zEa4Fuyl-6XhDWzml_v","timeout":"120","message":"The captcha is not valid"}},"fields":{"lead_email":{"validators":{"notEmpty":{"message":"Required Field"},"emailAddress":{"message":"Please enter a valid email address"}}}}}).on('success.form.fv', function(e,fvdata) {
  3346.                
  3347.                if('myform' == 'unsubscribe_email'){
  3348.                    return true;
  3349.                }
  3350.                // Prevent form submission
  3351.                e.preventDefault();
  3352.                $form = $(e.target),
  3353.                fv = $form.data('formValidation');
  3354.                var values = $(this).serialize();
  3355.  
  3356.                
  3357.                var locationFieldCorrect = true;
  3358.  
  3359.                if($("#myform .location_required").length > 0){
  3360.                    $("#myform .location_required").each(function (index) {
  3361.                        if($(this).data('state') == 1){
  3362.                            if($('#myform input[name="lead_location"]').val() == "" || $('#myform input[name="lat"]').val() == "" || $('#myform input[name="lng"]').val() == "") {
  3363.                                locationFieldCorrect = false;
  3364.                            }
  3365.                        }
  3366.                    });
  3367.                }
  3368.  
  3369.                if(locationFieldCorrect === false){
  3370.                    //check that there is a latitude or longitude
  3371.                    swal(`Whoops!`, `The location information is required to submit this form`, "error");
  3372.                    return false;
  3373.                }
  3374.                        
  3375.  
  3376.                if (!$(this).attr("action")) {
  3377.                    var action = '';
  3378.  
  3379.                } else {
  3380.                    var action = $(this).attr("action");
  3381.                }
  3382.                if (!$(this).attr("method")) {
  3383.                    var method = 'post';
  3384.  
  3385.                } else {
  3386.                    var method = $(this).attr("method");
  3387.                }
  3388.                if (!$(this).attr("form_action_type")) {
  3389.                    var form_action_type = 'notification';
  3390.  
  3391.                } else {
  3392.                    var form_action_type = $(this).attr("form_action_type");
  3393.                }
  3394.                if (!$(this).attr("form_action_div")) {
  3395.                    var form_action_div = '#first_container';
  3396.  
  3397.                } else {
  3398.                    var form_action_div = $(this).attr("form_action_div");
  3399.                }
  3400.                if (!$(this).attr("return_data_type")) {
  3401.                    var return_data_type = 'json';
  3402.  
  3403.                } else {
  3404.                    var return_data_type = $(this).attr("return_data_type");
  3405.                }
  3406.                if ($("#myform-notification").html() != "") {
  3407.                    $("#myform-notification").remove();
  3408.                }
  3409.                if ($(this).find('input[type="submit"]').length > 0) {
  3410.                    $(this).find('input[type="submit"]').before('<div id="myform-notification" class="alert"></div>');
  3411.  
  3412.                } else {
  3413.                    $(this).prepend('<div id="myform-notification" class="alert"></div>');
  3414.                }
  3415.                var notification = $("#myform-notification");
  3416.  
  3417.                if ((form_action_type == "" || form_action_type == "default") && action.indexOf("account") >= 0) {
  3418.                    notification.html(`Processing Request...`).addClass("alert-warning");
  3419.                    setTimeout(function(){
  3420.                        fv.defaultSubmit();
  3421.                    }, 100);
  3422.                } else {
  3423.                    notification.html(`Processing Request...`).addClass("alert-warning");
  3424.                    if(counterSubmit == 0) {
  3425.                        counterSubmit++;
  3426.  
  3427.                        var fields      = $(this).serializeArray();
  3428.                        var formField   = [];
  3429.                        var processData = true;
  3430.                        var contentType = "application/x-www-form-urlencoded; charset=UTF-8";
  3431.                        
  3432.                        
  3433.  
  3434.                        if($("#myform input[type=file]").length > 0){
  3435.                            
  3436.                            var formObject  = new FormData();
  3437.                            processData     = false;
  3438.                            contentType     = false;
  3439.  
  3440.                            $(fields).each(function(index,field){
  3441.                                formField.push(field.name+"="+field.value);
  3442.                            });
  3443.  
  3444.                            values  = formField.join("&");
  3445.  
  3446.                            $(formField).each(function(index,fieldValue){
  3447.                                var fieldInfo = fieldValue.split('=');
  3448.                                formObject.append(fieldInfo[0],fieldInfo[1]);
  3449.                            });
  3450.  
  3451.                            $("#myform input[type=file]").each(function(index,node){
  3452.                                var file = this.files[0];
  3453.                                if(typeof file != "undefined"){
  3454.                                    formObject.append("file_addon["+$(node).attr('name')+"]", file, file.name);
  3455.                                }
  3456.                            });
  3457.                        }else{
  3458.                            
  3459.                            $(fields).each(function(index,field){
  3460.                                formField.push(field.name+"="+encodeURIComponent(field.value));
  3461.                            });
  3462.  
  3463.                            var formObject  = formField.join("&");
  3464.                        }
  3465.                        
  3466.                        $.ajax({
  3467.                            url: action,
  3468.                            type: method,
  3469.                            data: formObject,
  3470.                            dataType: return_data_type,
  3471.                            processData: processData,
  3472.                            contentType: contentType,
  3473.                            success: function (data) {
  3474.                                if (return_data_type == "html") {
  3475.                                    var result = 'success';
  3476.  
  3477.                                    if (!data != "") {
  3478.                                        var result_widget = data['result_widget'];
  3479.                                    }
  3480.  
  3481.                                } else {
  3482.  
  3483.  
  3484.                                    if (!data['result']) {
  3485.                                        var result = 'error';
  3486.                                    } else {
  3487.                                        var result = data['result'];
  3488.                                    }
  3489.                                    if (!data['result_widget']) {
  3490.                                        var result_widget = '';
  3491.  
  3492.                                    } else {
  3493.                                        var result_widget = data['result_widget'];
  3494.                                    }
  3495.                                }
  3496.                                if (result == "success") {
  3497.  
  3498.                                    if (!data['message']) {
  3499.                                        var message = `Your information has submitted successfully!`;
  3500.  
  3501.                                    } else {
  3502.                                        var message = data['message'];
  3503.                                    }
  3504.                                    if (!data['redirect_url']) {
  3505.                                        var redirect_url = '';
  3506.  
  3507.                                    } else {
  3508.                                        var redirect_url = data['redirect_url'];
  3509.                                    }
  3510.  
  3511.  
  3512.  
  3513.                                    if (form_action_type == "notification") {
  3514.                                        notification.html(message + '<button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button>')
  3515.                                            .addClass('alert-dismissible')
  3516.                                            .addClass("alert-success")
  3517.                                            .removeClass("alert-danger")
  3518.                                            .removeClass("alert-warning")
  3519.                                        
  3520.                                            
  3521.  
  3522.                                        if(notification.parents('.modal').length && 'myform' == 'whmcs_billing_address'){
  3523.                                            setTimeout(function(){
  3524.                                                notification.parents('.modal').modal('hide');
  3525.                                            }, 1000);
  3526.                                        }
  3527.  
  3528.                                    } else if (form_action_type == "widget") {
  3529.  
  3530.                                        if (result_widget != '') {
  3531.  
  3532.                                            setTimeout(function(){
  3533.                                                if(form_action_div != '.newsletter_modal_form_container'){
  3534.                                                    $("html, body").animate({ scrollTop: 0 }, 600);
  3535.                                                }                                                
  3536.                                                $(form_action_div).html(decodeHtml(result_widget)).text();
  3537.  
  3538.                                            }, 1000);
  3539.                                        }
  3540.  
  3541.                                    } else if (form_action_type == "redirect") {
  3542.  
  3543.                                        if (redirect_url == "") {
  3544.                                            redirect_url = decodeURIComponent("");
  3545.                                        }
  3546.  
  3547.                                        if (redirect_url.substring(0, 1) != "/" && redirect_url.substring(0, 1) != "h") {
  3548.                                            redirect_url = "/" + redirect_url;
  3549.                                        }
  3550.                                        current_location = "/yorba-linda-ca-92887/ocrv-center-rv-collision-repair-paint-shop";
  3551.                                        refresh_pages_string = "/login";
  3552.                                        refresh_pages_string = refresh_pages_string.replace(/ /g,'');
  3553.                                        refresh_pages_array = refresh_pages_string.split(',');
  3554.                                        notification.html(message)
  3555.                                            .addClass("alert-success")
  3556.                                            .removeClass("alert-danger")
  3557.                                            .removeClass("alert-warning")
  3558.                                            .delay(2000).slideUp();
  3559.                                            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" )){
  3560.                                                                                                    window.location.href = window.location.href+'?logged';
  3561.                                                                                            } else {
  3562.                                                window.location.href = redirect_url;
  3563.                                            }
  3564.  
  3565.                                        fv.resetForm(true);
  3566.                                    }
  3567.                                    if(form_action_div != '.newsletter_modal_form_container' && 'myform' != 'whmcs_billing_address'){
  3568.                                        $('.modal-backdrop').hide();
  3569.                                    }
  3570.                                } else {
  3571.                                    if(typeof grecaptcha !== "undefined"){
  3572.                                        grecaptcha.reset();
  3573.                                    }
  3574.                                    if (!data['message']) {
  3575.                                        var message = `You entered invalid data. Please try to save again.`;
  3576.  
  3577.                                    } else {
  3578.                                        var message = data['message'];
  3579.                                    }
  3580.                                    $("#myform-notification").html(message)
  3581.                                        .addClass("alert-danger")
  3582.                                        .removeClass("alert-success")
  3583.                                        .removeClass("alert-warning")
  3584.                                        .fadeIn();
  3585.                                    fv.disableSubmitButtons(false);
  3586.                                }
  3587.                                counterSubmit = 0;
  3588.                            },
  3589.                            error: function (e) {
  3590.                                
  3591.                                if(typeof grecaptcha !== "undefined"){
  3592.                                        grecaptcha.reset();
  3593.                                        $("#myform-notification").html(`Recaptcha Error`);
  3594.                                } else {
  3595.                                    $("#myform-notification").html(`A connection error occurred while saving. Please try to save again.`);
  3596.                                }
  3597.                                $("#myform-notification").addClass("alert-warning")
  3598.                                    .removeClass("alert-success")
  3599.                                    .removeClass("alert-warning")
  3600.                                    .fadeIn();
  3601.                                counterSubmit = 0;
  3602.                            }
  3603.                        });/// End Ajax
  3604.                    }
  3605.                }//END else
  3606.            }).bind('keydown', function(event) {
  3607.  
  3608.                if (event.ctrlKey || event.metaKey) {
  3609.  
  3610.                    switch (String.fromCharCode(event.which).toLowerCase()) {
  3611.  
  3612.                        case 's':
  3613.                            $(this).submit();
  3614.                            break;
  3615.                    }
  3616.                }
  3617.            });
  3618.  
  3619.            /// This will turn any select2 that are required in the form builder to being required elements.
  3620.            $('#myform select').each(function (i, obj) {
  3621.                setTimeout(function(){
  3622.                    if ($(obj).prop("required") && $(obj).attr("style") == "display: none;") {
  3623.                        $(obj).css("z-index","-999");
  3624.                        $(obj).css("height","0");
  3625.                        $(obj).css("width","0");
  3626.                        $(obj).css("display","block");  
  3627.                        $(obj).css("position","absolute");  
  3628.                    }
  3629.                }, 3000);
  3630.            });
  3631.  
  3632.        });//END $('# echo $_SERVER[form_element_id]; ').formValidation(
  3633.    </script>
  3634.        <script>
  3635.     $('#newsletter input[name="email"]').on('keypress', function() {
  3636.        $("#newsletter > .gdpr_consent_email").show();
  3637.    });
  3638. $('#newsletter_signup_footer input[name="email"]').on('keypress', function() {
  3639.        $("#newsletter_signup_footer > .gdpr_consent_email").show();
  3640.    });
  3641. </script>        <script type="text/javascript">
  3642.  
  3643.        var counterSubmit = 0;
  3644.        $(document).ready(function() {
  3645.            $('#newsletter').formValidation({"framework":"bootstrap","addOns":{"reCaptcha2":{"element":"captchaContainer","language":"en","theme":"light","siteKey":"6Lcqs2EUAAAAAH09armB9zEa4Fuyl-6XhDWzml_v","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) {
  3646.                
  3647.                if('newsletter' == 'unsubscribe_email'){
  3648.                    return true;
  3649.                }
  3650.                // Prevent form submission
  3651.                e.preventDefault();
  3652.                $form = $(e.target),
  3653.                fv = $form.data('formValidation');
  3654.                var values = $(this).serialize();
  3655.  
  3656.                
  3657.                var locationFieldCorrect = true;
  3658.  
  3659.                if($("#newsletter .location_required").length > 0){
  3660.                    $("#newsletter .location_required").each(function (index) {
  3661.                        if($(this).data('state') == 1){
  3662.                            if($('#newsletter input[name="lead_location"]').val() == "" || $('#newsletter input[name="lat"]').val() == "" || $('#newsletter input[name="lng"]').val() == "") {
  3663.                                locationFieldCorrect = false;
  3664.                            }
  3665.                        }
  3666.                    });
  3667.                }
  3668.  
  3669.                if(locationFieldCorrect === false){
  3670.                    //check that there is a latitude or longitude
  3671.                    swal(`Whoops!`, `The location information is required to submit this form`, "error");
  3672.                    return false;
  3673.                }
  3674.                        
  3675.  
  3676.                if (!$(this).attr("action")) {
  3677.                    var action = '';
  3678.  
  3679.                } else {
  3680.                    var action = $(this).attr("action");
  3681.                }
  3682.                if (!$(this).attr("method")) {
  3683.                    var method = 'post';
  3684.  
  3685.                } else {
  3686.                    var method = $(this).attr("method");
  3687.                }
  3688.                if (!$(this).attr("form_action_type")) {
  3689.                    var form_action_type = 'notification';
  3690.  
  3691.                } else {
  3692.                    var form_action_type = $(this).attr("form_action_type");
  3693.                }
  3694.                if (!$(this).attr("form_action_div")) {
  3695.                    var form_action_div = '#first_container';
  3696.  
  3697.                } else {
  3698.                    var form_action_div = $(this).attr("form_action_div");
  3699.                }
  3700.                if (!$(this).attr("return_data_type")) {
  3701.                    var return_data_type = 'json';
  3702.  
  3703.                } else {
  3704.                    var return_data_type = $(this).attr("return_data_type");
  3705.                }
  3706.                if ($("#newsletter-notification").html() != "") {
  3707.                    $("#newsletter-notification").remove();
  3708.                }
  3709.                if ($(this).find('input[type="submit"]').length > 0) {
  3710.                    $(this).find('input[type="submit"]').before('<div id="newsletter-notification" class="alert"></div>');
  3711.  
  3712.                } else {
  3713.                    $(this).prepend('<div id="newsletter-notification" class="alert"></div>');
  3714.                }
  3715.                var notification = $("#newsletter-notification");
  3716.  
  3717.                if ((form_action_type == "" || form_action_type == "default") && action.indexOf("account") >= 0) {
  3718.                    notification.html(`Processing Request...`).addClass("alert-warning");
  3719.                    setTimeout(function(){
  3720.                        fv.defaultSubmit();
  3721.                    }, 100);
  3722.                } else {
  3723.                    notification.html(`Processing Request...`).addClass("alert-warning");
  3724.                    if(counterSubmit == 0) {
  3725.                        counterSubmit++;
  3726.  
  3727.                        var fields      = $(this).serializeArray();
  3728.                        var formField   = [];
  3729.                        var processData = true;
  3730.                        var contentType = "application/x-www-form-urlencoded; charset=UTF-8";
  3731.                        
  3732.                        
  3733.  
  3734.                        if($("#newsletter input[type=file]").length > 0){
  3735.                            
  3736.                            var formObject  = new FormData();
  3737.                            processData     = false;
  3738.                            contentType     = false;
  3739.  
  3740.                            $(fields).each(function(index,field){
  3741.                                formField.push(field.name+"="+field.value);
  3742.                            });
  3743.  
  3744.                            values  = formField.join("&");
  3745.  
  3746.                            $(formField).each(function(index,fieldValue){
  3747.                                var fieldInfo = fieldValue.split('=');
  3748.                                formObject.append(fieldInfo[0],fieldInfo[1]);
  3749.                            });
  3750.  
  3751.                            $("#newsletter input[type=file]").each(function(index,node){
  3752.                                var file = this.files[0];
  3753.                                if(typeof file != "undefined"){
  3754.                                    formObject.append("file_addon["+$(node).attr('name')+"]", file, file.name);
  3755.                                }
  3756.                            });
  3757.                        }else{
  3758.                            
  3759.                            $(fields).each(function(index,field){
  3760.                                formField.push(field.name+"="+encodeURIComponent(field.value));
  3761.                            });
  3762.  
  3763.                            var formObject  = formField.join("&");
  3764.                        }
  3765.                        
  3766.                        $.ajax({
  3767.                            url: action,
  3768.                            type: method,
  3769.                            data: formObject,
  3770.                            dataType: return_data_type,
  3771.                            processData: processData,
  3772.                            contentType: contentType,
  3773.                            success: function (data) {
  3774.                                if (return_data_type == "html") {
  3775.                                    var result = 'success';
  3776.  
  3777.                                    if (!data != "") {
  3778.                                        var result_widget = data['result_widget'];
  3779.                                    }
  3780.  
  3781.                                } else {
  3782.  
  3783.  
  3784.                                    if (!data['result']) {
  3785.                                        var result = 'error';
  3786.                                    } else {
  3787.                                        var result = data['result'];
  3788.                                    }
  3789.                                    if (!data['result_widget']) {
  3790.                                        var result_widget = '';
  3791.  
  3792.                                    } else {
  3793.                                        var result_widget = data['result_widget'];
  3794.                                    }
  3795.                                }
  3796.                                if (result == "success") {
  3797.  
  3798.                                    if (!data['message']) {
  3799.                                        var message = `Your information has submitted successfully!`;
  3800.  
  3801.                                    } else {
  3802.                                        var message = data['message'];
  3803.                                    }
  3804.                                    if (!data['redirect_url']) {
  3805.                                        var redirect_url = '';
  3806.  
  3807.                                    } else {
  3808.                                        var redirect_url = data['redirect_url'];
  3809.                                    }
  3810.  
  3811.  
  3812.  
  3813.                                    if (form_action_type == "notification") {
  3814.                                        notification.html(message + '<button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button>')
  3815.                                            .addClass('alert-dismissible')
  3816.                                            .addClass("alert-success")
  3817.                                            .removeClass("alert-danger")
  3818.                                            .removeClass("alert-warning")
  3819.                                        
  3820.                                            
  3821.  
  3822.                                        if(notification.parents('.modal').length && 'newsletter' == 'whmcs_billing_address'){
  3823.                                            setTimeout(function(){
  3824.                                                notification.parents('.modal').modal('hide');
  3825.                                            }, 1000);
  3826.                                        }
  3827.  
  3828.                                    } else if (form_action_type == "widget") {
  3829.  
  3830.                                        if (result_widget != '') {
  3831.  
  3832.                                            setTimeout(function(){
  3833.                                                if(form_action_div != '.newsletter_modal_form_container'){
  3834.                                                    $("html, body").animate({ scrollTop: 0 }, 600);
  3835.                                                }                                                
  3836.                                                $(form_action_div).html(decodeHtml(result_widget)).text();
  3837.  
  3838.                                            }, 1000);
  3839.                                        }
  3840.  
  3841.                                    } else if (form_action_type == "redirect") {
  3842.  
  3843.                                        if (redirect_url == "") {
  3844.                                            redirect_url = decodeURIComponent("");
  3845.                                        }
  3846.  
  3847.                                        if (redirect_url.substring(0, 1) != "/" && redirect_url.substring(0, 1) != "h") {
  3848.                                            redirect_url = "/" + redirect_url;
  3849.                                        }
  3850.                                        current_location = "/yorba-linda-ca-92887/ocrv-center-rv-collision-repair-paint-shop";
  3851.                                        refresh_pages_string = "/login";
  3852.                                        refresh_pages_string = refresh_pages_string.replace(/ /g,'');
  3853.                                        refresh_pages_array = refresh_pages_string.split(',');
  3854.                                        notification.html(message)
  3855.                                            .addClass("alert-success")
  3856.                                            .removeClass("alert-danger")
  3857.                                            .removeClass("alert-warning")
  3858.                                            .delay(2000).slideUp();
  3859.                                            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" )){
  3860.                                                                                                    window.location.href = window.location.href+'?logged';
  3861.                                                                                            } else {
  3862.                                                window.location.href = redirect_url;
  3863.                                            }
  3864.  
  3865.                                        fv.resetForm(true);
  3866.                                    }
  3867.                                    if(form_action_div != '.newsletter_modal_form_container' && 'newsletter' != 'whmcs_billing_address'){
  3868.                                        $('.modal-backdrop').hide();
  3869.                                    }
  3870.                                } else {
  3871.                                    if(typeof grecaptcha !== "undefined"){
  3872.                                        grecaptcha.reset();
  3873.                                    }
  3874.                                    if (!data['message']) {
  3875.                                        var message = `You entered invalid data. Please try to save again.`;
  3876.  
  3877.                                    } else {
  3878.                                        var message = data['message'];
  3879.                                    }
  3880.                                    $("#newsletter-notification").html(message)
  3881.                                        .addClass("alert-danger")
  3882.                                        .removeClass("alert-success")
  3883.                                        .removeClass("alert-warning")
  3884.                                        .fadeIn();
  3885.                                    fv.disableSubmitButtons(false);
  3886.                                }
  3887.                                counterSubmit = 0;
  3888.                            },
  3889.                            error: function (e) {
  3890.                                
  3891.                                if(typeof grecaptcha !== "undefined"){
  3892.                                        grecaptcha.reset();
  3893.                                        $("#newsletter-notification").html(`Recaptcha Error`);
  3894.                                } else {
  3895.                                    $("#newsletter-notification").html(`A connection error occurred while saving. Please try to save again.`);
  3896.                                }
  3897.                                $("#newsletter-notification").addClass("alert-warning")
  3898.                                    .removeClass("alert-success")
  3899.                                    .removeClass("alert-warning")
  3900.                                    .fadeIn();
  3901.                                counterSubmit = 0;
  3902.                            }
  3903.                        });/// End Ajax
  3904.                    }
  3905.                }//END else
  3906.            }).bind('keydown', function(event) {
  3907.  
  3908.                if (event.ctrlKey || event.metaKey) {
  3909.  
  3910.                    switch (String.fromCharCode(event.which).toLowerCase()) {
  3911.  
  3912.                        case 's':
  3913.                            $(this).submit();
  3914.                            break;
  3915.                    }
  3916.                }
  3917.            });
  3918.  
  3919.            /// This will turn any select2 that are required in the form builder to being required elements.
  3920.            $('#newsletter select').each(function (i, obj) {
  3921.                setTimeout(function(){
  3922.                    if ($(obj).prop("required") && $(obj).attr("style") == "display: none;") {
  3923.                        $(obj).css("z-index","-999");
  3924.                        $(obj).css("height","0");
  3925.                        $(obj).css("width","0");
  3926.                        $(obj).css("display","block");  
  3927.                        $(obj).css("position","absolute");  
  3928.                    }
  3929.                }, 3000);
  3930.            });
  3931.  
  3932.        });//END $('# echo $_SERVER[form_element_id]; ').formValidation(
  3933.    </script>
  3934.        <div class="modal fade" id="newsletter_subscribe_modal" tabindex="-1" role="dialog" aria-hidden="true">
  3935. <div class="modal-dialog">
  3936. <div class="modal-content">
  3937. <div class="container-fluid">
  3938. <div class="row">
  3939. <div class="col-md-12">
  3940. <br>
  3941. <button type="button" class="close" data-dismiss="modal" aria-label="Close">
  3942. <span aria-hidden="true">&times;</span>
  3943. </button>
  3944. <h3 class="nomargin">
  3945. Join Our Newsletter - Today
  3946. </h3>
  3947. <hr>
  3948. <div class="newsletter_modal_form_container">
  3949. <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" 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" class=" "><input type="hidden" name="sized" value="0" id="newsletter-element-0"/><input type="hidden" name="mysql_real_escape_string_runned" value="1" id="newsletter-element-1"/><input type="hidden" name="userid" value="589" id="newsletter-element-2"/><input type="hidden" name="usertokenid" value="589" id="newsletter-element-3"/><input type="hidden" name="saveinfo" value="1" id="newsletter-element-4"/><input type="hidden" name="vals" value="4|1" id="newsletter-element-5"/><input type="hidden" name="answerqmatch" value="5" id="newsletter-element-6"/><input type="hidden" name="form_source" value="%2Fyorba-linda-ca-92887%2Focrv-center-rv-collision-repair-paint-shop" id="newsletter-element-7"/><input type="hidden" name="form" value="myform" id="newsletter-element-8"/><input type="hidden" name="formname" value="newsletter_modal_signup" id="newsletter-element-9"/><input type="hidden" name="dowiz" value="1" id="newsletter-element-10"/><input type="hidden" name="save" value="1" id="newsletter-element-11"/><input type="hidden" name="url_origin_pars" value="/yorba-linda-ca-92887/ocrv-center-rv-collision-repair-paint-shop" id="newsletter-element-12"/><input type="hidden" name="action" autocomplete="off" value="subscribe" id="newsletter-element-13"/><div class="form-group"><input type="text" name="first_name" placeholder="Name" autocomplete="off" value class="form-control control-group  form-control " id="newsletter-element-14"/></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-element-15"/></div><div class="form-group"><div class="form-group security_question_label">
  3950.            <div id="newsletter-captchaContainer" class="control-group">
  3951.        <div class="g-recaptcha"  id="newsletter-google-recaptcha"></div>
  3952.    </div>
  3953.    <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>
  3954.    <div class="clearfix bmargin"></div>
  3955.    <input type="hidden" name="recaptcha" id="newsletter-rcap">
  3956. </div>
  3957.    <style>
  3958.        .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 {
  3959.            transform: scale(0.77);
  3960.            -webkit-transform: scale(0.77);
  3961.            transform-origin: 0 0;
  3962.            -webkit-transform-origin: 0 0;
  3963.            margin-bottom: -15px;
  3964.        }
  3965.  
  3966.        .modal #newsletter-captchaContainer, .col-md-4 #newsletter-captchaContainer, .col-md-3 #newsletter-captchaContainer, .col-lg-3 #newsletter-captchaContainer, .col-lg-4 #newsletter-captchaContainer {
  3967.            transform: scale(0.77);
  3968.            -webkit-transform: scale(0.77);
  3969.            transform-origin: 0 0;
  3970.            -webkit-transform-origin: 0 0;
  3971.            margin-bottom: -15px;
  3972.        }
  3973.    </style>
  3974.    <script type="text/javascript">
  3975.        var formID          = '';
  3976.        var currentCaptcha  = {};
  3977.        var captchaHolders  = {};
  3978.        window.addEventListener('load', () => {
  3979.            formID = document.querySelectorAll('[name="recaptcha"]');
  3980.            if (typeof formID != "undefined" && formID !== null) {
  3981.                for (let i = 0; i < formID.length; i++) {
  3982.                    let formIDForm = formID[i].closest('form');
  3983.                    if (typeof formIDForm != "undefined" && formIDForm !== null) {
  3984.                        formIDForm.addEventListener('click', reCaptchaOnFormClick, false);
  3985.                    }
  3986.                }
  3987.            }
  3988.        });
  3989.  
  3990.        function reCaptchaOnFormClick(event) {
  3991.            currentCaptchaForm  = event.srcElement.closest('form');
  3992.            var head            = document.getElementsByTagName('head')[0];
  3993.            var script          = document.createElement('script');
  3994.            script.type         = 'text/javascript';
  3995.            script.src          = 'https://www.google.com/recaptcha/api.js?onload=onloadCallback&render=explicit&hl=en';
  3996.            head.appendChild(script);
  3997.            if (typeof currentCaptchaForm != "undefined" && currentCaptchaForm !== null) {
  3998.                currentCaptchaForm.removeEventListener('click', reCaptchaOnFormClick, false);
  3999.            }
  4000.        }
  4001.  
  4002.  
  4003.        var onloadCallback = function (event) {
  4004.            var captcha = currentCaptchaForm.querySelectorAll('div[class=g-recaptcha]');
  4005.            if(captcha[0].id){
  4006.                captchaHolders[captcha[0].id] = grecaptcha.render(captcha[0].id, {
  4007.                    'sitekey': '6Lcqs2EUAAAAAH09armB9zEa4Fuyl-6XhDWzml_v'
  4008.                });
  4009.            }
  4010.        }
  4011.  
  4012.    </script>
  4013. <script>
  4014.    function respuesta() {
  4015.        var checkedTextArea = document.getElementsByClassName('g-recaptcha');
  4016.        var rcap = document.getElementsByTagName('recaptcha');
  4017.        for (var i = 0; i < checkedTextArea.length; i++) {
  4018.            if (checkedTextArea[i].value != '') {
  4019.                for (var index = 0; i < rcap.length; index++) {
  4020.                    rcap[index].setAttribute("value", "checked");
  4021.                }
  4022.            }
  4023.        }
  4024.    }
  4025.  
  4026.    $(document).ready(function(){
  4027.        $("#newsletter input[type=submit]").unbind('click');
  4028.        $("#newsletter input[type=submit]").click(function (event) {
  4029.  
  4030.            var formId = $(this.form).attr('id');
  4031.            var captchaHolderKey = formId + "-google-recaptcha";
  4032.  
  4033.            if (typeof captchaHolders[captchaHolderKey] != "undefined") {
  4034.                event.preventDefault();
  4035.  
  4036.                if (grecaptcha.getResponse(captchaHolders[captchaHolderKey]) === "") {
  4037.                    $("#" + formId).formValidation('validate');
  4038.                    $("#" + formId + " .security_question_label").addClass("has-error");
  4039.                    $("#" + formId + " #recaptcha_error").css("display", "block");
  4040.                    return false;
  4041.                } else {
  4042.                    $("#" + formId + " .security_question_label").removeClass("has-error");
  4043.                    $("#" + formId + " #recaptcha_error").css("display", "none");
  4044.                    respuesta();
  4045.                    $("#" + formId).submit();
  4046.                }
  4047.            }
  4048.        });
  4049.    });
  4050. </script></div><div class="form-group"><input type="hidden" name="bd_hpc" autocomplete="off" value class="form-control control-group " id="newsletter-element-18"/></div><div class="form-actions"><input type="submit" value="Subscribe Now" name class="btn btn-success btn-block btn-lg  bold " id="newsletter-element-19"/></div><input type='hidden' name='origin' value='/yorba-linda-ca-92887/ocrv-center-rv-collision-repair-paint-shop'></form><script type="text/javascript">jQuery(document).ready(function() { jQuery("#newsletter").bind("submit", function() {
  4051. });}); </script> </div>
  4052. <br>
  4053. </div>
  4054. </div>
  4055. </div>
  4056. </div>
  4057. </div>
  4058. </div>                <script src="https://www.optimizecdn.com/directory/cdn/bootstrap/formvalidation/current/dist/js/formValidation.min.js"></script>
  4059.                <script src="https://www.optimizecdn.com/directory/cdn/bootstrap/formvalidation/current/dist/js/framework/bootstrap.min.js"></script>
  4060.                <script type="text/javascript">
  4061.                    function decodeHtml(html) {
  4062.                        var txt = document.createElement("textarea");
  4063.                        txt.innerHTML = html;
  4064.                        return txt.value;
  4065.                    }
  4066.                </script>
  4067.                        <script type="text/javascript">
  4068.  
  4069.        var counterSubmit = 0;
  4070.        $(document).ready(function() {
  4071.            $('#member_login').formValidation({"framework":"bootstrap","fields":{"email":{"validators":{"notEmpty":{"message":"Required Field"},"emailAddress":{"message":"Please enter a valid email address"}}},"pass":{"validators":{"notEmpty":{"message":"Required Field"}}}}}).on('success.form.fv', function(e,fvdata) {
  4072.                
  4073.                if('member_login' == 'unsubscribe_email'){
  4074.                    return true;
  4075.                }
  4076.                // Prevent form submission
  4077.                e.preventDefault();
  4078.                $form = $(e.target),
  4079.                fv = $form.data('formValidation');
  4080.                var values = $(this).serialize();
  4081.  
  4082.                
  4083.                var locationFieldCorrect = true;
  4084.  
  4085.                if($("#member_login .location_required").length > 0){
  4086.                    $("#member_login .location_required").each(function (index) {
  4087.                        if($(this).data('state') == 1){
  4088.                            if($('#member_login input[name="lead_location"]').val() == "" || $('#member_login input[name="lat"]').val() == "" || $('#member_login input[name="lng"]').val() == "") {
  4089.                                locationFieldCorrect = false;
  4090.                            }
  4091.                        }
  4092.                    });
  4093.                }
  4094.  
  4095.                if(locationFieldCorrect === false){
  4096.                    //check that there is a latitude or longitude
  4097.                    swal(`Whoops!`, `The location information is required to submit this form`, "error");
  4098.                    return false;
  4099.                }
  4100.                        
  4101.  
  4102.                if (!$(this).attr("action")) {
  4103.                    var action = '';
  4104.  
  4105.                } else {
  4106.                    var action = $(this).attr("action");
  4107.                }
  4108.                if (!$(this).attr("method")) {
  4109.                    var method = 'post';
  4110.  
  4111.                } else {
  4112.                    var method = $(this).attr("method");
  4113.                }
  4114.                if (!$(this).attr("form_action_type")) {
  4115.                    var form_action_type = 'notification';
  4116.  
  4117.                } else {
  4118.                    var form_action_type = $(this).attr("form_action_type");
  4119.                }
  4120.                if (!$(this).attr("form_action_div")) {
  4121.                    var form_action_div = '#first_container';
  4122.  
  4123.                } else {
  4124.                    var form_action_div = $(this).attr("form_action_div");
  4125.                }
  4126.                if (!$(this).attr("return_data_type")) {
  4127.                    var return_data_type = 'json';
  4128.  
  4129.                } else {
  4130.                    var return_data_type = $(this).attr("return_data_type");
  4131.                }
  4132.                if ($("#member_login-notification").html() != "") {
  4133.                    $("#member_login-notification").remove();
  4134.                }
  4135.                if ($(this).find('input[type="submit"]').length > 0) {
  4136.                    $(this).find('input[type="submit"]').before('<div id="member_login-notification" class="alert"></div>');
  4137.  
  4138.                } else {
  4139.                    $(this).prepend('<div id="member_login-notification" class="alert"></div>');
  4140.                }
  4141.                var notification = $("#member_login-notification");
  4142.  
  4143.                if ((form_action_type == "" || form_action_type == "default") && action.indexOf("account") >= 0) {
  4144.                    notification.html(`Processing Request...`).addClass("alert-warning");
  4145.                    setTimeout(function(){
  4146.                        fv.defaultSubmit();
  4147.                    }, 100);
  4148.                } else {
  4149.                    notification.html(`Processing Request...`).addClass("alert-warning");
  4150.                    if(counterSubmit == 0) {
  4151.                        counterSubmit++;
  4152.  
  4153.                        var fields      = $(this).serializeArray();
  4154.                        var formField   = [];
  4155.                        var processData = true;
  4156.                        var contentType = "application/x-www-form-urlencoded; charset=UTF-8";
  4157.                        
  4158.                        
  4159.  
  4160.                        if($("#member_login input[type=file]").length > 0){
  4161.                            
  4162.                            var formObject  = new FormData();
  4163.                            processData     = false;
  4164.                            contentType     = false;
  4165.  
  4166.                            $(fields).each(function(index,field){
  4167.                                formField.push(field.name+"="+field.value);
  4168.                            });
  4169.  
  4170.                            values  = formField.join("&");
  4171.  
  4172.                            $(formField).each(function(index,fieldValue){
  4173.                                var fieldInfo = fieldValue.split('=');
  4174.                                formObject.append(fieldInfo[0],fieldInfo[1]);
  4175.                            });
  4176.  
  4177.                            $("#member_login input[type=file]").each(function(index,node){
  4178.                                var file = this.files[0];
  4179.                                if(typeof file != "undefined"){
  4180.                                    formObject.append("file_addon["+$(node).attr('name')+"]", file, file.name);
  4181.                                }
  4182.                            });
  4183.                        }else{
  4184.                            
  4185.                            $(fields).each(function(index,field){
  4186.                                formField.push(field.name+"="+encodeURIComponent(field.value));
  4187.                            });
  4188.  
  4189.                            var formObject  = formField.join("&");
  4190.                        }
  4191.                        
  4192.                        $.ajax({
  4193.                            url: action,
  4194.                            type: method,
  4195.                            data: formObject,
  4196.                            dataType: return_data_type,
  4197.                            processData: processData,
  4198.                            contentType: contentType,
  4199.                            success: function (data) {
  4200.                                if (return_data_type == "html") {
  4201.                                    var result = 'success';
  4202.  
  4203.                                    if (!data != "") {
  4204.                                        var result_widget = data['result_widget'];
  4205.                                    }
  4206.  
  4207.                                } else {
  4208.  
  4209.  
  4210.                                    if (!data['result']) {
  4211.                                        var result = 'error';
  4212.                                    } else {
  4213.                                        var result = data['result'];
  4214.                                    }
  4215.                                    if (!data['result_widget']) {
  4216.                                        var result_widget = '';
  4217.  
  4218.                                    } else {
  4219.                                        var result_widget = data['result_widget'];
  4220.                                    }
  4221.                                }
  4222.                                if (result == "success") {
  4223.  
  4224.                                    if (!data['message']) {
  4225.                                        var message = `Your information has submitted successfully!`;
  4226.  
  4227.                                    } else {
  4228.                                        var message = data['message'];
  4229.                                    }
  4230.                                    if (!data['redirect_url']) {
  4231.                                        var redirect_url = '';
  4232.  
  4233.                                    } else {
  4234.                                        var redirect_url = data['redirect_url'];
  4235.                                    }
  4236.  
  4237.  
  4238.  
  4239.                                    if (form_action_type == "notification") {
  4240.                                        notification.html(message + '<button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button>')
  4241.                                            .addClass('alert-dismissible')
  4242.                                            .addClass("alert-success")
  4243.                                            .removeClass("alert-danger")
  4244.                                            .removeClass("alert-warning")
  4245.                                        
  4246.                                            
  4247.  
  4248.                                        if(notification.parents('.modal').length && 'member_login' == 'whmcs_billing_address'){
  4249.                                            setTimeout(function(){
  4250.                                                notification.parents('.modal').modal('hide');
  4251.                                            }, 1000);
  4252.                                        }
  4253.  
  4254.                                    } else if (form_action_type == "widget") {
  4255.  
  4256.                                        if (result_widget != '') {
  4257.  
  4258.                                            setTimeout(function(){
  4259.                                                if(form_action_div != '.newsletter_modal_form_container'){
  4260.                                                    $("html, body").animate({ scrollTop: 0 }, 600);
  4261.                                                }                                                
  4262.                                                $(form_action_div).html(decodeHtml(result_widget)).text();
  4263.  
  4264.                                            }, 1000);
  4265.                                        }
  4266.  
  4267.                                    } else if (form_action_type == "redirect") {
  4268.  
  4269.                                        if (redirect_url == "") {
  4270.                                            redirect_url = decodeURIComponent("");
  4271.                                        }
  4272.  
  4273.                                        if (redirect_url.substring(0, 1) != "/" && redirect_url.substring(0, 1) != "h") {
  4274.                                            redirect_url = "/" + redirect_url;
  4275.                                        }
  4276.                                        current_location = "/yorba-linda-ca-92887/ocrv-center-rv-collision-repair-paint-shop";
  4277.                                        refresh_pages_string = "/login";
  4278.                                        refresh_pages_string = refresh_pages_string.replace(/ /g,'');
  4279.                                        refresh_pages_array = refresh_pages_string.split(',');
  4280.                                        notification.html(message)
  4281.                                            .addClass("alert-success")
  4282.                                            .removeClass("alert-danger")
  4283.                                            .removeClass("alert-warning")
  4284.                                            .delay(2000).slideUp();
  4285.                                            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" )){
  4286.                                                                                                    window.location.href = window.location.href+'?logged';
  4287.                                                                                            } else {
  4288.                                                window.location.href = redirect_url;
  4289.                                            }
  4290.  
  4291.                                        fv.resetForm(true);
  4292.                                    }
  4293.                                    if(form_action_div != '.newsletter_modal_form_container' && 'member_login' != 'whmcs_billing_address'){
  4294.                                        $('.modal-backdrop').hide();
  4295.                                    }
  4296.                                } else {
  4297.                                    if(typeof grecaptcha !== "undefined"){
  4298.                                        grecaptcha.reset();
  4299.                                    }
  4300.                                    if (!data['message']) {
  4301.                                        var message = `You entered invalid data. Please try to save again.`;
  4302.  
  4303.                                    } else {
  4304.                                        var message = data['message'];
  4305.                                    }
  4306.                                    $("#member_login-notification").html(message)
  4307.                                        .addClass("alert-danger")
  4308.                                        .removeClass("alert-success")
  4309.                                        .removeClass("alert-warning")
  4310.                                        .fadeIn();
  4311.                                    fv.disableSubmitButtons(false);
  4312.                                }
  4313.                                counterSubmit = 0;
  4314.                            },
  4315.                            error: function (e) {
  4316.                                
  4317.                                if(typeof grecaptcha !== "undefined"){
  4318.                                        grecaptcha.reset();
  4319.                                        $("#member_login-notification").html(`Recaptcha Error`);
  4320.                                } else {
  4321.                                    $("#member_login-notification").html(`A connection error occurred while saving. Please try to save again.`);
  4322.                                }
  4323.                                $("#member_login-notification").addClass("alert-warning")
  4324.                                    .removeClass("alert-success")
  4325.                                    .removeClass("alert-warning")
  4326.                                    .fadeIn();
  4327.                                counterSubmit = 0;
  4328.                            }
  4329.                        });/// End Ajax
  4330.                    }
  4331.                }//END else
  4332.            }).bind('keydown', function(event) {
  4333.  
  4334.                if (event.ctrlKey || event.metaKey) {
  4335.  
  4336.                    switch (String.fromCharCode(event.which).toLowerCase()) {
  4337.  
  4338.                        case 's':
  4339.                            $(this).submit();
  4340.                            break;
  4341.                    }
  4342.                }
  4343.            });
  4344.  
  4345.            /// This will turn any select2 that are required in the form builder to being required elements.
  4346.            $('#member_login select').each(function (i, obj) {
  4347.                setTimeout(function(){
  4348.                    if ($(obj).prop("required") && $(obj).attr("style") == "display: none;") {
  4349.                        $(obj).css("z-index","-999");
  4350.                        $(obj).css("height","0");
  4351.                        $(obj).css("width","0");
  4352.                        $(obj).css("display","block");  
  4353.                        $(obj).css("position","absolute");  
  4354.                    }
  4355.                }, 3000);
  4356.            });
  4357.  
  4358.        });//END $('# echo $_SERVER[form_element_id]; ').formValidation(
  4359.    </script>
  4360.            <script>
  4361.        window.addEventListener('load', (event) => {
  4362.            setTimeout(() => {
  4363.                    }, 501);
  4364.        });
  4365.    </script>
  4366. <script>
  4367.    function decision(message, url) {
  4368.        if (confirm(message)) {
  4369.            setTimeout(function () {
  4370.                window.location = url;
  4371.            }, 0);
  4372.        }
  4373.    }
  4374. </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] {
  4375.    cursor: wait
  4376. }
  4377. select.select2-preload {
  4378.    line-height: initial;
  4379. }
  4380.  
  4381. 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"] {
  4382.    -webkit-appearance: none;
  4383.    -moz-appearance: none;
  4384.    appearance: none;
  4385.    background-image: url(/images/select2ArrowDown.png) !important;
  4386.    background-repeat: no-repeat !important;
  4387.    background-size: 10px 9px !important;
  4388.    background-position: 99% 16px;
  4389.    border-radius: 6px;
  4390.    overflow: hidden;
  4391. }
  4392. .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"] {
  4393.    background-position: 98.2% 12px;
  4394. } </style>    <!-- DROPDOWN SELECT SCRIPT -->
  4395.    <!-- Select2 CSS Included in website-styles.pkgd.min.css -->
  4396.    <!--[if lt IE 9]>
  4397.    <script defer src="https://www.optimizecdn.com/directory/cdn/assets/html5shiv/3.7.2/html5shiv.min.js"></script>
  4398.    <script defer src="https://www.optimizecdn.com/directory/cdn/bootstrap/select2/master/js/respond.min.js"></script>
  4399.    <![endif]-->
  4400.    <script>
  4401.  
  4402.        var preloaded_ttid  = false;
  4403.        var preloaded_tid   = false;
  4404.        var preloaded_sid   = false;
  4405.        var path            = window.location.pathname.replace(/\//g, "_");
  4406.  
  4407.        if (performance.navigation.type !== 2) {
  4408.            if (sessionStorage.getItem('select2_ttid'+path) !== null) {
  4409.                sessionStorage.removeItem('select2-ttid'+path);
  4410.            }
  4411.  
  4412.            if (sessionStorage.getItem('select2-tid'+path) !== null) {
  4413.                sessionStorage.removeItem('select2-tid'+path);
  4414.            }
  4415.  
  4416.            if (sessionStorage.getItem('select2-sid'+path) !== null) {
  4417.                sessionStorage.removeItem('select2-sid'+path);
  4418.            }
  4419.  
  4420.        }else if(performance.navigation.type === 2){
  4421.            if (sessionStorage.getItem('select2-ttid'+path) !== null) {
  4422.                preloaded_ttid = sessionStorage.getItem('select2-ttid'+path);
  4423.            }
  4424.  
  4425.            if (sessionStorage.getItem('select2-tid'+path) !== null) {
  4426.                preloaded_tid = sessionStorage.getItem('select2-tid'+path);
  4427.            }
  4428.  
  4429.            if (sessionStorage.getItem('select2-sid'+path) !== null) {
  4430.                preloaded_sid = sessionStorage.getItem('select2-sid'+path);
  4431.            }
  4432.        }
  4433.  
  4434.        window.addEventListener('load', () => {
  4435.            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"]');
  4436.            if (typeof select2Inputs != "undefined") {
  4437.                for (let i = 0; i < select2Inputs.length; i++) {
  4438.                    let inputPlaceHolder = select2Inputs[i].getAttribute('placeholder');
  4439.                    if (!select2Inputs[i].getAttribute('placeholder')) {
  4440.                        inputPlaceHolder = select2Inputs[i].getAttribute('data-placeholder');
  4441.                    }
  4442.                    let countryCode = select2Inputs[i].getAttribute('data-country-code');
  4443.                    if (select2Inputs[i].getAttribute('data-country-code') != null && countryCode > 0 && typeof isoCountries != 'undefined') {
  4444.                        for (let c = 0; c < isoCountries.length; c++) {
  4445.                            if(isoCountries[c].id == countryCode){
  4446.                                //   select2Inputs[i].querySelector('option:first-child').text = isoCountries[c].text;
  4447.                                select2Inputs[i].text = isoCountries[c].text;
  4448.                            }
  4449.                        }
  4450.  
  4451.                    }
  4452.                    if(select2Inputs[i].hasAttribute('data-country-code')){
  4453.                        inputPlaceHolder = null; //reset the input
  4454.                    }
  4455.                    if (inputPlaceHolder != '' && inputPlaceHolder !== null) {
  4456.                        select2Inputs[i].querySelector('option:first-child').text = inputPlaceHolder;
  4457.                        select2Inputs[i].style.color = "#a8a8a8";
  4458.                        if(!select2Inputs[i].querySelector('option:first-child').hasAttribute('value')){
  4459.                            select2Inputs[i].querySelector('option:first-child').value='';
  4460.                        }
  4461.                    }
  4462.                    select2Inputs[i].classList.add("select2-preload");
  4463.                    select2Inputs[i].addEventListener('mousedown', select2OnFormClick, false);
  4464.                }
  4465.            }
  4466.        });
  4467.  
  4468.        function select2OnFormClick(event = false) {
  4469.            let elemtClicked = '';
  4470.            if (event !== false) {
  4471.                event.preventDefault();
  4472.                event.stopImmediatePropagation();
  4473.                elemtClicked = event.target;
  4474.                elemtClicked.disabled = true;
  4475.            }
  4476.  
  4477.            let loadScriptAsync = function (uri) {
  4478.                return new Promise((resolve, reject) => {
  4479.                    let script = document.createElement('script');
  4480.                    script.type = 'text/javascript';
  4481.                    script.src = uri;
  4482.                    script.async = true;
  4483.                    script.onload = function () {
  4484.                        if (event !== false) {
  4485.                            elemtClicked.disabled = false;
  4486.                            select2Initialize();
  4487.                            $(elemtClicked).select2('open');
  4488.                            $(elemtClicked).on("select2-close", function () {
  4489.                                setTimeout(function() {
  4490.                                    $('.select2-container-active').removeClass('select2-container-active');
  4491.                                    $(':focus').blur();
  4492.                                }, 1);
  4493.                            });
  4494.                            if (elemtClicked.hasAttribute('data-fv-field')) {
  4495.                                if (window.getComputedStyle(elemtClicked).display === "none") {
  4496.                                    // if element is display none, the formvalition can not read
  4497.                                    elemtClicked.style.cssText = "display: block;position: absolute;visibility: hidden !important;height: 0;width: 0;opacity: 0 !important;"
  4498.                                }
  4499.                            }
  4500.                        } else {
  4501.                            select2Initialize();
  4502.                        }
  4503.                        resolve("ok");
  4504.                    };
  4505.                    let head = document.getElementsByTagName('head')[0];
  4506.                    head.appendChild(script);
  4507.                });
  4508.            }
  4509.  
  4510.            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"]');
  4511.  
  4512.            if (typeof select2Inputs != "undefined") {
  4513.                for (let i = 0; i < select2Inputs.length; i++) {
  4514.                    let inputPlaceHolder = select2Inputs[i].getAttribute('placeholder');
  4515.                    if (!select2Inputs[i].getAttribute('placeholder')) {
  4516.                        inputPlaceHolder = select2Inputs[i].getAttribute('data-placeholder');
  4517.                    }
  4518.                    if(select2Inputs[i].hasAttribute('data-country-code')){
  4519.                        inputPlaceHolder = null; //reset the input
  4520.                    }
  4521.                    if (inputPlaceHolder != '' && inputPlaceHolder !== null) {
  4522.                        select2Inputs[i].querySelector('option:first-child').text = '';
  4523.                    }
  4524.                    select2Inputs[i].removeEventListener('mousedown', select2OnFormClick, false);
  4525.                }
  4526.            }
  4527.            let scriptLoaded = loadScriptAsync('https://www.optimizecdn.com/directory/cdn/bootstrap/select2/3.5.2/select2.min.js?v=3.5.5');
  4528.            return scriptLoaded;
  4529.        }
  4530.  
  4531.        function select2Initialize(){
  4532.            function getSecondLevel(div,id) {
  4533.                $("#" + div).select2("data", {
  4534.                    id: "",
  4535.                    text: "Loading..."
  4536.                });
  4537.                $.ajax({
  4538.                    url : '/ajaxsearch/get-services',
  4539.                    type : "GET",
  4540.                    data : {
  4541.                        'specialty_id' : id
  4542.                    },
  4543.                    dataType: "json",
  4544.                    success : function(data) {
  4545.                        var options = '';
  4546.  
  4547.                        for (var i = 0; i < data.length; i++) {
  4548.                            options += '<option value="' + data[i].value + '">' + data[i].title + '</option>';
  4549.                        }
  4550.                        if (div == "tid"){
  4551.                            $("#ttid").select2("data", {
  4552.                                id: "",
  4553.                                text: "No options available"
  4554.                            });
  4555.  
  4556.  
  4557.                            $("#ttid").select2("enable", false);
  4558.  
  4559.                            $("#" + div).change(function () {
  4560.                                sessionStorage.setItem("select2-tid"+path,$(this).val());
  4561.                            });
  4562.                        }
  4563.                        if (data.length > 1) {
  4564.                            $("#" + div).select2("enable",true);
  4565.                            $("#" + div).html(options);
  4566.                            $("#" + div).select2("val", "");
  4567.                            
  4568.                        } else {
  4569.                            $("#"+div).select2("data", {
  4570.                                id: "",
  4571.                                text: "No options available"
  4572.                            });
  4573.                            $("#"+div).select2("val", "");
  4574.                        }
  4575.  
  4576.                        if(div == 'tid' && preloaded_tid !== false){
  4577.                            $("#" + div).select2("val", preloaded_tid);
  4578.                        }
  4579.                    }
  4580.                });
  4581.            }
  4582.            function getSecondLevelAccount(div,id) {
  4583.                $("#" + div).select2("data", {
  4584.                    id: "",
  4585.                    text: "Loading..."
  4586.                });
  4587.                $.ajax({
  4588.                    url : '/ajaxsearch/get-services',
  4589.                    type : "GET",
  4590.                    data : {
  4591.                        'specialty_id' : id
  4592.                    },
  4593.                    dataType: "json",
  4594.                    success : function(data) {
  4595.                        var options = '';
  4596.  
  4597.                        for (var i = 0; i < data.length; i++) {
  4598.                            options += '<option value="' + data[i].value + '">' + data[i].title + '</option>';
  4599.                        }
  4600.                        if (data.length > 1) {
  4601.                            $("#" + div).select2("close");
  4602.                            $("#" + div).select2("val", "");
  4603.                            $("#" + div).select2("enable",true);
  4604.                            $("#" + div).html(options);
  4605.  
  4606.                            
  4607.                        } else {
  4608.                            $("#"+div).select2("data", {
  4609.                                id: "",
  4610.                                text: "No options available"
  4611.                            });
  4612.                            $("#"+div).select2("val", "");
  4613.                        }
  4614.                    }
  4615.                });
  4616.            }
  4617.            function getThirdLevel(div,id,id2) {
  4618.                $("#"+div).select2("data", {
  4619.                    id: "",
  4620.                    text: "Loading..."
  4621.                });
  4622.  
  4623.                $.ajax({
  4624.                    url : '/ajaxsearch/get-locations',
  4625.                    type : "GET",
  4626.                    data : {
  4627.                        'specialty_id' : id,
  4628.                        'treatment_id' : id2,
  4629.                    },
  4630.                    dataType: "json",
  4631.                    success : function(data) {
  4632.                        var options = '';
  4633.  
  4634.                        for (var i = 0; i < data.length; i++) {
  4635.                            options += '<option value="' + data[i].value + '">' + data[i].title + '</option>';
  4636.                        }
  4637.                        if (data.length > 1) {
  4638.                            $("#" + div).select2("enable",true);
  4639.                            $("#" + div).html(options);
  4640.                            $("#" + div).select2("val", "");
  4641.                            
  4642.                        } else {
  4643.                            $("#"+div).select2("data", {
  4644.                                id: "",
  4645.                                text: "No options available"
  4646.                            });
  4647.                            $("#"+div).select2("val", "");
  4648.                        }
  4649.                    }
  4650.                });
  4651.            }
  4652.            var current_country = '';
  4653.            function getStateList(div,id) {
  4654.                if (id != current_country) {
  4655.  
  4656.                    $("#"+div).select2("data", {
  4657.                        id: "",
  4658.                        text: "Loading..."
  4659.                    });
  4660.                    $.ajax({
  4661.                        url : '/ajaxsearch/get-states',
  4662.                        type : "GET",
  4663.                        data : {
  4664.                            'country' : id
  4665.                        },
  4666.                        dataType: "json",
  4667.                        success : function(data) {
  4668.                            $("#" + div).html(''); // clear options
  4669.  
  4670.  
  4671.                            if (data.length > 1) {
  4672.                                var options = '';
  4673.                                for (var i = 0; i < data.length; i++) {
  4674.                                    //  options += '<option value="' + data[i].value + '">' + data[i].title + '</option>';
  4675.                                    var newOption = new Option(data[i].title, data[i].value, false, false);
  4676.                                    $("#" + div).append(newOption).trigger('change');
  4677.  
  4678.                                }
  4679.  
  4680.                                $("#" + div).select2("enable",true);
  4681.                                //$("#" + div).html(options);
  4682.                                $("#" + div).prop("disabled", false);
  4683.                                $("#" + div).select2("val", "");
  4684.                                $("#" + div).select2("open");
  4685.                            }
  4686.                        }
  4687.                    });
  4688.                } else {
  4689.                    $("#" + div).select2("val", "");
  4690.                }
  4691.            }
  4692.            function getInfinityChained(div,id) {
  4693.                $("#"+div).select2("data", {
  4694.                    id: "",
  4695.                    text: "Loading..."
  4696.                });
  4697.                $.ajax({
  4698.                    url : '/ajaxsearch/get-subcategory',
  4699.                    type : "GET",
  4700.                    data : {
  4701.                        'parent' : id
  4702.                    },
  4703.                    dataType: "json",
  4704.                    success : function(data) {
  4705.                        var options = '';
  4706.  
  4707.                        for (var i = 0; i < data.length; i++) {
  4708.                            options += '<option value="' + data[i].value + '">' + data[i].title + '</option>';
  4709.                        }
  4710.                        if (data.length > 1) {
  4711.                            $("#" + div).select2("enable",true);
  4712.                            $("#" + div).html(options);
  4713.                            if(div == 'tid' && '' != ''){
  4714.                                $("#" + div).select2("val", "");
  4715.                            } else if(div == 'tid' && preloaded_tid !== false){
  4716.                                $("#" + div).select2("val", preloaded_tid);
  4717.                            }else {
  4718.                                $("#" + div).select2("val", "");
  4719.                            }
  4720.  
  4721.  
  4722.  
  4723.                            
  4724.                        } else {
  4725.                            $("#" + div).select2("data", {
  4726.                                id: "",
  4727.                                text: "No options available"
  4728.                            });
  4729.                        }
  4730.                    }
  4731.                });
  4732.            }
  4733.            function categoryChained(div,id) {
  4734.                $("#" + div).select2("data", {
  4735.                    id: "",
  4736.                    text: "Loading..."
  4737.                });
  4738.                if(div == "tid") {
  4739.                    url_link = '/ajaxsearch/get-services'
  4740.                    data_passed = {'specialty_id' : id}
  4741.                } else {
  4742.                    url_link = '/ajaxsearch/category-list';
  4743.                    data_passed = {'parent' : id} ;
  4744.                }
  4745.  
  4746.                var selectName = $("select[next="+div+"]").prop("name");
  4747.  
  4748.  
  4749.                if( (selectName == "ttid" || selectName == "sid" || selectName == "tid") ){
  4750.  
  4751.                    sessionStorage.setItem("select2-"+selectName+path,id);
  4752.                }
  4753.  
  4754.                $.ajax({
  4755.                    url : url_link,
  4756.                    type : "GET",
  4757.                    data : data_passed,
  4758.                    dataType: "json",
  4759.                    success : function(data) {
  4760.                        var options = '';
  4761.  
  4762.                        for (var i = 0; i < data.length; i++) {
  4763.                            options += '<option value="' + data[i].value + '">' + data[i].title + '</option>';
  4764.                        }
  4765.  
  4766.                        if (data.length > 1) {
  4767.                            $("#" + div).select2("enable",true);
  4768.                            $("#" + div).html(options);
  4769.  
  4770.                            if(div == "ttid" && preloaded_ttid !== false){
  4771.                                $("#" + div).select2("val", preloaded_ttid);
  4772.                                $("#" + div).trigger('change');
  4773.                            }else if(div == "tid" && preloaded_tid !== false){
  4774.                                $("#" + div).select2("val", preloaded_tid);
  4775.                                $("#" + div).trigger('change');
  4776.                            }else{
  4777.                                $("#" + div).select2("val", "");
  4778.                            }
  4779.  
  4780.  
  4781.                            
  4782.                        } else {
  4783.                            $("#" + div).select2("data", {
  4784.                                id: "",
  4785.                                text: "No options available"
  4786.                            });
  4787.                        }
  4788.                    }
  4789.                });
  4790.            }
  4791.            function formatCountry(country) {
  4792.                if (!country.id && country.text.includes("+")) {
  4793.                    let dataCountry = country.text;
  4794.                    dataCountry = dataCountry.split('+')
  4795.                    country.code = dataCountry[0].trim();
  4796.                    country.id = dataCountry[1].trim();
  4797.                    return country;
  4798.                } else if (!country.code) {
  4799.                    return country.text;
  4800.                }
  4801.                var $country = $(
  4802.                    '<span class="flag-icon flag-icon-' + country.code.toLowerCase() + ' flag-icon-squared"></span>' +
  4803.                    '<span class="flag-text" style="margin-left:10px;">' + country.text + '</span>'
  4804.                );
  4805.                return $country;
  4806.            }
  4807.  
  4808.            let phoneCountryCode = document.querySelector("[name^='bd_phone_country_code']");
  4809.            if (typeof phoneCountryCode != 'undefined' && phoneCountryCode != null && typeof isoCountries != 'undefined') {
  4810.                $("[name^='bd_phone_country_code']").select2({
  4811.                    placeholder:`Country`,
  4812.                    data:isoCountries,
  4813.                    searchInputPlaceholder: `Enter Country Code`,
  4814.                    formatResult : formatCountry,
  4815.                    dropdownAutoWidth: true,
  4816.                    width: "resolve",
  4817.                }).on("select2-opening", function (e) {
  4818.                    if (typeof e.currentTarget.attributes['data-default-country-code'] !== "undefined") {
  4819.                        $(this).val(e.currentTarget.attributes['data-default-country-code'].value)
  4820.                            .removeAttr("data-default-country-code")
  4821.                            .trigger('change')
  4822.                            .trigger('open');
  4823.                    }
  4824.                }).change(function (e) {
  4825.                    let select2Span = $(this).attr('id');
  4826.                    if (e.val) {
  4827.                        $('#'+$(this).attr('id')+'--flag').remove();
  4828.                        $('#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>')
  4829.                    }else{
  4830.                        $('#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>')
  4831.                    }
  4832.                    $(this).removeAttr("data-default-country-flag");
  4833.  
  4834.                });
  4835.            }
  4836.            $("#bd-chained").select2({
  4837.                title: "Select An Option",
  4838.                placeholder: "Select An Option",
  4839.                allowClear: true,
  4840.                formatNoMatches: function () {
  4841.                    return "No matches found";
  4842.                }
  4843.            }).change(function () {
  4844.                var id = $(this).val();
  4845.                $("#tid").select2("enable",false);
  4846.                getInfinityChained("tid",id);
  4847.                            });
  4848.            $("#category-chained").select2({
  4849.                title: "Select An Option",
  4850.                placeholder: "Select An Option",
  4851.                allowClear: true
  4852.            }).change(function () {
  4853.                var id = $(this).val();
  4854.                $("#subcategory-chained").select2("enable",false);
  4855.                categoryChained("subcategory-chained",id);
  4856.                            });
  4857.  
  4858.            $(".select-category-chained").select2({
  4859.                title: "Select An Option",
  4860.                placeholder: "Select An Option",
  4861.                allowClear: true
  4862.            })
  4863.            $(".infinite-chained").select2({
  4864.                title: "Select option from list",
  4865.                placeholder: "Click to select an option",
  4866.                allowClear: true,
  4867.                formatNoMatches: function () {
  4868.                    return "No matches found";
  4869.                }
  4870.            }).change(function () {
  4871.                var id          = $(this).val();
  4872.                var attr        = $(this).attr('next');
  4873.                var selectName  = $(this).prop('name');
  4874.                if ( selectName=='ttid' || attr =='ttid' ) {
  4875.                    $("#" + attr).select2("enable",false);
  4876.                    categoryChained(attr,id);
  4877.                                        sessionStorage.setItem("select2-"+selectName+path,id);
  4878.                }
  4879.            }).on("select2-close", function () {
  4880.                setTimeout(function() {
  4881.                    $('.select2-container-active').removeClass('select2-container-active');
  4882.                    $(':focus').blur();
  4883.                }, 1);
  4884.            });
  4885.            $("#subcategory-chained").select2();
  4886.            $(".combobox").select2();
  4887.            $(".search-chained").select2();
  4888.  
  4889.            $("select#country-chained").select2({
  4890.                title: "",
  4891.                placeholder: "",
  4892.                val: "",
  4893.                allowClear: true,
  4894.                formatNoMatches: function () {
  4895.                    return "No matches found";
  4896.                }
  4897.            }).change(function () {
  4898.                var id = $(this).val();
  4899.                $("#state-chained").select2("enable",false);
  4900.                getStateList("state-chained",id);
  4901.                var state = "";
  4902.  
  4903.                if (id == "CA") {
  4904.                    state = "Province";
  4905.  
  4906.                } else if (id == "UK") {
  4907.                    state = "Region";
  4908.  
  4909.                } else if (id == "US" || id == "AU") {
  4910.                    state = "State";
  4911.  
  4912.                } else {
  4913.                    state = "Region";
  4914.                }
  4915.                $("#state-chained").prev(".control-label").text(state);
  4916.            });
  4917.            $("#state-chained").select2();
  4918.  
  4919.            $("#state-chained").on("select2-open", function(event) {
  4920.                event.preventDefault();
  4921.                var id = $("#country-chained").val();
  4922.                var count = $('#state-chained option').length;
  4923.  
  4924.                if (id != "" && count < 2) {
  4925.                    $("#state-chained").select2("enable",false);
  4926.                    getStateList("state-chained",id);
  4927.                    var state = "";
  4928.  
  4929.                    if (id == "CA") {
  4930.                        state = "Province";
  4931.  
  4932.                    } else if (id == "UK") {
  4933.                        state = "Region";
  4934.  
  4935.                    } else if (id == "US" || id == "AU") {
  4936.                        state = "State";
  4937.  
  4938.                    } else {
  4939.                        state = "Region";
  4940.                    }
  4941.                    $("#state-chained").prev(".control-label").text(state);
  4942.                }
  4943.            });
  4944.  
  4945.            $("#country-chained-2").select2({
  4946.                title: "Select Country",
  4947.                placeholder: "(select country)",
  4948.                val: "",
  4949.                allowClear: true,
  4950.                formatNoMatches: function () {
  4951.                    return "No matches found";
  4952.                }
  4953.            }).change(function () {
  4954.                var id = $(this).val();
  4955.                $("#state-chained-2").select2("enable",false);
  4956.                getStateList("state-chained-2",id);
  4957.                var state = "";
  4958.  
  4959.                if (id == "CA") {
  4960.                    state = "Province";
  4961.  
  4962.                } else if (id == "UK") {
  4963.                    state = "Region";
  4964.  
  4965.                } else if (id == "US" || id == "AU") {
  4966.                    state = "State";
  4967.  
  4968.                } else {
  4969.                    state = "Region";
  4970.                }
  4971.                $("#state-chained-2").prev(".control-label").text(state);
  4972.            });
  4973.  
  4974.            $("#state-chained-2").select2();
  4975.            $("#profession_id").select2({
  4976.                placeholder: "Select From List",
  4977.                allowClear: true,
  4978.                formatNoMatches: function () {
  4979.                    return "No matches found";
  4980.                }
  4981.            }).change(function () {
  4982.                var id = $(this).val();
  4983.                getSecondLevelAccount("category_id",id);
  4984.                            });
  4985.                        $("#sid").select2({
  4986.                title: "Select An Option",
  4987.                placeholder: "Select An Option",
  4988.                allowClear: true,
  4989.                formatNoMatches: function () {
  4990.                    return "No matches found";
  4991.                }
  4992.            }).change(function () {
  4993.                var id = $(this).val();
  4994.                $("#tid").select2("enable",false);
  4995.                getSecondLevel("tid",id);
  4996.                $("#tid").select2("open");
  4997.                sessionStorage.setItem("select2-sid"+path,id);
  4998.            });
  4999.            $("#location_value_dropdown").select2({
  5000.                title: "(optional)",
  5001.                placeholder: "(optional)",
  5002.                allowClear: true,
  5003.                formatNoMatches: function () {
  5004.                    return "No matches found";
  5005.                }
  5006.            });
  5007.            $("#tid").select2({
  5008.                title: "Select An Option",
  5009.                placeholder: "Select An Option",
  5010.                allowClear: true,
  5011.                formatNoMatches: function () {
  5012.                    return "No matches found";
  5013.                }
  5014.                            });
  5015.            $("#location_value_dropdown").select2({
  5016.                title: "(optional)",
  5017.                placeholder: "(optional)",
  5018.                allowClear: true
  5019.            });
  5020.        }
  5021.  
  5022.        if(preloaded_ttid !== false || preloaded_tid !== false || preloaded_sid !== false){
  5023.            $(document).ready(function(){
  5024.                if(preloaded_sid !== false && $("#sid").length > 0){
  5025.                    select2OnFormClick();
  5026.                    setTimeout(() => {
  5027.                        $("#sid").select2('val', preloaded_sid);
  5028.                        $('#sid').trigger('change');
  5029.                    }, 500);
  5030.                }else if(preloaded_tid !== false && $("#sid").length <= 0){
  5031.                    select2OnFormClick();
  5032.                    setTimeout(() => {
  5033.                        $("#tid").select2('val', preloaded_tid);
  5034.                        $('#tid').trigger('change');
  5035.                    }, 500);
  5036.                }
  5037.            });
  5038.        }
  5039.    </script>
  5040. <script>
  5041.    // Function to add aria-label to <select> elements without it, for better pagespeed accessibility score
  5042.    $(document).ready(function() {
  5043.        var ariaLabelCounter = {}; // Object to keep track of aria-label counts for uniqueness
  5044.  
  5045.        // Iterate over each select element that does not have an aria-label
  5046.        $('select:not([aria-label])').each(function() {
  5047.            // Use the ID or placeholder as the base for the aria-label, stripping HTML tags
  5048.            var baseLabel = this.id || $(this).attr('placeholder') || 'select';
  5049.            baseLabel = baseLabel.replace(/<[^>]*>/g, '').trim(); // Remove HTML tags and trim
  5050.  
  5051.            // Ensure uniqueness of each aria-label
  5052.            ariaLabelCounter[baseLabel] = (ariaLabelCounter[baseLabel] || 0) + 1;
  5053.            var ariaLabel = baseLabel + '-' + ariaLabelCounter[baseLabel];
  5054.  
  5055.            // Truncate aria-label to 100 characters
  5056.            ariaLabel = ariaLabel.length > 100 ? ariaLabel.substring(0, 100) : ariaLabel;
  5057.  
  5058.            // Set the aria-label attribute to the unique label
  5059.            $(this).attr('aria-label', ariaLabel);
  5060.        });
  5061.    });
  5062. </script>
  5063. <style type='text/css'> .input-group.normal-autosuggest input,.input-group.sm-autosuggest input, .input-group.md-autosuggest input {
  5064. border-radius: 0 3px 3px 0 !important;
  5065. box-shadow: none;
  5066. }
  5067. .normal-autosuggest .twitter-typeahead, .sm-autosuggest .twitter-typeahead, .md-autosuggest .twitter-typeahead, .large-autosuggest .twitter-typeahead {
  5068. display: inline-block;
  5069. height: 25px;
  5070. position: relative;
  5071. width: 100%;
  5072. }
  5073. .input-group.normal-autosuggest .twitter-typeahead, .input-group.sm-autosuggest .twitter-typeahead, .input-group.large-autosuggest .twitter-typeahead:not(.search_box .twitter-typeahead) {
  5074. width: inherit;
  5075. }
  5076. .normal-autosuggest .twitter-typeahead .clear_content.medium{
  5077. bottom: 0px;
  5078. }
  5079. .sm-autosuggest .twitter-typeahead .clear_content.small{
  5080. bottom: -4px;
  5081. }
  5082. .md-autosuggest.input-group .twitter-typeahead .clear_content.medium  {
  5083.    bottom: -2px;
  5084. }
  5085. .md-autosuggest .twitter-typeahead {
  5086. height: 32px;
  5087. }
  5088. .md-autosuggest  .input-group-addon  + .input_wrapper .twitter-typeahead {
  5089. height: 29px;
  5090. }
  5091. .md-autosuggest-input + .clear_content.medium {
  5092.    bottom: 0px;
  5093. }
  5094. .large-autosuggest .twitter-typeahead {
  5095. height: 40px;
  5096. }
  5097. .normal-autosuggest .twitter-typeahead{
  5098. height: 34px;
  5099. }
  5100. .normal-autosuggest .twitter-typeahead .tt-hint, .sm-autosuggest .twitter-typeahead .tt-hint {
  5101. background: #fff !important;
  5102. border: 1px solid #ccc!important;
  5103. border-radius: 0 4px 4px 0;
  5104. box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset!important;
  5105. color: transparent;
  5106. left: 0;
  5107. padding: 4px 11px;
  5108. position: absolute;
  5109. top: 0;
  5110. width: 100%;
  5111. font-size:12px;
  5112. }
  5113. .normal-autosuggest.input-group-addon .fa, .sm-autosuggest .input-group-addon .fa {font-size:12px}
  5114. .md-autosuggest .twitter-typeahead .tt-hint {
  5115. height: 100%;
  5116. background: #ffffff none repeat scroll 0 0 !important;
  5117. border: 1px solid #cccccc !important;
  5118. border-radius: 0 4px 4px 0;
  5119. box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset !important;
  5120. color: rgba(0, 0, 0, 0);
  5121. left: 0;
  5122. padding: 6px 11px;
  5123. position: absolute;
  5124. top: 0;
  5125. width: 100%;
  5126. }
  5127. .large-autosuggest {background: #fff !important;border-radius:6px;}
  5128. .large-autosuggest input {width: 100%!important;box-shadow:none; border-radius: 6px;}
  5129. .input-group.large-autosuggest input,.input-group.large-autosuggest .twitter-typeahead .tt-hint {
  5130. border-radius: 0 6px 6px 0!important;
  5131. }
  5132. .large-autosuggest .twitter-typeahead .tt-hint {
  5133. background: #fff !important;
  5134. border: 1px solid #ccc!important;
  5135. border-radius: 6px;
  5136. box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset!important;
  5137. color: transparent;
  5138. left: 0;
  5139. position: absolute;
  5140. top: 0;
  5141. width: 100%;
  5142. font-size: 18px;
  5143. height: 46px;
  5144. line-height: 1.33333;
  5145. padding: 10px 15px;
  5146. }
  5147. .tt-dataset .empty-message {
  5148. display: none !important;
  5149. }
  5150. .twitter-typeahead .tt-query {background-color:#fff!important}
  5151. .input-group.large-autosuggest span:first-child .tt-hint {border-radius: 0 !important;}
  5152. span.tt-dropdown-menu {
  5153. border: 1px solid #FCFCFC;
  5154. border-radius: 5px;
  5155. box-shadow: 0 5px 10px rgba(0,0,0,.2);
  5156. width: 100% !important;
  5157. }
  5158. .tt-is-under-cursor a.suggest-link {
  5159. background: #55ACEE;
  5160. }
  5161. .tt-is-under-cursor .media-heading,
  5162. .tt-is-under-cursor .suggest-origin,
  5163. .tt-is-under-cursor .location{
  5164. color:#fff!important;
  5165. }
  5166. .tt-suggestion .media .media-body .suggest-origin {
  5167. color: rgba(45, 91, 137,0.9);
  5168. padding: 1px 0;
  5169. border-radius: 6px;
  5170. font-weight: bold;
  5171. line-height: 12px;
  5172. }
  5173. .tt-suggestion {
  5174. background: #fff;
  5175. border-bottom: 1px solid #eee;
  5176. -webkit-transition: all 0.3s ease-in-out;
  5177. -moz-transition: all 0.3s ease-in-out;
  5178. -o-transition: all 0.3s ease-in-out;
  5179. transition: all 0.3s ease-in-out;
  5180. }
  5181. body .tt-suggestions .media.br-bottom img {
  5182. max-width: 45px;
  5183. height: auto;
  5184. }
  5185. body .tt-suggestions .media-body span {
  5186. font-size: 10px;
  5187. }
  5188. body .tt-suggestions .media-body h4 {
  5189. font-size: 12px;
  5190. margin: 2px 0px;
  5191. text-transform: capitalize;
  5192. }
  5193. a.suggest-link {
  5194. padding: 5px;
  5195. display: block;
  5196. }
  5197. a.suggest-link img {
  5198. border-radius: 100px;
  5199. display: block;
  5200. margin: 0 auto;
  5201. height: 100%!important;
  5202. width: 100%;
  5203. object-fit: cover;
  5204. }
  5205. .left-suggest-col {
  5206. display: inline-block;
  5207. vertical-align: middle;
  5208. width: 44px;
  5209. height: 44px;
  5210. }
  5211. .right-suggest-col {
  5212. display: inline-block;
  5213. padding-left: 1%;
  5214. text-align: left;
  5215. vertical-align: middle;
  5216. width: calc(100% - 1% - 50px);
  5217. }
  5218. p.media-heading {
  5219. color: #333;
  5220. font-size: 12px;
  5221. font-weight: 600;
  5222. margin-bottom: 0;
  5223. }
  5224. p.suggest-origin {
  5225. font-size: 10px;
  5226. color: #333;
  5227. margin:0;
  5228. }
  5229. p.location {
  5230. color: #333;
  5231. font-size: 10px;
  5232. margin: 2px 0;
  5233. }
  5234. body .tt-is-under-cursor a.suggest-link {
  5235. background: #F7F7F7;
  5236. }
  5237. body .tt-is-under-cursor .media-heading, body .tt-is-under-cursor .suggest-origin, body .tt-is-under-cursor .location {
  5238. color: #333!important;
  5239. }
  5240. body .tt-is-under-cursor a.suggest-link[data-heading="heading"] {
  5241. background: rgb(238, 238, 238);
  5242. }
  5243. /* --- all the novalue css --- */
  5244. a.suggest-link .suggest-origin[data-state="novalue"] {
  5245. display: none;
  5246. }
  5247. a.suggest-link .location[data-state="novalue"] {
  5248. display: none;
  5249. }
  5250. a.suggest-link img[data-state="novalue"] {
  5251. display: none;
  5252. }
  5253. a.suggest-link .suggest-origin[data-state="heading"] {
  5254. display: none;
  5255. }
  5256. a.suggest-link .media-heading[data-heading="heading"] {
  5257. color:rgb(86, 90, 92)!important;
  5258. font-weight: bold;
  5259. padding: 4px;
  5260. font-size: 13px;
  5261. }
  5262. .left-suggest-col[data-photo="novalue"], .left-suggest-col[data-photo="undefined"] {
  5263. display: none;
  5264. }
  5265. .right-suggest-col[data-photo="novalue"], .right-suggest-col[data-photo="undefined"] {
  5266. width: 100%;
  5267. }
  5268. a.suggest-link[href="novalue"] {
  5269. cursor: default !important;
  5270. pointer-events: none;
  5271. }
  5272. a.suggest-link[data-heading="heading"] {
  5273. background-color: rgb(238, 238, 238);
  5274. }
  5275. div.content-shell {
  5276. overflow: inherit;
  5277. }
  5278. span.tt-dropdown-menu div {
  5279. float: none;
  5280. }
  5281. .tt-menu {
  5282. border-radius: 0 0 6px 6px;
  5283. box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
  5284. overflow: hidden;
  5285. width: 100%;
  5286. }
  5287. .tt-menu .tt-dataset {
  5288.    overflow-y: auto;
  5289.    max-height: 200px;
  5290. } </style>        <script type="text/javascript">
  5291.            
  5292.            if (typeof decodeHtml != "function") {
  5293.                function decodeHtml(html) {
  5294.                    var txt = document.createElement("textarea");
  5295.                    txt.innerHTML = html;
  5296.                    return txt.value;
  5297.                }
  5298.            }
  5299.                        function initializeTypeheadClassifieds_search() {
  5300.                var classifieds_searchEngine = new Bloodhound({
  5301.                    initialize: false,
  5302.                    datumTokenizer: function (d) {
  5303.                        return Bloodhound.tokenizers.whitespace(value);
  5304.                    },
  5305.                    queryTokenizer: Bloodhound.tokenizers.whitespace,
  5306.                    remote: {
  5307.                        url: `/api/suggest/json/get/6,users_portfolio_groups,Classifieds,1,1,1,1,1,3?tID=27&q=%QUERY`,
  5308.                        wildcard: '%QUERY',
  5309.                        filter: function (response) {
  5310.  
  5311.                            if (response != null) {
  5312.                                //var response = response.slice(1);
  5313.                                $.each(
  5314.                                    response, function (key, value) {
  5315.                                        response[key]['value'] = decodeHtml(value['value']);
  5316.                                        response[key]['comes_f'] = decodeHtml(value['comes_f']);
  5317.                                        response[key]['location'] = decodeHtml(value['location']);
  5318.  
  5319.                                        if (response[key]['value'].indexOf('-/-') >= 0) {
  5320.                                            var splitResult = response[key]['value'].split('-/-');
  5321.                                            response[key]['value'] = splitResult[0];
  5322.                                        }
  5323.                                    }
  5324.                                );
  5325.  
  5326.                            } else {
  5327.                                response = {error: "null"};
  5328.                            }
  5329.  
  5330.                            return response;
  5331.                        }
  5332.                    }
  5333.                });
  5334.                var classifieds_searchDataSrc = classifieds_searchEngine.initialize();
  5335.  
  5336.                classifieds_searchDataSrc
  5337.                    .done(function () { /*console.log('Autosuggestions engine initialized.'); */
  5338.                    })
  5339.                    .fail(function () { /*console.log('err, something went wrong while initializing autosuggestions engine:(');*/
  5340.                    })
  5341.  
  5342.                $('.classifieds_search').typeahead({
  5343.                        minLength:  2,
  5344.                        highlight: true,
  5345.                        hint: false                    },
  5346.                    {
  5347.                        display: 'value',
  5348.                        source: classifieds_searchEngine.ttAdapter(),
  5349.                        limit: 5,
  5350.                        templates: {
  5351.                            empty: [
  5352.                                '<div class="empty-message">',
  5353.                                'Result not found',
  5354.                                '</div>'
  5355.                            ].join(" "),
  5356.                            notFound: [
  5357.                                '<div class="notFound-message">',
  5358.                                'Result not found',
  5359.                                '</div>'
  5360.                            ].join(" "),
  5361.                            suggestion: function (data) {
  5362.  
  5363.                                if (data == "null") {
  5364.                                    strTemplate = '<div class="empty-message">Result not found</div>';
  5365.  
  5366.                                } else {
  5367.                                    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> ';
  5368.  
  5369.                                    if ((data.link == undefined) || (data.link == "") || (data.link == "novalue")) {
  5370.                                        strTemplate = strTemplate.replace(/href=".*?"/, "href='#'");
  5371.                                    }
  5372.  
  5373.                                    if ((data.photo == undefined) || (data.photo == "") || (data.photo == "novalue")) {
  5374.                                        strTemplate = strTemplate.replace(/<img src=".*?>/, "");
  5375.                                    }
  5376.                                }
  5377.  
  5378.                                return strTemplate;
  5379.                            }
  5380.                        },
  5381.                    }).on('typeahead:selected', function (obj, datum) {
  5382.                    /*
  5383.                    console.log(obj);
  5384.                    console.log(datum);
  5385.                    */
  5386.                });
  5387.  
  5388.                $('.classifieds_search').each(function () {
  5389.                    var inputWidth = $(this).outerWidth();
  5390.                    $(this).siblings('.tt-dropdown-menu').css('width', inputWidth + 'px');
  5391.                });
  5392.            }
  5393.        </script>
  5394.            <script>
  5395.        let typeheadElement = '.classifieds_search';
  5396.        let TypeheadNameListFunction = 'initializeTypeheadClassifieds_search';
  5397.        let typeheadFormElement = undefined;
  5398.        window.addEventListener('load', () => {
  5399.            if(typeheadElement.length > 1) {
  5400.                typeheadFormElement = document.querySelectorAll(typeheadElement);
  5401.            }
  5402.            if (typeof typeheadFormElement != "undefined") {
  5403.                for (let i = 0; i < typeheadFormElement.length; i++) {
  5404.                    let closestForm = typeheadFormElement[i].closest('form');
  5405.                    if (typeof closestForm != "undefined" && closestForm != null) {
  5406.                        closestForm.addEventListener('focus', typeheadFormClick, false);
  5407.                    }
  5408.                    typeheadFormElement[i].addEventListener('focus', typeheadFormClick, false);
  5409.                }
  5410.            }
  5411.        });
  5412.        function initializeTypehead(){
  5413.            let splitFunctionNames= TypeheadNameListFunction.split(',');
  5414.            for ( let funcName of splitFunctionNames)
  5415.                if (typeof funcName != 'function') {
  5416.                    window[funcName](); // execute the function
  5417.  
  5418.                }
  5419.        }
  5420.        function typeheadFormClick(event) {
  5421.  
  5422.            let head = document.getElementsByTagName('head')[0];
  5423.            let script = document.createElement('script');
  5424.            let elementClicked = event.target;
  5425.            script.type = 'text/javascript';
  5426.            script.src = "https://cdnjs.cloudflare.com/ajax/libs/corejs-typeahead/0.11.1/typeahead.bundle.min.js";
  5427.            script.onload = function () {
  5428.                initializeTypehead();
  5429.                elementClicked.focus();
  5430.            };
  5431.            head.appendChild(script);
  5432.            if (typeof typeheadFormElement != "undefined") {
  5433.                for (let i = 0; i < typeheadFormElement.length; i++) {
  5434.                    let closestForm = typeheadFormElement[i].closest('form');
  5435.                    if (typeof closestForm != "undefined" && closestForm != null) {
  5436.                        closestForm.removeEventListener('focus', typeheadFormClick, false);
  5437.                    }
  5438.                    typeheadFormElement[i].removeEventListener('focus', typeheadFormClick, false)
  5439.                }
  5440.            }
  5441.        }
  5442.  
  5443.  
  5444.    </script>
  5445.  
  5446.    <script>
  5447.    window.addEventListener('load', () => {
  5448.        let embedlyClass = document.querySelector('.fr-embedly');
  5449.        if (typeof embedlyClass != "undefined" && embedlyClass != null) {
  5450.            let embedlyURI = "https://www.optimizecdn.com/directory/cdn/assets/bootstrap/js/embedly_widget.min.js";
  5451.            let head = document.getElementsByTagName("head")[0];
  5452.            let script = document.createElement('script');
  5453.            script.type = 'text/javascript';
  5454.            script.src = embedlyURI;
  5455.            script.async = true;
  5456.            head.appendChild(script);
  5457.        }
  5458.    });
  5459. </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>
  5460.                            $(function () {
  5461.                                $(".lazyloader").Lazy({
  5462.                                    afterLoad: function(element) {
  5463.                                        $(".gridView.activeView").click();
  5464.                                    }
  5465.                                });
  5466.                                
  5467.                            });
  5468.                            $("button[class*='slick'],button[id*='slick']").click(function () {
  5469.                              $(this).parents(".row").find(".lazyloader").lazy({
  5470.                                    bind: "event",
  5471.                                    delay: 0
  5472.                                });
  5473.                            });
  5474.                            $("[class*='slick'],[id*='slick']").on("swipe",function(){
  5475.                              $(this).parents(".row").find(".lazyloader").lazy({
  5476.                                    bind: "event",
  5477.                                    delay: 0
  5478.                                });
  5479.                            });
  5480.                        </script><script defer src="https://www.optimizecdn.com/directory/cdn/assets/bootstrap/js/websiteScripts.min.js?v=0.4"></script>
  5481.            </body>
  5482.        </html>
Copyright © 2002-9 Sam Ruby, Mark Pilgrim, Joseph Walton, and Phil Ringnalda