
<!doctype html>
<!--[if lt IE 7]>      <html class="no-js lt-ie9 lt-ie8 lt-ie7" lang=""> <![endif]-->
<!--[if IE 7]>         <html class="no-js lt-ie9 lt-ie8" lang=""> <![endif]-->
<!--[if IE 8]>         <html class="no-js lt-ie9" lang=""> <![endif]-->
<!--[if gt IE 8]><!-->
<html class="no-js" data-bs-theme="light" lang="en-US" dir="ltr">

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <!-- ===============================================--><!--    Document Title--><!-- ===============================================-->
    <title>Pro Studio Software - Professional tools for photographers</title>


    <meta name="description" content="Professional tools for photographers to present, sell, organize, and protect their images">
    <meta name="keywords" content="">
            <meta property="og:type" content="website" />
<meta property="og:title" content="Pro Studio Software - Professional tools for photographers" />
<meta property="og:description" content="Professional tools for photographers to present, sell, organize, and protect their images" />
<meta property="og:url" content="https://www.prostudiosoftware.com/prostudiosoftware/" />
<meta property="og:site_name" content="Pro Studio Software" />
<meta property="og:image" content="https://www.prostudiosoftware.com/prostudiosoftware/images/Social_PSS.png" />
<meta property="og:image:width" content="1200" />
<meta property="og:image:height" content="630" />
<meta property="og:image:alt" content="Pro Studio Software - Professional tools for photographers" />
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content="Pro Studio Software - Professional tools for photographers" />
<meta name="twitter:description" content="Professional tools for photographers to present, sell, organize, and protect their images" />
<meta name="twitter:image" content="https://www.prostudiosoftware.com/prostudiosoftware/images/Social_PSS.png" />
<meta name="twitter:image:alt" content="Pro Studio Software - Professional tools for photographers" />
<link rel="canonical" href="https://www.prostudiosoftware.com/prostudiosoftware/" />
        <link rel="icon" type="image/png" sizes="32x32" href="/favicon.ico">
    <link rel="apple-touch-icon" href="/apple-touch-icon.png">

    <meta name="theme-color" content="#ffffff">

    <script src="https://cdnjs.cloudflare.com/ajax/libs/overlayscrollbars/1.13.3/js/OverlayScrollbars.min.js"></script>
<link href="https://cdn.jsdelivr.net/npm/swiper@8/swiper-bundle.min.css" rel="stylesheet" />
<link href="https://fonts.gstatic.com" rel="preconnect">
<link href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,500,600,700%7cPoppins:300,400,500,600,700,800,900&amp;display=swap" rel="stylesheet">
<link href="https://cdnjs.cloudflare.com/ajax/libs/overlayscrollbars/1.13.3/css/OverlayScrollbars.css" rel="stylesheet">
<link href="/framework/falcon/assets/css/main_theme.min.css" rel="stylesheet" id="style-default">
<link href="/framework/falcon/assets/css/main_user.min.css" rel="stylesheet" id="user-style-default">
<link href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.4.0/font/bootstrap-icons.css" rel="stylesheet" />
<script src="/framework/js/jquery-3.6.0.min.js"></script>
<script src="/framework/js/main.js"></script>
<script src="/framework/js/cookie_consent.js"></script>
<script src="https://kit.fontawesome.com/b60c5024f8.js" crossorigin="anonymous"></script>
<script src="/framework/falcon/assets/js/config.js"></script>
<script src="/framework/falcon/vendors/simplebar/simplebar.min.js"></script>
<link href="/pss_resources/fontawesome-pro-plus-7.1.0-web/css/all.min.css" rel="stylesheet"/>
<link href="/framework/falcon/vendors/simplebar/simplebar.min.css" rel="stylesheet">
<script src="/framework/js/pss.js?t=15"></script>
<script type="text/javascript" src="/js/jquery.js"></script>
<script src="https://code.jquery.com/ui/1.10.2/jquery-ui.min.js"></script>
<link rel="stylesheet" href="https://code.jquery.com/ui/1.10.2/themes/smoothness/jquery-ui.css" />
<link rel="stylesheet" href="/framework/falcon/vendors/flatpickr/flatpickr.min.css"/>
<script src="/framework/falcon/vendors/flatpickr/flatpickr.min.js"></script>

    <style>
        @media (max-width: 575px) {
            footer .container {
                padding-left: 0 !important;
                padding-right: 0 !important;
            }
        }

        @media (min-width: 992px) {
            .navbar-nav .dropdown:hover>.dropdown-menu {
                display: block;
            }
        }

        .dropdown-submenu {
            position: relative;
        }

        .dropdown-submenu .submenu-dropdown {
            position: absolute;
            right: 100%;
            top: 0;
            margin-top: 0;
            margin-right: 0;
            display: none;
        }

        @media (min-width: 992px) {
            .dropdown-submenu:hover>.submenu-dropdown {
                display: block;
            }
        }

        .dropdown-menu .nav-link,
        .dropdown-menu .dropdown-item {
            white-space: nowrap;
        }
    </style>
            <!-- Facebook Pixel Code -->
        <script>
            ! function(f, b, e, v, n, t, s) {
                if (f.fbq) return;
                n = f.fbq = function() {
                    n.callMethod ?
                        n.callMethod.apply(n, arguments) : n.queue.push(arguments)
                };
                if (!f._fbq) f._fbq = n;
                n.push = n;
                n.loaded = !0;
                n.version = '2.0';
                n.queue = [];
                t = b.createElement(e);
                t.async = !0;
                t.src = v;
                s = b.getElementsByTagName(e)[0];
                s.parentNode.insertBefore(t, s)
            }(window,
                document, 'script', 'https://connect.facebook.net/en_US/fbevents.js');

            if (readCookie('cookieConsent') >= 4) {
                fbq('init', '1742443619354188');
                                    fbq('track', 'PageView');
                            }
        </script>
        <noscript><img height="1" width="1" style="display:none" src="https://www.facebook.com/tr?id=1742443619354188&ev=PageView&noscript=1" /></noscript>
        <!-- End Facebook Pixel Code -->
    
            <!-- Google Code -->
        <script>
            (function(i, s, o, g, r, a, m) {
                i['GoogleAnalyticsObject'] = r;
                i[r] = i[r] || function() {
                    (i[r].q = i[r].q || []).push(arguments)
                }, i[r].l = 1 * new Date();
                a = s.createElement(o),
                    m = s.getElementsByTagName(o)[0];
                a.async = 1;
                a.src = g;
                m.parentNode.insertBefore(a, m)
            })(window, document, 'script', '//www.google-analytics.com/analytics.js', 'ga');

            if (readCookie('cookieConsent') >= 4) {
                ga('create', 'UA-61745976-1', 'auto');
                ga('require', 'displayfeatures');
                ga('send', 'pageview');
            }
        </script>
        <!-- End Google Code -->
    </head>

