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: https://techdirectory.io/united-states/yorba-linda/automotive/ocrv-paint-service

  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/Techdirectory-favicon.png">
  13.    <link rel="icon" type="image/png" href="/images/Techdirectory-favicon.png">
  15.    <!-- Site Meta Data -->
  16.    <title>OCRV Paint &amp; Service - Automotive - Tech Directory</title>
  17.    <meta name="description" content="Connect with OCRV Paint & Service, Automotive in Yorba Linda, California. Find OCRV Paint & Service reviews and more. ">
  18.    <meta name="keywords" content="Technology Business,Technology Businesses,OCRV Paint & Service,Tech Directory,Yorba Linda, California,Automotive,Automotives">
  19.    <meta name="robots" content="index, follow">
  20.  
  21.    <!-- Canonical URL -->
  22. <link rel="canonical" href="https://www.techdirectory.io/united-states/yorba-linda/automotive/ocrv-paint-service">
  23.    <span style="position:absolute;color:transparent;width:100%;z-index:-1;height:50px;top:0;">
  24. www.techdirectory.io - TechDirectory</span>
  25.    
  26. <!-- Preload -->
  27. <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">
  28. <link rel="preload" href="/logos/profile/limage-172282-208-photo.jpg" as="image" importance="high">
  30.    <!-- Non-Critical Stylesheet - Render Before Critical Styles -->
  31. <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">
  32. <noscript>
  33. <link rel="stylesheet" href="https://www.optimizecdn.com/directory/cdn/assets/bootstrap/css/non-critical-styles.pkgd.min.css">
  34. </noscript>
  36. <!-- Critical Stylesheet -->
  37. <link rel="stylesheet" href="https://www.optimizecdn.com/directory/cdn/assets/bootstrap/css/critical-styles.pkgd.min.css?v=04.12.24.14">
  38.    
  39.    <!-- Google Fonts Stylesheet -->    
  40.    <link rel="stylesheet" media="print" onload="this.onload=null;this.removeAttribute('media');" href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800,900|PT+Sans:300,400,600,700,800,900&display=swap">
  41.    <noscript>
  42.        <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800,900|PT+Sans:300,400,600,700,800,900&display=swap">
  43.    </noscript>
  45.    <!-- FontAwesome Stylesheet -->
  46.    <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">
  47.    <noscript>
  48.        <link rel="stylesheet" href="https://www.optimizecdn.com/directory/cdn/assets/bootstrap/font-awesome/css/font-awesome.min.css">
  49.    </noscript>
  51.    <!-- Critical JavaScript -->
  52.    <script src="https://www.optimizecdn.com/directory/cdn/assets/bootstrap/libraries/latest/jquery.min.js"></script>
  53. <script src="https://www.optimizecdn.com/directory/cdn/assets/bootstrap/libraries/latest/jquery-ui.min.js"></script>
  54. <script src="https://www.optimizecdn.com/directory/cdn/assets/bootstrap/libraries/latest/bootstrap.min.js"></script>
  55. <script>
  56. /* jQuery.event.special.touchstart = {
  57. setup: function( _, ns, handle ) {
  58. this.addEventListener("touchstart", handle, { passive: !ns.includes("noPreventDefault") });
  59. }
  60. }; */
  61. jQuery.event.special.touchmove = {
  62. setup: function( _, ns, handle ) {
  63. this.addEventListener("touchmove", handle, { passive: !ns.includes("noPreventDefault") });
  64. }
  65. };
  66. jQuery.event.special.wheel = {
  67. setup: function( _, ns, handle ){
  68. this.addEventListener("wheel", handle, { passive: true });
  69. }
  70. };
  71. jQuery.event.special.mousewheel = {
  72. setup: function( _, ns, handle ){
  73. this.addEventListener("mousewheel", handle, { passive: true });
  74. }
  75. };
  76. </script>
  78.    <!-- Prefetch -->
  79.    <link rel="prefetch" href="https://www.optimizecdn.com/directory/cdn/assets/bootstrap/jquery.lazy/1.7.9/jquery.lazy.min.js" as="script">
  80.    <link rel="prefetch" href="https://www.optimizecdn.com/directory/cdn/assets/bootstrap/js/websiteScripts.min.js?v=0.4" as="script">
  81. <link rel="prefetch" href="https://www.optimizecdn.com/directory/cdn/assets/bootstrap/limonte-sweetalert2/6.11.2/sweetalert2.min.css" as="style">
  82.    <link rel="prefetch" href="https://www.optimizecdn.com/directory/cdn/assets/bootstrap/limonte-sweetalert2/6.11.2/sweetalert2.min.js" as="script">
  84. <!-- Social Media Meta Data -->
  85.    <meta property="og:type" content="website">
  86.    <meta property="og:url" content="https://www.techdirectory.io/united-states/yorba-linda/automotive/ocrv-paint-service">
  87.    <meta property="og:site_name" content="TechDirectory">
  88.    <meta property="og:title" content="OCRV Paint &amp; Service on TechDirectory">
  89.    <meta property="og:description" content="Learn about OCRV Paint & Service, Automotive in Yorba Linda, California. Find OCRV Paint & Service reviews and more on TechDirectory.">
  90.    <meta property="og:image" content="https://www.techdirectory.io/logos/social_media/limage-172282-208-photo.jpg">
  91.    <!-- Custom Page HEAD Content -->        <script>
  92.        function g() {
  93.            window.addEventListener('load', () => {
  94.                if (typeof initializeG === 'function') {
  95.                    initializeG();
  96.                }
  97.                            });
  98.        }
  99.    </script>
  100.    <script src="https://maps.googleapis.com/maps/api/js?v=3.exp&libraries=places&region=US&callback=g&language=en"></script>
  101.  
  102. </head>
  103.  
  104. <body class="general-session"><!--
  105. 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.
  106.  
  107. INSTEAD: If custom CSS rules are needed, add them directly into the DESIGN SETTINGS > CUSTOM CSS section.
  108. -->
  109. <style>
  110.    .upload-form-field::before {
  111.        content: "choose files";
  112.        display: inline-block;
  113.        border: 1px solid #999;
  114.        border-radius: 3px;
  115.        padding: 5px 8px;
  116.    }
  117.    #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 {
  118.        white-space: nowrap !important;
  119.    }
  120.    /* Main Website Design */
  121.    body,.modal-header,.modal-content,.modal-body,.modal-footer {
  122.        background: rgb(241, 241, 241);
  123.        color: rgb(41, 41, 41);
  124.        font-family: 'Open Sans';
  125.        font-size: 14px;
  126.    }
  127.    .select2-container .select2-choice {
  128.        font-family: 'Open Sans'!important;
  129.    }
  130.        html{
  131.        background: rgb(30, 30, 30)    }
  132.        a,a.h1,a.h2,a.h3,a.h4,a.h5,a.h6,.pricing_menu li ul li a:not(.btn) {
  133.        color: rgb(161, 210, 27);
  134.    }
  135.    a:hover, a:focus,.pricing_menu li ul li a:not(.btn):hover,.pricing_menu li ul li a:not(.btn):focus {
  136.        color: rgb(143, 203, 39);
  137.    }
  138.    .breadcrumb a{
  139.            color: rgba(0, 0, 0,0.9);
  140.    }
  141.    .breadcrumb a:hover, .breadcrumb a:focus,.breadcrumb > .active {
  142.        color: rgb(0, 0, 0);
  143.    }
  144.    .help-inline, .help-block {
  145.            color: rgba(41, 41, 41,0.5);
  146.    }
  147.    .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
  148.        font-family: 'Open Sans';
  149.    }
  150.        /* Header Design */
  151.    .header, .mobile_website_logo img {
  152.        background: rgb(249, 250, 251);
  153.    }
  154.    .header .mini-nav li a:not(.btn):not(.network-icon), .header .mini-nav span {
  155.        color: rgb(0, 0, 0);
  156.            font-size: 14px;
  157.        }
  158.    .header .mini-nav li a:not(.btn):hover {
  159.            color: rgba(0, 0, 0,0.95);
  160.    }
  161.    .header .btn_get_listed {
  162.            background-color: rgba(151, 190, 32,0.97);
  163.        border: 1px solid rgb(151, 190, 32);
  164.        color: rgb(255, 255, 255)!important;
  165.    }
  166.    .header .btn_get_listed:hover, .header .btn_get_listed:focus {
  167.        background-color: rgb(151, 190, 32);
  168.    }
  169.    .header .btn_search {
  170.            background-color: rgba(151, 190, 32,0.97);
  171.        border: 1px solid rgb(151, 190, 32);
  172.        color: rgb(255, 255, 255);
  173.    }
  174.    .header .btn_search:hover, .header .btn_search:focus {
  175.        background-color: rgb(151, 190, 32);
  176.        color: rgb(255, 255, 255);
  177.    }
  178.  
  179.    /* Logo Design */
  180.    .logo,.logo:hover,.logo:focus {
  181.        color: rgb(255, 255, 255);
  182.        font-family: 'PT Sans';
  183.    }
  184.    .logo .slogan {
  185.        color: rgb(242, 242, 242);
  186.    }
  187.    .logo .fa {
  188.        color: rgb(161, 215, 33);
  189.        }
  190.  
  191.    /* Main Menu Design */
  192.    .member-profile-tabs > ul, .member-profile-tabs .tabs-container {
  193.        background: rgb(247, 247, 247);
  194.        position: sticky;
  195.        z-index: 1;
  196.            top: 50px;
  197.        }
  198.    @media only screen and (max-width: 1100px) {
  199.        .member-profile-tabs > ul, .member-profile-tabs .tabs-container {
  200.                    top: 50px;
  201.                }
  202.    }
  203.    .header ul.nav.navbar-nav li ul {
  204.        background-color: #fafafa;
  205.    }
  206.    .header ul.nav.navbar-nav li ul li a, .header ul.nav.navbar-nav li ul li span {
  207.        color: rgb(41, 41, 41);
  208.    }
  209.    .header .navbar-default, .pagination > .active > a {
  210.        background-color: rgb(14, 14, 14);
  211.    }
  212.    .header ul.nav.navbar-nav li ul li a:hover, .header ul.nav.navbar-nav li ul li a:focus{
  213.        border-left-color: rgb(41, 41, 41);
  214.        background: rgb(41, 41, 41);
  215.        color: #fafafa;
  216.    }
  217.    .navbar-default .navbar-toggle .icon-bar {
  218.        background-color: rgb(255, 255, 255);
  219.    }
  220.    .user_sidebar, .main_menu {
  221.        color: rgb(255, 255, 255);
  222.    }
  223.    .navbar-default .navbar-nav > li > a, .navbar-default .navbar-nav > li > span  {
  224.        color: rgb(255, 255, 255);
  225.    }
  226.    .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 {
  227.        color: rgb(173, 196, 38);
  228.    }
  229.    .navbar-default .navbar-nav > li {
  230.        font-family: 'Open Sans';
  231.    }
  232.    
  233.    
  234.  
  235.    /* Footer Design */
  236.    .footer {
  237.        background-color: rgb(30, 30, 30);
  238.        display: block;
  239.    }
  240.    .footer, .footer_menu a,.footer_terms a,.footer_menu .content {
  241.        color: rgb(239, 239, 239);
  242.    }
  243.    .footer_menu a:hover, .footer_terms a:hover, .footer_menu a:focus, .footer_terms a:focus {
  244.        color: rgb(255, 255, 255);
  245.    }
  246.    .footer_menu .head {
  247.        color: rgb(255, 255, 255);
  248.    }
  249.    .btn_footer_get_listed {
  250.            background-color: rgba(162, 193, 67,0.95);
  251.        border: 1px solid rgb(162, 193, 67);
  252.        color: rgb(255, 255, 255)!important;
  253.    }
  254.    .btn_footer_get_listed:hover, .btn_footer_get_listed:focus{
  255.        background-color: rgb(162, 193, 67);
  256.    }
  257.  
  258.    /* Homepage Design */
  259.        .homepage_settings h1, .homepage_settings h2, .homepage_map h1, .homepage_map h2 {
  260.        font-family: 'Open Sans';
  261.    }
  262.    .homepage_settings h1, .homepage_map h1 {
  263.        color: rgb(255, 255, 255);
  264.            font-weight: 600;
  265.            text-align: center;
  266.    }
  267.    .homepage_settings h2, .homepage_map h2 {
  268.        color: rgb(41, 41, 41);
  269.            font-weight: 400;
  270.            text-align: center;
  271.  
  272.    }
  273.    .homepage_settings .search_box label {
  274.        color: rgb(49, 49, 49);
  275.    }
  276.    .btn_home_search, .search_box input[type=submit] {
  277.            background-color: rgba(148, 191, 16,0.97);
  278.        border: 1px solid rgb(148, 191, 16);
  279.        color: rgb(255, 255, 255);
  280.    }
  281.    .btn_home_search:hover, .btn_home_search:focus, .search_box input[type=submit]:hover, .search_box input[type=submit]:focus {
  282.        background-color: rgb(148, 191, 16);
  283.        color: rgb(255, 255, 255);
  284.    }
  285.    .homepage_settings .search_box {
  286.            background-color: rgba(255, 255, 255,0.8);
  287.    }
  288.  
  289.    /* Homepage Steps Module */
  290.    .homepage_steps {
  291.            background: none;
  292.        box-shadow: none;
  293.        padding: 0;
  294.                color: rgb(255, 255, 255);
  295.            }
  296.    .homepage_steps a.homepage_step_link,.homepage_steps a.homepage_step_link:hover,.homepage_steps a.homepage_step_link:active{
  297.        color: rgb(255, 255, 255)!important;
  298.    }
  299.    .homepage_steps .fa {
  300.        color: rgb(102, 170, 51);
  301.            background-color: rgba(102, 170, 51,0.075);
  302.    }
  303.  
  304.    /* Blog Posts Slider Settings */
  305.    #myCarousel h2 a, .carousel-caption p,#myCarousel .list-group-item h2, #myCarousel li.list-group-item h4 {
  306.            color: rgb(255, 255, 255);
  307.        }
  308.    #myCarousel .list-group-item {
  309.            background-color: rgba(14, 14, 14,0.9);
  310.        border-color: rgba(14, 14, 14,0.80);
  311.    }
  312.    #myCarousel .carousel-caption {
  313.            background-color: rgba(14, 14, 14,0.8);
  314.    }
  315.    #myCarousel .list-group, #myCarousel .carousel-inner {
  316.            background-color: rgb(14, 14, 14)        }
  317.    #myCarousel .list-group .active, #myCarousel .list-group-item:hover {
  318.            background-color: rgb(14, 14, 14)        }
  319.    #myCarousel .list-group .active h4, #myCarousel .list-group-item:hover h4{
  320.            color: rgb(173, 196, 38);
  321.        }
  322.  
  323.    /* Additional Settings */
  324.    .well blockquote {
  325.        background: rgb(241, 241, 241) none repeat scroll 0 0;
  326.        border-color: rgb(247, 247, 247);
  327.        color: rgb(41, 41, 41);
  328.        padding: 10px 20px;
  329.    }
  330.    .account-form-box form table tr td table {
  331.        background-color: transparent!important;
  332.        border: none!important;
  333.    }
  334.  
  335.    .account-form-box form table tr td table td {
  336.        background-color: transparent!important;
  337.        color: rgb(41, 41, 41)!important;
  338.        border: none!important;
  339.    }
  340.    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{
  341.        color: rgb(41, 41, 41)!important;
  342.    }
  343.    .table.dataTable > thead > tr > th, .table > thead > tr > th {
  344.        background-color: rgb(255, 255, 255);
  345.        color: rgb(85, 85, 85);
  346.        border-bottom:0;
  347.        font-weight:600;
  348.    }
  349.    table.dataTable tbody tr {
  350.        background-color: rgb(255, 255, 255)!important;
  351.    }
  352.    .table-striped.dataTable tbody > tr:nth-of-type(2n+1),.table-striped > tbody > tr:nth-of-type(2n+1) {
  353.            background-color: rgba(241, 241, 241,0.5)!important;
  354.    }
  355.    .sidemenu_panel .list-group-item{
  356.        background-color: transparent!important;
  357.        color: rgb(41, 41, 41)!important;
  358.    }
  359.    .img-thumbnail {
  360.        background-color: rgb(255, 255, 255)!important;
  361.        border: 1px solid rgb(247, 247, 247);
  362.    }
  363.    .member_admin_sidemenu p, .member_admin_sidemenu h3 {
  364.        color: rgb(41, 41, 41)!important;
  365.    }
  366.    .close {
  367.        color: rgb(41, 41, 41);
  368.        opacity: 1;
  369.    }
  370.    .member_results_header h1, .content_w_sidebar.feature-search h1, .feature_results_header h1 {
  371.        font-size:36px;
  372.        display: block;
  373.    }
  374.    .member_results_header h2, .feature_results_header h2 {
  375.        font-size:30px;
  376.        display: block;
  377.    }
  378.    .homepage_settings {
  379.        padding-top: 50px;
  380.        padding-bottom: 80px;
  381.    }
  382.    @media only screen and (max-width: 768px) {
  383.                        .member-profile-header .favorite {float:none}
  384.    }
  385.  
  386.    @media only screen and (max-width: 1100px) {
  387.        }
  388.    .views > i.fa.activeView {
  389.        background-color: rgb(14, 14, 14);
  390.        color: rgb(255, 255, 255);
  391.    }
  392.    .views > i.fa {
  393.            background-color: rgba(14, 14, 14,0.6);
  394.        color: rgb(255, 255, 255);
  395.    }
  396.    .ui-rangeSlider-label {
  397.        background-color: rgb(14, 14, 14)!important;
  398.        color: rgb(255, 255, 255)!important;
  399.    }
  400.    .pricing_menu li .title {
  401.        background: rgb(144, 183, 28);
  402.        color: rgb(255, 255, 255);
  403.    }
  404.    p.account-tip{
  405.        color: rgb(41, 41, 41);
  406.    }
  407.    .circled_number {
  408.        background: rgb(160, 187, 46);
  409.        color: rgb(255, 255, 255);
  410.    }
  411.    .pic {
  412.            background-color: rgba(148, 170, 51,0.8);
  413.        color: rgb(255, 255, 255);
  414.        background-repeat: no-repeat;
  415.        background-position: center;
  416.        }
  417.    .pic .pic-caption {
  418.            background: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%,rgba(148, 170, 51,0.85) 50%);
  419.        color: rgb(255, 255, 255);
  420.    }
  421.    .slick-prev-fa i, .slick-next-fa i{
  422.        color: rgb(148, 170, 51);
  423.    }
  424.    .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{
  425.        background-color: rgb(255, 255, 255);
  426.        border-color: rgb(247, 247, 247);
  427.        color: rgb(41, 41, 41);
  428.    }
  429. .nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
  430. box-shadow: 0 2px 0 0 rgb(144, 182, 36) inset;
  431. border-top:1px solid rgb(144, 182, 36);
  432. border-radius: 0;
  433. }
  434.    .nav-pills > li.active a, .nav-pills > li > a:hover {
  435.        background-color: rgb(144, 182, 36)!important;
  436.        border-color: rgb(144, 182, 36)!important;
  437.        color: rgb(255, 255, 255)!important;
  438.    }
  439.    .sidemenu_panel .panel-heading {
  440.        color: rgb(41, 41, 41)!important;
  441.        background-color: rgb(255, 255, 255)!important;
  442.    }
  443.    .member-profile-tabs .nav-tabs > li:not(.active) > a, .login-register-tabs.nav-tabs > li:not(.active) > a {
  444.            background: rgba(255, 255, 255,0.5);
  445.        color:  rgb(41, 41, 41);
  446.    }
  447.    .member-profile-tabs .nav-tabs > li:not(.active) > a:hover, .login-register-tabs.nav-tabs > li:not(.active) > a:hover {
  448.            background: rgba(255, 255, 255,1);
  449.        color:  rgb(41, 41, 41);
  450.    }
  451.    .author-snapshot .well {
  452.        background-color: rgb(255, 255, 255)!important;
  453.        border-color: rgb(247, 247, 247)!important;
  454.        color: rgb(41, 41, 41)!important;
  455.    }
  456.    .nav-tabs>li>a, .nav-pills>li>a {
  457.        font-weight: 600;
  458.    }
  459.        .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{
  460.            color: rgba(41, 41, 41,0.5);
  461.    }
  462.    #service_areas_table td,#service_areas_table_wrapper label, #service_areas_table_info, #service_areas_table_paginate > a {
  463.        color: rgb(41, 41, 41) !important;
  464.    }
  465.    .popover {
  466.        background-color: rgb(255, 255, 255);
  467.        border-color: rgb(255, 255, 255);
  468.        padding:0;
  469.        text-align:left;
  470.    }
  471.    .popover-title, .popover-content {
  472.        background-color: rgb(255, 255, 255);
  473.        color: rgb(41, 41, 41);
  474.        border-color: rgb(255, 255, 255);
  475.        text-align:left;
  476.    }
  477.    .popover-content {
  478.            background-color: rgba(41, 41, 41,.05);
  479.    }
  480.    .popover.left > .arrow::after {
  481.        border-left-color: rgb(255, 255, 255)!important;
  482.    }
  483.    .popover.right > .arrow::after {
  484.        border-right-color: rgb(255, 255, 255)!important;
  485.    }
  486.    .popover.bottom > .arrow::after {
  487.        border-bottom-color: rgb(255, 255, 255)!important;
  488.    }
  489.    .popover.top > .arrow::after {
  490.        border-top-color: rgb(255, 255, 255)!important;
  491.    }
  492.    .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{
  493.        background-color: rgb(241, 241, 241);
  494.        color: rgb(41, 41, 41);
  495.    }
  496.    .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 {
  497.        border-color: rgb(247, 247, 247);
  498.    }
  499. table.dataTable.no-footer, table.dataTable {
  500. border: 1px solid rgb(247, 247, 247)!important;
  501. }
  502.    .table-view li, .table-view .table-view-group > div {
  503.        border-top:1px solid rgb(247, 247, 247);
  504.    }
  505.    .table-view .table-view-group:last-child {
  506.        border-bottom:1px solid rgb(247, 247, 247);
  507.    }
  508.    .module h1, .module h2, .module h3, .module h4, .module h5 {
  509.        color: rgb(62, 62, 62);
  510.    }
  511.    .module p:not(.fr-box.fr-basic .fr-element p) {
  512.        color: rgb(41, 41, 41);
  513.    }
  514.    .pagination>.active>a {
  515.            border-color: rgba(255, 255, 255,0.2);
  516.    }
  517.    .pagination>.active>a {
  518.        color: rgb(255, 255, 255);
  519.    }
  520.    .pagination > .active > a:hover, .pagination > .active > a:focus {
  521.            border-color: rgba(255, 255, 255,0.2);
  522.        background-color: rgb(14, 14, 14);
  523.        color: rgb(255, 255, 255);
  524.    }
  525.    .pagination > li > a {
  526.        color: rgb(14, 14, 14);
  527.            border-color: rgba(14, 14, 14,0.2);
  528.        background-color: rgb(255, 255, 255);
  529.    }
  530.    .pagination > li > a:focus, .pagination > li > a:hover, .pagination > li > span:focus, .pagination > li > span:hover {
  531.        background-color: rgb(14, 14, 14);
  532.        border-color: rgb(14, 14, 14);
  533.        color: rgb(255, 255, 255);
  534.    }
  535.  
  536.    .nav-pills.nav-wizard > li a, .nav-pills.nav-wizard > li a:hover{
  537.        background-color: rgb(250, 250, 250)!important;
  538.        color: rgb(41, 41, 41)!important;
  539.    }
  540.    .member_wizard2 li.incomplete {
  541.        background: rgb(250, 250, 250)!important;
  542.    }
  543.    .member_wizard2 li.incomplete a, .member_wizard2 li.incomplete a:hover {
  544.        background-color: rgb(240, 173, 78)!important;
  545.        border-color: rgb(240, 173, 78);
  546.        color: rgb(255, 255, 255);
  547.    }
  548.    .nav-pills.nav-wizard > li.active a, .nav-pills.member_wizard > li.active:hover a {
  549.        background-color: rgb(51, 122, 183)!important;
  550.        color: rgb(255, 255, 255)!important;
  551.    }
  552.    .member_wizard2 li.active {
  553.        background: rgb(51, 122, 183)!important;
  554.    }
  555.    .member_wizard2 li.completed a, .member_wizard2 li.completed a:hover {
  556.        background-color: rgb(152, 193, 67)!important;
  557.        border-color: rgb(152, 193, 67);
  558.        color: rgb(255, 255, 255);
  559.    }
  560.  
  561.        .nav-pills.nav-wizard > li.active .nav-arrow, .nav-pills.nav-wizard > li.active:hover .nav-arrow {
  562.        border-color: transparent transparent transparent rgb(51, 122, 183)!important;
  563.    }
  564.    .nav-pills.nav-wizard > li.active .nav-wedge, .nav-pills.nav-wizard > li.active:hover .nav-wedge{
  565.        border-color: rgb(51, 122, 183) rgb(51, 122, 183) rgb(51, 122, 183) transparent!important;
  566.    }
  567.    
  568.        li.completed .nav-wedge, .nav-pills.nav-wizard > li.completed:hover .nav-wedge {
  569.        border-color: rgb(171, 194, 58) rgb(171, 194, 58) rgb(171, 194, 58) transparent!important;
  570.    }
  571.    
  572.        li.incomplete .nav-wedge, .nav-pills.nav-wizard > li.incomplete:hover .nav-wedge {
  573.        border-color: rgb(250, 250, 250) rgb(250, 250, 250) rgb(250, 250, 250) transparent!important;
  574.    }
  575.    
  576.  
  577.    .nav-pills.member_wizard > li.completed a, .nav-pills.member_wizard > li.completed a:hover {
  578.        background-color: rgb(171, 194, 58)!important;
  579.        color: rgb(255, 255, 255)!important;
  580.    }
  581.    .member_wizard2 li.completed {
  582.        background: rgb(171, 194, 58)!important;
  583.    }
  584.    .member_wizard2 li {
  585.        color: rgb(255, 255, 255);
  586.        border-right: 3px solid rgb(241, 241, 241);
  587.    }
  588.  
  589.        li.completed .nav-arrow, .nav-pills.nav-wizard > li.completed:hover .nav-arrow {
  590.        border-color: transparent transparent transparent rgb(171, 194, 58)!important;
  591.    }
  592.    
  593.        li.incomplete .nav-arrow, .nav-pills.nav-wizard > li.incomplete:hover .nav-arrow{
  594.        border-color: transparent transparent transparent rgb(250, 250, 250)!important;
  595.    }
  596.    
  597.    /* Default Colors */
  598.    .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 {
  599.            background-color: rgba(144, 182, 36,0.95);
  600.        border-color: rgb(144, 182, 36);
  601.        color: rgb(255, 255, 255);
  602.    }
  603.    .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 {
  604.        background-color: rgb(144, 182, 36);
  605.        border-color: rgb(144, 182, 36);
  606.        color: rgb(255, 255, 255);
  607.    }
  608.    .panel-primary {
  609.            background-color: rgba(144, 182, 36,0.1);
  610.        border-color: rgb(144, 182, 36);
  611.    }
  612.    .bg-primary,.progress-bar-primary,.module p.bg-primary,.label-primary,.pricing_menu .title.bg-primary {
  613.        background-color: rgb(144, 182, 36);
  614.        color: rgb(255, 255, 255);
  615.    }
  616.    .bg-primary .badge {
  617.        background-color:rgb(255, 255, 255);
  618.        color: rgb(144, 182, 36);
  619.    }
  620. .btn-primary.btn-outline {
  621. background: transparent;
  622. color: rgb(144, 182, 36);
  623. box-shadow: 0 0 0px 1px rgb(144, 182, 36) inset;
  624. font-weight: bold;
  625. transition: all 250ms ease-in-out 0ms;
  626. }
  627. .btn-primary.btn-outline:hover {
  628. background: rgba(144, 182, 36,0.1);
  629. }
  630.    .alert-primary {
  631.            background-color:rgba(144, 182, 36,0.7);
  632.        border-color:rgba(144, 182, 36,0.7);
  633.            color: rgba(255, 255, 255,0.9);
  634.    }
  635.    .btn.dropdown-toggle.btn-primary *, .btn-primary a {
  636.        color: rgb(255, 255, 255);
  637.    }
  638.    .text-primary{
  639.        color: rgb(144, 182, 36);
  640.    }
  641.    .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 {
  642.            background-color: rgba(60, 187, 222,0.95);
  643.        border-color: rgb(60, 187, 222);
  644.        color: rgb(255, 255, 255);
  645.    }
  646.    .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 {
  647.        background-color: rgb(60, 187, 222);
  648.        border-color: rgb(60, 187, 222);
  649.        color: rgb(255, 255, 255);
  650.    }
  651.    .panel-info{
  652.            background-color: rgba(60, 187, 222,0.1);
  653.        border-color: rgb(60, 187, 222);
  654.    }
  655.    .bg-info,.progress-bar-info,.module p.bg-info,.label-info,.pricing_menu .title.bg-info {
  656.        background-color: rgb(60, 187, 222);
  657.        color: rgb(255, 255, 255);
  658.    }
  659.    .bg-info .badge {
  660.        background-color:rgb(255, 255, 255);
  661.        color: rgb(60, 187, 222);
  662.    }
  663. .btn-info.btn-outline {
  664. background: transparent;
  665. color: rgb(60, 187, 222);
  666. box-shadow: 0 0 0px 1px rgb(60, 187, 222) inset;
  667. font-weight: bold;
  668. transition: all 250ms ease-in-out 0ms;
  669. }
  670. .btn-info.btn-outline:hover {
  671. background: rgba(60, 187, 222,0.1);
  672. }
  673.    .alert-info {
  674.            background-color:rgba(60, 187, 222,0.7);
  675.        border-color:rgba(60, 187, 222,0.7);
  676.            color: rgba(255, 255, 255,0.9);
  677.    }
  678.    .btn.dropdown-toggle.btn-info *, .btn-info a {
  679.        color: rgb(255, 255, 255);
  680.    }
  681.    .text-info{
  682.        color: rgb(60, 187, 222);
  683.    }
  684.    .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 {
  685.            background-color: rgba(152, 193, 67,0.95);
  686.        border-color: rgb(152, 193, 67);
  687.        color: rgb(255, 255, 255);
  688.    }
  689.    .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 {
  690.        background-color: rgb(152, 193, 67);
  691.        border-color: rgb(152, 193, 67);
  692.        color: rgb(255, 255, 255);
  693.    }
  694.    .panel-success{
  695.            background-color: rgba(152, 193, 67,0.1);
  696.        border-color: rgb(152, 193, 67);
  697.    }
  698.    .bg-success,.progress-bar-success,.module p.bg-success,.label-success,.pricing_menu .title.bg-success {
  699.        background-color: rgb(152, 193, 67);
  700.        color: rgb(255, 255, 255);
  701.    }
  702.    .bg-success .badge {
  703.        background-color: rgb(255, 255, 255);
  704.        color: rgb(152, 193, 67);
  705.    }
  706. .btn-success.btn-outline {
  707. background: transparent;
  708. color: rgb(152, 193, 67);
  709. box-shadow: 0 0 0px 1px rgb(152, 193, 67) inset;
  710. font-weight: bold;
  711. transition: all 250ms ease-in-out 0ms;
  712. }
  713. .btn-success.btn-outline:hover {
  714. background: rgba(152, 193, 67,0.1);
  715. }
  716.    .alert-success {
  717.            background-color:rgba(152, 193, 67,0.7);
  718.        border-color:rgba(152, 193, 67,0.7);
  719.            color: rgba(255, 255, 255,0.9);
  720.    }
  721.    .btn.dropdown-toggle.btn-success *, .btn-success a {
  722.        color: rgb(255, 255, 255);
  723.    }
  724.    .text-success{
  725.        color: rgb(152, 193, 67);
  726.    }
  727.    .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 {
  728.            background-color: rgba(240, 173, 78,0.95);
  729.        border-color: rgb(240, 173, 78);
  730.        color: rgb(255, 255, 255);
  731.    }
  732.    .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 {
  733.        background-color: rgb(240, 173, 78);
  734.        border-color: rgb(240, 173, 78);
  735.        color: rgb(255, 255, 255);
  736.    }
  737.    .panel-warning {
  738.            background-color: rgba(240, 173, 78,0.1);
  739.        border-color: rgb(240, 173, 78);
  740.    }
  741.    .bg-warning,.progress-bar-warning,.module p.bg-warning,.label-warning,.pricing_menu .title.bg-warning {
  742.        background-color: rgb(240, 173, 78);
  743.        color: rgb(255, 255, 255);
  744.    }
  745.    .bg-warning .badge {
  746.        background-color: rgb(255, 255, 255);
  747.        color: rgb(240, 173, 78);
  748.    }
  749. .btn-warning.btn-outline {
  750. background: transparent;
  751. color: rgb(240, 173, 78);
  752. box-shadow: 0 0 0px 1px rgb(240, 173, 78) inset;
  753. font-weight: bold;
  754. transition: all 250ms ease-in-out 0ms;
  755. }
  756. .btn-warning.btn-outline:hover {
  757. background: rgba(240, 173, 78,0.1);
  758. }
  759.    .alert-warning {
  760.            background-color:rgba(240, 173, 78,0.7);
  761.        border-color:rgba(240, 173, 78,0.7);
  762.            color: rgba(255, 255, 255,0.9);
  763.    }
  764.    .btn.dropdown-toggle.btn-warning *, .btn-warning a {
  765.        color: rgb(255, 255, 255);
  766.    }
  767.    .text-warning {
  768.        color: rgb(240, 173, 78);
  769.    }
  770.    .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 {
  771.            background-color: rgba(217, 83, 79,0.95);
  772.        border-color: rgb(217, 83, 79);
  773.        color: rgb(255, 255, 255);
  774.    }
  775.    .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 {
  776.        background-color: rgb(217, 83, 79);
  777.        border-color: rgb(217, 83, 79);
  778.        color: rgb(255, 255, 255);
  779.    }
  780.    .has-error .form-control {
  781.        border-color: rgb(217, 83, 79);
  782.    }
  783.    .has-error .help-block:not(.form-field-help-block), .has-error ~ .help-block:not(.form-field-help-block) {
  784.        background: rgb(217, 83, 79);
  785.        color: rgb(255, 255, 255) !important;
  786.    }
  787.    .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 {
  788.        color: rgb(217, 83, 79);
  789.    }
  790.    .panel-danger {
  791.            background-color: rgba(217, 83, 79,0.1);
  792.        border-color: rgb(217, 83, 79);
  793.    }
  794.    .bg-danger,.progress-bar-danger,.module p.bg-danger,.label-danger,.pricing_menu .title.bg-danger {
  795.        background-color: rgb(217, 83, 79);
  796.        color: rgb(255, 255, 255);
  797.    }
  798.    .bg-danger .badge {
  799.        background-color: rgb(255, 255, 255);
  800.        color: rgb(217, 83, 79);
  801.    }
  802. .btn-danger.btn-outline {
  803. background: transparent;
  804. color: rgb(217, 83, 79);
  805. box-shadow: 0 0 0px 1px rgb(217, 83, 79) inset;
  806. font-weight: bold;
  807. transition: all 250ms ease-in-out 0ms;
  808. }
  809. .btn-danger.btn-outline:hover {
  810. background: rgba(217, 83, 79,0.1);
  811. }
  812.    .alert-danger {
  813.            background-color:rgba(217, 83, 79,0.7);
  814.        border-color:rgba(217, 83, 79,0.7);
  815.            color: rgba(255, 255, 255,0.9);
  816.    }
  817.    .btn.dropdown-toggle.btn-danger *, .btn-danger a {
  818.        color: rgb(255, 255, 255);
  819.    }
  820.    .text-danger{
  821.        color: rgb(217, 83, 79);
  822.    }
  823.    .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 {
  824.            background-color: rgba(255, 255, 255,0.95);
  825.        border-color: rgb(255, 255, 255);
  826.        color: rgb(85, 85, 85);
  827.    }
  828.    .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 {
  829.        background-color: rgb(255, 255, 255);
  830.        border-color: rgb(255, 255, 255);
  831.        color: rgb(85, 85, 85);
  832.    }
  833.    .sidemenu_panel .panel-default .panel_heading {
  834.        background-color: rgb(255, 255, 255)!important;
  835.        border-color: rgb(255, 255, 255)!important;
  836.        color: rgb(85, 85, 85)!important;
  837.    }
  838.    .panel-default, .member_accounts .panel-default{
  839.            background-color: rgba(255, 255, 255,0.1);
  840.        border-color: rgb(255, 255, 255);
  841.    }
  842.    .bg-default,.progress-bar-default,.module p.bg-default,.label-default,.pricing_menu .title.bg-default {
  843.        background-color: rgb(255, 255, 255);
  844.        color: rgb(85, 85, 85);
  845.    }
  846.    .bg-default .badge {
  847.        background-color: rgb(85, 85, 85);
  848.        color: rgb(255, 255, 255);
  849.    }
  850. .btn-default.btn-outline {
  851. background: transparent;
  852. color: rgb(255, 255, 255);
  853. box-shadow: 0 0 0px 1px rgb(255, 255, 255) inset;
  854. font-weight: bold;
  855. transition: all 250ms ease-in-out 0ms;
  856. }
  857. .btn-default.btn-outline:hover {
  858. background: rgba(255, 255, 255,0.1);
  859. }
  860.    .alert-default {
  861.            background-color:rgba(255, 255, 255,0.7);
  862.        border-color:rgba(255, 255, 255,0.7);
  863.            color: rgba(85, 85, 85,0.9);
  864.    }
  865.    .btn.dropdown-toggle.btn-default *, .btn-default a {
  866.        color: rgb(85, 85, 85);
  867.    }
  868.    .text-default{
  869.        color: rgb(255, 255, 255);
  870.    }
  871.    .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 {
  872.            background-color: rgba(41, 41, 41,0.95);
  873.        border: 1px solid rgb(41, 41, 41);
  874.        color: rgb(241, 241, 241);
  875.    }
  876.    .btn-secondary:hover, .btn-secondary:focus, .btn-secondary:active,.btn-secondary:active:focus, .btn-secondary:active:hover, .nav > li > a.btn-secondary:focus, .nav > li > a.btn-secondary:hover,.btn-secondary.active,.open > .dropdown-toggle.btn-secondary, .btn-secondary.active.focus, .btn-secondary.active:focus, .btn-secondary.active:hover, .btn-secondary:active.focus, .open>.dropdown-toggle.btn-secondary:hover, .open>.dropdown-toggle.btn-secondary:focus, .open>.dropdown-toggle.btn-secondary.focus,a.bg-secondary:focus,a.bg-secondary:hover,.btn.dropdown-toggle.btn-secondary:hover, .panel-secondary .panel-heading {
  877.        background-color: rgb(41, 41, 41);
  878.        border: 1px solid rgb(41, 41, 41);
  879.        color: rgb(241, 241, 241);
  880.    }
  881.    .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 {
  882.        background-color: rgb(41, 41, 41);
  883.        color: rgb(241, 241, 241);
  884.    }
  885.    .bg-secondary .badge {
  886.        background-color:rgb(241, 241, 241);
  887.        color: rgb(41, 41, 41);
  888.    }
  889. .btn-secondary.btn-outline {
  890. background: transparent;
  891. color: rgb(41, 41, 41);
  892. box-shadow: 0 0 0px 1px rgb(41, 41, 41) inset;
  893. font-weight: bold;
  894. transition: all 250ms ease-in-out 0ms;
  895. }
  896. .btn-secondary.btn-outline:hover {
  897. background: rgba(41, 41, 41,0.1);
  898. }
  899.    .panel-secondary {
  900.            background-color: rgba(41, 41, 41,0.1);
  901.        border-color: rgb(41, 41, 41);
  902.    }
  903.    .alert-secondary {
  904.            background-color:rgba(41, 41, 41,0.7);
  905.        border-color:rgba(41, 41, 41,0.7);
  906.            color: rgba(241, 241, 241,0.9);
  907.    }
  908. .bg-body {
  909. background: rgb(241, 241, 241);
  910. color: rgb(41, 41, 41);
  911. }
  912. .bg-content-box {
  913. background: rgb(255, 255, 255);
  914. color: rgb(41, 41, 41);
  915. }
  916. .bg-content-box-border {
  917. background: rgb(247, 247, 247);
  918. }
  919. .btn.dropdown-toggle.btn-secondary *, .btn-secondary a {
  920. color: rgb(241, 241, 241);
  921. }
  922. .text-secondary {
  923. color: rgb(41, 41, 41);
  924. }
  925.    .feature-post #post-content .alert-secondary.btn-block, .feature-search .img_section .alert-secondary.btn-block, .search_result .img_section  .alert-secondary {
  926.        background-color: rgba(41, 41, 41,0.2);
  927.    }
  928.  
  929.    /* Footer Newsletter Row */
  930.    .newsletter_row .alert {
  931.        color: rgb(255, 255, 255);
  932.    }
  933.    .newsletter_row {
  934.        background-color: rgb(14, 14, 14);
  935.        color: rgb(255, 255, 255);
  936.    }
  937.    .newsletter_row input[type="submit"],.newsletter_footer_button {
  938.            background-color: rgba(167, 218, 53,0.97);
  939.        color: rgb(255, 255, 255);
  940.        border-color: rgb(167, 218, 53);
  941.    }
  942.    .newsletter_row input[type="submit"]:hover,.newsletter_row input[type="submit"]:focus,.newsletter_footer_button:hover,.newsletter_footer_button:focus {
  943.        background-color: rgb(167, 218, 53);
  944.        color: rgb(255, 255, 255);
  945.    }
  946.    .newsletter_button_left {
  947.            border-right: 1px solid rgba(255, 255, 255,0.2);
  948.    }
  949.    .newsletter_button_right {
  950.        border-left: 1px solid rgba(255, 255, 255,0.2);
  951.    }
  952.    .newsletter_row small.help-block {
  953.        background: rgb(255, 255, 255);
  954.        margin-top: -5px;
  955.        float: left;
  956.        padding: 8px;
  957.        border-radius: 1px;
  958.        color: rgb(14, 14, 14);
  959.        text-transform: capitalize;
  960.    }
  961.    .newsletter_row .has-success .checkbox,.newsletter_row .has-error .checkbox{
  962.        color: rgb(255, 255, 255);
  963.    }
  964.    @media only screen and (max-width: 767px) {
  965.        .newsletter_button_right,.newsletter_button_left{
  966.            border: none;
  967.            margin: 5px 0;
  968.        }
  969.    }
  970.  
  971.    /* Font Sizes */
  972.  
  973.    .navbar-default .navbar-nav > li > a, .navbar-default .navbar-nav > li > span {
  974.        font-size: 16px;
  975.    }
  976.    .header .logo {
  977.        font-size: 33px;
  978.    }
  979.    .homepage_title h1, .homepage_settings h1 {
  980.        font-size: 50px;
  981.    }
  982.    .homepage_settings h2 {
  983.        font-size: 28px;
  984.    }
  985.  
  986.    .ui-rangeSlider-bar{
  987.        background: rgb(148, 191, 16)!important;
  988.    }
  989.  
  990.    
  991.    
  992.    @media only screen and (max-width: 1024px){
  993.        .modal {margin-top: 40px;}
  994.    }
  995.    @media only screen and (max-width: 768px){
  996.        .modal {margin-top: 60px;}
  997.    }
  998.  
  999.    /* Calendar Styles */
  1000.  
  1001.    #cal-slide-content {
  1002.        color: rgb(85, 85, 85)!important;
  1003.        background-color: rgb(255, 255, 255)!important;
  1004.        -webkit-box-shadow: none!important;
  1005.        box-shadow: none!important;
  1006.    }
  1007.    #cal-slide-content a.event-item {
  1008.        color: rgb(85, 85, 85)!important;
  1009.        font-weight:bold!important;
  1010.    }
  1011.    #cal-slide-content a.event-item small {
  1012.        display: inline-block;
  1013.    }
  1014.    .cal-month-box, .cal-year-box, .cal-week-box {
  1015.        border: 1px solid rgb(247, 247, 247)!important;
  1016.    }
  1017.    .cal-year-box .row-fluid, .cal-month-box .cal-row-fluid {
  1018.        border-bottom: 1px solid rgb(247, 247, 247)!important;
  1019.    }
  1020.    .cal-year-box [class*="span"], .cal-month-box [class*="cal-cell"] {
  1021.        border-right: 1px solid rgb(247, 247, 247)!important;
  1022.    }
  1023.    .cal-year-box .row-fluid, .cal-row-fluid, #cal-day-box .cal-day-hour:nth-child(odd) {
  1024.        background-color: rgb(241, 241, 241)!important;
  1025.    }
  1026.    .cal-month-day span:not(.pull-right):not(.events-count-label):not(.events-label) {
  1027.        color: rgb(85, 85, 85)!important;
  1028.    }
  1029.    .cal-day-today span[data-cal-date] {
  1030.        color: rgb(41, 41, 41)!important;
  1031.    }
  1032.    .cal-year-box .row-fluid [class*="span"]:last-child, .cal-month-box .cal-row-fluid [class*="cal-cell"]:last-child {
  1033.        border: 0!important;
  1034.    }
  1035.    .cal-row-head {
  1036.        background: rgb(255, 255, 255)!important;
  1037.    }
  1038.    .day-highlight:hover, .day-highlight {
  1039.        background-color: rgb(247, 247, 247)!important;
  1040.    }
  1041.    .cal-event-list .event.pull-left {
  1042.        background-color: rgb(41, 41, 41)!important;
  1043.        opacity: 0.4;
  1044.        margin-top: 7px!important;
  1045.    }
  1046.    .cal-day-today {
  1047.        background-color: rgb(247, 247, 247)!important;
  1048.    }
  1049.    #cal-day-tick {
  1050.        border: 1px solid rgb(247, 247, 247)!important;
  1051.        background-color: rgb(247, 247, 247)!important;
  1052.    }
  1053.    .cal-day-weekend span[data-cal-date]{
  1054.        color: rgb(41, 41, 41)!important;
  1055.    }
  1056.        .rsDefault, .rsDefault .rsOverflow, .rsDefault .rsSlide, .rsDefault .rsVideoFrameHolder, .rsDefault .rsThumbs {
  1057.        background: #151515!important;
  1058.    }
  1059.    
  1060.    #first_container .favorite, #first_container .fa.favorite {
  1061.        color: #aaa;
  1062.        background: rgb(255, 255, 255);
  1063.        border: 1px solid rgb(255, 255, 255);
  1064.        white-space:nowrap!important;
  1065.    }
  1066.    #first_container .favorite span, #first_container .fa.favorite span {
  1067.        font-family: 'Open Sans';
  1068.        white-space:nowrap!important;
  1069.    }
  1070.    #first_container .favoriteActive:not(.favorite.comments-count-badge), #first_container .fa.favoriteActive:not(.favorite.comments-count-badge .fa) {
  1071.        color: #ef4770;
  1072.    }
  1073.        #first_container .favorite::after, #first_container .fa.favorite::after {
  1074.        font-family: 'Open Sans';
  1075.        margin-left: 3px;
  1076.    }
  1077.    #first_container .favorite span, #first_container .fa.favorite span{
  1078.        padding-left: 3px;
  1079.        font-family: 'Open Sans';
  1080.        font-size: 11px;
  1081.    }
  1082.    #first_container .favorite .bookmark-number, #first_container .fa.favorite .bookmark-number {
  1083.        background: #aaa;
  1084.        color:rgb(255, 255, 255);
  1085.        padding: 0 5px;
  1086.        border-radius: 100px;
  1087.        display: inline-block;
  1088.        font-weight:bold;
  1089.    }
  1090.    #first_container .favorite.favoriteActive .bookmark-number:not(.comments-count-badge .bookmark-number), #first_container .fa.favorite.favoriteActive .bookmark-number {
  1091.        background: #ef4770;
  1092.    }
  1093.    
  1094.    span.checkbox_value::after {
  1095.        content: ', ';
  1096.    }
  1097.  
  1098.    span.checkbox_value:last-child::after {
  1099.        content: '';
  1100.    }
  1101.    
  1102.    
  1103.    
  1104.  
  1105.    /*  Homepage Sections Background Color Logic */
  1106.  
  1107.    
  1108.    .homepage-section-1 {
  1109.        padding: 40px 0 40px;
  1110.    }
  1111.  
  1112.    
  1113.    .homepage-section-2 {
  1114.        padding: 40px 0 40px;
  1115.    }
  1116.  
  1117.    
  1118.    .homepage-section-3 {
  1119.        padding: 40px 0 40px;
  1120.    }
  1121.  
  1122.    
  1123.    .homepage-section-4 {
  1124.        padding: 40px 0 40px;
  1125.    }
  1126.  
  1127.    
  1128.    .homepage-section-5 {
  1129.        padding: 40px 0 40px;
  1130.    }
  1131.  
  1132.    
  1133.    .homepage-section-6 {
  1134.        padding: 40px 0 40px;
  1135.    }
  1136.  
  1137.    
  1138.    .homepage-section-7 {
  1139.        padding: 40px 0 40px;
  1140.    }
  1141.  
  1142.    
  1143.    .homepage-section-8 {
  1144.        padding: 40px 0 40px;
  1145.    }
  1146.  
  1147.    
  1148.    .homepage-section-9 {
  1149.        padding: 40px 0 40px;
  1150.    }
  1151.  
  1152.    
  1153.    .homepage-section-10 {
  1154.        padding: 40px 0 40px;
  1155.    }
  1156.  
  1157.    
  1158.    .homepage-section-11 {
  1159.        padding: 40px 0 40px;
  1160.    }
  1161.  
  1162.    
  1163.    .homepage-section-12 {
  1164.        padding: 40px 0 40px;
  1165.    }
  1166.  
  1167.    
  1168.    .homepage-section-13 {
  1169.        padding: 40px 0 40px;
  1170.    }
  1171.  
  1172.    
  1173.    .homepage-section-14 {
  1174.        padding: 40px 0 40px;
  1175.    }
  1176.  
  1177.    
  1178.    .homepage-section-15 {
  1179.        padding: 40px 0 40px;
  1180.    }
  1181.  
  1182.    
  1183.    /* Additional Settings */
  1184.  
  1185.    
  1186.    /* Streaming Widgets Title Settings */
  1187.  
  1188.    .streaming-title {
  1189.        text-align: left;
  1190.        font-size: 30px;
  1191.            font-weight: 600;
  1192.                font-family: 'Open Sans';
  1193.            padding-bottom: 0px;
  1194.    }
  1195.  
  1196.        
  1197.    .homepage-join-module .module h2:first-of-type {
  1198.        color: rgb(62, 62, 62);
  1199.    }
  1200.  
  1201.    .homepage-join-module .module{
  1202.        background: rgb(255, 255, 255);
  1203.        border-color: rgb(247, 247, 247);
  1204.    }
  1205.  
  1206.    .homepage-about-module .module h2:first-of-type {
  1207.        color: rgb(62, 62, 62);
  1208.    }
  1209.  
  1210.    .homepage-about-module .module{
  1211.        background: rgb(255, 255, 255);
  1212.        border-color: rgb(247, 247, 247);
  1213.  
  1214.    }
  1215.  
  1216.    
  1217.    
  1218.    .img-circle, .img-circle img{
  1219.        border-radius:1000px!important;
  1220.    }
  1221.  
  1222.    .img-rounded img, img.fr-dib.img-rounded{
  1223.        border-radius: 6px!important;
  1224.    }
  1225.    
  1226.    /* Google Translate Module */
  1227.        .skiptranslate iframe {position: absolute;top: -40px;}
  1228.        .skiptranslate{font-size:0}
  1229.    .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}
  1230.    .skiptranslate.goog-te-gadget span,img.goog-te-gadget-icon{display:none!important}
  1231.    .goog-te-gadget .goog-te-combo{margin-bottom:-4px}
  1232.    .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)}
  1233.    @media only screen and (max-width: 1100px) {
  1234.        .skiptranslate:not(.skiptranslate[style="display: none;"]){height:39px}
  1235.        .skiptranslate:not(.skiptranslate[style="display: none;"]) ~ .header{margin-top:10px!important}
  1236.        .skiptranslate:not(.skiptranslate[style="display: none;"]) ~ .announcement-bar{margin-top:10px}
  1237.        .skiptranslate:not(.skiptranslate[style="display: none;"]) ~ .announcement-bar ~ .header{margin-top:0!important}
  1238.        .skiptranslate:not(.skiptranslate[style="display: none;"]) ~ .header .mobile-main-menu{top:89px!important;height:calc(100% - 90px)!important}
  1239.        .skiptranslate:not(.skiptranslate[style="display: none;"]) ~ .header .navbar{top:39px}
  1240.        .skiptranslate:not(.skiptranslate[style="display: none;"]) ~ #first_container .member_sidebar.open{top: 89px;}
  1241.    }
  1242.    @media only screen and (max-width: 767px) {
  1243.        .skiptranslate:not(.skiptranslate[style="display: none;"]) ~ .announcement-bar.hidden-xs ~ .header{margin-top:10px!important}
  1244.    }
  1245.  
  1246. </style>
  1247.  
  1248. <!--GOOGLE TAG MANAGER CODE-->    <!-- ON-PAGE CSS FUNCTIONS -->
  1249.    <style type="text/css">
  1250.            </style>
  1251.    <div class="header">
  1252.            <div class="container">
  1253. <div class="row vmargin">
  1254. <div id="website_logo" class="col-md-5 tpad xs-nopad xs-hpad sm-text-center xs-bmargin header-left-container">
  1255. <a href="https://www.techdirectory.io" title="TechDirectory">
  1256. <img width="326" height="62" src="/images/TechDirectory-Logo.png" alt="TechDirectory">
  1257. </a>
  1258. <div class="clearfix"></div>
  1259. </div>
  1260. <style type='text/css'> body input.tt-hint,body input.form-control.normal-autosuggest-input.tt-query {
  1261.   background-color: white !important;
  1262. }
  1263. .input-group-sm .input-group-addon .fa {
  1264.    font-size: 15px;
  1265. } </style><div class="col-md-7 text-right sm-text-center header-right-container nolpad xs-hpad">
  1266.            <ul class="mini-nav nobmargin list-inline xs-nopad xs-tmargin vpad">
  1267.            <style type='text/css'>  div[id^="goog-"]{display: none !important;}
  1268. .goog-te-banner {
  1269.    overflow-x: auto;
  1270. } </style>    <li class="align-middle" style="min-width:137px;height:30px">
  1271.        <div id="google_translate_element" style="width:127px;float:right;opacity:0;"></div>
  1272.        <i id='spin_remove' class="fa fa-circle-o-notch fa-spin "></i>
  1273.    </li>
  1274. <li class='bmargin'><span id='link207'  class='bmargin'> </span></li><li class='bmargin norpad'><a href='/login' id='link208'  class='btn btn_get_listed bold'>Login <i class="fa fa-chevron-right lmargin"></i></a></li><li class='bmargin norpad'><a href='/get-listed' id='link210'  class='btn btn_get_listed bold'>List Your Company <i class="fa fa-chevron-right lmargin"></i></a></li>        </ul>
  1275.            <div class="clearfix"></div>
  1276.                <form action="/search_results" name="frm1" class="form-inline website-search">
  1277.                                    <div class="input-group input-group-sm bmargin sm-autosuggest">
  1278.                        <span class="input-group-addon hidden-md"><i class="fa fa-search"></i></span>
  1279.                        <input type="text"
  1280.                               placeholder="Name or Keyword" value="" name="q"
  1281.                               class="member_search form-control input-sm" autocomplete="off">
  1282.                    </div>
  1283.                                    <input type="submit" value="Search" class="btn btn-sm btn_search bmargin xs-btn-block bold">
  1284.            </form>
  1285.            </div>
  1286.            </div>
  1287.        </div>
  1288.        <style type='text/css'> .mobile-main-menu .hasChildren span a {
  1289.    padding: 0px;
  1290. }
  1291.  
  1292. .user_sidebar > img {
  1293. width: 32px;
  1294. height: 32px;
  1295. position: absolute;
  1296. z-index: 10;
  1297. border-radius: 100px;
  1298. top: -1px;
  1299. object-fit: cover;
  1300. left: -10px;
  1301. background: rgb(255, 255, 255);
  1302. }
  1303. #member_sidebar_toggle img+.fa {
  1304.    display: none;
  1305. }
  1306. .main_menu, .user_sidebar {
  1307. padding: 5px 8px;
  1308. margin-right:0;
  1309. min-height: 33.0333px;
  1310. min-width: 38.116px;
  1311. }
  1312. .main_menu i, .user_sidebar i {
  1313.    font-size: 16px;
  1314. }
  1315. .navbar-nav li {
  1316.    float: none!Important;
  1317. }
  1318. .navbar-default{
  1319.    -webkit-transition: all .6s ease-in-out;
  1320.    -moz-transition: all .6s ease-in-out;
  1321.    -o-transition: all .6s ease-in-out;
  1322.    transition: all .6s ease-in-out;
  1323. }
  1324. .transparent_menu {
  1325. background-color: rgba(14, 14, 14,0.95)!important;
  1326. }
  1327. @media only screen and (max-width: 991px) {
  1328. #popover {display: none}
  1329. }
  1330. @media only screen and (max-width: 1100px){
  1331.    .mobile-main-menu{display:block!important}
  1332.    .navbar-toggle {display: block}
  1333.    #bs-main_menu .nav {display: none!important}
  1334. }
  1335. .mobile-main-menu {
  1336.    position: fixed;
  1337.    height: calc(100% - 50px)!important;
  1338.    width: 250px;
  1339.    background: rgb(14, 14, 14);
  1340.    z-index: 99999;
  1341.    right: -250px;
  1342.    top: 50px;
  1343.    display: none;
  1344.    -webkit-transition: all .6s ease-in-out;
  1345.    -moz-transition: all .6s ease-in-out;
  1346.    -o-transition: all .6s ease-in-out;
  1347.    transition: all .6s ease-in-out;
  1348.    overflow-y: auto!important;
  1349.    overflow-x: hidden!important;
  1350. }
  1351. .mobile-main-menu ul li i {
  1352.    color: rgb(255, 255, 255);
  1353.    cursor: pointer;
  1354.    float: right;
  1355.    padding: 13px;
  1356. }
  1357.  
  1358. .mobile-main-menu.opened{
  1359.    right: 0px!important;
  1360. }
  1361.  
  1362. .mobile-main-menu ul li a, .mobile-main-menu ul li span {
  1363.    display: inline-block;
  1364.    float: left;
  1365.    -webkit-touch-callout: none;
  1366.    -webkit-user-select: none;
  1367.    -khtml-user-select: none;
  1368.    -moz-user-select: none;
  1369.    -ms-user-select: none;
  1370.    user-select: none;
  1371.    padding: 10px 0px;
  1372.    width: 80%;
  1373.    width: calc(100% - 40px);
  1374. }
  1375. .mobile-main-menu .sidebar-nav li ul {
  1376.    height: 0px;
  1377.    overflow: hidden;
  1378.    list-style: none;
  1379.    color: rgb(255, 255, 255);
  1380.    padding-left: 10px;
  1381. }
  1382. .mobile-main-menu .sidebar-nav li.sub_open > ul{
  1383.    height: 100%;
  1384. }
  1385. .mobile-main-menu ul.sidebar-nav {
  1386.    position: absolute;
  1387.    width: 250px;
  1388.    margin: 0;
  1389.    padding: 0;
  1390.    list-style: none;
  1391.    font-size: 14px;
  1392. }
  1393. .mobile-main-menu .sidebar-nav > li {
  1394.    display: block;
  1395.    line-height: 20px;
  1396.    padding: 0 15px 0 20px;
  1397. }
  1398. .mobile-main-menu .sidebar-nav li a, .mobile-main-menu .sidebar-nav li span {
  1399.    text-decoration: none;
  1400.    color: rgb(255, 255, 255);
  1401. padding-left:10px;
  1402. }
  1403. .mobile-main-menu .sidebar-nav li a i, .mobile-main-menu .sidebar-nav li span i {
  1404.    display: none;
  1405. } </style><div class="mobile-main-menu">
  1406. <ul class="sidebar-nav">
  1407. <li class=''><a href='/home' id='link1'>Home</a></li><li class=''><a href='/categories' id='link229'>Tech Companies â–¾</a><ul><li class=''><a href='/get-listed' id='link272'>Advertise Your Company</a></li><li class=''><a href='/events' id='link308'>Events</a></li><li class=''><a href='/reviews' id='link265'>Reviews</a></li></ul></li><li class=''><a href='/locations' id='link303'>Locations</a></li><li class=''><a href='/videos' id='link307'>Videos</a></li> </ul>
  1408. </div>
  1409. <nav class="navbar navbar-default lockedonscroll">
  1410.    <div class="container container-fluid">
  1411.  
  1412.      <div class="navbar-header">
  1413.        <button type="button" class="navbar-toggle collapsed main_menu" data-toggle="collapse" aria-label="main_menu">
  1414. <i class="fa fa-bars fa-fw"></i>
  1415.        </button>
  1416.  
  1417.        
  1418.      </div>
  1419.  
  1420.      <div class="tablet-menu collapse navbar-collapse nopad" id="bs-main_menu">
  1421.        <ul class="tablet-menu-ul nav navbar-nav nav-justified">
  1422.          <li class=''><a href='/home' id='link1'>Home</a></li><li class=''><a href='/categories' id='link229'>Tech Companies â–¾</a><ul><li class=''><a href='/get-listed' id='link272'>Advertise Your Company</a></li><li class=''><a href='/events' id='link308'>Events</a></li><li class=''><a href='/reviews' id='link265'>Reviews</a></li></ul></li><li class=''><a href='/locations' id='link303'>Locations</a></li><li class=''><a href='/videos' id='link307'>Videos</a></li>        </ul>
  1423.      </div>
  1424.    </div>
  1425. </nav>
  1426. <!--CSS IF MENU IS FIXED TOP-->
  1427.  
  1428. </div>
  1429. <!--
  1430.  
  1431. 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.
  1432.  
  1433. -->
  1434. <div class="container clearfix text-center banner-ad-unit above-content-banner-ad">
  1435. <div class="clearfix vmargin banner-ad-unit">
  1436. <a href="https://techbullion.com/interviews-reviews/" target="_blank"><img src="https://techbullion.com/wp-content/uploads/2020/07/TechBullion-Banner-Ad.png" alt="interviews-reviews" /></a> </div>
  1437. <div class="clearfix"></div>
  1438. </div>
  1439. <div class="clearfix"></div><div class="clearfix"></div>
  1440. <!-- Begin  Content -->
  1441. <div id="first_container" class="content-container fr-view">
  1442.        <div class="container">
  1443.                <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.techdirectory.io' title='TechDirectory'><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 itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem"><a itemtype="https://schema.org/Thing" itemprop="item" href=/united-states/yorba-linda title="Yorba Linda"><span itemprop="name">Yorba Linda</span><meta itemprop="position" content="4" /></a></li><li itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem"><a itemtype="https://schema.org/Thing" itemprop="item" href=/united-states/yorba-linda/automotive title="Automotive"><span itemprop="name">Automotive</span><meta itemprop="position" content="6" /></a></li><li class='active'>OCRV Paint & Service</li></ol>        <div class="clearfix body-content"></div>
  1444.        <style type='text/css'> a.btn.btn-warning.pull-right.bmargin.xs-nomargin {
  1445. position: relative;
  1446. z-index: 999;
  1447. } </style>
  1448. <div class="row content_w_sidebar member_profile level_3">
  1449.  
  1450.    <div class='col-md-9'><style type='text/css'> @media only screen and (max-width: 767px) {
  1451. .profile-header-write-review {
  1452. margin-top: 10px !important;
  1453. }
  1454. }
  1455. </style>
  1456. <div class="row member-profile-header">
  1457.    <div class="col-xs-12 col-sm-3 norpad text-center xs-nopad xs-bmargin profile-image">
  1458.            <a href="/united-states/yorba-linda/automotive/ocrv-paint-service/connect" title="Contact Technology Business OCRV Paint & Service">
  1459.                <img width="200" height="113" class="img-rounded" src="/logos/profile/limage-172282-208-photo.jpg" alt="Technology Business OCRV Paint & Service in Yorba Linda CA" title="Contact OCRV Paint & Service">
  1460.            </a>
  1461.            </div>
  1462.    <div class="xs-text-center col-xs-12 col-sm-9">
  1463.        <div class="row">
  1464.            <div class="col-sm-10 norpad xs-hpad header-member-name">
  1465.                <h1 class="bold inline-block">
  1466.                    OCRV Paint & Service                </h1>
  1467. </div>
  1468. <div class='col-sm-2 text-right nolpad bmargin xs-nopad xs-text-center header-favorite-button'><span class="sidebarenabled" data-sidebar="1"></span><span class="postItem userData" data-userid="172282" data-datatype="10" data-dataid="0" data-postid="0"></span><button class="item-post-list-0 favorite fa fa-heart" data-count="" data-postid="0" data-state="0" data-activefeature="1" data-activefavorite="Basic"  data-toggle="modal" data-target="#myModal"  ><span id='bookmark-content'>LIKE</span> <span class='' id='number-0'></span></button></div>        </div>
  1469.        <div class="row">
  1470.            <div class="col-sm-6 tmargin xs-nomargin">
  1471.                <p class="line-height-xl nomargin">
  1472.                    <span class='profile-header-top-category '>Automotive<br /></span><span class=profile-header-location><i class="fa fa-map-marker text-danger"></i> Yorba Linda, CA, 92887</span>                </p>
  1473.            </div>
  1474.  
  1475.                            <div class="clearfix"></div>
  1476.            
  1477.  
  1478.                            <div class="col-sm-6 tmargin profile-header-send-message">
  1479.                    <a class="btn btn-success btn-block btn-lg" title="Contact OCRV Paint & Service" href="/united-states/yorba-linda/automotive/ocrv-paint-service/connect">
  1480.                                            Send Message
  1481.                                        </a>
  1482.                </div>
  1483.            
  1484.            
  1485.            
  1486.                            <div class="col-sm-6 profile-header-write-review" style="margin-top:0px;">
  1487.  
  1488.  
  1489.                                                                <a class="tmargin btn btn-primary btn-lg btn-block" href="/united-states/yorba-linda/automotive/ocrv-paint-service/writeareview" title="Write a Review for OCRV Paint & Service">
  1490.                            Write a Review
  1491.                        </a>
  1492.                                    </div>
  1493.            
  1494.        </div>
  1495.    </div>
  1496.    </div>
  1497. <div class="clearfix"></div>        <div class="clearfix"></div>
  1498.            
  1499.                
  1500.            
  1501. <div class="well  tmargin  bmargin fpad make-connection">
  1502. <span class="h3 nobmargin">
  1503. <i class="fa fa-comments-o fa-fw" aria-hidden="true"></i>
  1504. </span>
  1505. <b>MAKE A CONNECTION</b>
  1506. OCRV Paint & Service
  1507. is accepting messages:
  1508. <a class="inline-block" href="/united-states/yorba-linda/automotive/ocrv-paint-service/connect">
  1509. Send Message
  1510. </a>
  1511. </div>
  1512. <div class="clearfix"></div><div role="tabpanel" class="member-profile-tabs">
  1513.                <ul class="nav nav-tabs fpad nobpad profile-tabs-nav" role="tablist">
  1514.                                            <li class="active hideMyTab">
  1515.                                <a href="#1" rel="nofollow" aria-controls="t1" role="tab" data-toggle="tab">
  1516.                                    Overview                                </a>
  1517.                            </li>
  1518.                            <style> .hideMyTab{ display:none !important;}</style>            </ul>
  1519.                    <div class="tab-content">
  1520.                
  1521.                                <div id="1" role="tabpanel" class="tab-pane active">
  1522.                                    <style type='text/css'> ul.table-view.list-inline.xs-center-block > h2.tmargin.tpad.xs-text-center.xs-center-block.clearfix:last-child {
  1523. display:none;
  1524. } </style>        <div id="map-canvas"></div>
  1525.        <div class="clearfix"></div>
  1526.                    <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+United+States" title="Click for Directions">
  1527.                Get Directions <i class="fa fa-external-link" aria-hidden="true"></i>
  1528.            </a>
  1529.                            <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">
  1530.                View On Larger Map
  1531.            </a>
  1532.                <div class="clearfix"></div>
  1533.                                <div class="table-view list-inline xs-center-block bmargin">
  1534.                                                <div class="clearfix"></div>
  1535.                                <h2 class="tmargin tpad xs-center-block clearfix">
  1536.                                    Contact Information                                </h2>
  1537.                                                                                    <div class="table-view-group clearfix table-display-company">
  1538.                                        <div class="col-sm-4 bold">
  1539.                                            Company Name                                        </div>
  1540.                                        <div class="col-sm-8">
  1541.                                            <span class="textbox textbox-company">OCRV Paint & Service</span>                                        </div>
  1542.                                    </div>
  1543.                                                                                <tr>
  1544.                            <th colspan="2">
  1545.                                                            </th>
  1546.                        </tr>
  1547.                                            <tr>
  1548.                            <th colspan="2">
  1549.                                    <div class="table-view-group clearfix">
  1550.      <div class="col-sm-4 bold">
  1551.        Visit Website
  1552.      </div>
  1553.      <div class="col-sm-8">
  1554.        <a itemprop="url" class="weblink" title="Website" rel="nofollow" target="_blank" href="https://ocrvpaintandservice.com">
  1555.          https://ocrvpaintandservice.com        </a>
  1556.      </div>
  1557.    </div>  
  1558.                              </th>
  1559.                        </tr>
  1560.                                            <tr>
  1561.                            <th colspan="2">
  1562.                                                            </th>
  1563.                        </tr>
  1564.                                            <tr>
  1565.                            <th colspan="2">
  1566.                                    <div class="table-view-group clearfix">      
  1567.        <div class="col-sm-4 bold">
  1568.            Location
  1569.        </div>
  1570.        <div class="col-sm-8">
  1571.            <span>23281 La Palma Ave</span><br><span>Yorba Linda</span>, <span>CA</span>, <span>92887</span><br>United States        </div>
  1572.    </div>
  1573. <!-- SCHEMA FOR LOCALBUSINESS -->
  1574. <div itemscope itemtype="http://schema.org/LocalBusiness">
  1575. <meta itemprop="name" content="OCRV Paint & Service">
  1576. <meta itemprop="priceRange" content="$$">
  1577. <meta itemprop="telePhone" content="714-598-2600">
  1578. <meta itemprop="url" content="https://www.techdirectory.io/united-states/yorba-linda/automotive/ocrv-paint-service">
  1579. <meta itemprop="image" content="https://www.techdirectory.io">
  1580. <div itemprop="address" itemscope itemtype="http://schema.org/PostalAddress">
  1581. <meta itemprop="streetAddress" content="23281 La Palma Ave">
  1582. <meta itemprop="addressLocality" content="Yorba Linda">
  1583. <meta itemprop="addressRegion" content="92887">
  1584. <meta itemprop="addressCountry" content="United States of America">
  1585. </div>
  1586. <div itemprop="geo" itemscope itemtype="http://schema.org/GeoCoordinates">
  1587. <meta itemprop="latitude" content="33.8746366">
  1588. <meta itemprop="longitude" content="-117.7288155">
  1589. </div>
  1590. </div>
  1591.                            </th>
  1592.                        </tr>
  1593.                    
  1594.                            </div>
  1595.            
  1596.                                                    <div class="table-view list-inline xs-center-block bmargin">
  1597.                                                <div class="clearfix"></div>
  1598.                                <h2 class="tmargin tpad xs-center-block clearfix">
  1599.                                    Company Details                                </h2>
  1600.                                                                                    <div class="table-view-group clearfix table-display-rep_matters">
  1601.                                        <div class="col-sm-4 bold">
  1602.                                            Hours of Operation                                        </div>
  1603.                                        <div class="col-sm-8">
  1604.                                            <span class="textarea textarea-rep_matters">8AM-5PM</span>                                        </div>
  1605.                                    </div>
  1606.                                                        
  1607.                            </div>
  1608.            
  1609.                    <div class="overview-tab-about-me"><h2 class="tmargin tpad xs-center-block clearfix about-member-blurb">About OCRV Paint & Service</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;'>OCRV Center&#39;s Mission is to provide appreciative solutions to all in need of RV Collision Repair, Paint, Body, Interior, Upgrades &amp; Solar at a single Commercial Collision Repair Facility in Southern California!</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;'><br></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;'>Phone:</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;'>714-598-2600</p><div class="clearfix"></div>                    <div class="table-view list-inline xs-center-block bmargin">
  1610.                                                <div class="clearfix"></div>
  1611.                                <h2 class="tmargin tpad xs-center-block clearfix">
  1612.                                    Write About You And Your Company                                </h2>
  1613.                                                                        <tr>
  1614.                            <th colspan="2">
  1615.                                <div class="clearfix"></div>                            </th>
  1616.                        </tr>
  1617.                    
  1618.                            </div>
  1619.            
  1620.            <div class="clearfix"></div></div>    <div class="clearfix"></div>  <style>
  1621.   #map-canvas {
  1622.   height: 200px;
  1623.   width: 100%;
  1624.   margin: 0px;
  1625.   padding: 0px;
  1626.   border-radius:5px;
  1627.   overflow:hidden;
  1628.   }
  1629.  </style>
  1630.  <script>
  1631.  $(document).ready(function(){
  1632.      var map,map2;
  1633.      function initialize() {
  1634.                var styles = [{"featureType":"landscape","stylers":[{"hue":"#FFBB00"},{"saturation":43.400000000000006},{"lightness":37.599999999999994},{"gamma":1}]},{"featureType":"road.highway","stylers":[{"hue":"#FFC200"},{"saturation":-61.8},{"lightness":45.599999999999994},{"gamma":1}]},{"featureType":"road.arterial","stylers":[{"hue":"#FF0300"},{"saturation":-100},{"lightness":51.19999999999999},{"gamma":1}]},{"featureType":"road.local","stylers":[{"hue":"#FF0300"},{"saturation":-100},{"lightness":52},{"gamma":1}]},{"featureType":"water","stylers":[{"hue":"#0078FF"},{"saturation":-13.200000000000003},{"lightness":2.4000000000000057},{"gamma":1}]},{"featureType":"poi","stylers":[{"hue":"#00FF6A"},{"saturation":-1.0989010989011234},{"lightness":11.200000000000017},{"gamma":1}]}];
  1635.               var styledMap = new google.maps.StyledMapType(styles,{name: "Styled Map"});
  1636.                var myLatlng = new google.maps.LatLng(parseFloat(33.8746366),parseFloat(-117.7288155));
  1637.        var iconImage = '/images/pin_drop.png';
  1638.        var mapOptions = {
  1639.          zoom: 15,
  1640.          center: myLatlng,
  1641.          scrollwheel: false
  1642.        }
  1643.        map = new google.maps.Map(document.getElementById('map-canvas'), mapOptions);
  1644.        map2 = new google.maps.Map(document.getElementById('map-canvas2'), mapOptions);
  1645.                    map.mapTypes.set('map_style', styledMap);
  1646.            map.setMapTypeId('map_style');
  1647.            map2.mapTypes.set('map_style', styledMap);
  1648.            map2.setMapTypeId('map_style');
  1649.                var marker = new google.maps.Marker({
  1650.        position: myLatlng,
  1651.        map: map,
  1652.        icon: iconImage
  1653.        });
  1654.        var marker2 = new google.maps.Marker({
  1655.        position: myLatlng,
  1656.        map: map2,
  1657.        icon: iconImage
  1658.        });
  1659.      }
  1660.      google.maps.event.addDomListener(window, 'load', initialize);
  1661.      $('#locationModal').on('shown.bs.modal', function() {
  1662.      var currentCenter = map2.getCenter();
  1663.      google.maps.event.trigger(map2, "resize");
  1664.      map2.setCenter(currentCenter);
  1665.    });
  1666.  });
  1667.  </script>
  1668.  <style type='text/css'> #map-canvas2 {
  1669.    height: 100%;
  1670.    margin-bottom: 5px;
  1671.    width: 100%;
  1672. } </style><div class="modal fade" id="locationModal" tabindex="-1" role="dialog" aria-labelledby="locationModal" aria-hidden="true">
  1673. <div class="modal-dialog modal-lg">
  1674. <div class="modal-content">
  1675. <div class="modal-header">
  1676. <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
  1677. <h4 class="modal-title">Map View</h4>
  1678. </div>
  1679.            <div class="modal-body" style="height: 350px;">
  1680. <div id="map-canvas2"></div>
  1681. </div>
  1682.            <div class="modal-footer">
  1686. <a rel="nofollow" href="https://maps.google.com/maps?daddr=23281+La+Palma+Ave++Yorba+Linda+CA+92887+United+States" type="button" rel="nofollow" target="_blank" class="btn btn-primary member-directions">Get Directions</a>
  1687. <button type="button" class="btn btn-default" data-dismiss="modal">Cancel</button>
  1688. </div>
  1689. </div>
  1690. </div>
  1691. </div>                                </div>
  1692.                                            </div>
  1693.            </div>    </div>
  1694.    <div class="col-sm-12 col-md-3 sidebar-section">        <section id='id' class=''><style type='text/css'> .col-md-3 .social_share_buttons .col-xs-3, .col-lg-3 .social_share_buttons .col-xs-3 {
  1695. transform: scale(.96);
  1696. }
  1697. .social_share_buttons .col-xs-4 {
  1698. padding: 0 5px;
  1699. }
  1700. .fbMobilePopUp {
  1701. color: #fff;
  1702. background-color: #3b5998;
  1703. padding: 2px 9px;
  1704. font-size: 11px;
  1705. font-weight: 500;
  1706. border-radius: 7%;
  1707. position: relative;
  1708. }
  1709.  
  1710. .fbMobilePopUp:hover {
  1711. color: #fff !important;
  1712. background-color: #354f87
  1713. }
  1714.  
  1715. .social_share_buttons button, .social_share_buttons .fb-share-button, .social_share_buttons span, .social_share_buttons a, .social_share_buttons iframe, .social_share_buttons .twitter-share-button, .social_share_buttons .IN-widget, .social_share_buttons .IN-bf195e49-eb86-4856-9b9f-1c8710d456be-1G9ISYhSF8XoOmdcl0yKDu {
  1716. width: 100%!important;
  1717. display: block!important;
  1718. border-radius: 100px !important;
  1719. vertical-align:top!important;
  1720. margin:0 auto!important;
  1721. white-space:nowrap!important;
  1722. color: #fff!important;
  1723. } </style><aside>
  1724.    <div class="module social_share_buttons">
  1725.        <h2 class="nomargin">
  1726.            <i class="fa fa-share-square-o fa-fw"></i> Share This Page
  1727.        </h2>
  1728.        <hr>
  1729.        <div class="row hpad">
  1730.            <div class="col-xs-4 col-sm-4 col-md-6 col-lg-4 text-center bmargin facebook_social_share_button social_share_button">
  1731.  
  1732.                                    <div class="fb-share-button" style="display:none;">
  1733.                        <a href="#" title="Facebook Share Button" class="fbMobilePopUp" onclick='showFBShare();'>
  1734.                            <i class="fa fa-facebook "></i> Share
  1735.                        </a>
  1736.                    </div>
  1737.  <i class="fa fa-circle-o-notch fa-spin spin_remove_2"></i>
  1738.                            </div>
  1739.            <div class="col-xs-4 col-sm-4 col-md-6 col-lg-4 text-center bmargin twitter_social_share_button social_share_button">
  1740.                <a title="Twitter Share Button" href="//twitter.com/share" class="twitter-share-button" data-count="vertical"></a>
  1741.                <i class="fa fa-circle-o-notch fa-spin spin_remove_2"></i>
  1742.            </div>
  1743.            <div class="col-xs-4 col-sm-4 col-md-6 col-lg-4 text-center bmargin linkedin_social_share_button social_share_button">
  1744.                <script type="IN/Share" data-counter="top" defer></script>
  1745.                <i class="fa fa-circle-o-notch fa-spin spin_remove_2"></i>
  1746.            </div>
  1747.            <div class="clear"></div>
  1748.        </div>
  1749.        <div class="clear"></div>
  1750.    </div>
  1751. </aside><style type='text/css'> .related-searches-ul {
  1752.    Max-height: 200px;
  1753.    overflow-y: auto;
  1754. } </style>    <div class="module related-members-links">
  1755.        <h3 class="nomargin">
  1756. Related Searches
  1757. </h3>
  1758. <hr>
  1759.        <ul class="list-unstyled font-sm line-height-xl related-searches-ul">
  1760.            <li class="xs-bmargin"><a href="https://www.techdirectory.io/automotive" title="Automotive">All Automotive</a>
  1761.            <br/>
  1762.            <li class='xs-bmargin'><a href='https://www.techdirectory.io/united-states/california/yorba-linda/automotive' title='Automotive in Yorba Linda'>Automotive in Yorba Linda</a><br/><li class='xs-bmargin'><a href='https://www.techdirectory.io/united-states/california/automotive' title='Automotive in California'>Automotive in California</a><br/><li class='xs-bmargin'><a href='https://www.techdirectory.io/united-states/automotive' title='Automotive in US'>Automotive in United States</a><br/>        </ul>
  1763.    </div>
  1764. <!--
  1765.  
  1766. 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.
  1767.  
  1768. -->
  1769. <a href="https://techbullion.com/submit/" target="_blank"><img src="https://techbullion.com/wp-content/uploads/2020/07/Digital-Marketing-Services.png" alt="Submit" /></a> <div class="clearfix clearfix-lg"></div>
  1770. <!--
  1771.  
  1772. 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.
  1773.  
  1774. -->
  1775. <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
  1776. <!-- TechDirectory Vertical Responsive Ads -->
  1777. <ins class="adsbygoogle"
  1778.     style="display:block"
  1779.     data-ad-client="ca-pub-4909624562623679"
  1780.     data-ad-slot="6787643391"
  1781.     data-ad-format="auto"
  1782.     data-full-width-responsive="true"></ins>
  1783. <script>
  1784.     (adsbygoogle = window.adsbygoogle || []).push({});
  1785. </script> <div class="clearfix clearfix-lg"></div>
  1786. <!-- Structured Data Markup -->
  1787. <script type="application/ld+json">
  1788. {
  1789.  "@context" : "http://schema.org",
  1790.  "@type" : "NewsArticle",
  1791.  "mainEntityOfPage": {
  1792. "@type": "WebPage",
  1793. "@id": "/"
  1794.  },
  1795.  "headline": "",
  1796.  "name" : "",
  1797.  "author" : {
  1798. "@type" : "Organization",
  1799. "url" : "/united-states/yorba-linda/automotive/ocrv-paint-service",
  1800. "name" : "OCRV Paint & Service"
  1801.  },
  1802.  "datePublished" : "1970-01-01T00:00:00+00:00",
  1803.  "dateModified" : "1970-01-01T00:00:00+00:00",
  1804.  "image" : "/images/image-placeholder.jpg",
  1805.  "articleSection" : "",
  1806.  "articleBody" : "",
  1807.  "url" : "/",
  1808.  "publisher" : {
  1809. "@type" : "Organization",
  1810. "name" : "TechDirectory",
  1811. "logo": {
  1812.  "@type": "ImageObject",
  1813.  "url": "/images/TechDirectory-Logo.png"
  1814. }
  1815.  } }
  1816. </script></section>        </div>
  1817.    
  1818. </div>
  1819. <div class="clearfix"></div>
  1820.        <div class="clearfix"></div>
  1821.    </div>
  1822. </div>
  1823. <!-- End Content -->
  1824. <div class="clearfix footer-clear-element clearfix-lg"></div>
  1825. <!--
  1826.  
  1827. 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.
  1828.  
  1829. -->
  1830. <div class="clearfix"></div>
  1831. <div class="content-container banner-ad-unit footer-banner-container">
  1832.  
  1833. <div class="container text-center banner-ad-unit footer-banner-ad">
  1834.  
  1835. <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-4909624562623679"
  1836.     crossorigin="anonymous"></script>
  1837. <!-- TechDirectory Horizontal Ad -->
  1838. <ins class="adsbygoogle"
  1839.     style="display:block"
  1840.     data-ad-client="ca-pub-4909624562623679"
  1841.     data-ad-slot="4256563416"
  1842.     data-ad-format="auto"
  1843.     data-full-width-responsive="true"></ins>
  1844. <script>
  1845.     (adsbygoogle = window.adsbygoogle || []).push({});
  1846. </script> <div class="clearfix clearfix-lg"></div>
  1847. </div>
  1848. </div>
  1849. <div class="clearfix"></div>
  1850. <style type='text/css'> .newsletter_row input[type="email"] {
  1851.    float: none;
  1852.    margin-left: auto;
  1853.    margin-right: auto;    
  1854.    width: 62% !important;
  1855. } </style><div class="content-container newsletter_row">
  1856. <div class="container text-center vpad">
  1857. <div class="col-md-12 xs-nopad">
  1858. <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">
  1859.            <div class="col-sm-6 nopad newsletter_button_left">
  1860.            Join Our Newsletter
  1861.        </div>
  1862.        <div class="col-sm-6 nopad newsletter_button_right">
  1863.            Click to Subscribe
  1864.            <i class='fa fa-chevron-circle-right fa-fw'></i>
  1865.        </div>
  1866.        
  1867. <div class="clearfix"></div>
  1868. </a>
  1869. </div>
  1870. </div>
  1871. </div><div class="footer">
  1872.    <div class="container">
  1873.        <div class="row">
  1874.            <ul class="footer_menu sm-text-center">
  1875.                <li class='col-md-5'><span id='link157'  class='head'> About</span><ul><li class=''><span id='link158'  class='content'> TechDirectory.io is an Online Directory for Innovative Technologies. Search for Tech Businesses, list your Tech Business.</span></li></ul></li><li class='col-md-2 col-md-offset-1'><span id='link159'  class='head'> Website</span><ul><li class=''><a href='/about' id='link160'>How It Works</a></li><li class=''><a href='/join' id='link161'>List Your Business</a></li></ul></li><li class='col-md-2'><span id='link162'  class='head'> Search</span><ul><li class=''><a href='/categories' id='link163'>Browse Categories</a></li><li class=''><a href='/locations' id='link164'>Browse Locations</a></li></ul></li><li class='col-md-2'><span id='link165'  class='head'> Support</span><ul><li class=''><a href='/account/upgrade' id='link166'>Account Upgrade</a></li><li class=''><a href='/about/contact' id='link167'>Contact Us</a></li></ul></li><li class='col-md-5 vpad vmargin'><span id='link211'> <div itemscope itemtype="http://schema.org/WebSite">
  1876. <meta itemprop="name" content="TechDirectory" id="sitename">
  1877. <link href="//www.techdirectory.io" itemprop="url" id="sitelink">
  1878. <div class="list-social-links">
  1879. <a class="network-icon contact" href="/about/contact" title="Contact Us TechDirectory">
  1880. <i class="fa fa-envelope"></i>
  1881. </a>
  1882. <a class="network-icon facebook" itemprop="sameAs" href="https://www.facebook.com/TechDirectory" target="_blank" title="TechDirectory Facebook">
  1883. <i class="fa fa-facebook"></i>
  1884. </a>
  1885. <a class="network-icon image-icon twitter" itemprop="sameAs" href="https://twitter.com/TechDirectory" target="_blank" title="TechDirectory X">
  1886. <img alt="TechDirectory X" loading="lazy" class="talign img-circle" src="/images/twitterX.png" width="40" height="40">
  1887. </a>
  1888.    
  1889.      
  1891. <div class="clearfix"></div>
  1892. </div>
  1893. </div></span></li><li class='col-md-6 col-md-offset-1 vpad vmargin'><a href='/get-listed' id='link212'  class='btn btn_footer_get_listed btn-lg btn-block bold center sm-block' style='white-space:normal'>Technology Businesses - List Your Business Today »</a></li><li class='col-md-12'><a href='https://www.techbullion.com/category/technology/' id='link226'> Technology News</a></li>            </ul>
  1894.        </div>
  1895. <div class="col-md-12 fpad fmargin small text-center footer_terms">
  1896. &copy; 2024 <a title="TechDirectory" href="/">
  1897. TechDirectory </a>
  1898. All Rights Reserved.
  1899. <div class="inline-block">
  1900. <a title="Terms of Use - TechDirectory" href="/about/terms">
  1901. Terms of Use
  1902. </a>
  1903. |
  1904. <a title="Privacy Policy - TechDirectory" href="/about/privacy">
  1905. Privacy Policy
  1906. </a>
  1907. </div>
  1908. </div>
  1909.    </div>
  1910. </div><style type='text/css'> .scrollup {
  1911.  border-radius: 3px;
  1912.  width: 40px;
  1913.  height: 40px;
  1914.  opacity: 0.4;
  1915.  position: fixed;
  1916.  bottom: 30px;
  1917.  right: 30px;
  1918.  display: none;
  1919.  background: rgba(119, 119, 119, 0.8);
  1920.  z-index: 1000000;
  1921. }
  1922. .scrollup i {
  1923.  font-size: 36px;
  1924.  color: white;
  1925.  position: relative;
  1926.  top: 0px;
  1927.  left: 10px;
  1928. } </style>            <div class="myModal modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="mySmallModalLabel"
  1929.                 data-backdrop="static" data-keyboard="false">
  1930.                <div class="modal-dialog" role="document">
  1931.                    <div class="modal-content">
  1932.                        <div class="modal-body nohpad nobpad">
  1933.                            <button type="button" style="z-index:10;position:absolute;right:15px;" class="close hmargin"
  1934.                                    data-dismiss="modal">&times;
  1935.                            </button>
  1936.                                <style>
  1937.        .member-login-container:not(.modal .module) {
  1938.            width: 555px;
  1939.            max-width: 100%;
  1940.            margin-left: auto;
  1941.            margin-right: auto;
  1942.            margin-bottom:0;
  1943.            background-color: rgb(255, 255, 255)!important;
  1944.            border-color: rgb(247, 247, 247)!important;
  1945.            color: rgb(41, 41, 41)!important;
  1946.        }
  1947.        .login-register-tabs, .login-register-content {
  1948.            width: 555px!important;
  1949.            max-width: 100%;
  1950.            margin-left: auto!important;
  1951.            margin-right: auto!important;
  1952.            background-color: rgb(247, 247, 247);
  1953.        }
  1954.        .login-register-content {
  1955.            background: transparent;
  1956.            padding: 0;
  1957.            border: none;
  1958.        }
  1959.        .login-register-content h2, .login-register-content h2+hr, .login-register-content .account-menu-title {
  1960.            display: none!important;
  1961.        }
  1962.        .express_login_create_account_prefix hr {
  1963.            margin: 15px 0 10px;
  1964.        }
  1965.        .modal-content #containerFBLogin, .modal-content #containerGoogleLogin {
  1966.            margin:15px 0;
  1967.        }
  1968.  
  1969.        /* CSS When Login Form and Express Registration Rendered in Sidebar */
  1970.        .col-md-3 .bd-chat-well-container,.col-md-4 .bd-chat-well-container {
  1971.            padding: 15px 10px;
  1972.        }
  1973.        .col-md-3 .bd-chat-center-text,.col-md-4 .bd-chat-center-text {
  1974.            margin: 0;
  1975.            font-size: 20px;
  1976.            padding: 0 15px;
  1977.        }
  1978.        .col-md-3 .member-login-page-container .login-register-tabs *, .col-md-4 .member-login-page-container .login-register-tabs * {
  1979.            font-size: 12px;
  1980.            line-height: 1.2em;
  1981.            vertical-align: bottom;
  1982.        }
  1983.        .col-md-3 .member-login-page-container .login-register-tabs a, .col-md-4 .member-login-page-container .login-register-tabs a {
  1984.            padding: 5px !important;
  1985.            height: 50px;
  1986.            vertical-align: middle;
  1987.            display: table-cell !important;
  1988.            width: 1%;
  1989.        }
  1990.        .col-md-3 .member-login-page-container .login-register-content, .col-md-4  .member-login-page-container .login-register-content {
  1991.            padding: 0;
  1992.        }
  1993.        .col-md-3 .member-login-container, .col-md-4 .member-login-container {
  1994.            padding: 15px !important;
  1995.            font-size: 13px;
  1996.        }
  1997.        .col-md-3 .member-login-page-container .input-lg, .col-md-4 .member-login-page-container .input-lg {
  1998.            height: 34px;
  1999.            padding: 6px 12px;
  2000.            font-size: 14px;
  2001.        }
  2002.        .col-md-3 .member-login-page-container .security_question_label, .col-md-4 .member-login-page-container .security_question_label {
  2003.            transform: scale(.85);
  2004.            margin: -1.15em -1.15em 0;
  2005.        }
  2006.        .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 {
  2007.            width: 100%;
  2008.            display: block;
  2009.            margin-top:5px;
  2010.        }
  2011.        .col-md-3 .login-cta-buttons li, .col-md-4 .login-cta-buttons li {
  2012.            padding:0
  2013.        }
  2014.        .col-md-3 .login-cta-buttons ul.nav, .col-md-4 .login-cta-buttons ul.nav {
  2015.            margin-top: -10px;
  2016.        }
  2017.        .col-md-3 #googleAction, .col-md-3 #facebookAction, .col-md-4 #googleAction, .col-md-4 #facebookAction {
  2018.            padding: 0;
  2019.            min-height: 0;
  2020.            font-size: 14px;
  2021.            margin: 0;
  2022.        }
  2023.        .col-md-3 #googleAction img, .col-md-3 #facebookAction img, .col-md-4 #googleAction img, .col-md-4 #facebookAction img {
  2024.            height: 36px !important;
  2025.            margin-right: 5px;
  2026.            position: relative!important;
  2027.            display: inline-block;
  2028.        }
  2029.        @media only screen and (max-width: 767px) {
  2030.            .col-md-3 .member-login-page-container .login-register-tabs a, .col-md-4 .member-login-page-container .login-register-tabs a {
  2031.                display: block !important;
  2032.                width: 100%;
  2033.                line-height: 40px;
  2034.            }
  2035.  
  2036.            #containerGoogleLogin {
  2037.                text-align: center;
  2038.                margin-top: 10px;
  2039.            }
  2040.  
  2041.            #containerGoogleLogin #gBtn {
  2042.                display: inline-block;
  2043.                width: 202px;
  2044.  
  2045.            }
  2046.            #containerFBLogin .btn-facebook {
  2047.                box-sizing: border-box;
  2048.                width: 191px;
  2049.                font-size: 14px;
  2050.                position: relative;
  2051.                left: -4px;
  2052.                padding-left: 44px;
  2053.                white-space: nowrap !important;
  2054.  
  2055.            }
  2056.        }
  2057.    </style>
  2058.    <div class="row member-login-page-container">
  2059.        <div class="fpad-lg novpad">
  2060.  
  2061.            
  2062.                                    <div class="module fpad-xl member-login-container">
  2063.                        <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="json" 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="172282" id="member_login-element-2"/><input type="hidden" name="form" value="myform" id="member_login-element-3"/><input type="hidden" name="formname" value="member_login" id="member_login-element-4"/><input type="hidden" name="dowiz" value="1" id="member_login-element-5"/><input type="hidden" name="save" value="1" id="member_login-element-6"/><input type="hidden" name="url_origin_pars" value="/united-states/yorba-linda/automotive/ocrv-paint-service" id="member_login-element-7"/><input type="hidden" name="action" autocomplete="off" value="login" id="member_login-element-8"/><h2>Member Login</h2><hr><div class="form-group"><label class="vertical-label bd-email" for="member_login-element-10">Email Address</label><div class="input-prepend input-append"><span class="add-on"><div class="input-group input-group-lg"><span class="input-group-addon"><i class="fa fa-envelope"></i></span></span><input type="email" name="email" placeholder="name@yoursite.com" autocomplete="off" value class="form-control input-lg" id="member_login-element-10"/><span class="add-on"></div></span></div></div><div class="form-group"><label class="vertical-label bd-password" for="member_login-element-11">Password</label><div class="input-prepend input-append"><span class="add-on"><div class="input-group input-group-lg"><span class="input-group-addon"><i class="fa fa-key"></i></span></span><input type="password" name="pass" placeholder="Enter Password" autocomplete="off" value class="form-control input-lg" id="member_login-element-11"/><span class="add-on">  </div></span></div></div><p class="help-block bpad bmargin small" style="margin-top:-10px;">Forgot your password? <a href="/login/retrieval">Click Here</a></p><div class="form-actions"><input type="submit" value="Login Now" name class="btn btn-primary btn-lg btn-block " id="member_login-element-13"/></div><hr>
  2064. <div class="col-md-6">
  2065.  <a class="btn btn-danger btn-block sm-bmargin" href="/checkout/5">Not a Registered User?<span class="inline-block">Create a Free User Account »</span></a>
  2066. </div>
  2067. <div class="col-md-6">
  2068.  <a href="/join" class="btn btn-success btn-block">Are You a Technology Business?<span class="inline-block">List Your Business Now »</span></a>
  2069. </div>
  2070. <div class="clearfix"></div></form><script type="text/javascript">jQuery(document).ready(function() { jQuery("#member_login").bind("submit", function() {
  2071. });}); </script>                        <div class="clearfix"></div>
  2072.                    </div>
  2073.                
  2074.            
  2075.        </div>
  2076.    </div>
  2077.                        </div>
  2078.                    </div>
  2079.                </div>
  2080.            </div>
  2081.            
  2082.  
  2083.  
  2084.    <link rel="stylesheet" type="text/css" href="https://www.optimizecdn.com/directory/cdn/assets/bootstrap/limonte-sweetalert2/6.11.2/sweetalert2.min.css">
  2085. <script src="https://www.optimizecdn.com/directory/cdn/assets/bootstrap/limonte-sweetalert2/6.11.2/sweetalert2.min.js"></script>
  2086.  
  2087. <script>
  2088.    function clearContent(thisObj){
  2089.        var size;
  2090.        if(thisObj.hasClass('input-sm') || thisObj.parents('.input-group').hasClass('input-group-sm')){
  2091.            size = "small";
  2092.        } else if (thisObj.hasClass('input-lg') || thisObj.parents('.input-group').hasClass('large-autosuggest')){
  2093.            size = "large";
  2094.        } else {
  2095.            size = "medium";
  2096.        }
  2097.        if(!thisObj.parent().hasClass('input_wrapper')){
  2098.            if(thisObj.parent().hasClass('input-group-sm')){
  2099.                thisObj.wrap('<span class="input-group-sm input_wrapper"></span>');
  2100.            } else if (thisObj.parent().hasClass('input-group-lg')){
  2101.                thisObj.wrap('<span class="input-group-lg input_wrapper"></span>');
  2102.            } else {
  2103.                thisObj.wrap('<span class="input_wrapper"></span>');
  2104.            }
  2105.        }
  2106.        if(thisObj.val() != ""){
  2107.            if(thisObj.hasClass('googleSuggest')){
  2108.                thisObj.parent().find('.fill_location').remove();
  2109.            }
  2110.            if (!thisObj.parent().find('.clear_content').length){
  2111.                thisObj.parent().append(`<span class="clear_content ${size}"><i class="fa fa-times-circle" aria-hidden="true"></i></span>`);
  2112.                if (thisObj.hasClass("tt-input")) {
  2113.             thisObj.focus();
  2114.         }
  2115.  
  2116.            }
  2117.        }
  2118.                if (thisObj.hasClass('googleSuggest') && thisObj.val().length == 0) {
  2119.            thisObj.parent().append(`<span class="fill_location ${size}"><i class="fa fa-crosshairs" title="Use Current Location" aria-hidden="true"></i></span>`);
  2120.        }
  2121.        if (thisObj.val() == "" && thisObj.parent().find('.clear_content').length){
  2122.            thisObj.parent().find('.clear_content').remove();
  2123.        }
  2124.            }
  2125.  
  2126.    $(document).on('click', '.drp-buttons .applyBtn', function(){
  2127.        clearContent($(".dateRange input"));
  2128.    });
  2129.  
  2130.    $('.sm-autosuggest input, .googleSuggest, .large-autosuggest input, .md-autosuggest input, .normal-autosuggest input, .google-writen-location, .dateRange input').keyup(function(){
  2131.        clearContent($(this));
  2132.    });
  2133.  
  2134.    $(document).ready(function(){
  2135.        $('.sm-autosuggest input, input.googleSuggest, .large-autosuggest input, .md-autosuggest input, .normal-autosuggest input, .google-writen-location, .dateRange input').each(function(){
  2136.            clearContent($(this));
  2137.        })
  2138.    })
  2139.  
  2140.    $(document).on('click', '.clear_content', function(){
  2141.        $(this).parent().find('input').val('');
  2142.        //tt-input its a class for typeahead auto-suggest
  2143.        if ($(this).parent().find('input').hasClass("tt-input")) {
  2144.            $(this).parent().find('input').typeahead('val','');
  2145.        }
  2146.        clearContent($(this).parent().find('input'));
  2147.        $(this).remove();
  2148.    });
  2149.  
  2150. $(window).on('load', function () {
  2151. setTimeout(function() {
  2152. // add missing href attribute to multi-category options in search modules
  2153. $('.bootstrap-select.show-tick .dropdown-menu a').attr('href', '#');
  2154. }, 2000);
  2155.         });
  2156. </script>
  2157.  
  2158.  
  2159.  
  2160. <a href="#" class="scrollup" title="scrollup">
  2161.    <i class="fa fa-caret-up" aria-hidden="true"></i>
  2162. </a>
  2163. <script>
  2164.        $(document).ready(function () {
  2165.  
  2166.        if ($('.navbar-default').length > 0) {
  2167.            var menu = $('.navbar-default');
  2168.            var origOffsetY = menu.offset().top;
  2169.  
  2170.            function scroll() {
  2171.  
  2172.                if ($(window).scrollTop() >= origOffsetY) {
  2173.                    $('.navbar-default').addClass('navbar-fixed-top');
  2174.                    $('.navbar-default').addClass('transparent_menu');
  2175.  
  2176.                } else {
  2177.                    $('.navbar-default').removeClass('navbar-fixed-top');
  2178.                    $('.navbar-default').removeClass('transparent_menu');
  2179.                }
  2180.            }
  2181.            document.onscroll = scroll;
  2182.        };
  2183.    });
  2184.        $(document).ready(function(){
  2185.        $('.progress .progress-bar').progressbar({
  2186.            display_text: 'fill'
  2187.        });
  2188.        $(window).scroll(function(){
  2189.  
  2190.            if ($(this).scrollTop() > 600) {
  2191.                $('.scrollup').fadeIn();
  2192.  
  2193.            } else {
  2194.                $('.scrollup').fadeOut();
  2195.            }
  2196.        });
  2197.        $('.scrollup').click(function(){
  2198.            $("html, body").animate({
  2199.                scrollTop: 0
  2200.            }, 600);
  2201.            return false;
  2202.        });
  2203.        $('#cropButton').click(function(){
  2204.            var iframe = $("#cropiFrame");
  2205.            iframe.attr("src", iframe.data("src"));
  2206.        });
  2207.    });
  2208. </script>
  2209. <script>
  2210.  
  2211. $('.view_phone_number').click(function(event){
  2212. event.preventDefault();
  2213. $(this).hide();
  2214. $('.view_phone_number_header').hide();
  2215. $('.phone_number_header').css("display","block");
  2216. $('.phone_number').css("display","block");
  2217. })
  2218.  
  2219. </script>    <!-- Google tag (gtag.js) -->
  2220.    <script async src="https://www.googletagmanager.com/gtag/js?id=G-X2HBVCP18L"></script>
  2221.    <script>
  2222.        window.dataLayer = window.dataLayer || [];
  2223.        function gtag(){dataLayer.push(arguments);}
  2224.        gtag('js', new Date());
  2225.        gtag('config', 'G-X2HBVCP18L');
  2226.    </script>
  2227.    <script type="text/javascript">
  2228.       var vlat = 0;
  2229.        var vlon = 0;
  2230.        window.addEventListener('DOMContentLoaded', () => {
  2231.            setTimeout(()=>{
  2232.                let googleSuggestForm = document.querySelectorAll('.googleSuggest,.google-writen-location,input[name="lead_location"],.fill_location');
  2233.                if (typeof googleSuggestForm != "undefined") {
  2234.                    for (let i = 0; i < googleSuggestForm.length; i++) {
  2235.                        let closestForm = googleSuggestForm[i].closest('form');
  2236.                        if(typeof closestForm != "undefined" && closestForm != null){
  2237.                            closestForm.addEventListener('focusin', googleMapOnFormClick, false);
  2238.                        }else{
  2239.                            googleSuggestForm[i].addEventListener('input', googleMapOnFormClick, false);
  2240.                        }
  2241.  
  2242.                        if(googleSuggestForm[i].className.indexOf('fill_location') != -1){
  2243.                            googleSuggestForm[i].addEventListener('click', googleMapOnFormClick, false);
  2244.                        }
  2245.                    }
  2246.                }
  2247.            },200);
  2248.  
  2249.        });
  2250.  
  2251.        function googleMapOnFormClick() {
  2252.            let googleSuggestForm = document.querySelectorAll('.googleSuggest,.google-writen-location,input[name="lead_location"],.fill_location');
  2253.            let scriptLoaded = new Promise( (resolve,rejection) => {
  2254.                resolve('already loaded');
  2255.            });
  2256.            let mapUri ="https://maps.googleapis.com/maps/api/js?v=3.exp&libraries=places&region=US&callback=initializeG&language=en";
  2257.            if (typeof googleSuggestForm != "undefined") {
  2258.                for (let i = 0; i < googleSuggestForm.length; i++) {
  2259.                    let closestForm = googleSuggestForm[i].closest('form');
  2260.                    if(typeof closestForm != "undefined" && closestForm != null){
  2261.                        closestForm.removeEventListener('focusin', googleMapOnFormClick, false);
  2262.                    }else{
  2263.                        googleSuggestForm[i].removeEventListener('input', googleMapOnFormClick, false);
  2264.                    }
  2265.                }
  2266.            }
  2267.            let loadMapScriptAsync = function (uri) {
  2268.                return new Promise((resolve, reject) => {
  2269.                    let script = document.createElement('script');
  2270.                    script.type = 'text/javascript';
  2271.                    script.src = uri;
  2272.                    script.async = true;
  2273.                    script.onload = function () {
  2274.                        resolve("ok");
  2275.                    };
  2276.                    let head = document.getElementsByTagName('head')[0];
  2277.                    head.appendChild(script);
  2278.                });
  2279.            }
  2280.            if(typeof google == "undefined" || !google.hasOwnProperty('maps')) {
  2281.                scriptLoaded = loadMapScriptAsync(mapUri);
  2282.            } else {
  2283.                let InitG= 0;
  2284.                if (typeof initialize !== 'undefined' && typeof initialize === 'function' && InitG >0) {
  2285.                    initialize();
  2286.                }
  2287.            }
  2288.            return scriptLoaded;
  2289.        }
  2290.  
  2291.  
  2292.        function initializeG() {
  2293.            var geocoder;
  2294.            var cachedSelectedOption = [];
  2295.            let mapExists = document.querySelectorAll('[id^="map"]').length > 0;
  2296.            const functionsToInvoke = {
  2297.                setJsMap: true,
  2298.                setJsMapOverview: mapExists,
  2299.                setJsMapSR: mapExists,
  2300.                setJsMapSidebar: mapExists
  2301.            };
  2302.            if (window['maps_loaded'] !== true) {
  2303.                for (let func in functionsToInvoke) {
  2304.                    if (typeof window[func] === 'function' && functionsToInvoke[func]) {
  2305.                        window['maps_loaded'] = true;
  2306.                        window[func]();
  2307.                    }
  2308.                }
  2309.            }
  2310.            //This piece of code will create an autosuggest for every input with the class "googleSuggest"
  2311.            var counter = 1;
  2312.            var inputsArray = [];
  2313.            $(".googleSuggest").each(function () {
  2314.                //get the id from the input to be the unique identifier for each autocomplete
  2315.                var inputId = $(this).attr("id");
  2316.                var inputElement = $(this);
  2317.                inputsArray[counter] = /** @type {HTMLInputElement} */(
  2318.                    document.getElementById('' + inputId));
  2319.                const mainCountry = '';
  2320.                const inputOptions = {
  2321.                    fields: ['address_components', 'adr_address','formatted_address', 'geometry', 'icon', 'name','place_id','plus_code','type'],
  2322.                    types: ['geocode']
  2323.                }
  2324.                const language = "en";
  2325.  
  2326.                if (language) {
  2327.                    inputOptions.language = language;
  2328.                }
  2329.                if (mainCountry) {
  2330.                    inputOptions.componentRestrictions = {country: mainCountry};
  2331.                    inputOptions.region = mainCountry;
  2332.                }
  2333.  
  2334.                var autocomplete = new google.maps.places.Autocomplete(inputsArray[counter], inputOptions);
  2335.                google.maps.event.addListener(autocomplete, 'place_changed', function () {
  2336.  
  2337.                    cachedSelectedOption = [];
  2338.                    cachedSelectedOption.push(autocomplete.getPlace());
  2339.  
  2340.                    cachedSelectedOption[0]['typed_location'] = inputElement.val();
  2341.                    if(cachedSelectedOption[0]['adr_address']){
  2342.                        let cleanLocation = cachedSelectedOption[0]['adr_address'].replace(/<[^>]*>/g, '');
  2343.                        cachedSelectedOption[0]['typed_location'] = cleanLocation;
  2344.                        inputElement.val(cleanLocation);
  2345.                    }
  2346.                    if (cachedSelectedOption[0]['address_components'] == undefined) {
  2347.                        cachedSelectedOption = [];
  2348.                        var emptyObj = {
  2349.                            'typed_location': ''
  2350.                        };
  2351.                        cachedSelectedOption.push(emptyObj);
  2352.                    }
  2353.                });
  2354.                //the code that prevents the submition when hit enter on a google location autocomplete item
  2355.                inputElement.keydown( function (e) {
  2356.                    if (e.keyCode == 13) {
  2357.                        var pacCounter = 0;
  2358.                        //need to run a loop to check each pac container
  2359.                        $('.pac-container').each(function () {
  2360.  
  2361.                            if ($(this).css("display") != "none") {
  2362.                                pacCounter++;
  2363.                            }
  2364.                        });
  2365.                        if (pacCounter > 0) {
  2366.                            e.preventDefault();
  2367.                        }
  2368.                    }
  2369.                });
  2370.                counter++;
  2371.            });
  2372.  
  2373.            //triggers every time a form with the id website-search is trigered
  2374.            $('.website-search').submit(function (e) {
  2375.                var currentForm = $(this);
  2376.                var locationInput = $(this).find(".googleLocation");
  2377.  
  2378.                //checks if the location input is filled when submitting the search form
  2379.                if (locationInput.val() != "" && typeof locationInput.val() != 'undefined') {
  2380.                    e.preventDefault();
  2381.                    //this variable has the main country of the site
  2382.                    var form = currentForm;
  2383.                    var urlGET = form.serialize();
  2384.                    var formActionUrl = form.attr("action");
  2385.                    var locationValue = locationInput.val();
  2386.  
  2387.  
  2388.                    const mainCountry = '';
  2389.                    const inputOptions = {
  2390.                        address:locationValue
  2391.                    }
  2392.                    const language = "en";
  2393.  
  2394.                    if (language) {
  2395.                        inputOptions.language = language;
  2396.                    }
  2397.                    if (mainCountry) {
  2398.                        inputOptions.componentRestrictions = {country: mainCountry};
  2399.                        inputOptions.region = mainCountry;
  2400.                    }
  2401.  
  2402.                    if (cachedSelectedOption[0] == undefined) {
  2403.                        var emptyForm = {
  2404.                            'typed_location': ''
  2405.                        };
  2406.                        cachedSelectedOption.push(emptyForm);
  2407.                    }
  2408.  
  2409.                    if (locationValue != cachedSelectedOption[0]['typed_location']) {
  2410.                        geocoder = new google.maps.Geocoder();
  2411.                        geocoder.geocode(inputOptions, function (results, status) {
  2412.  
  2413.                            //if the google response of the geocoding was successful it will use that info to build the url for the new search
  2414.                            if (status == google.maps.GeocoderStatus.OK) {
  2415.                                parseInfoToSearch(results, urlGET, formActionUrl);
  2416.  
  2417.                            } else {
  2418.                                var urlPath = formActionUrl;
  2419.                                var redirect = urlPath + "?" + urlGET;
  2420.                                //will redirect the page using the new url that has been constructed
  2421.                                window.location.href = redirect;
  2422.                            }
  2423.                        });
  2424.  
  2425.                    } else {
  2426.                        parseInfoToSearch(cachedSelectedOption, urlGET, formActionUrl);
  2427.                    }
  2428.                }
  2429.            });
  2430.  
  2431.  
  2432.  
  2433.            //check if a map has been loaded
  2434.            if ($('#map-canvas').length > 0) {
  2435.                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>";
  2436.                $('body').append(cssHideLogo);
  2437.            } else {
  2438.                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>";
  2439.                $('body').append(cssHideLogo);
  2440.            }
  2441.  
  2442.            if (geocodeVisitorsSetting == 1 && geocodingMethod === "IP") {
  2443.                populateSearchFields();
  2444.            }
  2445.  
  2446.            if($('.googleSuggest').val() == ""){
  2447.                populateSearchFields();
  2448.            }
  2449.            
  2450.            var geocodeVisitorsSetting = '1';
  2451.            var geocodingMethod = 'HTML5';
  2452.  
  2453.            //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
  2454.  
  2455.            var vlon = '';
  2456.            var vlat = '';
  2457.  
  2458.  
  2459.  
  2460.        }
  2461.        function parseInfoToSearch(results, urlGET, formActionUrl) {
  2462.            var parameters = {};
  2463.            var addressComponentsArray = [];
  2464.            if (results.length > 1) {
  2465.                for (let i = 0; i < results.length; i++) {
  2466.                    if (results[i].types[0] === 'natural_feature' ||
  2467.                        results[i].types[0] === 'airport' ||
  2468.                        results[i].types[0] === 'point_of_interest' ||
  2469.                        results[i].types[0] === 'establishment' ||
  2470.                        results[i].types[0] === 'park') {
  2471.                        results.splice(i, 1);
  2472.                    }
  2473.                }
  2474.            }
  2475.            var adComLength = results[0].address_components.length;
  2476.  
  2477.            sessionStorage.setItem("google_result",JSON.stringify(results));
  2478.  
  2479.            //loop that will build the array with the address components and will get the short name of country and administrative area level 1
  2480.            for (var i = 0; i < adComLength; i++) {
  2481.  
  2482.                if (results[0].address_components[i]['types'][0] == "country") {
  2483.                    parameters.country_sn = results[0].address_components[i]['short_name'];
  2484.                }
  2485.                if (results[0].address_components[i]['types'][0] == "administrative_area_level_1") {
  2486.                    parameters.adm_lvl_1_sn = results[0].address_components[i]['short_name'];
  2487.                }
  2488.                if (results[0].address_components[i]['types'][0] == "administrative_area_level_1") {
  2489.                    parameters.stateSearchLN = results[0].address_components[i]['long_name'];
  2490.                }
  2491.                if (results[0].address_components[i]['types'][0] == "administrative_area_level_2") {
  2492.                    parameters.county_sn = results[0].address_components[i]['short_name'];
  2493.                }
  2494.                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") {
  2495.                    parameters.city = results[0].address_components[i]['long_name'];
  2496.                }
  2497.                if (results[0].address_components[i]['types'][0] == "postal_code" || results[0].address_components[i]['types'][0] == "postal_code_prefix") {
  2498.                    parameters.postal_code = results[0].address_components[i]['long_name'];
  2499.                }
  2500.            }
  2501.  
  2502.            parameters.location_type = results[0].types[0];
  2503.  
  2504.            if (parameters.adm_lvl_1_sn != '') {
  2505.                parameters.stateSearch = parameters.adm_lvl_1_sn;
  2506.            }
  2507.            if (parameters.country_sn == "GB") {
  2508.                delete parameters.adm_lvl_1_sn;
  2509.            }
  2510.  
  2511.            //will check if the response had the bounds parameters
  2512.            //if it had it will add the south west and north east parameters to the new url
  2513.            if (results[0].geometry.hasOwnProperty('bounds') || results[0].geometry.hasOwnProperty('viewport')) {
  2514.  
  2515.                if (results[0].geometry.hasOwnProperty('bounds')) {
  2516.                    var boundsResponse = results[0].geometry.bounds;
  2517.  
  2518.                } else {
  2519.                    var boundsResponse = results[0].geometry.viewport;
  2520.                }
  2521.                parameters.swlat = boundsResponse.getSouthWest().lat();
  2522.                parameters.nelat = boundsResponse.getNorthEast().lat();
  2523.                parameters.swlng = boundsResponse.getSouthWest().lng();
  2524.                parameters.nelng = boundsResponse.getNorthEast().lng();
  2525.  
  2526.                //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
  2527.            } else {
  2528.                parameters.fsearch = "radius";
  2529.            }
  2530.            var locationCenterResponse = results[0].geometry.location;
  2531.            parameters.lat = locationCenterResponse.lat();
  2532.            parameters.lng = locationCenterResponse.lng();
  2533.            parameters.faddress = results[0].formatted_address;
  2534.            parameters.place_id = results[0].place_id;
  2535.            var formatParameters = $.param(parameters);
  2536.            urlGET = urlGET + "&" + formatParameters;
  2537.            var urlPath = formActionUrl;
  2538.            var redirect = urlPath + "?" + urlGET;
  2539.            //will redirect the page using the new url that has been constructed
  2540.            window.location.href = redirect;
  2541.        }
  2542.        function populateSearchFields() {
  2543.            var prePopulateLocationSetting = '1';
  2544.            var geolocationMethod = 'HTML5';
  2545.  
  2546.            //if set to one will get the lat and lng to do reverse geocoding
  2547.            if (prePopulateLocationSetting == 1 && (geolocationMethod === "HTML5" || geolocationMethod === "IP") && (vlat !== '' && vlon !== '' && vlat != undefined && vlon != undefined && vlat != 0 && vlon != 0)) {
  2548.                var visitorLatLng = new google.maps.LatLng(parseFloat(vlat), parseFloat(vlon));
  2549.                var visitorGeocoder = new google.maps.Geocoder();
  2550.                var formattedAddress = [];
  2551.                var preFormattedStructure = {
  2552.                    "locality": "long_name",
  2553.                    "administrative_area_level_2": "long_name",
  2554.                    "administrative_area_level_1": "long_name",
  2555.                    "country": "long_name"
  2556.                };
  2557.                visitorGeocoder.geocode({'latLng': visitorLatLng}, function (results, status) {
  2558.                    //if the google response of the geocoding was successful it will use that info to build the url for the new search
  2559.                    if (status == google.maps.GeocoderStatus.OK) {
  2560.                        $.each(preFormattedStructure, function (findex, fvalue) {
  2561.                            $.each(results[0].address_components, function (rindex, rvalue) {
  2562.                                if (rvalue.types[0] == findex) {
  2563.                                    formattedAddress.push(rvalue.long_name);
  2564.                                }
  2565.                            });
  2566.                        });
  2567.                        $('.googleSuggest').each(function () {
  2568.                            if ($(this).val() == '') {
  2569.                                if (formattedAddress.length > 0) {
  2570.                                    $(this).val(formattedAddress.join(', '));
  2571.                                    clearContent($(this));
  2572.                                }
  2573.                            }
  2574.                        });
  2575.                    } else {
  2576.                        $('.googleSuggest').each(function () {
  2577.                            $(this).val('');
  2578.                        });
  2579.                    }
  2580.                });
  2581.            }
  2582.        }
  2583.        function showError(error) {
  2584.            switch (error.code) {
  2585.                case error.PERMISSION_DENIED:
  2586.                    $('.fill_location.clicked').popover({
  2587.                        content: 'Your Local browser settings have prevented location targeting',
  2588.                        container: 'body'
  2589.                    });
  2590.                    $('.fill_location.clicked').popover('toggle');
  2591.                    setTimeout(function () {
  2592.                        $('.fill_location.clicked').popover('hide');
  2593.                        $('.fill_location.clicked').removeClass('clicked');
  2594.                    }, 2000);
  2595.                    break;
  2596.                case error.POSITION_UNAVAILABLE:
  2597.                    console.log("Location information is unavailable.");
  2598.                    break;
  2599.                case error.TIMEOUT:
  2600.                    console.log("The request to get user location timed out.");
  2601.                    break;
  2602.                case error.UNKNOWN_ERROR:
  2603.                    console.log("An unknown error occurred.");
  2604.                    break;
  2605.            }
  2606.        }
  2607.        if (navigator.geolocation) {
  2608.            if ($(".googleSuggest")[0]) {
  2609.                $(document).on('click', '.fill_location', function getCXPosition() {
  2610.                    $(this).addClass('clicked');
  2611.                    var startPos;
  2612.                    navigator.geolocation.getCurrentPosition(function (position) {
  2613.                        startPos = position;
  2614.                        vlat = startPos.coords.latitude;
  2615.                        vlon = startPos.coords.longitude;
  2616.                        $.get("/api/data/html/get/data_widgets/widget_name", {
  2617.                            "vlat": vlat,
  2618.                            "vlon": vlon,
  2619.                            "name": "Website - Save Coordinates Session"
  2620.                        }).done(function (data) {
  2621.                        });
  2622.                        populateSearchFields();
  2623.                    }, showError);
  2624.                })
  2625.            }
  2626.        } else {
  2627.            console.log('Geolocation is not supported for this Browser/OS version yet.');
  2628.        }
  2629.        function getUrlParameter(sParam) {
  2630.            var sPageURL = window.location.search.substring(1);
  2631.            var sURLVariables = sPageURL.split('&');
  2632.  
  2633.            for (var i = 0; i < sURLVariables.length; i++) {
  2634.                var sParameterName = sURLVariables[i].split('=');
  2635.  
  2636.                if (sParameterName[0] == sParam) {
  2637.                    return decodeURIComponent(sParameterName[1]);
  2638.                }
  2639.            }
  2640.        }
  2641.    </script>
  2642.        <script type="text/javascript">
  2643.                function googleTranslateElementInit() {
  2644.            let spinIcon = document.getElementById('spin_remove');
  2645.            if (typeof spinIcon !== `undefined` && spinIcon != null) {
  2646.                spinIcon.remove();
  2647.            }
  2648.            new google.translate.TranslateElement({
  2649.                    pageLanguage: 'en',
  2650.                                        includedLanguages: 'af,am,ar,az,be,bg,bn,bs,ca,co,cs,cy,da,de,el,eo,es,et,eu,fa,fi,fr,fy,ga,gd,gl,gu,ha,haw,hi,hr,ht,hu,hy,id,ig,is,it,iw,ja,jw,ka,kk,km,kn,ko,ku,ky,la,lo,lt,lv,mg,mi,mk,ml,mn,mr,ms,mt,ne,nl,no,ny,pa,pl,ps,pt,ro,ru,sd,si,sk,sl,sn,so,sq,sr,st,su,sv,sw,ta,te,tg,th,tl,tr,uk,ur,uz,vi,xh,yi,yo,zh-CN,zh-TW,zu',
  2651.                                        autoDisplay: false,
  2652.                    layout: google.translate.TranslateElement.InlineLayout.HORIZONTAL
  2653.                },
  2654.                'google_translate_element');
  2655.            $('#google_translate_element').delay(9000).css("opacity", "1");
  2656.                    }
  2657.  
  2658.  
  2659.        function loadGoogleTranslate() {
  2660.            let head = document.getElementsByTagName('head')[0];
  2661.            let script = document.createElement('script');
  2662.            script.type = 'text/javascript';
  2663.            script.src = "//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit";
  2664.            head.appendChild(script);
  2665.        }
  2666.  
  2667.        if (!sessionStorage.getItem("googleTranslate") == 1) {
  2668.            window.addEventListener('load', (e) => {
  2669.                let alreadyLoaded = false;
  2670.                let loadingByTime = setTimeout(function () {
  2671.                    if (!alreadyLoaded) {
  2672.                        alreadyLoaded = true;
  2673.                        loadGoogleTranslate();
  2674.                    }
  2675.                }, 8000);
  2676.                window.addEventListener('scroll', initOnScroll, false);
  2677.                function initOnScroll() {
  2678.                    clearTimeout(loadingByTime);
  2679.                    if (!alreadyLoaded) {
  2680.                        alreadyLoaded = true;
  2681.                        loadGoogleTranslate();
  2682.                    }
  2683.                    window.removeEventListener('scroll', initOnScroll,false);
  2684.                }
  2685.                if (document.cookie.indexOf('googtrans=') !== -1) {
  2686.                    if (!alreadyLoaded) {
  2687.                        alreadyLoaded = true;
  2688.                        loadGoogleTranslate();
  2689.                    }
  2690.                }
  2691.                sessionStorage.setItem("googleTranslate", "1");
  2692.            });
  2693.  
  2694.        } else {
  2695.            loadGoogleTranslate()
  2696.        }
  2697.    </script>
  2698. <script>
  2699. $(document).ready(function(){
  2700. $('.navbar-header .navbar-toggle.main_menu').click(function(){
  2701. $('.mobile-main-menu').toggleClass('opened');
  2702. });
  2703. $('.mobile-main-menu .sidebar-nav').find('li').each(function(){
  2704. $(this).addClass('hasChildren');
  2705. if ($(this).children('ul').length > 0){
  2706. $(this).prepend('<i class="fa fa-plus" aria-hidden="true"></i>');
  2707. $(this).find('a').after('<div class="clearfix"></div>');
  2708. $(this).find('span').after('<div class="clearfix"></div>');
  2709. }
  2710. $(this).append('<div class="clearfix"></div>');
  2711. });
  2712.  
  2713. $('.mobile-main-menu .sidebar-nav li i').click(function(){
  2714. if ($(this).parent().children('ul').length > 0){
  2715. $(this).parent().toggleClass('sub_open');
  2716. }
  2717. if ($(this).hasClass('fa-plus')){
  2718. $(this).switchClass('fa-plus','fa-minus');
  2719. } else {
  2720. $(this).switchClass('fa-minus','fa-plus');
  2721. }
  2722. });
  2723. })
  2724.  
  2725. if ($(window).width() > 740 && $(window).width() < 1100) {
  2726.  
  2727. $(document).ready(function(){
  2728. $('.tablet-menu .tablet-menu-ul').find('li').each(function(){
  2729.  
  2730. if ($(this).children('ul').length > 0){
  2731. $(this).prepend('<i class="fa fa-plus tablet-fa" aria-hidden="true"></i>');
  2732. $(this).find('a').after('<div class="clearfix"></div>');
  2733. var this_link = $(this).children('a').text().replace(/[^\x00-\x7F]/g, "");;
  2734. $(this).children('a').html(this_link);
  2735. $(this).find('span').after('<div class="clearfix"></div>');
  2736. }
  2737. $(this).append('<div class="clearfix"></div>');
  2738. });
  2739.  
  2740. $('.tablet-menu .tablet-menu-ul li i').click(function(){
  2741.  
  2742. if ($(this).parent().children('ul').length > 0){
  2743. $(this).parent().toggleClass('sub_open');
  2744.  
  2745. if ($(this).siblings( "ul" ).hasClass('tablet-block')){
  2746. $(this).siblings( "ul" ).switchClass('tablet-block', 'tablet-none');
  2747. } else {
  2748. $(this).siblings( "ul" ).addClass( "tablet-block" );
  2749.  
  2750. if ($(this).siblings( "ul" ).hasClass('tablet-none')){
  2751. $(this).siblings( "ul" ).removeClass('tablet-none')
  2752. }
  2753.  
  2754. if ($(this).parent().siblings().children('ul').hasClass('tablet-block')) {
  2755. $(this).parent().siblings().children('ul').switchClass('tablet-block', 'tablet-none');
  2756. $(this).parent().siblings().children('i').switchClass('fa-minus','fa-plus');
  2757. }
  2758.  
  2759. if ($(this).parent().siblings().children('ul').children().children('ul').hasClass('tablet-block')) {
  2760. $(this).parent().siblings().children('ul').children().children('ul').switchClass('tablet-block', 'tablet-none');
  2761. $(this).parent().siblings().children('ul').children().children('i').switchClass('fa-minus','fa-plus');
  2762. }
  2763.  
  2764. if ($(this).siblings('ul').children('ul').children().children('ul').hasClass('tablet-block')) {
  2765. $(this).siblings('ul').children('ul').children().children('ul').switchClass('tablet-block', 'tablet-none');
  2766. $(this).siblings('ul').children('ul').children().children('i').switchClass('fa-minus','fa-plus');
  2767. }
  2768.  
  2769. }
  2770.  
  2771. }
  2772.  
  2773. if ($(this).hasClass('fa-plus')){
  2774. $(this).switchClass('fa-plus','fa-minus');
  2775. } else {
  2776. $(this).switchClass('fa-minus','fa-plus');
  2777. }
  2778. });
  2779. })
  2780. }
  2781. // Append unique ID attribute for mobile main menu links
  2782. $('.mobile-main-menu a,.mobile-main-menu span').attr("id", function() { return $(this).attr("id") + "-mobile" });
  2783. </script><script>
  2784. $(".member-profile-tabs ul li a").click(function() {
  2785.    tabsTop = $(".member-profile-tabs").offset().top;
  2786.    positionTop = $(window).scrollTop();
  2787.    if(tabsTop < positionTop){
  2788.        $('html, body').animate({
  2789.        scrollTop: $(".member-profile-tabs").offset().top
  2790.    }, 300);
  2791.    }
  2792. });
  2793. </script><script>
  2794.  
  2795. $('.view_phone_number_header').click(function(event){
  2796. event.preventDefault();
  2797. $(this).hide();
  2798. $('.view_phone_number').hide();
  2799. $('.phone_number').css("display","block");
  2800. $('.phone_number_header').css("display","block");
  2802. })
  2803.  
  2804. </script><script defer>
  2805.    var favoriteMode = "";
  2806.    var apiEngine = "";
  2807.    var api = 0;  // Set API to use. Default is 0
  2808.    var activeMembershipLevelEnable = "";
  2809.    var favoriteUserClickId = "";
  2810.    var bookmarkLabel = `LIKE`;
  2811.    var bookmarkCountLabel = `LIKES`;
  2812.  
  2813.    function favoriteOn(lookForAll = false) {
  2814.        $('.col-md-6.col-md-offset-3').addClass("col-md-12").removeClass('col-md-6 col-md-offset-3');
  2815.        favoriteMode = 'search';
  2816.        if ($('.sidebarenabled').data('sidebar')) {
  2817.            favoriteMode = 'detail';
  2818.            if (!$('.sidebarenabled').siblings('.postItem').data('userid')) {
  2819.                $('.sidebarenabled').siblings('.listingData').remove();
  2820.            }
  2821.        }
  2822.        favoriteUserClickId = $('.favorite').data('activeuser');
  2823.        activeMembershipLevelEnable = $('.favorite').data('activefeatureenable');
  2824.  
  2825. // Sets the API URL to use based on API value
  2826.        if (api == 0) {
  2827.            apiEngine = '/api/data/html/get/data_widgets/widget_name?name=Bootstrap%20Theme%20-%20Function%20-%20Add%20to%20Favorites%20Button';
  2828.        } else if (api == 1) {
  2829.            apiEngine = '/api/data/html/get/data_widgets/widget_name?name=Bootstrap Theme - Function - Add to Favorites Button';
  2830.        } else {
  2831.            apiEngine = '/api/widget/json/get/Bootstrap Theme - Function - Add to Favorites Button';
  2832.        }
  2833.        if (favoriteUserClickId) {
  2834.            var favoriteCounter = $('.favorite').siblings('.postItem');
  2835.            if ($('.sidebarenabled').data('sidebar') || lookForAll) {
  2836.  
  2837.                if (favoriteCounter.length == 1) {
  2838.                    var favoriteMode = 'detail';
  2839.                    var favoriteDataType = $('.sidebarenabled').siblings('.postItem').data('datatype');
  2840.                    var favoriteDataId = $('.sidebarenabled').siblings('.postItem').data('dataid');
  2841.                    var favoritePostId = $('.sidebarenabled').siblings('.postItem').data('postid');
  2842.                    var favoriteUserId = [];
  2843.                    $('.sidebarenabled').siblings('.postItem').each(function () {
  2844.                        favoriteUserId.push($(this).data('userid'));
  2845.                    });
  2846.                } else {
  2847.                    var favoriteMode = 'multiSidebar';
  2848.                    var favoriteDataType = [];
  2849.                    var favoriteDataId = [];
  2850.                    var favoritePostId = [];
  2851.                    var favoriteUserId = [];
  2852.                    $('.postItem').each(function () {
  2853.                        favoriteDataType.push($(this).data('datatype'));
  2854.                        favoriteDataId.push($(this).data('dataid'));
  2855.                        favoritePostId.push($(this).data('postid'));
  2856.                        favoriteUserId.push($(this).data('userid'));
  2857.                    });
  2858.                }
  2859.            } else {
  2860.                var favoriteMode = 'search';
  2861.                var favoriteDataType = $('.favorite').siblings('.postItem').data('datatype');
  2862.                var favoriteDataId = $('.favorite').siblings('.postItem').data('dataid');
  2863.                if (lookForAll) {
  2864.                    favoriteDataType = (favoriteDataType == 10) ? 11 : 10;
  2865.                }
  2866.                if (favoriteDataType != 10) {
  2867.                    var favoritePostId = [];
  2868.                    $('.postItem').each(function () {
  2869.                        favoritePostId.push($(this).data('postid'));
  2870.                    });
  2871.                    var favoriteUserId = $('.favorite').siblings('.postItem').data('userid');
  2872.                } else {
  2873.                    var favoriteUserId = [];
  2874.                    $('.postItem').each(function () {
  2875.                        favoriteUserId.push($(this).data('userid'));
  2876.                    });
  2877.                    var favoritePostId = $('.favorite').siblings('.postItem').data('postid');
  2878.                }
  2879.            }
  2880.            favoriteCall(favoriteUserClickId, favoriteUserId, favoriteDataType, favoriteDataId, favoritePostId, favoriteMode, 'check');
  2881.        }
  2882.    }
  2883.  
  2884.    $(document).on('click', '.favorite', function (e) {
  2885.        var favoriteUserClickId = $('.favorite').data('activeuser');
  2886.        if (favoriteUserClickId && activeMembershipLevelEnable) {
  2887.            var thisButton = $(this);
  2888.            $(thisButton).attr("disabled", true);
  2889.                        var favoriteUserClickId = $(this).data('activeuser');
  2890.            var favoriteUserId = $(this).siblings('.postItem').data('userid');
  2891.            var favoriteDataType = $(this).siblings('.postItem').data('datatype');
  2892.            var favoriteDataId = $(this).siblings('.postItem').data('dataid');
  2893.            var favoritePostId = $(this).siblings('.postItem').data('postid');
  2894.            $(this).toggleClass('favoriteActive');
  2895.            if ($(this).data('state') == 0) {
  2896.                favoriteCall(favoriteUserClickId, favoriteUserId, favoriteDataType, favoriteDataId, favoritePostId, favoriteMode, 'add');
  2897.                $(this).data('state', 1);
  2898.            } else {
  2899.                favoriteCall(favoriteUserClickId, favoriteUserId, favoriteDataType, favoriteDataId, favoritePostId, favoriteMode, 'delete');
  2900.                $(this).data('state', 0);
  2901.            }
  2902.            setTimeout(function () {
  2903.                $(thisButton).attr("disabled", false);
  2904.            }, 500);
  2905.        }
  2906.    });
  2907.  
  2908.    function toogleBookmark(node) {
  2909.        var postId = $(node).data('postid');
  2910.        var count = $(node).data('count');
  2911.        var numberNode = $(node).find("#number-" + postId);
  2912.        var textLabelNode = $(node).find("#bookmark-content");
  2913.  
  2914.        if ($(node).hasClass('favoriteActive') !== false) {
  2915.            count--;
  2916.        } else {
  2917.            count++;
  2918.        }
  2919.  
  2920.        $(node).data("count", count);
  2921.  
  2922.        if (count > 0) {
  2923.            $(textLabelNode).html(bookmarkCountLabel);
  2924.            $(numberNode).html(' (' + count + ')');
  2925.        } else {
  2926.            $(textLabelNode).html(bookmarkLabel);
  2927.            $(numberNode).html('');
  2928.        }
  2929.    }
  2930.  
  2931.    // Function that Adds, Deletes and Selects Favorites from Backend
  2932.    function favoriteCall(favoriteUserClickId, favoriteUserId, favoriteDataType, favoriteDataId, favoritePostId, favoriteMode, favoriteAction) {
  2933.        $.post(apiEngine, {
  2934.            favoriteUserClickId: favoriteUserClickId,
  2935.            favoriteUserId: favoriteUserId,
  2936.            favoriteDataType: favoriteDataType,
  2937.            favoriteDataId: favoriteDataId,
  2938.            favoritePostId: favoritePostId,
  2939.            favoriteMode: favoriteMode,
  2940.            favoriteAction: favoriteAction
  2941.        }, function (data) {
  2942.            if (api == 0) {
  2943.                var splitData = data.split('<split>');
  2944.                data = splitData[1];
  2945.            }
  2946.            if (data !== null && data !== 'null') {
  2947.                // Checks if the action 'check' was send
  2948.                if (favoriteAction == 'check' && favoriteMode != 'multiSidebar') {
  2949.                    // Checks if we are in a Detail Page
  2950.                    if (!$('.sidebarenabled').data('sidebar')) {
  2951.                        // Checks if we are viewing a Member
  2952.                        if (favoriteDataType != 10) {
  2953.                            $.each(JSON.parse(data), function (index, value) {
  2954.                                $('.postItem[data-postid="' + value + '"]').siblings('.favorite').addClass('favoriteActive');
  2955.                                $('.postItem[data-postid="' + value + '"]').siblings('.favorite').data('state', 1);
  2956.                            });
  2957.                        } else {
  2958.                            $.each(JSON.parse(data), function (index, value) {
  2959.                                $('.member_results .postItem[data-userid="' + value + '"]').siblings('.favorite').addClass('favoriteActive');
  2960.                                $('.member_results .postItem[data-userid="' + value + '"]').siblings('.favorite').data('state', 1);
  2961.                            });
  2962.                        }
  2963.                    } else {
  2964.                        // Checks if we are viewing a Member
  2965.                        if (favoriteDataType != 10) {
  2966.                            $.each(JSON.parse(data), function (index, value) {
  2967.                                $('.sidebarenabled').siblings('.favorite').addClass('favoriteActive');
  2968.                                $('.sidebarenabled').siblings('.favorite').data('state', 1);
  2969.                            });
  2970.                        } else {
  2971.                            $.each(JSON.parse(data), function (index, value) {
  2972.                                $('.sidebarenabled').siblings('.favorite').addClass('favoriteActive');
  2973.                                $('.sidebarenabled').siblings('.favorite').data('state', 1);
  2974.                            });
  2975.                        }
  2976.                    }
  2977.                } else if (favoriteAction == 'check' && favoriteMode == 'multiSidebar') {
  2978.                    let totalDataCount = JSON.parse(data);
  2979.                    if (totalDataCount) {
  2980.                        totalDataCount = totalDataCount.length;
  2981.                        for (let i = 0; i < totalDataCount; i++) {
  2982.                            if (JSON.parse(data)[i].dataQuery != 0) {
  2983.                                $('.postItem[data-postid="' + JSON.parse(data)[i].postQuery + '"][data-dataid="' + JSON.parse(data)[i].dataQuery + '"]').siblings('.favorite').addClass('favoriteActive');
  2984.                                $('.postItem[data-postid="' + JSON.parse(data)[i].postQuery + '"][data-dataid="' + JSON.parse(data)[i].dataQuery + '"]').siblings('.favorite').data('state', 1);
  2985.                            } else {
  2986.                                $('.postItem[data-userid="' + JSON.parse(data)[i].postQuery + '"]').siblings('.favorite').addClass('favoriteActive');
  2987.                                $('.postItem[data-userid="' + JSON.parse(data)[i].postQuery + '"]').siblings('.favorite').data('state', 1);
  2988.                            }
  2989.                        }
  2990.                    }
  2991.                }
  2992.            }
  2993.        });
  2994.    }
  2995.  
  2996.    // Code that runs once to show all favored posts by a registered user
  2997.  
  2998.    favoriteOn();
  2999.    favoriteOn(true);
  3000. </script><script></script>
  3001. <script>
  3002.    function showFBShare() {
  3003.        let currentURL = document.querySelector('meta[property="og:url"]').content;
  3004.        window.open(`https://www.facebook.com/sharer/sharer.php?u=${currentURL}`, `pop`, `width=600, height=400, scrollbars=no`);
  3005.    }
  3006. </script>
  3007. <script>
  3008.    var delayInMilliseconds = 300;
  3009.    if (!sessionStorage.getItem("googleTranslate") == 1) {
  3010.        sessionStorage.setItem("googleTranslate", "1");
  3011.        delayInMilliseconds = 7000;
  3012.    }
  3013.    let fbBtn = document.getElementsByClassName('fb-share-button')[0];
  3014.    if(typeof fbBtn != 'undefined' && fbBtn.dataset.layout){
  3015.        if (typeof loadFBjs == 'function') {
  3016.            loadFBjs(delayInMilliseconds);
  3017.        }
  3018.    }
  3019.  
  3020.    setTimeout(function() {
  3021.        $.when(
  3022.            $.getScript( "//platform.twitter.com/widgets.js" ),            $.getScript( "https://platform.linkedin.com/in.js?lang=en-US" ),
  3023.            $.Deferred(function( deferred ){
  3024.                $( deferred.resolve );
  3025.            })
  3026.        ).done(function(){
  3027.            $( ".spin_remove_2" ).hide();
  3028.            $( ".fb-share-button" ).show();
  3029.        });
  3030.    }, delayInMilliseconds);
  3031. </script><script>
  3032.    $('#captchaContainer').removeClass('form-control ');
  3033.    $(".website_url_field").keyup(function(){
  3034.        var fieldName = $(this).attr('name');
  3035.        $(this).val($(this).val().replace(/\s+/g, ''));
  3036.        $('#myform').formValidation('revalidateField', fieldName);
  3037.    });
  3038. </script>
  3039. <script>
  3040.     $('#newsletter input[name="email"]').on('keypress', function() {
  3041.        $("#newsletter > .gdpr_consent_email").show();
  3042.    });
  3043. $('#newsletter_signup_footer input[name="email"]').on('keypress', function() {
  3044.        $("#newsletter_signup_footer > .gdpr_consent_email").show();
  3045.    });
  3046. </script>                <script src="https://www.optimizecdn.com/directory/cdn/bootstrap/formvalidation/current/dist/js/formValidation.min.js"></script>
  3047.                <script src="https://www.optimizecdn.com/directory/cdn/bootstrap/formvalidation/current/dist/js/framework/bootstrap.min.js"></script>
  3048.                <script type="text/javascript">
  3049.                    function decodeHtml(html) {
  3050.                        var txt = document.createElement("textarea");
  3051.                        txt.innerHTML = html;
  3052.                        return txt.value;
  3053.                    }
  3054.                </script>
  3055.                        <script type="text/javascript">
  3056.  
  3057.        var counterSubmit = 0;
  3058.        $(document).ready(function() {
  3059.            $('#newsletter').formValidation({"framework":"bootstrap","addOns":{"reCaptcha2":{"element":"captchaContainer","language":"en","theme":"light","siteKey":"6LeW4w8UAAAAAOldQ6hNXLhb9VBoUl4UYszeKGuf","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) {
  3060.                
  3061.                if('newsletter' == 'unsubscribe_email'){
  3062.                    return true;
  3063.                }
  3064.                // Prevent form submission
  3065.                e.preventDefault();
  3066.                $form = $(e.target),
  3067.                fv = $form.data('formValidation');
  3068.                var values = $(this).serialize();
  3069.  
  3070.                
  3071.                var locationFieldCorrect = true;
  3072.  
  3073.                if($("#newsletter .location_required").length > 0){
  3074.                    $("#newsletter .location_required").each(function (index) {
  3075.                        if($(this).data('state') == 1){
  3076.                            if($('#newsletter input[name="lead_location"]').val() == "" || $('#newsletter input[name="lat"]').val() == "" || $('#newsletter input[name="lng"]').val() == "") {
  3077.                                locationFieldCorrect = false;
  3078.                            }
  3079.                        }
  3080.                    });
  3081.                }
  3082.  
  3083.                if(locationFieldCorrect === false){
  3084.                    //check that there is a latitude or longitude
  3085.                    swal(`Whoops!`, `The location information is required to submit this form`, "error");
  3086.                    return false;
  3087.                }
  3088.                        
  3089.  
  3090.                if (!$(this).attr("action")) {
  3091.                    var action = '';
  3092.  
  3093.                } else {
  3094.                    var action = $(this).attr("action");
  3095.                }
  3096.                if (!$(this).attr("method")) {
  3097.                    var method = 'post';
  3098.  
  3099.                } else {
  3100.                    var method = $(this).attr("method");
  3101.                }
  3102.                if (!$(this).attr("form_action_type")) {
  3103.                    var form_action_type = 'notification';
  3104.  
  3105.                } else {
  3106.                    var form_action_type = $(this).attr("form_action_type");
  3107.                }
  3108.                if (!$(this).attr("form_action_div")) {
  3109.                    var form_action_div = '#first_container';
  3110.  
  3111.                } else {
  3112.                    var form_action_div = $(this).attr("form_action_div");
  3113.                }
  3114.                if (!$(this).attr("return_data_type")) {
  3115.                    var return_data_type = 'json';
  3116.  
  3117.                } else {
  3118.                    var return_data_type = $(this).attr("return_data_type");
  3119.                }
  3120.                if ($("#newsletter-notification").html() != "") {
  3121.                    $("#newsletter-notification").remove();
  3122.                }
  3123.                if ($(this).find('input[type="submit"]').length > 0) {
  3124.                    $(this).find('input[type="submit"]').before('<div id="newsletter-notification" class="alert"></div>');
  3125.  
  3126.                } else {
  3127.                    $(this).prepend('<div id="newsletter-notification" class="alert"></div>');
  3128.                }
  3129.                var notification = $("#newsletter-notification");
  3130.  
  3131.                if ((form_action_type == "" || form_action_type == "default") && action.indexOf("account") >= 0) {
  3132.                    notification.html(`Processing Request...`).addClass("alert-warning");
  3133.                    setTimeout(function(){
  3134.                        fv.defaultSubmit();
  3135.                    }, 100);
  3136.                } else {
  3137.                    notification.html(`Processing Request...`).addClass("alert-warning");
  3138.                    if(counterSubmit == 0) {
  3139.                        counterSubmit++;
  3140.  
  3141.                        var fields      = $(this).serializeArray();
  3142.                        var formField   = [];
  3143.                        var processData = true;
  3144.                        var contentType = "application/x-www-form-urlencoded; charset=UTF-8";
  3145.                        
  3146.                        
  3147.  
  3148.                        if($("#newsletter input[type=file]").length > 0){
  3149.                            
  3150.                            var formObject  = new FormData();
  3151.                            processData     = false;
  3152.                            contentType     = false;
  3153.  
  3154.                            $(fields).each(function(index,field){
  3155.                                formField.push(field.name+"="+field.value);
  3156.                            });
  3157.  
  3158.                            values  = formField.join("&");
  3159.  
  3160.                            $(formField).each(function(index,fieldValue){
  3161.                                var fieldInfo = fieldValue.split('=');
  3162.                                formObject.append(fieldInfo[0],fieldInfo[1]);
  3163.                            });
  3164.  
  3165.                            $("#newsletter input[type=file]").each(function(index,node){
  3166.                                var file = this.files[0];
  3167.                                if(typeof file != "undefined"){
  3168.                                    formObject.append("file_addon["+$(node).attr('name')+"]", file, file.name);
  3169.                                }
  3170.                            });
  3171.                        }else{
  3172.                            
  3173.                            $(fields).each(function(index,field){
  3174.                                formField.push(field.name+"="+encodeURIComponent(field.value));
  3175.                            });
  3176.  
  3177.                            var formObject  = formField.join("&");
  3178.                        }
  3179.                        
  3180.                        $.ajax({
  3181.                            url: action,
  3182.                            type: method,
  3183.                            data: formObject,
  3184.                            dataType: return_data_type,
  3185.                            processData: processData,
  3186.                            contentType: contentType,
  3187.                            success: function (data) {
  3188.                                if (return_data_type == "html") {
  3189.                                    var result = 'success';
  3190.  
  3191.                                    if (!data != "") {
  3192.                                        var result_widget = data['result_widget'];
  3193.                                    }
  3194.  
  3195.                                } else {
  3196.  
  3197.  
  3198.                                    if (!data['result']) {
  3199.                                        var result = 'error';
  3200.                                    } else {
  3201.                                        var result = data['result'];
  3202.                                    }
  3203.                                    if (!data['result_widget']) {
  3204.                                        var result_widget = '';
  3205.  
  3206.                                    } else {
  3207.                                        var result_widget = data['result_widget'];
  3208.                                    }
  3209.                                }
  3210.                                if (result == "success") {
  3211.  
  3212.                                    if (!data['message']) {
  3213.                                        var message = `Your information has submitted successfully!`;
  3214.  
  3215.                                    } else {
  3216.                                        var message = data['message'];
  3217.                                    }
  3218.                                    if (!data['redirect_url']) {
  3219.                                        var redirect_url = '';
  3220.  
  3221.                                    } else {
  3222.                                        var redirect_url = data['redirect_url'];
  3223.                                    }
  3224.  
  3225.  
  3226.  
  3227.                                    if (form_action_type == "notification") {
  3228.                                        notification.html(message + '<button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button>')
  3229.                                            .addClass('alert-dismissible')
  3230.                                            .addClass("alert-success")
  3231.                                            .removeClass("alert-danger")
  3232.                                            .removeClass("alert-warning")
  3233.                                        
  3234.                                            
  3235.  
  3236.                                        if(notification.parents('.modal').length && 'newsletter' == 'whmcs_billing_address'){
  3237.                                            setTimeout(function(){
  3238.                                                notification.parents('.modal').modal('hide');
  3239.                                            }, 1000);
  3240.                                        }
  3241.  
  3242.                                    } else if (form_action_type == "widget") {
  3243.  
  3244.                                        if (result_widget != '') {
  3245.  
  3246.                                            setTimeout(function(){
  3247.                                                if(form_action_div != '.newsletter_modal_form_container'){
  3248.                                                    $("html, body").animate({ scrollTop: 0 }, 600);
  3249.                                                }                                                
  3250.                                                $(form_action_div).html(decodeHtml(result_widget)).text();
  3251.  
  3252.                                            }, 1000);
  3253.                                        }
  3254.  
  3255.                                    } else if (form_action_type == "redirect") {
  3256.  
  3257.                                        if (redirect_url == "") {
  3258.                                            redirect_url = decodeURIComponent("");
  3259.                                        }
  3260.  
  3261.                                        if (redirect_url.substring(0, 1) != "/" && redirect_url.substring(0, 1) != "h") {
  3262.                                            redirect_url = "/" + redirect_url;
  3263.                                        }
  3264.                                        current_location = "/united-states/yorba-linda/automotive/ocrv-paint-service";
  3265.                                        refresh_pages_string = "/login";
  3266.                                        refresh_pages_string = refresh_pages_string.replace(/ /g,'');
  3267.                                        refresh_pages_array = refresh_pages_string.split(',');
  3268.                                        notification.html(message)
  3269.                                            .addClass("alert-success")
  3270.                                            .removeClass("alert-danger")
  3271.                                            .removeClass("alert-warning")
  3272.                                            .delay(2000).slideUp();
  3273.                                            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" )){
  3274.                                                                                                    window.location.href = window.location.href+'?logged';
  3275.                                                                                            } else {
  3276.                                                window.location.href = redirect_url;
  3277.                                            }
  3278.  
  3279.                                        fv.resetForm(true);
  3280.                                    }
  3281.                                    if(form_action_div != '.newsletter_modal_form_container' && 'newsletter' != 'whmcs_billing_address'){
  3282.                                        $('.modal-backdrop').hide();
  3283.                                    }
  3284.                                } else {
  3285.                                    if(typeof grecaptcha !== "undefined"){
  3286.                                        grecaptcha.reset();
  3287.                                    }
  3288.                                    if (!data['message']) {
  3289.                                        var message = `You entered invalid data. Please try to save again.`;
  3290.  
  3291.                                    } else {
  3292.                                        var message = data['message'];
  3293.                                    }
  3294.                                    $("#newsletter-notification").html(message)
  3295.                                        .addClass("alert-danger")
  3296.                                        .removeClass("alert-success")
  3297.                                        .removeClass("alert-warning")
  3298.                                        .fadeIn();
  3299.                                    fv.disableSubmitButtons(false);
  3300.                                }
  3301.                                counterSubmit = 0;
  3302.                            },
  3303.                            error: function (e) {
  3304.                                
  3305.                                if(typeof grecaptcha !== "undefined"){
  3306.                                        grecaptcha.reset();
  3307.                                        $("#newsletter-notification").html(`Recaptcha Error`);
  3308.                                } else {
  3309.                                    $("#newsletter-notification").html(`A connection error occurred while saving. Please try to save again.`);
  3310.                                }
  3311.                                $("#newsletter-notification").addClass("alert-warning")
  3312.                                    .removeClass("alert-success")
  3313.                                    .removeClass("alert-warning")
  3314.                                    .fadeIn();
  3315.                                counterSubmit = 0;
  3316.                            }
  3317.                        });/// End Ajax
  3318.                    }
  3319.                }//END else
  3320.            }).bind('keydown', function(event) {
  3321.  
  3322.                if (event.ctrlKey || event.metaKey) {
  3323.  
  3324.                    switch (String.fromCharCode(event.which).toLowerCase()) {
  3325.  
  3326.                        case 's':
  3327.                            $(this).submit();
  3328.                            break;
  3329.                    }
  3330.                }
  3331.            });
  3332.  
  3333.            /// This will turn any select2 that are required in the form builder to being required elements.
  3334.            $('#newsletter select').each(function (i, obj) {
  3335.                setTimeout(function(){
  3336.                    if ($(obj).prop("required") && $(obj).attr("style") == "display: none;") {
  3337.                        $(obj).css("z-index","-999");
  3338.                        $(obj).css("height","0");
  3339.                        $(obj).css("width","0");
  3340.                        $(obj).css("display","block");  
  3341.                        $(obj).css("position","absolute");  
  3342.                    }
  3343.                }, 3000);
  3344.            });
  3345.  
  3346.        });//END $('# echo $_SERVER[form_element_id]; ').formValidation(
  3347.    </script>
  3348.        <div class="modal fade" id="newsletter_subscribe_modal" tabindex="-1" role="dialog" aria-hidden="true">
  3349. <div class="modal-dialog">
  3350. <div class="modal-content">
  3351. <div class="container-fluid">
  3352. <div class="row">
  3353. <div class="col-md-12">
  3354. <br>
  3355. <button type="button" class="close" data-dismiss="modal" aria-label="Close">
  3356. <span aria-hidden="true">&times;</span>
  3357. </button>
  3358. <h3 class="nomargin">
  3359. Join Our Newsletter
  3360. </h3>
  3361. <hr>
  3362. <div class="newsletter_modal_form_container">
  3363. <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="172282" id="newsletter-element-2"/><input type="hidden" name="form" value="myform" id="newsletter-element-3"/><input type="hidden" name="formname" value="newsletter_modal_signup" id="newsletter-element-4"/><input type="hidden" name="dowiz" value="1" id="newsletter-element-5"/><input type="hidden" name="save" value="1" id="newsletter-element-6"/><input type="hidden" name="url_origin_pars" value="/united-states/yorba-linda/automotive/ocrv-paint-service" id="newsletter-element-7"/><input type="hidden" name="action" autocomplete="off" value="subscribe" id="newsletter-element-8"/><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-9"/></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-10"/></div><div class="form-group"><div class="form-group security_question_label">
  3364.            <div id="newsletter-captchaContainer" class="control-group">
  3365.        <div class="g-recaptcha"  id="newsletter-google-recaptcha"></div>
  3366.    </div>
  3367.    <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>
  3368.    <div class="clearfix bmargin"></div>
  3369.    <input type="hidden" name="recaptcha" id="newsletter-rcap">
  3370. </div>
  3371.    <style>
  3372.        .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 {
  3373.            transform: scale(0.77);
  3374.            -webkit-transform: scale(0.77);
  3375.            transform-origin: 0 0;
  3376.            -webkit-transform-origin: 0 0;
  3377.            margin-bottom: -15px;
  3378.        }
  3379.  
  3380.        .modal #newsletter-captchaContainer, .col-md-4 #newsletter-captchaContainer, .col-md-3 #newsletter-captchaContainer, .col-lg-3 #newsletter-captchaContainer, .col-lg-4 #newsletter-captchaContainer {
  3381.            transform: scale(0.77);
  3382.            -webkit-transform: scale(0.77);
  3383.            transform-origin: 0 0;
  3384.            -webkit-transform-origin: 0 0;
  3385.            margin-bottom: -15px;
  3386.        }
  3387.    </style>
  3388.    <script type="text/javascript">
  3389.        var formID          = '';
  3390.        var currentCaptcha  = {};
  3391.        var captchaHolders  = {};
  3392.        window.addEventListener('load', () => {
  3393.            formID = document.querySelectorAll('[name="recaptcha"]');
  3394.            if (typeof formID != "undefined" && formID !== null) {
  3395.                for (let i = 0; i < formID.length; i++) {
  3396.                    let formIDForm = formID[i].closest('form');
  3397.                    if (typeof formIDForm != "undefined" && formIDForm !== null) {
  3398.                        formIDForm.addEventListener('click', reCaptchaOnFormClick, false);
  3399.                    }
  3400.                }
  3401.            }
  3402.        });
  3403.  
  3404.        function reCaptchaOnFormClick(event) {
  3405.            currentCaptchaForm  = event.srcElement.closest('form');
  3406.            var head            = document.getElementsByTagName('head')[0];
  3407.            var script          = document.createElement('script');
  3408.            script.type         = 'text/javascript';
  3409.            script.src          = 'https://www.google.com/recaptcha/api.js?onload=onloadCallback&render=explicit&hl=en';
  3410.            head.appendChild(script);
  3411.            if (typeof currentCaptchaForm != "undefined" && currentCaptchaForm !== null) {
  3412.                currentCaptchaForm.removeEventListener('click', reCaptchaOnFormClick, false);
  3413.            }
  3414.        }
  3415.  
  3416.  
  3417.        var onloadCallback = function (event) {
  3418.            var captcha = currentCaptchaForm.querySelectorAll('div[class=g-recaptcha]');
  3419.            if(captcha[0].id){
  3420.                captchaHolders[captcha[0].id] = grecaptcha.render(captcha[0].id, {
  3421.                    'sitekey': '6LeW4w8UAAAAAOldQ6hNXLhb9VBoUl4UYszeKGuf'
  3422.                });
  3423.            }
  3424.        }
  3425.  
  3426.    </script>
  3427. <script>
  3428.    function respuesta() {
  3429.        var checkedTextArea = document.getElementsByClassName('g-recaptcha');
  3430.        var rcap = document.getElementsByTagName('recaptcha');
  3431.        for (var i = 0; i < checkedTextArea.length; i++) {
  3432.            if (checkedTextArea[i].value != '') {
  3433.                for (var index = 0; i < rcap.length; index++) {
  3434.                    rcap[index].setAttribute("value", "checked");
  3435.                }
  3436.            }
  3437.        }
  3438.    }
  3439.  
  3440.    $(document).ready(function(){
  3441.        $("#newsletter input[type=submit]").unbind('click');
  3442.        $("#newsletter input[type=submit]").click(function (event) {
  3443.  
  3444.            var formId = $(this.form).attr('id');
  3445.            var captchaHolderKey = formId + "-google-recaptcha";
  3446.  
  3447.            if (typeof captchaHolders[captchaHolderKey] != "undefined") {
  3448.                event.preventDefault();
  3449.  
  3450.                if (grecaptcha.getResponse(captchaHolders[captchaHolderKey]) === "") {
  3451.                    $("#" + formId).formValidation('validate');
  3452.                    $("#" + formId + " .security_question_label").addClass("has-error");
  3453.                    $("#" + formId + " #recaptcha_error").css("display", "block");
  3454.                    return false;
  3455.                } else {
  3456.                    $("#" + formId + " .security_question_label").removeClass("has-error");
  3457.                    $("#" + formId + " #recaptcha_error").css("display", "none");
  3458.                    respuesta();
  3459.                    $("#" + formId).submit();
  3460.                }
  3461.            }
  3462.        });
  3463.    });
  3464. </script></div><div class="form-group"><input type="hidden" name="bd_hpc" autocomplete="off" value class="form-control control-group " id="newsletter-element-13"/></div><div class="form-actions"><input type="submit" value="Subscribe Now" name class="btn btn-success btn-block btn-lg  bold " id="newsletter-element-14"/></div><input type='hidden' name='origin' value='/united-states/yorba-linda/automotive/ocrv-paint-service'></form><script type="text/javascript">jQuery(document).ready(function() { jQuery("#newsletter").bind("submit", function() {
  3465. });}); </script> </div>
  3466. <br>
  3467. </div>
  3468. </div>
  3469. </div>
  3470. </div>
  3471. </div>
  3472. </div>        <script type="text/javascript">
  3473.  
  3474.        var counterSubmit = 0;
  3475.        $(document).ready(function() {
  3476.            $('#member_login').formValidation({"framework":"bootstrap","fields":{"email":{"validators":{"emailAddress":{"message":"Please enter a valid email address"}}}}}).on('success.form.fv', function(e,fvdata) {
  3477.                
  3478.                if('member_login' == 'unsubscribe_email'){
  3479.                    return true;
  3480.                }
  3481.                // Prevent form submission
  3482.                e.preventDefault();
  3483.                $form = $(e.target),
  3484.                fv = $form.data('formValidation');
  3485.                var values = $(this).serialize();
  3486.  
  3487.                
  3488.                var locationFieldCorrect = true;
  3489.  
  3490.                if($("#member_login .location_required").length > 0){
  3491.                    $("#member_login .location_required").each(function (index) {
  3492.                        if($(this).data('state') == 1){
  3493.                            if($('#member_login input[name="lead_location"]').val() == "" || $('#member_login input[name="lat"]').val() == "" || $('#member_login input[name="lng"]').val() == "") {
  3494.                                locationFieldCorrect = false;
  3495.                            }
  3496.                        }
  3497.                    });
  3498.                }
  3499.  
  3500.                if(locationFieldCorrect === false){
  3501.                    //check that there is a latitude or longitude
  3502.                    swal(`Whoops!`, `The location information is required to submit this form`, "error");
  3503.                    return false;
  3504.                }
  3505.                        
  3506.  
  3507.                if (!$(this).attr("action")) {
  3508.                    var action = '';
  3509.  
  3510.                } else {
  3511.                    var action = $(this).attr("action");
  3512.                }
  3513.                if (!$(this).attr("method")) {
  3514.                    var method = 'post';
  3515.  
  3516.                } else {
  3517.                    var method = $(this).attr("method");
  3518.                }
  3519.                if (!$(this).attr("form_action_type")) {
  3520.                    var form_action_type = 'notification';
  3521.  
  3522.                } else {
  3523.                    var form_action_type = $(this).attr("form_action_type");
  3524.                }
  3525.                if (!$(this).attr("form_action_div")) {
  3526.                    var form_action_div = '#first_container';
  3527.  
  3528.                } else {
  3529.                    var form_action_div = $(this).attr("form_action_div");
  3530.                }
  3531.                if (!$(this).attr("return_data_type")) {
  3532.                    var return_data_type = 'json';
  3533.  
  3534.                } else {
  3535.                    var return_data_type = $(this).attr("return_data_type");
  3536.                }
  3537.                if ($("#member_login-notification").html() != "") {
  3538.                    $("#member_login-notification").remove();
  3539.                }
  3540.                if ($(this).find('input[type="submit"]').length > 0) {
  3541.                    $(this).find('input[type="submit"]').before('<div id="member_login-notification" class="alert"></div>');
  3542.  
  3543.                } else {
  3544.                    $(this).prepend('<div id="member_login-notification" class="alert"></div>');
  3545.                }
  3546.                var notification = $("#member_login-notification");
  3547.  
  3548.                if ((form_action_type == "" || form_action_type == "default") && action.indexOf("account") >= 0) {
  3549.                    notification.html(`Processing Request...`).addClass("alert-warning");
  3550.                    setTimeout(function(){
  3551.                        fv.defaultSubmit();
  3552.                    }, 100);
  3553.                } else {
  3554.                    notification.html(`Processing Request...`).addClass("alert-warning");
  3555.                    if(counterSubmit == 0) {
  3556.                        counterSubmit++;
  3557.  
  3558.                        var fields      = $(this).serializeArray();
  3559.                        var formField   = [];
  3560.                        var processData = true;
  3561.                        var contentType = "application/x-www-form-urlencoded; charset=UTF-8";
  3562.                        
  3563.                        
  3564.  
  3565.                        if($("#member_login input[type=file]").length > 0){
  3566.                            
  3567.                            var formObject  = new FormData();
  3568.                            processData     = false;
  3569.                            contentType     = false;
  3570.  
  3571.                            $(fields).each(function(index,field){
  3572.                                formField.push(field.name+"="+field.value);
  3573.                            });
  3574.  
  3575.                            values  = formField.join("&");
  3576.  
  3577.                            $(formField).each(function(index,fieldValue){
  3578.                                var fieldInfo = fieldValue.split('=');
  3579.                                formObject.append(fieldInfo[0],fieldInfo[1]);
  3580.                            });
  3581.  
  3582.                            $("#member_login input[type=file]").each(function(index,node){
  3583.                                var file = this.files[0];
  3584.                                if(typeof file != "undefined"){
  3585.                                    formObject.append("file_addon["+$(node).attr('name')+"]", file, file.name);
  3586.                                }
  3587.                            });
  3588.                        }else{
  3589.                            
  3590.                            $(fields).each(function(index,field){
  3591.                                formField.push(field.name+"="+encodeURIComponent(field.value));
  3592.                            });
  3593.  
  3594.                            var formObject  = formField.join("&");
  3595.                        }
  3596.                        
  3597.                        $.ajax({
  3598.                            url: action,
  3599.                            type: method,
  3600.                            data: formObject,
  3601.                            dataType: return_data_type,
  3602.                            processData: processData,
  3603.                            contentType: contentType,
  3604.                            success: function (data) {
  3605.                                if (return_data_type == "html") {
  3606.                                    var result = 'success';
  3607.  
  3608.                                    if (!data != "") {
  3609.                                        var result_widget = data['result_widget'];
  3610.                                    }
  3611.  
  3612.                                } else {
  3613.  
  3614.  
  3615.                                    if (!data['result']) {
  3616.                                        var result = 'error';
  3617.                                    } else {
  3618.                                        var result = data['result'];
  3619.                                    }
  3620.                                    if (!data['result_widget']) {
  3621.                                        var result_widget = '';
  3622.  
  3623.                                    } else {
  3624.                                        var result_widget = data['result_widget'];
  3625.                                    }
  3626.                                }
  3627.                                if (result == "success") {
  3628.  
  3629.                                    if (!data['message']) {
  3630.                                        var message = `Your information has submitted successfully!`;
  3631.  
  3632.                                    } else {
  3633.                                        var message = data['message'];
  3634.                                    }
  3635.                                    if (!data['redirect_url']) {
  3636.                                        var redirect_url = '';
  3637.  
  3638.                                    } else {
  3639.                                        var redirect_url = data['redirect_url'];
  3640.                                    }
  3641.  
  3642.  
  3643.  
  3644.                                    if (form_action_type == "notification") {
  3645.                                        notification.html(message + '<button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button>')
  3646.                                            .addClass('alert-dismissible')
  3647.                                            .addClass("alert-success")
  3648.                                            .removeClass("alert-danger")
  3649.                                            .removeClass("alert-warning")
  3650.                                        
  3651.                                            
  3652.  
  3653.                                        if(notification.parents('.modal').length && 'member_login' == 'whmcs_billing_address'){
  3654.                                            setTimeout(function(){
  3655.                                                notification.parents('.modal').modal('hide');
  3656.                                            }, 1000);
  3657.                                        }
  3658.  
  3659.                                    } else if (form_action_type == "widget") {
  3660.  
  3661.                                        if (result_widget != '') {
  3662.  
  3663.                                            setTimeout(function(){
  3664.                                                if(form_action_div != '.newsletter_modal_form_container'){
  3665.                                                    $("html, body").animate({ scrollTop: 0 }, 600);
  3666.                                                }                                                
  3667.                                                $(form_action_div).html(decodeHtml(result_widget)).text();
  3668.  
  3669.                                            }, 1000);
  3670.                                        }
  3671.  
  3672.                                    } else if (form_action_type == "redirect") {
  3673.  
  3674.                                        if (redirect_url == "") {
  3675.                                            redirect_url = decodeURIComponent("");
  3676.                                        }
  3677.  
  3678.                                        if (redirect_url.substring(0, 1) != "/" && redirect_url.substring(0, 1) != "h") {
  3679.                                            redirect_url = "/" + redirect_url;
  3680.                                        }
  3681.                                        current_location = "/united-states/yorba-linda/automotive/ocrv-paint-service";
  3682.                                        refresh_pages_string = "/login";
  3683.                                        refresh_pages_string = refresh_pages_string.replace(/ /g,'');
  3684.                                        refresh_pages_array = refresh_pages_string.split(',');
  3685.                                        notification.html(message)
  3686.                                            .addClass("alert-success")
  3687.                                            .removeClass("alert-danger")
  3688.                                            .removeClass("alert-warning")
  3689.                                            .delay(2000).slideUp();
  3690.                                            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" )){
  3691.                                                                                                    window.location.href = window.location.href+'?logged';
  3692.                                                                                            } else {
  3693.                                                window.location.href = redirect_url;
  3694.                                            }
  3695.  
  3696.                                        fv.resetForm(true);
  3697.                                    }
  3698.                                    if(form_action_div != '.newsletter_modal_form_container' && 'member_login' != 'whmcs_billing_address'){
  3699.                                        $('.modal-backdrop').hide();
  3700.                                    }
  3701.                                } else {
  3702.                                    if(typeof grecaptcha !== "undefined"){
  3703.                                        grecaptcha.reset();
  3704.                                    }
  3705.                                    if (!data['message']) {
  3706.                                        var message = `You entered invalid data. Please try to save again.`;
  3707.  
  3708.                                    } else {
  3709.                                        var message = data['message'];
  3710.                                    }
  3711.                                    $("#member_login-notification").html(message)
  3712.                                        .addClass("alert-danger")
  3713.                                        .removeClass("alert-success")
  3714.                                        .removeClass("alert-warning")
  3715.                                        .fadeIn();
  3716.                                    fv.disableSubmitButtons(false);
  3717.                                }
  3718.                                counterSubmit = 0;
  3719.                            },
  3720.                            error: function (e) {
  3721.                                
  3722.                                if(typeof grecaptcha !== "undefined"){
  3723.                                        grecaptcha.reset();
  3724.                                        $("#member_login-notification").html(`Recaptcha Error`);
  3725.                                } else {
  3726.                                    $("#member_login-notification").html(`A connection error occurred while saving. Please try to save again.`);
  3727.                                }
  3728.                                $("#member_login-notification").addClass("alert-warning")
  3729.                                    .removeClass("alert-success")
  3730.                                    .removeClass("alert-warning")
  3731.                                    .fadeIn();
  3732.                                counterSubmit = 0;
  3733.                            }
  3734.                        });/// End Ajax
  3735.                    }
  3736.                }//END else
  3737.            }).bind('keydown', function(event) {
  3738.  
  3739.                if (event.ctrlKey || event.metaKey) {
  3740.  
  3741.                    switch (String.fromCharCode(event.which).toLowerCase()) {
  3742.  
  3743.                        case 's':
  3744.                            $(this).submit();
  3745.                            break;
  3746.                    }
  3747.                }
  3748.            });
  3749.  
  3750.            /// This will turn any select2 that are required in the form builder to being required elements.
  3751.            $('#member_login select').each(function (i, obj) {
  3752.                setTimeout(function(){
  3753.                    if ($(obj).prop("required") && $(obj).attr("style") == "display: none;") {
  3754.                        $(obj).css("z-index","-999");
  3755.                        $(obj).css("height","0");
  3756.                        $(obj).css("width","0");
  3757.                        $(obj).css("display","block");  
  3758.                        $(obj).css("position","absolute");  
  3759.                    }
  3760.                }, 3000);
  3761.            });
  3762.  
  3763.        });//END $('# echo $_SERVER[form_element_id]; ').formValidation(
  3764.    </script>
  3765.            <script>
  3766.        window.addEventListener('load', (event) => {
  3767.            setTimeout(() => {
  3768.                    }, 501);
  3769.        });
  3770.    </script>
  3771. <script>
  3772. function decision(message, url) {
  3773. if (confirm(message)) {
  3774. setTimeout(function () {
  3775. window.location = url;
  3776. }, 0);
  3777. }
  3778. }
  3779. </script>
  3780. <script>
  3781. // Function to add alt attributes to <img> elements without it, for better pagespeed accessibility score
  3782. document.addEventListener('DOMContentLoaded', function() {
  3783. var images = document.querySelectorAll('img:not([alt])');
  3784. Array.prototype.forEach.call(images, function(img) {
  3785. var src = img.getAttribute('src') || 'image';  // Default src to 'image' if missing
  3786. var altText = src.split('/').pop().split('?')[0].replace(/\.\w+$/, '');
  3787.  
  3788. try {
  3789. altText = decodeURIComponent(altText)
  3790. .replace(/[_\-+,.:;]+/g, ' ')
  3791. .replace(/\s+/g, ' ')
  3792. .trim();
  3793. } catch (e) {
  3794. altText = 'image';  // Fallback to 'image' if decoding fails
  3795. }
  3796.  
  3797. // Ensure altText is not empty, otherwise use 'image'
  3798. altText = altText || 'image';
  3799.  
  3800. img.setAttribute('alt', altText);
  3801. });
  3802. });
  3803. </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] {
  3804.    cursor: wait
  3805. }
  3806. select.select2-preload {
  3807.    line-height: initial;
  3808. }
  3809.  
  3810. 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"] {
  3811.    -webkit-appearance: none;
  3812.    -moz-appearance: none;
  3813.    appearance: none;
  3814.    background-image: url(/images/select2ArrowDown.png) !important;
  3815.    background-repeat: no-repeat !important;
  3816.    background-size: 10px 9px !important;
  3817.    background-position: 99% 16px;
  3818.    border-radius: 6px;
  3819.    overflow: hidden;
  3820. }
  3821. .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"] {
  3822.    background-position: 98.2% 12px;
  3823. } </style><script>
  3824.    // Function to add aria-label to <select> elements without it, for better pagespeed accessibility score
  3825.    $(document).ready(function() {
  3826.        var ariaLabelCounter = {}; // Object to keep track of aria-label counts for uniqueness
  3827.  
  3828.        // Iterate over each select element that does not have an aria-label
  3829.        $('select:not([aria-label])').each(function() {
  3830.            // Use the ID or placeholder as the base for the aria-label, stripping HTML tags
  3831.            var baseLabel = this.id || $(this).attr('placeholder') || 'select';
  3832.            baseLabel = baseLabel.replace(/<[^>]*>/g, '').trim(); // Remove HTML tags and trim
  3833.  
  3834.            // Ensure uniqueness of each aria-label
  3835.            ariaLabelCounter[baseLabel] = (ariaLabelCounter[baseLabel] || 0) + 1;
  3836.            var ariaLabel = baseLabel + '-' + ariaLabelCounter[baseLabel];
  3837.  
  3838.            // Truncate aria-label to 100 characters
  3839.            ariaLabel = ariaLabel.length > 100 ? ariaLabel.substring(0, 100) : ariaLabel;
  3840.  
  3841.            // Set the aria-label attribute to the unique label
  3842.            $(this).attr('aria-label', ariaLabel);
  3843.        });
  3844.    });
  3845. </script>
  3846. <style type='text/css'> .input-group.normal-autosuggest input,.input-group.sm-autosuggest input, .input-group.md-autosuggest input {
  3847. border-radius: 0 3px 3px 0 !important;
  3848. box-shadow: none;
  3849. }
  3850. .normal-autosuggest .twitter-typeahead, .sm-autosuggest .twitter-typeahead, .md-autosuggest .twitter-typeahead, .large-autosuggest .twitter-typeahead {
  3851. display: inline-block;
  3852. height: 25px;
  3853. position: relative;
  3854. width: 100%;
  3855. }
  3856. .input-group.normal-autosuggest .twitter-typeahead, .input-group.sm-autosuggest .twitter-typeahead, .input-group.large-autosuggest .twitter-typeahead:not(.search_box .twitter-typeahead) {
  3857. width: inherit;
  3858. }
  3859. .normal-autosuggest .twitter-typeahead .clear_content.medium{
  3860. bottom: 0px;
  3861. }
  3862. .sm-autosuggest .twitter-typeahead .clear_content.small{
  3863. bottom: -4px;
  3864. }
  3865. .md-autosuggest.input-group .twitter-typeahead .clear_content.medium  {
  3866.    bottom: -2px;
  3867. }
  3868. .md-autosuggest .twitter-typeahead {
  3869. height: 32px;
  3870. }
  3871. .md-autosuggest  .input-group-addon  + .input_wrapper .twitter-typeahead {
  3872. height: 29px;
  3873. }
  3874. .md-autosuggest-input + .clear_content.medium {
  3875.    bottom: 0px;
  3876. }
  3877. .large-autosuggest .twitter-typeahead {
  3878. height: 40px;
  3879. }
  3880. .normal-autosuggest .twitter-typeahead{
  3881. height: 34px;
  3882. }
  3883. .normal-autosuggest .twitter-typeahead .tt-hint, .sm-autosuggest .twitter-typeahead .tt-hint {
  3884. background: #fff !important;
  3885. border: 1px solid #ccc!important;
  3886. border-radius: 0 4px 4px 0;
  3887. box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset!important;
  3888. color: transparent;
  3889. left: 0;
  3890. padding: 4px 11px;
  3891. position: absolute;
  3892. top: 0;
  3893. width: 100%;
  3894. font-size:12px;
  3895. }
  3896. .normal-autosuggest.input-group-addon .fa, .sm-autosuggest .input-group-addon .fa {font-size:12px}
  3897. .md-autosuggest .twitter-typeahead .tt-hint {
  3898. height: 100%;
  3899. background: #ffffff none repeat scroll 0 0 !important;
  3900. border: 1px solid #cccccc !important;
  3901. border-radius: 0 4px 4px 0;
  3902. box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset !important;
  3903. color: rgba(0, 0, 0, 0);
  3904. left: 0;
  3905. padding: 6px 11px;
  3906. position: absolute;
  3907. top: 0;
  3908. width: 100%;
  3909. }
  3910. .large-autosuggest {background: #fff !important;border-radius:6px;}
  3911. .large-autosuggest input {width: 100%!important;box-shadow:none; border-radius: 6px;}
  3912. .input-group.large-autosuggest input,.input-group.large-autosuggest .twitter-typeahead .tt-hint {
  3913. border-radius: 0 6px 6px 0!important;
  3914. }
  3915. .large-autosuggest .twitter-typeahead .tt-hint {
  3916. background: #fff !important;
  3917. border: 1px solid #ccc!important;
  3918. border-radius: 6px;
  3919. box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset!important;
  3920. color: transparent;
  3921. left: 0;
  3922. position: absolute;
  3923. top: 0;
  3924. width: 100%;
  3925. font-size: 18px;
  3926. height: 46px;
  3927. line-height: 1.33333;
  3928. padding: 10px 15px;
  3929. }
  3930. .tt-dataset .empty-message {
  3931. display: none !important;
  3932. }
  3933. .twitter-typeahead .tt-query {background-color:#fff!important}
  3934. .input-group.large-autosuggest span:first-child .tt-hint {border-radius: 0 !important;}
  3935. span.tt-dropdown-menu {
  3936. border: 1px solid #FCFCFC;
  3937. border-radius: 5px;
  3938. box-shadow: 0 5px 10px rgba(0,0,0,.2);
  3939. width: 100% !important;
  3940. }
  3941. .tt-is-under-cursor a.suggest-link {
  3942. background: #55ACEE;
  3943. }
  3944. .tt-is-under-cursor .media-heading,
  3945. .tt-is-under-cursor .suggest-origin,
  3946. .tt-is-under-cursor .location{
  3947. color:#fff!important;
  3948. }
  3949. .tt-suggestion .media .media-body .suggest-origin {
  3950. color: rgba(45, 91, 137,0.9);
  3951. padding: 1px 0;
  3952. border-radius: 6px;
  3953. font-weight: bold;
  3954. line-height: 12px;
  3955. }
  3956. .tt-suggestion {
  3957. background: #fff;
  3958. border-bottom: 1px solid #eee;
  3959. -webkit-transition: all 0.3s ease-in-out;
  3960. -moz-transition: all 0.3s ease-in-out;
  3961. -o-transition: all 0.3s ease-in-out;
  3962. transition: all 0.3s ease-in-out;
  3963. }
  3964. body .tt-suggestions .media.br-bottom img {
  3965. max-width: 45px;
  3966. height: auto;
  3967. }
  3968. body .tt-suggestions .media-body span {
  3969. font-size: 10px;
  3970. }
  3971. body .tt-suggestions .media-body h4 {
  3972. font-size: 12px;
  3973. margin: 2px 0px;
  3974. text-transform: capitalize;
  3975. }
  3976. a.suggest-link {
  3977. padding: 5px;
  3978. display: block;
  3979. }
  3980. a.suggest-link img {
  3981. border-radius: 100px;
  3982. display: block;
  3983. margin: 0 auto;
  3984. height: 100%!important;
  3985. width: 100%;
  3986. object-fit: cover;
  3987. }
  3988. .left-suggest-col {
  3989. display: inline-block;
  3990. vertical-align: middle;
  3991. width: 44px;
  3992. height: 44px;
  3993. }
  3994. .right-suggest-col {
  3995. display: inline-block;
  3996. padding-left: 1%;
  3997. text-align: left;
  3998. vertical-align: middle;
  3999. width: calc(100% - 1% - 50px);
  4000. }
  4001. p.media-heading {
  4002. color: #333;
  4003. font-size: 12px;
  4004. font-weight: 600;
  4005. margin-bottom: 0;
  4006. }
  4007. p.suggest-origin {
  4008. font-size: 10px;
  4009. color: #333;
  4010. margin:0;
  4011. }
  4012. p.location {
  4013. color: #333;
  4014. font-size: 10px;
  4015. margin: 2px 0;
  4016. }
  4017. body .tt-is-under-cursor a.suggest-link {
  4018. background: #F7F7F7;
  4019. }
  4020. body .tt-is-under-cursor .media-heading, body .tt-is-under-cursor .suggest-origin, body .tt-is-under-cursor .location {
  4021. color: #333!important;
  4022. }
  4023. body .tt-is-under-cursor a.suggest-link[data-heading="heading"] {
  4024. background: rgb(14, 14, 14);
  4025. }
  4026. /* --- all the novalue css --- */
  4027. a.suggest-link .suggest-origin[data-state="novalue"] {
  4028. display: none;
  4029. }
  4030. a.suggest-link .location[data-state="novalue"] {
  4031. display: none;
  4032. }
  4033. a.suggest-link img[data-state="novalue"] {
  4034. display: none;
  4035. }
  4036. a.suggest-link .suggest-origin[data-state="heading"] {
  4037. display: none;
  4038. }
  4039. a.suggest-link .media-heading[data-heading="heading"] {
  4040. color:rgb(255, 255, 255)!important;
  4041. font-weight: bold;
  4042. padding: 4px;
  4043. font-size: 13px;
  4044. }
  4045. .left-suggest-col[data-photo="novalue"], .left-suggest-col[data-photo="undefined"] {
  4046. display: none;
  4047. }
  4048. .right-suggest-col[data-photo="novalue"], .right-suggest-col[data-photo="undefined"] {
  4049. width: 100%;
  4050. }
  4051. a.suggest-link[href="novalue"] {
  4052. cursor: default !important;
  4053. pointer-events: none;
  4054. }
  4055. a.suggest-link[data-heading="heading"] {
  4056. background-color: rgb(14, 14, 14);
  4057. }
  4058. div.content-shell {
  4059. overflow: inherit;
  4060. }
  4061. span.tt-dropdown-menu div {
  4062. float: none;
  4063. }
  4064. .tt-menu {
  4065. border-radius: 0 0 6px 6px;
  4066. box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
  4067. overflow: hidden;
  4068. width: 100%;
  4069. }
  4070. .tt-menu .tt-dataset {
  4071.    overflow-y: auto;
  4072.    max-height: 200px;
  4073. } </style>        <script type="text/javascript">
  4074.            
  4075.            if (typeof decodeHtml != "function") {
  4076.                function decodeHtml(html) {
  4077.                    var txt = document.createElement("textarea");
  4078.                    txt.innerHTML = html;
  4079.                    return txt.value;
  4080.                }
  4081.            }
  4082.                        function initializeTypeheadMember_search() {
  4083.                var member_searchEngine = new Bloodhound({
  4084.                    initialize: false,
  4085.                    datumTokenizer: function (d) {
  4086.                        return Bloodhound.tokenizers.whitespace(value);
  4087.                    },
  4088.                    queryTokenizer: Bloodhound.tokenizers.whitespace,
  4089.                    remote: {
  4090.                        url: `/api/suggest/json/get/14,users_data,Listings,1,1,1,1,0,3|88,list_professions,Main Categories,1,0,0,0,0,3|89,list_services,Sub Categories,1,0,0,0,0,3?tID=1&q=%QUERY`,
  4091.                        wildcard: '%QUERY',
  4092.                        filter: function (response) {
  4093.  
  4094.                            if (response != null) {
  4095.                                //var response = response.slice(1);
  4096.                                $.each(
  4097.                                    response, function (key, value) {
  4098.                                        response[key]['value'] = decodeHtml(value['value']);
  4099.                                        response[key]['comes_f'] = decodeHtml(value['comes_f']);
  4100.                                        response[key]['location'] = decodeHtml(value['location']);
  4101.  
  4102.                                        if (response[key]['value'].indexOf('-/-') >= 0) {
  4103.                                            var splitResult = response[key]['value'].split('-/-');
  4104.                                            response[key]['value'] = splitResult[0];
  4105.                                        }
  4106.                                    }
  4107.                                );
  4108.  
  4109.                            } else {
  4110.                                response = {error: "null"};
  4111.                            }
  4112.  
  4113.                            return response;
  4114.                        }
  4115.                    }
  4116.                });
  4117.                var member_searchDataSrc = member_searchEngine.initialize();
  4118.  
  4119.                member_searchDataSrc
  4120.                    .done(function () { /*console.log('Autosuggestions engine initialized.'); */
  4121.                    })
  4122.                    .fail(function () { /*console.log('err, something went wrong while initializing autosuggestions engine:(');*/
  4123.                    })
  4124.  
  4125.                $('.member_search').typeahead({
  4126.                        minLength:  2,
  4127.                        highlight: true,
  4128.                        hint: false                    },
  4129.                    {
  4130.                        display: 'value',
  4131.                        source: member_searchEngine.ttAdapter(),
  4132.                        limit: 10,
  4133.                        templates: {
  4134.                            empty: [
  4135.                                '<div class="empty-message">',
  4136.                                'Result not found',
  4137.                                '</div>'
  4138.                            ].join(" "),
  4139.                            notFound: [
  4140.                                '<div class="notFound-message">',
  4141.                                'Result not found',
  4142.                                '</div>'
  4143.                            ].join(" "),
  4144.                            suggestion: function (data) {
  4145.  
  4146.                                if (data == "null") {
  4147.                                    strTemplate = '<div class="empty-message">Result not found</div>';
  4148.  
  4149.                                } else {
  4150.                                    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> ';
  4151.  
  4152.                                    if ((data.link == undefined) || (data.link == "") || (data.link == "novalue")) {
  4153.                                        strTemplate = strTemplate.replace(/href=".*?"/, "href='#'");
  4154.                                    }
  4155.  
  4156.                                    if ((data.photo == undefined) || (data.photo == "") || (data.photo == "novalue")) {
  4157.                                        strTemplate = strTemplate.replace(/<img src=".*?>/, "");
  4158.                                    }
  4159.                                }
  4160.  
  4161.                                return strTemplate;
  4162.                            }
  4163.                        },
  4164.                    }).on('typeahead:selected', function (obj, datum) {
  4165.                    /*
  4166.                    console.log(obj);
  4167.                    console.log(datum);
  4168.                    */
  4169.                });
  4170.  
  4171.                $('.member_search').each(function () {
  4172.                    var inputWidth = $(this).outerWidth();
  4173.                    $(this).siblings('.tt-dropdown-menu').css('width', inputWidth + 'px');
  4174.                });
  4175.            }
  4176.        </script>
  4177.            <script>
  4178.        let typeheadElement = '.member_search';
  4179.        let TypeheadNameListFunction = 'initializeTypeheadMember_search';
  4180.        let typeheadFormElement = undefined;
  4181.        window.addEventListener('load', () => {
  4182.            if(typeheadElement.length > 1) {
  4183.                typeheadFormElement = document.querySelectorAll(typeheadElement);
  4184.            }
  4185.            if (typeof typeheadFormElement != "undefined") {
  4186.                for (let i = 0; i < typeheadFormElement.length; i++) {
  4187.                    let closestForm = typeheadFormElement[i].closest('form');
  4188.                    if (typeof closestForm != "undefined" && closestForm != null) {
  4189.                        closestForm.addEventListener('focus', typeheadFormClick, false);
  4190.                    }
  4191.                    typeheadFormElement[i].addEventListener('focus', typeheadFormClick, false);
  4192.                }
  4193.            }
  4194.        });
  4195.        function initializeTypehead(){
  4196.            let splitFunctionNames= TypeheadNameListFunction.split(',');
  4197.            for ( let funcName of splitFunctionNames)
  4198.                if (typeof funcName != 'function') {
  4199.                    window[funcName](); // execute the function
  4200.  
  4201.                }
  4202.        }
  4203.        function typeheadFormClick(event) {
  4204.  
  4205.            let head = document.getElementsByTagName('head')[0];
  4206.            let script = document.createElement('script');
  4207.            let elementClicked = event.target;
  4208.            script.type = 'text/javascript';
  4209.            script.src = "https://cdnjs.cloudflare.com/ajax/libs/corejs-typeahead/0.11.1/typeahead.bundle.min.js";
  4210.            script.onload = function () {
  4211.                initializeTypehead();
  4212.                elementClicked.focus();
  4213.            };
  4214.            head.appendChild(script);
  4215.            if (typeof typeheadFormElement != "undefined") {
  4216.                for (let i = 0; i < typeheadFormElement.length; i++) {
  4217.                    let closestForm = typeheadFormElement[i].closest('form');
  4218.                    if (typeof closestForm != "undefined" && closestForm != null) {
  4219.                        closestForm.removeEventListener('focus', typeheadFormClick, false);
  4220.                    }
  4221.                    typeheadFormElement[i].removeEventListener('focus', typeheadFormClick, false)
  4222.                }
  4223.            }
  4224.        }
  4225.  
  4226.  
  4227.    </script>
  4228.  
  4229.    <script>
  4230.    window.addEventListener('load', () => {
  4231.        let embedlyClass = document.querySelector('.fr-embedly');
  4232.        if (typeof embedlyClass != "undefined" && embedlyClass != null) {
  4233.            let embedlyURI = "https://www.optimizecdn.com/directory/cdn/assets/bootstrap/js/embedly_widget.min.js";
  4234.            let head = document.getElementsByTagName("head")[0];
  4235.            let script = document.createElement('script');
  4236.            script.type = 'text/javascript';
  4237.            script.src = embedlyURI;
  4238.            script.async = true;
  4239.            head.appendChild(script);
  4240.        }
  4241.    });
  4242. </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>
  4243.                            $(function () {
  4244.                                $(".lazyloader").Lazy({
  4245.                                    afterLoad: function(element) {
  4246.                                        $(".gridView.activeView").click();
  4247.                                    }
  4248.                                });
  4249.                                
  4250.                            });
  4251.                            $("button[class*='slick'],button[id*='slick']").click(function () {
  4252.                              $(this).parents(".row").find(".lazyloader").lazy({
  4253.                                    bind: "event",
  4254.                                    delay: 0
  4255.                                });
  4256.                            });
  4257.                            $("[class*='slick'],[id*='slick']").on("swipe",function(){
  4258.                              $(this).parents(".row").find(".lazyloader").lazy({
  4259.                                    bind: "event",
  4260.                                    delay: 0
  4261.                                });
  4262.                            });
  4263.                        </script><script defer src="https://www.optimizecdn.com/directory/cdn/assets/bootstrap/js/websiteScripts.min.js?v=0.4"></script>
  4264.            </body>
  4265.        </html>

Home · About · News · Docs · Terms

 
Copyright © 2002-9 Sam Ruby, Mark Pilgrim, Joseph Walton, and Phil Ringnalda