<body>
    <!-- ===============================================--><!--    Main Content--><!-- ===============================================-->
    <main class="main" id="top">
        <div class="container" data-layout="container">

            <nav class="navbar navbar-light navbar-glass navbar-top navbar-expand-lg" data-double-top-nav="data-double-top-nav">
                <div class="w-100">
                    <div class="d-flex flex-between-center mt-3">
                        <button class="btn navbar-toggler-humburger-icon navbar-toggler me-1 me-sm-3" type="button" data-bs-toggle="collapse" data-bs-target="#navbarDoubleTop" aria-controls="navbarDoubleTop" aria-expanded="false" aria-label="Toggle Navigation"><span class="navbar-toggle-icon"><span class="toggle-line"></span></span></button>
                        <a class="navbar-brand me-1 me-sm-3" href="/prostudiosoftware/">
                            <div class="d-flex align-items-center">
                                <img class="me-2 d-inline d-sm-none" src="/prostudiosoftware/images/Logo_PSS_Smaller.png" alt="" height="42px" />
                                <img class="me-2 d-none d-sm-inline d-lg-none" src="/prostudiosoftware/images/Logo_PSS_Smaller.png" alt="" height="64px" />
                                <img class="me-2 d-none d-lg-inline" src="/prostudiosoftware/images/Logo_PSS.png" alt="" height="64px" />
                            </div>
                        </a>


                        <ul class="navbar-nav navbar-nav-icons ms-auto flex-row align-items-center">
                                                            <div class="d-none d-md-flex flex-column align-items-center me-6">
                                    <a href="/prostudiosoftware/?page=register" id="headerNavBtn" class="btn btn-pssorange btn-sm" data-location="header_nav">Start a Free Trial</a>
                                                                            <span class="fs-0 fw-normal mt-1">No credit card required</span>
                                                                    </div>
                                                        <li class="nav-item dropdown">
                                <a class="nav-link fs-9 pe-1 py-0 d-flex align-items-center text-nowrap" id="navbarDropdownUser" role="button" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                    <span class="p-2 d-none d-md-block">
                                        Login to Account                                    </span>
                                    <span class="p-2 d-block d-md-none">
                                        Login                                    </span>
                                    <i class="fa-regular fa-user fs-2"></i>
                                </a>
                                <div class="dropdown-menu dropdown-menu-end py-0" aria-labelledby="navbarDropdownUser">
                                    <div class="bg-white dark__bg-1000 rounded-2 py-2">
                                        <a class="dropdown-item" href="#" data-bs-toggle="modal" data-bs-target="#modal-login">Login to Account</a>
<div class="dropdown-divider"></div>
<a class="dropdown-item" href="#" data-bs-toggle="modal" data-bs-target="#modal-forgot">Forgot Password</a>
<a class="dropdown-item" href="/prostudiosoftware/?page=register">Create Account</a>                                    </div>
                                </div>
                            </li>


                        </ul>
                    </div>
                                            <hr class="mt-2 mb-0 d-none d-lg-block" />
                        <div class="collapse navbar-collapse scrollbar py-lg-2" id="navbarDoubleTop">

                            <ul class="navbar-nav" data-top-nav-dropdowns="data-top-nav-dropdowns">
    <li class="nav-item dropdown"><a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false" id="dashboards"><img src="/prostudiosoftware/images/Icon_PSS.png" alt="" style="height: 24px; width: auto;" class="me-2 d-none d-lg-inline">Products</a>
        <div class="dropdown-menu dropdown-menu-card border-0 mt-0" aria-labelledby="dashboards">
            <div class="bg-white dark__bg-1000 rounded-3 py-2">
                <a class="dropdown-item link-600 fw-medium d-flex align-items-center" href="/prostudiosoftware/">
                    <img src="/prostudiosoftware/images/Icon_PSS.png" alt="ProSelect" style="height: 24px; width: auto;" class="me-2">
                    Pro Studio Software
                </a>
                <hr class="my-2" />
                <a class="dropdown-item link-600 fw-medium d-flex align-items-center" href="/proselect/">
                    <img src="/prostudiosoftware/images/Icon_PS.png" alt="ProSelect" style="height: 24px; width: auto;" class="me-2">
                    ProSelect
                </a>
                <a class="dropdown-item link-600 fw-medium d-flex align-items-center" href="/procapturebackup/">
                    <img src="/prostudiosoftware/images/Icon_PCB.png" alt="ProCapture Backup" style="height: 24px; width: auto;" class="me-2">
                    ProCapture Backup
                </a>
                <hr class="my-2" />
                <a class="dropdown-item link-600 fw-medium d-flex align-items-center" href="/store/">
                    Subsciption Pricing
                </a>
            </div>
        </div>
    </li>
    <li class="nav-item dropdown"><a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false" id="about"><img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" alt="" style="height: 24px; width: 1px;" class="me-2 d-none d-lg-inline">About</a>
            <div class="dropdown-menu dropdown-menu-start dropdown-menu-card border-0 mt-0" aria-labelledby="about">
                <div class="bg-white dark__bg-1000 rounded-3 py-2">
                    <a class="dropdown-item link-600 fw-medium d-none" href="#">Who are we</a>
                    <a class="dropdown-item link-600 fw-medium" href="/prostudiosoftware/?page=policy">Store Policy</a>
                    <a class="dropdown-item link-600 fw-medium" href="/index.php?eula" target="_EULA">EULA</a>
                    <a class="dropdown-item link-600 fw-medium" href="/prostudiosoftware/?page=privacy">Privacy Policy</a>
                    <a class="dropdown-item link-600 fw-medium" href="/prostudiosoftware/?page=support">Contact Us</a>
                </div>            
        </div>
    </li>
</ul>

<ul class="navbar-nav ms-auto" data-top-nav-dropdowns="data-top-nav-dropdowns">
    <li class="nav-item dropdown"><a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false" id="moduless"><img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" alt="" style="height: 24px; width: 1px;" class="me-2 d-none d-lg-inline">Downloads</a>
        <div class="dropdown-menu dropdown-menu-end dropdown-menu-card border-0 mt-0" aria-labelledby="moduless">
            <div class="bg-white dark__bg-1000 rounded-3 py-2">
                <div class="d-flex align-items-center mb-0">                    
                    <p class="nav-link text-700 mb-0 fw-bold mx-2 text-center">ProSelect</p>
                    <hr class="flex-grow-1 my-0">
                </div>
                <a class="dropdown-item  py-1 link-600 fw-medium"  href="/proselect/?page=downloads_ps">Download ProSelect - 2025r1</a>
                <a class="dropdown-item py-1 link-600 fw-medium"  href="/proselect/?page=downloads_ps_archive">Download ProSelect - 2022r1.10</a>
                <a class="dropdown-item py-1 link-600 fw-medium"  href="/proselect/?page=downloads_ps_beta">Download ProSelect - Beta</a>
                <div class="d-flex align-items-center mb-0">
                    <p class="nav-link text-700 mb-0 fw-bold mx-2 text-center">ProCapture Backup</p>
                    <hr class="flex-grow-1 my-0">
                </div>
                <a class="dropdown-item py-1 link-600 fw-medium" href="/procapturebackup/?page=downloads_pcb">Download ProCapture Backup - 2026r1</a>
                <a class="dropdown-item py-1 link-600 fw-medium" href="/procapturebackup/?page=downloads_pcb_beta">Download ProCapture Backup - Beta</a>
                
                <hr class="my-2"/>
                <a class="dropdown-item link-600 fw-medium" href="/proselect/?page=downloads_ps_suppliers">Supplier Collections - Labs/Framers</a>
                <a class="dropdown-item link-600 fw-medium" href="/proselect/?page=downloads_ps_collections">Room/Template Collections</a>
                <a class="dropdown-item link-600 fw-medium" href="/proselect/?page=downloads_ps_additional">Legacy Downloads</a>
                
            </div>
        </div>
    </li>
    <li class="nav-item dropdown"><a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false" id="documentations"><img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" alt="" style="height: 24px; width: 1px;" class="me-2 d-none d-lg-inline">Support</a>
        <div class="dropdown-menu dropdown-menu-end dropdown-menu-card border-0 mt-0" aria-labelledby="documentations">
            <div class="bg-white dark__bg-1000 rounded-3 py-2">
                <a class="dropdown-item link-600 fw-medium" href="/prostudiosoftware/?page=support">Support Resources</a>
                <a class="dropdown-item link-600 fw-medium" href="/prostudiosoftware/?page=support">Contact Us</a>                
                <a class="dropdown-item link-600 fw-medium" href="/prostudiosoftware/?page=tickets">View My Tickets</a>
                <hr class="my-2"/>
                <a class="dropdown-item link-600 fw-medium" href="/manuals/proselect/index.php?index=introduction_to_proselect&viewID=325#325">Getting started with ProSelect</a>
                <a class="dropdown-item link-600 fw-medium" href="/manuals/pcb/index.php?index=introduction_to_procapture_backup_1&viewID=3">Getting started with ProCapture Backup</a>

            </div>
        </div>
    </li>
        <li class="nav-item dropdown"><a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false" id="currency"><img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" alt="" style="height: 24px; width: 1px;" class="m-0 d-none d-lg-inline"><img class="curHolderImg ps-0 ps-md-1 pt-0" src="/prostudiosoftware/images/flags/flag_USD.png" /></a>
        <div class="dropdown-menu dropdown-menu-end dropdown-menu-card border-0 mt-0" aria-labelledby="currency">
            <div class="bg-white dark__bg-1000 rounded-3 py-2">              
                <div class="d-flex align-items-center mb-0">                    
                    <p class="nav-link text-700 mb-0 fw-bold mx-2 text-center">Change Currency</p>
                    <hr class="flex-grow-1 my-0">
                </div>
                <div class="curRow_2 dropdown-item d-flex flex-row w-100 py-1 bg-600 text-white" style="cursor: pointer;" onclick="PSS_ChangeSessionRate(2,'/prostudiosoftware/images/flags/flag_USD.png'); return false;"><img class="pe-3 pb-1" src="/prostudiosoftware/images/flags/flag_USD.png"/><div class="flex-grow-1 pe-3 fs--1">U.S. Dollars</div><div class="fs--1" title="as of May 31, 2026 01:00"><i>(1.0000)</i></div></div><div class="curRow_3 dropdown-item d-flex flex-row w-100 py-1 " style="cursor: pointer;" onclick="PSS_ChangeSessionRate(3,'/prostudiosoftware/images/flags/flag_GBP.png'); return false;"><img class="pe-3 pb-1" src="/prostudiosoftware/images/flags/flag_GBP.png"/><div class="flex-grow-1 pe-3 fs--1">U.K. Pounds</div><div class="fs--1" title="as of May 31, 2026 01:00"><i>(1.3453)</i></div></div><div class="curRow_4 dropdown-item d-flex flex-row w-100 py-1 " style="cursor: pointer;" onclick="PSS_ChangeSessionRate(4,'/prostudiosoftware/images/flags/flag_CAD.png'); return false;"><img class="pe-3 pb-1" src="/prostudiosoftware/images/flags/flag_CAD.png"/><div class="flex-grow-1 pe-3 fs--1">Canadian Dollars</div><div class="fs--1" title="as of May 31, 2026 01:00"><i>(0.7245)</i></div></div><div class="curRow_1 dropdown-item d-flex flex-row w-100 py-1 " style="cursor: pointer;" onclick="PSS_ChangeSessionRate(1,'/prostudiosoftware/images/flags/flag_AUD.png'); return false;"><img class="pe-3 pb-1" src="/prostudiosoftware/images/flags/flag_AUD.png"/><div class="flex-grow-1 pe-3 fs--1">Australian Dollars</div><div class="fs--1" title="as of May 31, 2026 01:00"><i>(0.7190)</i></div></div><div class="curRow_6 dropdown-item d-flex flex-row w-100 py-1 " style="cursor: pointer;" onclick="PSS_ChangeSessionRate(6,'/prostudiosoftware/images/flags/flag_EUR.png'); return false;"><img class="pe-3 pb-1" src="/prostudiosoftware/images/flags/flag_EUR.png"/><div class="flex-grow-1 pe-3 fs--1">Euros</div><div class="fs--1" title="as of May 31, 2026 01:00"><i>(1.1663)</i></div></div><div class="curRow_5 dropdown-item d-flex flex-row w-100 py-1 " style="cursor: pointer;" onclick="PSS_ChangeSessionRate(5,'/prostudiosoftware/images/flags/flag_NZD.png'); return false;"><img class="pe-3 pb-1" src="/prostudiosoftware/images/flags/flag_NZD.png"/><div class="flex-grow-1 pe-3 fs--1">New Zealand Dollar</div><div class="fs--1" title="as of May 31, 2026 01:00"><i>(0.5988)</i></div></div>            </div>
        </div>
    </li>
</ul>
                        </div>
                                    </div>
            </nav>


            <div class="container-fluid px-0">

        <div class="position-relative light mx-n3 mx-sm-0">
        <div class="bg-holder header rounded-0 rounded-sm-3" style="background-image:url(/prostudiosoftware/images/support.jpg);background-position: right;">
        </div>
        <div class="d-flex" style="max-height:280px;">
            <div class="ms-0 me-0 align-self-end bg-1100 opacity-75 w-100 text-white 
        p-0 mb-4 mt-6 
        p-xs-1 mb-xs-3 mt-xs-5
        p-sm-2 mb-sm-4 mt-sm-7
        p-md-2 mb-md-5 mt-md-9
        p-lg-3 mb-lg-5 mt-lg-11" style="max-height:280px;">
                <div class="d-flex flex-column flex-md-row">
                    <div class="flex-fill text-center px-2">
                        <div class="text-uppercase fs-2 fs-sm-4 fs-md-5">Oops!, Page Missing</div>
                                            </div>
                </div>
            </div>
        </div>
    </div>

    <div class="card my-3">
        <div class="card-body">
            <div class="d-flex flex-column flex-md-row">
                <div class="flex-grow-1 pb-3 pb-md-0 px-2">
                    <p>It looks like you have tried to view a page that does not exist or has been removed. If you feel this is an error please contact support.</p>
                </div>
            </div>
        </div>
    </div>

</div>
        </div><!-- end of main .container-->

    </main>

    <footer class="no-print">
        <div class="container">
            <div class="d-flex w-100 flex-column bg-pssgray rounded-0 rounded-sm-2 py-2">
                <div class="flex-row w-100 text-center">
                    <img class="col-6 col-sm-5 col-md-4 col-lg-3 col-xl-3" src="/prostudiosoftware/images/Logo_PSS_Smaller.png" alt="Pro Studio Software" style="max-height: 48px; width: auto;" />
                    <p class="fs--2 pt-1 mb-0 text-psslightblue">Where Studio Efficiency Meets Creative Excellence</p>
                </div>
                <div class="flex-row w-100 text-center pt-2">
                    <a href="https://www.facebook.com/groups/ProSelectU2U" target="_blank"><i class="fa-brands fa-facebook text-pssorange fs-2 px-1"></i></a>
                    <a href="https://twitter.com/ProStudioSW" target="_blank"><i class="fa-brands fa-x-twitter text-pssorange fs-2 px-1"></i></a>
                    <a href="https://www.instagram.com/prostudiosoftware/" target="_blank"><i class="fa-brands fa-instagram text-pssorange fs-2 px-1"></i></a>
                    <a href="https://www.youtube.com/channel/UCqVA3S-0qHhycNFJACQkDVQ" target="_blank"><i class="fa-brands fa-youtube text-pssorange fs-2 px-1"></i></a>
                </div>
                <div class="flex-row w-100 text-center pt-2">
                    <a class="d-block d-md-inline me-sm-3 fs--1 mb-2 mb-sm-0" href="https://www.prostudiosoftware.com/prostudiosoftware?page=resources" target="_blank">CONTACT Pro Studio Software</a>
                    <a class="d-block d-md-inline fs--1 mb-2 mb-sm-0" href="#" data-bs-toggle="modal" data-bs-target="#modal-cookie">CHANGE COOKIE SETTINGS</a>
                    <a class="d-block d-md-inline ms-sm-3 fs--1" href="?page=privacy">PRIVACY POLICY</a>
                </div>
            </div>
        </div>
    </footer>

    <div class="modal fade" id="modal-login" tabindex="-1" role="dialog">
    <div class="modal-dialog modal-dialog-centered" role="document">
        <div class="col">
            <div class="row pb-2">
                <img style="max-width:400px;" src="/prostudiosoftware/images/Logo_PSS.png" />
            </div>
            <div class="row">
                <div class="modal-content position-relative px-3">
                    <div class="position-absolute top-0 end-0 mt-1 me-1 z-index-1">
                        <button class="btn-close btn btn-sm btn-circle d-flex flex-center transition-base" data-bs-dismiss="modal" aria-label="Close"></button>
                    </div>
                    <div class="column px-4 pb-2 pt-2">
                        <div class="row flex-between-center pb-2 pt-4 px-0">
                            <div class="col-auto px-0">
                                <h5 class="mb-0 ps-0">Log in</h5>                                     
                            </div>
                            <div class="col-auto fs--1 px-0">
                                or <a href="#" onclick="processRegisterNewAccount();return false;">Create an Account</a>
                            </div>                            
                        </div>
                        <div id="rowCustomMessage" class="row px-0 d-none">
                            <div class="alert fade show alert-warning" role="alert">
                                <div id="lblCustomLoginMessage"></div>                                
                            </div>
                        </div>
                        <div id="rowLoginError" class="row py-2 px-0 d-none">
                            <div class="alert alert-dismissible fade show alert-danger" role="alert">
                                <div id="lblLoginError"></div>
                                <button class="btn-close" type="button" onclick="processCloseLoginError();"></button>
                            </div>
                        </div>
                        <div class="form-floating row py-2 ps-0 pe-0">
                            <input class="form-control" id="txtLoginEmail" type="email" placeholder="" />
                            <label for="txtLoginEmail">Email address</label>
                            <div class="invalid-feedback">Please enter a vaild email.</div>
                        </div>
                        <div class="form-floating row py-2 ps-0 pe-0">
                            <input class="form-control" id="txtLoginPassword" type="password" placeholder="" />
                            <label for="txtLoginPassword">Password</label>
                            <div class="invalid-feedback">Please enter a vaild password.</div>
                        </div>

                        <div class="row flex-between-center py-2 ">
                            <div class="col-auto px-0">
                                <div class="form-check mb-0">
                                    <input class="form-check-input" type="checkbox" id="chkRemeber" value="checked" checked="checked">
                                    <label class="form-check-label mb-0" for="chkRemeber">Remember me</label>
                                </div>
                            </div>
                            <div class="col-auto px-0"><a class="fs--1" href="#" data-bs-target="#modal-forgot" data-bs-toggle="modal">Forgot password or email?</a></div>                            
                        </div>
                        <div class="row py-2">
                            <button class="btn btn-primary ms-auto" type="button" onclick="processLogin(this);">Log in</button>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<script>

    var myModalEl = document.getElementById('modal-login')
    var myCustomLoginURL             = '';          //go here AFTER logging in
    var myCustomRegisterData         = '';      //pass this to the registration process to know what to do for cancel and finish

    myModalEl.addEventListener('hidden.bs.modal', function (event) {
        //when closing the modal clear out the temp values
        document.getElementById('rowCustomMessage').classList.add('d-none');
        myCustomLoginURL = '';
        myCustomRegisterData = '';
    })

    function setCustomLoginURL(url)
    {
        myCustomLoginURL = url;
    }

    function setCustomRegisterData(data)
    {
        myCustomRegisterData = data
    }

    function processRegisterNewAccount()
    {
        if(myCustomRegisterData == '')
        {
            window.location = 'https://www.prostudiosoftware.com/prostudiosoftware?page=register&from=missing';
        }
        else
        {
            window.location = 'https://www.prostudiosoftware.com/prostudiosoftware?page=register&from=missing&' + myCustomRegisterData;
        }
    }

    function processCloseLoginError()
    {
        var row = document.getElementById('rowLoginError');
        if(!row.classList.contains('d-none'))
        {
            row.classList.add('d-none');
        }        
    }

    function processShowLoginError(message)
    {
        var lbl = document.getElementById('lblLoginError');
        lbl.innerHTML = message;
        var row = document.getElementById('rowLoginError');
        if(row.classList.contains('d-none'))
        {
            row.classList.remove('d-none');
        }      
    }

    function processLogin(cmd)
    {
        var txtEmail = document.getElementById('txtLoginEmail');
        var txtPassword = document.getElementById('txtLoginPassword');
        var chkRemeber = document.getElementById('chkRemeber');
        var errCount = 0;

        if (validator.isEmail(txtEmail.value)) {
            txtEmail.classList.remove("is-invalid");
            txtEmail.classList.add("is-valid");
        } else {
            errCount++;
            txtEmail.classList.remove("is-valid");
            txtEmail.classList.add("is-invalid");
        }

        if (validator.isLength(txtPassword.value, {
                min: 7,
                max: undefined
            })) {
            txtPassword.classList.remove("is-invalid");
            txtPassword.classList.add("is-valid");
        } else {
            errCount++;
            txtPassword.classList.remove("is-valid");
            txtPassword.classList.add("is-invalid");
        }

        if (errCount == 0) {
            cmd.disabled = "disabled";
            //we can move to next
            setTimeout(() => {
                sendLoginRequest(cmd,txtEmail.value,txtPassword.value,chkRemeber.checked);
            }, 500);
        }
    }

    function sendLoginRequest(cmd,email,password,remember)
    {
        var loginData = { 
            action: "Process_Login", 
            value1: email, 
            value2: remember, 
            value3: PSS_OneWayHash(PSS_123456(password).toUpperCase() + '00BD621C65008CB6E4CF2669BA164441')
        };
                
        $.ajax({
            method: "POST",
            url: "https://www.prostudiosoftware.com/ajax_session.php",
            data: loginData
        }).done(function( msg ) {
                if(msg != 'OK')
                {
                     //error
                     processShowLoginError(msg);                    
                     setTimeout(() => {
                        cmd.disabled = "";
                    }, 500);
                }
                else
                {
                    if(myCustomLoginURL == '')
                    {                        
                        window.location.reload();
                    }
                    else
                    {
                        window.location = myCustomLoginURL;
                    }
                    return;
                }
                
            });
    }

</script>
<script>
    // Remove 'rt' parameter from URL if present
    (function() {
        if (window.location.search.indexOf('rt=') !== -1) {
            try {
                var url = new URL(window.location.href);
                url.searchParams.delete('rt');
                window.history.replaceState({}, document.title, url.toString());
            } catch(e) {
                // Fallback for older browsers
                var search = window.location.search.replace(/[?&]rt=[^&]*/g, '').replace(/^&/, '?');
                window.history.replaceState({}, document.title, window.location.pathname + search + window.location.hash);
            }
        }
    })();
</script><div class="modal fade" id="modal-forgot" tabindex="-1" role="dialog">    
    <div class="modal-dialog modal-dialog-centered" role="document">
        <div class="col">
            <div class="row pb-2">
                <img style="max-width:400px;" src="/prostudiosoftware/images/Logo_PSS.png"/>
            </div>
            <div class="row">
                <div class="modal-content position-relative px-3">
                    <div class="position-absolute top-0 end-0 mt-1 me-1 z-index-1">
                        <button class="btn-close btn btn-sm btn-circle d-flex flex-center transition-base" data-bs-dismiss="modal" aria-label="Close"></button>
                    </div>
                    <div class="column px-4 pb-2 pt-2">
                        <div class="row pb-2 px-0 pt-4">
                            <h5 class="mb-0 ps-0">Forgot your password?</h5>
                            <small class="ps-1">Enter your email and we'll send you a reset link.</small>                        
                        </div>    
                        <div id="rowForgotError" class="row py-2 px-0 d-none">                    
                            <div class="alert alert-dismissible fade show alert-danger" role="alert">
                                <div id="lblForgotError">test</div>
                                <button class="btn-close" type="button" onclick="processCloseForgotError();"></button>
                            </div>
                        </div>
                        <div id="rowForgotSuccess" class="row py-2 px-0 d-none">                    
                            <div class="alert alert-dismissible fade show alert-success" role="alert">
                                An email with a password reset link has been sent to <span id="lblForgotSuccess"></span>. If you do not find this email, check your junk/ spam folder. If you are using an ATT owned email address (att, bellsouth, sbcglobal, ameritech, prodigy, etc.), you may not receive this email. In this case, please submit a Support Ticket to the Account Assistance dept. to request help.
                                <button class="btn-close" type="button" onclick="processCloseForgotSuccess();"></button>
                            </div>
                        </div>
                        <div class="form-floating row py-2 ps-0 pe-0">
                            <input class="form-control" id="txtForgotEmail" type="email" placeholder="" />
                            <label for="txtForgotEmail">Email address</label>
                            <div class="invalid-feedback">Please enter a vaild email.</div>
                        </div>
                        <div class="row flex-between-center py-2 px-0">
                            <div class="col-auto fs--1">
                                <a href="#" onclick="processForgotEmail();return false;">Forgot your email?</a>
                            </div>
                            <div class="col-auto fs--1">
                            <a class="" href="#" data-bs-target="#modal-login" data-bs-toggle="modal">Remembered email</a>
                            </div>                            
                        </div>

                        <div class="row py-0 px-0">
                                   
                            <div id="lblForgotContactSupport" class="py-2 alert alert-dismissible fade show alert-primary d-none" role="alert">
                                <small>Here are a few guesses for your login email address:</small>
                                <ul class="list-group">
                                    <li class="list-group-item list-group-item-primary py-3 ps-0">Sorry we don't have any hints for you. Please contact support.</li>                                </ul>
                                <button class="btn-close" type="button" onclick="processForgotEmail();"></button>
                            </div>               
                        </div>    
                        <div class="row py-2">
                            <button class="btn btn-primary ms-auto"  type="button" onclick="processForgot(this);">Send Reset Link</button>
                        </div>
                    </div>                    
                </div>
            </div>
        </div>
    </div>
</div>
<script>

    function processCloseForgotError()
    {
        var row = document.getElementById('rowForgotError');
        if(!row.classList.contains('d-none'))
        {
            row.classList.add('d-none');
        }        
    }

    function processCloseForgotSuccess()
    {
        var row = document.getElementById('rowForgotSuccess');
        if(!row.classList.contains('d-none'))
        {
            row.classList.add('d-none');
        }        
    }

    function processShowForgotError(message)
    {
        processCloseForgotSuccess();
        var lbl = document.getElementById('lblForgotError');
        lbl.innerHTML = message;
        var row = document.getElementById('rowForgotError');
        if(row.classList.contains('d-none'))
        {
            row.classList.remove('d-none');
        }      
    }

    function processShowForgotSuccess(email)
    {
        processCloseForgotError();
        var lbl = document.getElementById('lblForgotSuccess');
        lbl.innerHTML = email;
        var row = document.getElementById('rowForgotSuccess');
        if(row.classList.contains('d-none'))
        {
            row.classList.remove('d-none');
        }                
    }

    function processForgotEmail()
    {
        var lblForgotContactSupport = document.getElementById('lblForgotContactSupport');
        if(lblForgotContactSupport.classList.contains('d-none'))
        {
            lblForgotContactSupport.classList.remove('d-none');
        }
        else
        {
            lblForgotContactSupport.classList.add('d-none');
        }        
       
    }

    function processForgot(cmd)
    {
        var txtEmail = document.getElementById('txtForgotEmail');
        var errCount = 0;

        if (validator.isEmail(txtEmail.value)) {
            txtEmail.classList.remove("is-invalid");
            txtEmail.classList.add("is-valid");
        } else {
            errCount++;
            txtEmail.classList.remove("is-valid");
            txtEmail.classList.add("is-invalid");
        }

        if (errCount == 0) {
            cmd.disabled = "disabled";
            //we can move to next
            setTimeout(() => {
                sendForgotRequest(cmd,txtEmail.value);
            }, 1000);
        }
    }

    function sendForgotRequest(cmd,email)
    {
        $.ajax({
            method: "POST",
            url: "https://www.prostudiosoftware.com/ajax_session.php",
            data: { action: "Send_Reset", email: email },
            error: function (request, status, error) {
                processShowForgotError(request.responseText);
                setTimeout(() => {
                    cmd.disabled = "";
                }, 500);
            }
        }).done(function( msg ) {
                if(msg != 'OK')
                {
                     //error
                     processShowForgotError(msg);                    
                }
                else
                {
                    processShowForgotSuccess(email);
                }
                
                setTimeout(() => {
                    cmd.disabled = "";
                }, 500);
                
            });
    }


</script>
    <script src="/framework/falcon/vendors/popper/popper.min.js"></script>
<script src="/framework/falcon/vendors/bootstrap/bootstrap.min.js"></script>
<script src="/framework/falcon/vendors/anchorjs/anchor.min.js"></script>
<script src="/framework/falcon/vendors/is/is.min.js"></script>
<script src="/framework/falcon/vendors/echarts/echarts.min.js"></script>
<script src="/framework/falcon/vendors/fontawesome/all.min.js"></script>
<script src="/framework/falcon/vendors/lodash/lodash.min.js"></script>
<script src="/framework/falcon/vendors/list.js/list.min.js"></script>
<script src="/framework/falcon/assets/js/theme.js"></script>
<script src="https://cdn.jsdelivr.net/npm/swiper@8/swiper-bundle.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/validator/13.7.0/validator.min.js"></script>
<script src="/framework/js/main.js?t=15"></script>    <script>
        $(document).ready(function() {
            $('#headerNavBtn').on('click', function(e) {
                var location = $(this).data('location');
                $.ajax({
                    url: '/ajax_session.php',
                    type: 'POST',
                    data: {
                        action: 'loghomebutton',
                        location: location
                    },
                    async: true
                });
            });
        });
    </script>
    
<script>
            var isGDPR = true;
    </script>

    <!-- Cookie Consent -->
    <div id="cookie-consent" class="cookie-wrapper">
        <div class="container">
            <div class="row">
                <div class="col-12 col-sm-12 col-md-8">
                    <p class="copy">By continuing to browse or by clicking "Accept All Cookies", you agree to the storing of first
                        and third-party cookies on your device to enhance site navigation, analyze site usage, and assist in our
                        marketing efforts. <br />
                        <a href="">Privacy Policy</a>
                    </p>
                </div>
                <div class="col-12 col-sm-12 col-md-4">
                    <div class="cookie-options">
                        <a id="cookie-settings" class="cookie-settings btn" href="#">Cookie Settings</a>
                        <a class="accept-all btn" href="#"><i class="fas fa-check mr-10"></i> Accept All Cookies</a>
                    </div>
                </div>
            </div>
        </div>
        <div class="close-btn wrapper">
            <a class="close btn" href="#" onclick="closeConsent();return false;"><i class="far fa-times-circle"></i></a>
        </div>
        <script>
            function closeConsent() {
                document.getElementById("cookie-consent").style.visibility = "hidden";
            }
        </script>
    </div>

<div class="modal fade" id="modal-cookie" tabindex="-1" role="dialog" aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered" role="document" style="max-width: 700px">
        <div class="modal-content position-relative">
            <div class="position-absolute top-0 end-0 mt-2 me-2 z-index-1">
                <button class="btn-close btn btn-sm btn-circle d-flex flex-center transition-base" data-bs-dismiss="modal" aria-label="Close"></button>
            </div>
            <div class="modal-body p-4">
                <h4>Your Cookie Settings</h4>
                <div class="ms-3">
                    <p>Cookies are very small text files that are stored on your computer when you visit some websites.</p>
                    <p>We use cookies to make our website easier for you to use. You can remove any cookies already stored on your computer, but these may prevent you from using parts of our website.</p>
                </div>
                <h4>Select Your Cookie Level</h4>
                <div class="d-flex flex-row flex-fill">
                    <button class="w-50 me-2 btn btn-primary cookies-necessary">Necessary and Functional</button>
                    <button class="w-50 ms-2 btn btn-primary cookies-all">Convenience and Performance</button>
                </div>
                <hr />
                <div class="d-flex flex-row w-100 ms-2 me-2 position-relative">

                    <div class="rounded-3 bg-200 p-2 float-start" style="height:125px;min-width:125px;">
                        <div class="bg-pssorange align-bottom d-inline-block" style="height: 30%; width:20%;">&nbsp;</div>
                        <div class="bg-pssorange align-bottom d-inline-block" style="height: 55%; width:20%;">&nbsp;</div>
                        <div class="bg-pssorange align-bottom d-inline-block activated" style="height: 77%; width:20%;" class="activated">&nbsp;</div>
                        <div class="bg-pssorange align-bottom d-inline-block activated" style="height: 100%; width:20%;" class="activated">&nbsp;</div>
                    </div>
                    <div class="w-auto">
                        <ul>
                            <li>Remember your session</li>
                            <li>Remember what is in your shopping basket</li>
                            <li>Remember how far you are through an order</li>
                            <li>Make sure you're secure when logged in to the website</li>

                            <li class="activated">Remember your log-in details</li>
                            <li class="activated">Monitor how you travel through the website</li>
                            <li class="activated">Remember who directed you to this site</li>
                            <li class="activated">Send information to other websites so that advertising is more relevant to you</li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
</body>

</html>