
<!DOCTYPE html>
<html class="wide wow-animation" lang="en">
	<head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="mobile-web-app-capable" content="yes">  
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="format-detection" content="telephone=no"> 
    <meta charset="utf-8"> 
  
    <meta name="description"              content=". " />
      
    <meta property="og:image"             content="https://api.urlbox.io/v1/7W1lTNRVUSbPax2V/cebbd2dff1f17cfceac96578f1c89d30afac0d21/webp?url=https%3A%2F%2Fsfg.legal&delay=1250&width=1200&height=630&quality=92&user%5Fagent=urlbox&hide%5Fselector=.swal2%2Dcontainer%2C.wm%2Drobot%2Dwrapper%2C%23oSidebar" />
    <meta property="og:image:width"       content="1200" />
    <meta property="og:image:height"      content="630" />
    <meta property="og:image:type"        content="image/webp" />

    <meta name="thumbnail"                content="https://api.urlbox.io/v1/7W1lTNRVUSbPax2V/611c296bff8a049b175d198090d81d7d7e5b2ef5/webp?url=https%3A%2F%2Fsfg.legal&width=1000&height=1000&quality=95&user%5Fagent=urlbox" />    
    <PageMap>
      <DataObject type="thumbnail">
        <Attribute name="src" value="https://api.urlbox.io/v1/7W1lTNRVUSbPax2V/611c296bff8a049b175d198090d81d7d7e5b2ef5/webp?url=https%3A%2F%2Fsfg.legal&width=1000&height=1000&quality=95&user%5Fagent=urlbox"/>
        <Attribute name="width" value="1000" />
        <Attribute name="height" value="1000" />
      </DataObject>
    </PageMap>    

    <meta property="og:title"             content="Paralegal Near Me " /> 
    <meta property="og:description"       content=". " />
    <meta property="og:type"              content="website" />
    <meta property="og:url"               content="https://sfg.legal/iframes/ernie.asp" />
    <meta property="og:site_name"         content="sfg.legal" />
    <meta property="og:locale"            content="en_CA" />
    <meta name="robots"                   content="index,follow" />
    <meta name="googlebot"                content="index,follow" />
    <meta name="rating"                   content="general" />
    <meta name="generator"                content="Proprietary Web-Application by WebMarket Consultants Incorporated | Marketing.Legal™" />
    <meta name="google-site-verification" content="-qr-PKf25WGZnEdjcuEwdrbYOK_GldbRdjO8hMmdGz4" />  
    <title>Paralegal Near Me | SFG Paralegal Services LLP</title>
    <link rel="icon" type="image/png" href="/files/AMMURW31413H4YW/images/favicon.png" />
     
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.1/dist/css/bootstrap.min.css" integrity="sha384-zCbKRCUGaJDkqS1kPbPd7TveP5iyJE0EjAuZQTgFLD2ylzuqKfdKlfG/eSrtxUkn" crossorigin="anonymous" />
    <link rel="stylesheet" href="/css/style-min.css" />
    <link rel="stylesheet" href="/css/select2.css" />
    <link rel="stylesheet" href="/millenium/assets/css/millenium.css" /><!-- // Likely 90% redundant or unused, minor nuances, take care before removing majority-->
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/sweetalert2@11/dist/sweetalert2.min.css" />

    <link rel="stylesheet" href="/css/slick-slider.css" />
       
    <link rel="stylesheet" href="/css/floating-labels.css" />
    <style>
/* CSS by Steve McEachern for Success.Legal Corporation, WebMarket Consultants Incorporated o/a Marketing.Legal */
 @font-face   { font-family:'Futura Md BT'; font-style:normal; font-weight:400;
                src:local('Futura Md BT'), url('https://fonts.cdnfonts.com/s/14894/futuram.woff') format('woff'); }
*     { font-display:swap; }
body { overflow-x:hidden !important; }
.slick-list { overflow:hidden !important; }
.slick-slider, .slick-list { max-width:100% !important; }
.slick-track { will-change:transform; }
.slick-slider-splash        { max-width:90vw !important; }
.slick-slider-splash > div  { max-width:90% !important; }

.drop-shadow-sm   { filter:drop-shadow(0 0.125rem 0.25rem rgba(0,0,0,.075)); }
.drop-shadow      { filter:drop-shadow(0 0.500rem 1.00rem rgba(255,0,255,.150)); }
.drop-shadow-lg   { filter:drop-shadow(0 1.000rem 2.00rem rgba(0,0,0,.250)); }
.drop-shadow-none { filter:none; }

.btn { box-sizing:border-box !important; }

.hue-rotate     { filter:hue-rotate(calc(var(--hue,0)*1deg)); }
.hue-rotate > * { filter:hue-rotate(calc(var(--hue,0)*-1deg)); }


#oHeaderCallNow             { transform:scale(1.1); transform-origin:right center; }

.navbar-tier-1.navbar-tier-1-tight ~ span.rd-navbar-submenu-toggle 
                            { width:14px; margin-right:-0.4em; }

:root {
	--bg-img:linear-gradient( var(--primary-alpha2),var(--primary-alpha2)), url('/files/BMCRTW35415Q5TK/images/backgrounds/bg-card.jpg');
  --font-default:'Open Sans';
  --input-accent:var(--primary-light);
  --input-cursor:var(--gray-dark);
}
@media (min-width:992px) {
  .rd-navbar-inner, .rd-navbar-top-panel  { max-width:89.25vw !important; margin-left:2vw; margin-right:4vw; }
  .rd-navbar-megamenu                     { max-width:89.25vw !important; }
  ul.rd-navbar-dropdown                   { min-width:275px !important; }
}
.dropdown-menu { display:block; border-radius:6px; max-height:0; opacity:0; overflow: hidden; transition: max-height 667ms ease, opacity 250ms ease; }
.dropdown-menu.show { max-height:80vh; opacity:1; }

.pull-right { float:right; }
.pull-left  { float:left; }
.img-25, .obj-25 { width:25.00% !important; min-width:25.00% !important; max-width:25.00% !important; }
.img-30, .obj-30 { width:30.00% !important; min-width:30.00% !important; max-width:30.00% !important; }
.img-33, .obj-33 { width:33.33% !important; min-width:33.33% !important; max-width:33.33% !important; }
.img-40, .obj-40 { width:40.00% !important; min-width:40.00% !important; max-width:40.00% !important; }
.img-50, .obj-50 { width:50.00% !important; min-width:50.00% !important; max-width:50.00% !important; }

.select2-container--bootstrap .select2-selection  { background-color:#FFF; border-color:#ECECEC; }
.select2-container--bootstrap .select2-selection--single .select2-selection__arrow b:before {
	position:absolute; top:50%; transform:translateY(-50%); right:-4px;	content:'\f078'; color:#000; font:400 12px/1 "Font Awesome 6 Pro"; opacity:.8; }

.img-backlight  { overflow:visible; filter:drop-shadow(0 0 4px rgba(255,255,255,.2)) drop-shadow(0 0 8px rgba(255,255,255,.2)) drop-shadow(0 0 16px rgba(255,255,255,.2)); }


.fg-light .unit                                   { background-color: #FFFFFF10; }
.fg-light .unit:hover                             { background-color: #FFFFFF20; }
.fg-light .unit :is(h1,h2,h3,h4,h5,h6,p)          { color: #FFFFFF; }
/* Keep buttons unchanged */
.fg-light .unit .btn, .fg-light .unit .btn *      { color:inherit; }
.fg-light .unit .btn                              { padding:.67em 1em; transform:scale(1.125); transform-origin:left 80%; }

/* Button overlay gradient */
a.btn, button.btn, span.btn                       { position:relative; overflow:hidden; }
a.btn:before, button.btn:before, span.btn:before  { content:""; position:absolute; inset:0; background:linear-gradient(to bottom,#FFFFFF1C 33%,#0000001C 100%);
                                                    pointer-events:none; z-index:1; }
a.btn > *, button.btn > *, span.btn > *           { position:relative; z-index:2; }

/* BUTTON HOVER SHEEN */
.fg-light a:has(.unit-gateway) {
  position:relative; /* anchor for ::after */
  overflow:hidden;  /* THIS is what crops the sheen */
}
.fg-light  .unit-gateway {   border:1px solid transparent; }
.fg-light  .unit-gateway:hover { border:1px solid #FFF3; }
.fg-light a:has(.unit-gateway):hover::after,
.fg-light a:has(.unit-gateway):focus-visible::after { left:-5px !important; opacity:.5;}
.btn:not(.dropdown-toggle):hover::after,
.btn:not(.dropdown-toggle):focus-visible::after,
.fg-light a:has(.unit-gateway):hover::after,
.fg-light a:has(.unit-gateway):focus-visible::after {
  content: "";
  border-radius:inherit !important;
  position:absolute; inset:0; z-index:2; pointer-events:none;
  background: linear-gradient( 120deg, transparent 0%, transparent 33%, rgba(255,255,255,0.20) 50%, transparent 67%, transparent 100% );
  background-repeat:no-repeat; background-size:167% 100%; overflow:hidden;
  /* IMPORTANT: set a deterministic starting point while hovered */
  background-position:160% 0; opacity:1;
  animation:btnSheen 750ms ease-out 1; animation-fill-mode:both; /* apply 0% immediately, keep 100% at end */ }
@keyframes btnSheen {
  0%   { background-position: 160% 0; opacity:1; }
  99%  { background-position:-160% 0; opacity:1; }
  100% { background-position:-160% 0; opacity:0; } /* vanish and STAY vanished */
}

.btn-xl                           { padding:.8rem 1.67rem; line-height:1.25; font-size:1.25rem; font-weight:bold; text-transform:uppercase; border-radius:.3rem; }
.no-interact, .interact-none      { pointer-events:none; }

ul > li > ul > li.rd-navbar--has-dropdown.rd-navbar-submenu > span { display:none; }

input,
textarea,
select,
progress,
[type="checkbox"],
[type="radio"],
[type="range"]                    { accent-color: var(--input-accent) !important; caret-color: var(--input-cursor) !important; }

.fa-duotone-colored               { --fa-primary-opacity:1.0; --fa-secondary-opacity:1.0; }
.fa-duotone-success               { --fa-secondary-color:var(--success); }
.fa-duotone-success-light         { --fa-secondary-color:var(--success-light); }
.fa-duotone-danger                { --fa-secondary-color:var(--danger); }

.font-default, .text-default      { font-family:var(--font-default); } 
.wm-accessibility-reduce-motion *, .wm-accessibility-reduce-motion *:before, .wm-accessibility-reduce-motion *:after 
                                  { transition:all 2s ease !important } 

.z-index-2                        { z-index:2; } 
.form-control-append, .form-control-prepend             { min-height:3.125rem; max-height:3.125rem; }                                          


.bg-gradient-primary              { background-image:linear-gradient(var(--gradient-angle, 180deg), var(--primary-light), var(--primary-dark)); }
.bg-gradient-secondary            { background-image:linear-gradient(var(--gradient-angle, 180deg), var(--secondary-light), var(--secondary-dark)); }
.bg-gradient-accent1              { background-image:linear-gradient(var(--gradient-angle, 180deg), var(--accent1-light), var(--accent1-dark)); }
.bg-gradient-accent2              { background-image:linear-gradient(var(--gradient-angle, 180deg), var(--accent2-light), var(--accent2-dark)); }
.bg-gradient-info                 { background-image:linear-gradient(var(--gradient-angle, 180deg), var(--info-light), var(--info-dark)); }
.bg-gradient-success              { background-image:linear-gradient(var(--gradient-angle, 180deg), var(--success-light), var(--success-dark)); }
.bg-gradient-warning              { background-image:linear-gradient(var(--gradient-angle, 180deg), var(--warning-light), var(--warning-dark)); }
.bg-gradient-danger               { background-image:linear-gradient(var(--gradient-angle, 180deg), var(--danger-light), var(--danger-dark)); }
.bg-gradient-gray                 { background-image:linear-gradient(var(--gradient-angle, 180deg), var(--gray-light), var(--gray-dark)); }
.bg-gradient-primary-secondary    { background-image:linear-gradient(var(--gradient-angle, 180deg), var(--primary), var(--secondary)); }

.gradient-angle-0                 { --gradient-angle:0deg; }
.gradient-angle-45                { --gradient-angle:45deg; }
.gradient-angle-90                { --gradient-angle:90deg; }
.gradient-angle-135               { --gradient-angle:135deg; }
.gradient-angle-180               { --gradient-angle:180deg; } 
.gradient-angle-225               { --gradient-angle:225deg; }
.gradient-angle-270               { --gradient-angle:270deg; }
.gradient-angle-315               { --gradient-angle:315deg; }

.text-clip                        { -webkit-background-clip:text; -webkit-text-fill-color:transparent; }   

.form-label-group                 { xmargin-bottom:0; }

.absolute-bottom-0  { position:absolute; bottom:0; }

/* FLUID BACKGROUNDS WITHOUT AFFECTING CONTENT */
/* FLUID BACKGROUNDS WITHOUT AFFECTING CONTENT */
[class*="bg-fluid-"] {
  position:relative;
}

[class*="bg-fluid-"]::before {
  content:"";
  position:absolute;
  top:0;
  bottom:0;
  left:50%;
  transform:translateX(-50%);
  width:100vw;
  z-index:0;
  pointer-events:none;
}

[class*="bg-fluid-"] > * {
  position:relative;
  z-index:1;
}
/* PRIMARY */
.bg-fluid-primary::before             { background-color:var(--primary); }
.bg-fluid-primary-light::before       { background-color:var(--primary-light); }
.bg-fluid-primary-dark::before        { background-color:var(--primary-dark); }
.bg-fluid-primary-gradient::before, .bg-fluid-gradient-primary::before
                                      { background-image:linear-gradient(to bottom, var(--primary-light), var(--primary-dark)); }
/* SECONDARY */
.bg-fluid-secondary::before           { background-color:var(--secondary); }
.bg-fluid-secondary-light::before     { background-color:var(--secondary-light); }
.bg-fluid-secondary-dark::before      { background-color:var(--secondary-dark); }
.bg-fluid-secondary-gradient::before, .bg-fluid-gradient-secondary::before 
                                      { background-image:linear-gradient(to bottom, var(--secondary-light), var(--secondary-dark)); }
/* ACCENT1 */
.bg-fluid-accent1::before             { background-color:var(--accent1); }
.bg-fluid-accent1-light::before       { background-color:var(--accent1-light); }
.bg-fluid-accent1-dark::before        { background-color:var(--accent1-dark); }
.bg-fluid-accent1-gradient::before    { background-image:linear-gradient(to bottom, var(--accent1-light), var(--accent1-dark)); }
/* ACCENT2 */
.bg-fluid-accent2::before             { background-color:var(--accent2); }
.bg-fluid-accent2-light::before       { background-color:var(--accent2-light); }
.bg-fluid-accent2-dark::before        { background-color:var(--accent2-dark); }
.bg-fluid-accent2-gradient::before    { background-image:linear-gradient(to bottom, var(--accent2-light), var(--accent2-dark)); }
/* GRAY */
.bg-fluid-gray::before                { background-color:var(--gray); }
.bg-fluid-gray-light::before          { background-color:var(--gray-light); }
.bg-fluid-gray-dark::before           { background-color:var(--gray-dark); }
.bg-fluid-gray-gradient::before       { background-image:linear-gradient(to bottom, var(--gray-light), var(--gray-dark)); }
/* === DARK VARIANTS === */
.bg-fluid-dark::before                { background-color:var(--dark); }
.bg-fluid-dark-light::before          { background-color:var(--dark-light); }
.bg-fluid-dark-dark::before           { background-color:var(--dark-dark); }
.bg-fluid-dark-gradient::before       { background-image:linear-gradient(to bottom, var(--dark-light), var(--dark-dark)); }
/* === LIGHT VARIANTS === */
.bg-fluid-light::before               { background-color:var(--light); }
.bg-fluid-light-light::before         { background-color:var(--light-light); }
.bg-fluid-light-dark::before          { background-color:var(--light-dark); }
.bg-fluid-light-gradient::before      { background-image:linear-gradient(to bottom, var(--light-light), var(--light-dark)); }
/* === FLIP GRADIENTS === */
.bg-fluid-gradient-flip::before       { transform:scaleY(-1); }
/* === OPACITY VARIANTS === */
.bg-fluid-opacity-10::before          { opacity:0.1; }
.bg-fluid-opacity-20::before          { opacity:0.2; }
.bg-fluid-opacity-25::before          { opacity:0.25; }
.bg-fluid-opacity-30::before          { opacity:0.3; }
.bg-fluid-opacity-33::before          { opacity:0.33; }
.bg-fluid-opacity-40::before          { opacity:0.4; }
.bg-fluid-opacity-50::before          { opacity:0.5; }
.bg-fluid-opacity-60::before          { opacity:0.6; }
.bg-fluid-opacity-67::before          { opacity:0.67; }
.bg-fluid-opacity-70::before          { opacity:0.7; }
.bg-fluid-opacity-75::before          { opacity:0.75; }
.bg-fluid-opacity-80::before          { opacity:0.8; }
.bg-fluid-opacity-90::before          { opacity:0.9; }


#oHomePageSplash * .btn-microphone    { border:1px solid var(--light-light) !important; }


.btn-pulse {
  position:relative;
  overflow:visible; /* Ensure effect isn't clipped */
}
.btn-pulse::before {
  content:"";
  position:absolute;
  top:50%;
  left:50%;
  width:100%;
  height:100%;
  border-radius:inherit;
  transform:translate(-50%, -50%) scale(1);
  opacity:0.5;
  animation:pulse 1.5s infinite ease-out;
  z-index:-1;
}
.btn-primary.btn-pulse::before { background:var(--primary); }
.btn-secondary.btn-pulse::before { background:var(--secondary); }
.btn-danger.btn-pulse::before { background:var(--danger); }
.btn-info.btn-pulse::before { background:var(--info); }
.btn-success.btn-pulse::before { background:var(--success); }

@keyframes pulse {
  0% {
      transform:translate(-50%, -50%) scale(1);
      opacity:0.5;
  }
  100% {
      transform:translate(-50%, -50%) scale(1.33);
      opacity:0;
  }
}



div.img-bg-faux {
  position:relative;
  display:inline-block;
}
div.img-bg-faux::before {
  content:"";
  position:absolute;
  background:var(--secondary-dark); /* Your desired background color */
  min-width:100% !important; max-width:100%;
  min-height:100% !important; max-height:100%;
  top:20px; /* Shift 20px up */
  left:20px; /* Shift 20px right */
  z-index:0; /* Place behind the image */
  border-radius:0 40px 0 40px; /* Match the border shape of the image, if any */
  border:0;
}
.img-bg-faux img { position:relative; z-index:3; border-radius:10px; background:white; padding:4px; border:1px solid var(--light);}


@keyframes oscillate-opacity-fa-secondary {
  0%, 100% { --fa-secondary-opacity:0; }
  5% { --fa-secondary-opacity:0.1; }
  10% { --fa-secondary-opacity:0.2; }
  15% { --fa-secondary-opacity:0.3; }
  20% { --fa-secondary-opacity:0.4; }
  25% { --fa-secondary-opacity:0.5; }
  30% { --fa-secondary-opacity:0.6; }
  35% { --fa-secondary-opacity:0.7; }
  40% { --fa-secondary-opacity:0.8; }
  45% { --fa-secondary-opacity:0.9; }
  50% { --fa-secondary-opacity:1; }
  55% { --fa-secondary-opacity:0.9; }
  60% { --fa-secondary-opacity:0.8; }
  65% { --fa-secondary-opacity:0.7; }
  70% { --fa-secondary-opacity:0.6; }
  75% { --fa-secondary-opacity:0.5; }
  80% { --fa-secondary-opacity:0.4; }
  85% { --fa-secondary-opacity:0.3; }
  90% { --fa-secondary-opacity:0.2; }
  95% { --fa-secondary-opacity:0.1; }
}
.wm-opacity-oscillate-fa-secondary {
  animation:oscillate-opacity-fa-secondary 1s infinite;
}

@keyframes box-shadow-pulse {
  0% {
      -webkit-box-shadow:0 0 0 0 rgba(248,147,43,0.3),0 0 0 0 rgba(248,147,43,0.5);
      box-shadow:0 0 0 0 rgba(248,147,43,0.3),0 0 0 0 rgba(248,147,43,0.5)
  }

  50% {
      -webkit-box-shadow:0 0 0 6px rgba(248,147,43,0.3),0 0 0 3px rgba(248,147,43,0.5);
      box-shadow:0 0 0 6px rgba(248,147,43,0.3),0 0 0 3px rgba(248,147,43,0.5)
  }

  100% {
      -webkit-box-shadow:0 0 0 10px transparent, 0 0 0 8px transparent;
      box-shadow:0 0 0 10px transparent, 0 0 0 8px transparent
  }
}
.wm-box-shadow-pulse {
  animation:box-shadow-pulse 2s infinite linear;
}


/* Base class ensures flex behavior */
.wm-align {
  display:flex;
  flex-direction:column;
  height:100%;
}

/* Push content to the bottom */
.wm-align-bottom {
  margin-top:auto;
}

/* Center content vertically */
.wm-align-middle {
  justify-content:center;
}

html                        { scroll-behavior:smooth; }

#sHTML_div *                { filter:grayscale(0); }              

a, a:hover                  { color:inherit; }
a.wm-anchor                 { display:block; position:relative; top:-95px; visibility:hidden; }
.all-white .shadow-sm       { box-shadow:none !important; }

.font-corporate             { font-family:'Futura Md BT', sans-serif; font-weight:600; letter-spacing:.15em; text-transform:uppercase; }
.font-corporate >.text-smaller        
                            { letter-spacing:.1333em; }
.custom-control-label::after, .custom-control-label::before  
                            { top:0rem; left:-.5rem; z-index:+1; }

.card-custom > div > h5     { line-height:1.0em !important; }    
h5 > span                   { display:inline; }       
h1 span:not(:last-child), h2 span:not(:last-child), h3 span:not(:last-child), h4 span:not(:last-child), h5 span:not(:last-child), h6 span:not(:last-child), .heading-1 span:not(:last-child), .heading-2 span:not(:last-child), .heading-3 span:not(:last-child), .heading-4 span:not(:last-child), .heading-5 span:not(:last-child), .heading-6 span:not(:last-child) {
                              margin-right:0; 
                            }
.wm-text-spotlight, .text-spotlight 
                            { font-weight:bolder; filter:saturate(.75); }

.fancybox-slide--iframe .fancybox-content {
  width:87.5vw !important;
  height:85vh !important;
  mxax-width:80%;
  mxax-height:80%;
  margin:0;
}
.fancybox-content {
  border-radius:5px !important;
  overflow:hidden;
}
iframe { border-radius:inherit; }

.table thead                { background:var(--primary-alpha4); }
.table thead th             { color:white; font-weight:600; }


.btn-lg                     { padding:.775em .8em; }
.btn-facebook               { background:var(--blue-facebook); }
.btn-facebook:hover         { background:var(--blue-facebook-dark); }
.btn-primary-light          { background:var(--primary-light); }
.btn-primary-light:hover    { background:var(--primary); }
.btn-secondary-light        { background:var(--primary-light); }
.btn-secondary-light:hover  { background:var(--primary); }

.wm-disable-interactive:before {
  content:'';
  position:absolute;
  top:0; left:0; width:100%; height:100%; z-index:+1;
  background-color:transparent;
  opacity:.75
}
.wm-interactive-lift {
  position:relative; z-index:+2;
}

.has-bg-img         { background-size:cover; background-position:center; }
.is-bg-img          { display:none; }



/* The snackbar - position it at the bottom and in the middle of the screen */
#oSnackbar {
  visibility:hidden; /* Hidden by default. Visible on click */
  min-width:50vw; /* Set a default minimum width */
  margin-left:-25vw; /* Divide value of min-width by 2 */
  background-color:var(--primary-dark); /* Background color */
  font-size:1.5em;
  color:#fff; /* White text color */
  text-align:center; /* Centered text */
  border-radius:2px; /* Rounded borders */
  padding:16px; /* Padding */
  position:fixed; /* Sit on top of the screen */
  z-index:1; /* Add a z-index if needed */
  left:50%; /* Center the snackbar */
  bottom:30px; /* 30px from the bottom */
}

/* Show the snackbar when clicking on a button (class added with JavaScript) */
#oSnackbar.show {
  visibility:visible; /* Show the snackbar */
  /* Add animation:Take 0.5 seconds to fade in and out the snackbar.
  However, delay the fade out process for 2.5 seconds */
  -webkit-animation:fadein 0.5s, fadeout 0.5s 4.5s;
  animation:fadein 0.5s, fadeout 0.5s 4.5s;
}

/* Animations to fade the snackbar in and out */
@-webkit-keyframes fadein {
  from {bottom:0; opacity:0;}
  to {bottom:30px; opacity:1;}
}

@keyframes fadein {
  from {bottom:0; opacity:0;}
  to {bottom:30px; opacity:1;}
}

@-webkit-keyframes fadeout {
  from {bottom:30px; opacity:1;}
  to {bottom:0; opacity:0;}
}

@keyframes fadeout {
  from {bottom:30px; opacity:1;}
  to {bottom:0; opacity:0;}
}
/* End snackbar */



/* TIMELINE START */
.wm-timeline {
  position:relative;
  max-width:1200px;
  margin:0 auto;
}

.wm-timeline-container > div > h5         { border-radius:5px; padding-top:.25em; padding-bottom:.25em; }
.wm-timeline-container > div > p          { font-size:1em; margin-top:1em; }

/* The actual timeline (the vertical ruler) */
.wm-timeline::after {
  content:'';
  position:absolute;
  width:6px;
  background-color:var(--primary);
  top:0;
  bottom:0;
  left:50%;
  margin-left:-3px;
}

/* Container around content */
.wm-timeline-container {
  padding:10px 40px;
  position:relative;
  background-color:inherit;
  width:50%;
}

/* The circles on the timeline */
.wm-timeline-container::after {
  content:'';
  position:absolute;
  width:26px;
  height:26px;
  right:-13px;
  background-color:white;
  border:4px solid var(--primary);
  top:15px;
  border-radius:50%;
  z-index:1;
}

/* Place the container to the left */
.wm-timeline-left {
  left:0;
}

/* Place the container to the right */
.wm-timeline-right {
  left:50%;
}

/* Add arrows to the left container (pointing right) */
.wm-timeline-left::before {
  content:" ";
  height:0;
  position:absolute;
  top:20px;
  width:0;
  z-index:1;
  right:30px;
  border:medium solid var(--gray-alpha1);
  border-width:10px 0 10px 10px;
  border-color:transparent transparent transparent var(--gray-alpha1);
}

/* Add arrows to the right container (pointing left) */
.wm-timeline-right::before {
  content:" ";
  height:0;
  position:absolute;
  top:20px;
  width:0;
  z-index:1;
  left:30px;
  border:medium solid  var(--gray-alpha1);
  border-width:10px 10px 10px 0;
  border-color:transparent var(--gray-alpha1); transparent transparent;
}

/* Fix the circle for containers on the right side */
.wm-timeline-right::after {
  left:-13px;
}

/* The actual content */
.wm-timeline-content {
  padding:20px 30px;
  background-color:var(--gray-alpha1);
  position:relative;
  border-radius:6px;
}

.wm-timeline-content h5 {
  background:var(--primary);
  color:#FFF;
  padding-left:.67em;
  padding-right:.67em;
}

/* Media queries - Responsive timeline on screens less than 600px wide */
@media screen and (max-width:600px) {
/* Place the timelime to the left */
  .wm-timeline-timeline::after {
    left:31px;
  }

/* Full-width containers */
  .wm-timeline-container {
    width:100%;
    padding-left:70px;
    padding-right:25px;
  }

/* Make sure that all arrows are pointing leftwards */
  .wm-timeline-container::before {
    left:60px;
    border:medium solid white;
    border-width:10px 10px 10px 0;
    border-color:transparent white transparent transparent;
  }

/* Make sure all circles are at the same spot */
  .wm-timeline-left::after, .wm-timeline-right::after {
    left:15px;
  }

/* Make all right containers behave like the left ones */
  .wm-timeline-right {
    left:0%;
  }
}
/* TIMELINE END */


.bg-gradient-scroll {
	background:linear-gradient( -45deg, var(--primary-dark), var(--secondary-dark), var(--primary), var(--info-dark) );
	background-size:400% 400%;
	animation:gradient 15s ease infinite;
}
@keyframes gradient {
	0% {
		background-position:0% 50%;
	}
	50% {
		background-position:100% 50%;
	}
	100% {
		background-position:0% 50%;
	}
}  

h4 + p, h4 + ol, h4 + ul,
h5 + p, h5 + ol, h5 + ul,
h6 + p, h6 + ol, h6 + ul  { margin-top:.75em; }
p, p + p                  { margin-top:.75em; line-height:1.5em; }
h5 + h6, h4 + h6 {
  margin-top:1em;
}


h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 
                          { line-height:1.5em; }

h5.text-accent2,.h5.text-accent2, h6.text-accent2,.h6.text-accent2, h4 span.text-accent2, h5 span.text-accent2, h6 span.text-accent2
                          { color:var(--primary) !important; } 
                          
article * .font-weight-900  { font-weight:bold; }                          

input[type="file"]        { height:3.33em; }

.aside-link-item          { transition:all 0.2s ease; }
.aside-link-item:hover    { background:var(--light-alpha2); }


/* Fixes issue of secondary color not correct with toggle buttons */
.btn-secondary:not(:disabled):not(.disabled).active, 
.btn-secondary:not(:disabled):not(.disabled):active, 
.show>.btn-secondary.dropdown-toggle
                          { background-color:var(--secondary); }


.btn-arrow-right    { position:relative; }
.btn-arrow-right svg {
  z-index:0;
  fill:var(--primary);
  stroke:var(--primary);
  display:block !important;
  position:absolute;
  width:30px;
  top:0;
  right:-29.33px;
}

.btn-arrow-right.bg-primary-light svg {
  fill:var(--primary-light);
  stroke:var(--primary-light);
}

.img-thumbnail, .wm-accordion     { border:1px solid #ECECEC; border-radius:.25rem; max-width:100%; height:auto; }
.input-group label                { z-index:5; }
.input-group-border               { border:1px solid #ECECF3; }  





/* ACCORDION TABS SMALL TEXT */
.wm-accordion [data-toggle="collapse"] small        
                                  { margin-top:-.133em; margin-bottom:-.25em; color:var(--gray); font-family:var(--font-default); text-transform:none; }

.wm-accordion                     { background:#FFF !important; }
.wm-accordion .card-custom        { padding-top:0; padding-bottom:0; }
.wm-accordion .card-custom [role="tab"]
                                  { background:transparent; }
.wm-accordion .card-custom-title  { font-family:var(--font-default); }
.wm-accordion-clean .card-custom .card-custom-title > a.collapse
                                  { xfont-weight:600; }
.wm-accordion-clean .card-custom .card-custom-title > a.collapsed
                                  { background:transparent; 
                                    color:var(--gray); xfont-weight:600; } 
.wm-accordion-clean .card-custom .card-custom-title > a.collapsed:hover
                                  { color:var(--primary-dark); }                                            
.wm-accordion-clean .card-custom > .wm-accordion-clean-card-content
                                  { padding-top:1em; padding-bottom:1em; }   
                                  #accordionACollapse1 > p
.wm-accordion-clean .card-custom > .wm-accordion-clean-card-content > p + p
                                  { margin-top:0; } 
.wm-accordion-clean > .card-custom .card-custom-title > a.collapsed:before 
                                  { content:'\f067'; transform:translateY(-50% ) rotate(180deg); }                                  

.wm-accordion-clean > .card-custom .card-custom-title > a:before 
                                  { content:'\f068'; transform:translateY(-50% ) rotate(0deg); transition:0.35s all ease-in-out;
                                    font:400 24px/24px 'Font Awesome 6 Pro'; color:var(--primary);
                                    position:absolute; top:50%; right:0.75em; } 
.wm-accordion-fix-2022 > .card-custom .card-custom-title > a:before
                                  { right:0; }

.container                        { width:100%; padding-right:15px;	padding-left:15px; margin-right:auto; margin-left:auto; }
@media (min-width:576px) {
	.container                      { max-width:540px; }
}
@media (min-width:768px) {
	.container                      { max-width:720px; }
}
@media (min-width:992px) {
	.container                      { max-width:960px; }
}
@media (min-width:1200px) {
	.container                      { max-width:1200px; }
}
@media (min-width:1400px) {
	.container                      { max-width:1400px; }
}
.container-fluid                  { width:100%; padding-right:15px;	padding-left:15px; margin-right:auto;	margin-left:auto; }


/* Bootstrap form field focus effect... work into all form fields?
.form-control:focus{border-color:#5cb85c;  box-shadow:none; -webkit-box-shadow:none;} 
.has-error .form-control:focus{box-shadow:none; -webkit-box-shadow:none;} */
/* End Bootstrap CDN Overrides - Might be items below, predate 2020-04-27 */

.bg-readonly,
.form-control:disabled, .form-control[readonly] {
  background:#E9E9E9;
  border-color:#E9E9E9;
}

.cursor-pointer                   { cursor:pointer; }

/* Ace Editor */
.ace_content *                    { font-family:'Monaco', 'Menlo', 'Ubuntu Mono', 'Consolas', 'source-code-pro', monospace; }

/* Bootstrap TagsInput Overrides - https://bootstrap-tagsinput.github.io/bootstrap-tagsinput/examples/ */
.bootstrap-tagsinput              { background:#FFF !important; border:1px solid #ECECEC; width:100%; padding-top:1.133em; min-height:50px; }
.bootstrap-tagsinput > .tag.badge { border:0 !important; margin-bottom:0 !important; }
.bootstrap-tagsinput input        { padding-top:0 !important; font-size:1.25rem; height:1.5rem; }
.bootstrap-tagsinput .tag         { border-radius:5px; background:var(--info-light); color:#FFF; margin-top:0.5em; }
.bootstrap-tagsinput > span:nth-child(1) > span
                                  { }  
/* Tags Input */
input.ui-sortable-handle          { position:relative; top:.3em; height:1.2em !important; }                                                        

/* Datatables Overrides - https://datatables.net/ */
.dataTables_length                { display:none !important; }
.table th                         { font-size:.875em; }
table.dataTable thead .sorting    { background-image:url(/images/sort_both.png); }
table.dataTable thead .sorting_asc {
                                    background-image:url(/images/sort_asc.png); }
table.dataTable thead .sorting_desc {
                                    background-image:url(/images/sort_desc.png); }
table.dataTable thead th span, table.dataTable tfoot th span {
                                      font-weight:normal !important; }                                    

/* Drag and Drop */
.select2-selection__choice__remove { color:var(--danger); }
.select2-selection.select2-selection--multiple
                                  { border:1px solid #ECECEC !important; }
ul.select2-selection__rendered.ui-sortable > li
                                  { xbackground:var(--light) !important; font-size:0.875em !important; font-weight:600;  }
span.select2-selection__choice__remove
                                  { color:var(--danger) !important; margin:4px; margin-right:.67em !important; padding:0 5px; border:1px solid var(--danger); border-radius:3px; background:var(--danger-alpha1); }                                  
.draganddrop-handle, .select2-selection__choice.ui-sortable-handle              
                                  { cursor:move !important; }
.draganddrop-handle-table-row::before     
                                  { font-size:3em; color:var(--primary); border:1px solid #0003; border-radius:4px; background:#FFF9; padding:.167em .67em;  
                                    position:absolute; display:block; top:50%; left:50%; transform:translate(-50%,-58.75%); }
.drag-table-row                   { background:var(--info-alpha1) !important;}  

/* Font Awesome Customizations */
.fab                              { font-family:'Font Awesome 6 Brands' !important; font-weight:400; }
.fad                              { font-family:'Font Awesome 6 Duotone' !important; font-weight:900; }
.fal                              { font-family:'Font Awesome 6 Pro' !important; font-weight:300; }
.far                              { font-family:'Font Awesome 6 Pro' !important; font-weight:400; }
.fas                              { font-family:'Font Awesome 6 Pro' !important; font-weight:900; }
.fa-xlg                           { transform:scale(1.5); }

.fac-data[data-content]           { line-height:0 !important; text-align:center; width:1.25em; }
.fac-data[data-content]::before   { left:50%; transform:translateX(-50%); }
.fac-data[data-content]::before   { content:attr(data-content) !important; --fa-primary-opacity:1.0 !important; --fa-primary-color:#FFF; z-index:1; font-family:'Open Sans';  }
.fac-data[data-content]::after    { font-size:1.5em !important; position:relative; left:-.09em; vertical-align:-.15em;
                                    --fa-secondary-opacity:1.0 !important; --fa-secondary-color:var(--primary); font-weight:900; }
.fac-inverse::before              { --fa-primary-color:var(--primary); }
.fac-inverse::after               { --fa-secondary-color:#FFF; }
.fac-circle::after                { content:'\f111' !important; }
.fac-square::after                { content:'\f0c8' !important; left:-.025em !important; }

.fac-stroke-white::after          { text-shadow:-1px -1px 0 #FFF, 1px -1px 0 #FFF, -1px 1px 0 #FFF, 1px 1px 0 #FFF; -webkit-text-stroke:1px white; stroke:1px white; }
.fac-stroke-black::after          { text-shadow:-1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; -webkit-text-stroke:1px black; stroke:1px black; }
.fac-stroke-primary::after        { text-shadow:-1px -1px 0 var(--primary), 1px -1px 0 var(--primary), -1px 1px 0 var(--primary), 1px 1px 0 var(--primary); -webkit-text-stroke:1px var(--primary); stroke:1px var(--primary); }

.line-height-normal               { line-height:1.15em; }
.line-height-50                   { line-height:0.50em; }
.line-height-67                   { line-height:0.67em; }
.line-height-75                   { line-height:0.75em; }
.line-height-80                   { line-height:0.80em; }
.line-height-100                  { line-height:1.00em; }
.line-height-115                  { line-height:1.15em; }
.line-height-125                  { line-height:1.25em; }
.line-height-133                  { line-height:1.33em; }
.line-height-150                  { line-height:1.50em; }
.line-height-167                  { line-height:1.67em; }
.line-height-175                  { line-height:1.75em; }
.line-height-200                  { line-height:2.00em; }


 article * a:hover                { color:var(--primary-dark); }
 aside.col-aside h6, .hover-bg-light, .rdc-table_date
                                  { transition:all .2s; }
 aside.col-aside h6:hover, .hover-bg-light:hover
                                  { background:var(--light-alpha3); border-radius:5px; }
.d-hide                           { position:absolute; top:-20000px; left:-20000px; }
.hidden                           { display:none; /* relied on by fancybox-morphing */ }  
.logo-footer * img                { max-height:1.33em; }
.rd-navbar-static .rd-navbar-top-panel::before, .rd-navbar-sidebar .rd-navbar-top-panel::before, .rd-navbar-top-panel__content
                                  { background:#FFF; }
.rd-navbar-static.rd-navbar--is-stuck.rd-navbar_modern .rd-navbar-brand img, .rd-navbar-static.rd-navbar--is-clone.rd-navbar_modern .rd-navbar-brand img 
                                  { max-height:54px; }

#oBreadcrumbsTitleBar *           { color:#FFF; font-size:1.0em; }

.btn.bg-facebook                  { background:var(--blue-facebook); border:1px solid #4366AC; }
.btn.bg-facebook:hover            { background:#334C86; }
.btn-link-breadcrumb, .breadcrumb-slash
                                  { filter:opacity(.80); }
.btn-link-breadcrumb:hover        { filter:opacity(1.0); }

.dropdown-item.bg-dark:focus, .dropdown-item.bg-dark:hover {
                                    background-color:#1C1C1C !important; }

.popover                          { z-index:99993 !important; border-radius:.33rem; }
.popover-header                   {  color:#FFF !important; text-transform:none !important; font-size:.933em; font-weight:600 !important; 
                                     margin:10px !important; padding-bottom:.5rem !important; background:var(--bg-wm-sidebar) !important; border-radius:.25rem; }
.popover-body                     {  color:var(--default) !important; font-size:.875em; font-weight:400 !important; margin:10px !important; margin-top:0 !important; padding-top:0 !important }

.wm-robot                         { width:60px; transform:scale(1.5); }                                   
.wm-robot-wrapper                 { color:#FFF; position:fixed; left:30px; bottom:30px; z-index:1001; }

.wm-backline                      { margin-top:1.25em; margin-bottom:2.25em; }
.wm-backline::after {
  content:'';
  display:block;
  flex:1 1 auto;
  min-width:calc(5.25rem * 0.5);
  height:2px;
  background-color:rgba(128,128,128,.5);
  margin-top:-.825em;
}
.wm-snippet-question              { font-size:1rem; font-weight:400; font-family:'open sans'; line-height:1.5; margin:0; }

.bg-page                          { background:var(--page); }
.bg-form                          { background:#80808010; }
.navbar-tier-1                    { text-align:left; }

.tab-content                      { border-top:0; }
.text-brand                       { font-family:'FuturaLT','Open Sans' !important; letter-spacing:.20em; } 
.text-bolder, .font-bolder, .font-weight-bolder     { font-weight:bolder; }
.text-lighter, .font-lighter, .font-weight-lighter  { font-weight:lighter; }
.text-background-clip             { background-clip:text; -webkit-background-clip:text; 
                                    color:transparent; -webkit-text-fill-color:transparent; }
.text-fill-transparent            { color:transparent; -webkit-text-fill-color:transparent; }
.text-gradient                    { background:-webkit-linear-gradient( -120deg,var(--primary-light),var(--primary-dark));
                                    background:linear-gradient( -120deg,var(--primary-light),var(--primary-dark)); }
.text-larger, .font-larger        { font-size:larger; }
.text-larger-extra                { font-size:167%; }
.text-normal, .font-normal        { font-size:normal; text-transform:none; }
.text-smaller, .font-smaller      { font-size:smaller; }
.text-strike                      { text-decoration:line-through; }
.text-transform-none              { text-transform:none; }
.text-half, .font-size-half       { font-size:50%; }
.page-header * .text-primary:hover { color:var(--primary-dark) !important; }  

.bg-primary                   { background-color:var(--primary) !important; }
.bg-primary-light             { background-color:var(--primary-light); }
.bg-primary-light:hover       { background-color:var(--primary-hover); } 


.xxxxxxxxbtn:not([data-toggle="toggle"] *,.collapse) {
  position:relative;
  overflow:hidden; /* Ensures the pseudo-element doesn't extend outside the button */
}
.xxxxxxxxbtn:not([data-toggle="toggle"] *,.collapse)::before {
  content:'';
  position:absolute;
  top:0;
  left:0;
  right:0;
  bottom:0;
  background:linear-gradient(180deg, #FFF3, #0003) !important; filter:opacity(.5);
  z-index:1;
}
[xxxxxxxdata-toggle="toggle"]       { transition:all 0.25s; }
[xxxxxxdata-toggle="toggle"]:hover  { filter:brightness(.9) contrast(1.25);  }
  
.bg-primary-gradient {
  background:var(--primary) !important;
  background:linear-gradient(180deg, var(--primary-light), var(--primary-dark)) !important; }
.bg-secondary-gradient {
  background:var(--secondary) !important;
  background:linear-gradient(180deg, var(--secondary-light), var(--secondary-dark)) !important; }
.bg-accent1-gradient {
  background:var(--accent1) !important;
  background:linear-gradient(180deg, var(--accent1-light), var(--accent1-dark)) !important; }
.bg-accent2-gradient {
  background:var(--accent2) !important;
  background:linear-gradient(180deg, var(--accent2-light), var(--accent2-dark)) !important; } 
.bg-info-gradient {
  background:var(--info) !important;
  background:linear-gradient(180deg, var(--info-light), var(--info-dark)) !important; } 
.bg-success-gradient {
  background:var(--success) !important;
  background:linear-gradient(180deg, var(--success-light), var(--success-dark)) !important; }
.bg-warning-gradient {
  background:var(--warning) !important;
  background:linear-gradient(180deg, var(--warning-light), var(--warning-dark)) !important; } 
.bg-danger-gradient {
  background:var(--danger) !important;
  background:linear-gradient(180deg, var(--danger-light), var(--danger-dark)) !important; }  
.bg-gray-gradient {
  background:var(--gray) !important;
  background:linear-gradient(180deg, var(--gray-light), var(--gray-dark)) !important; }   
.bg-light-gradient {
  background:var(--light) !important;
  background:linear-gradient(180deg, var(--light-light), var(--light-dark)) !important; } 
.bg-dark-gradient {
  background:var(--dark) !important;
  background:linear-gradient(180deg, var(--dark-light), var(--dark-dark)) !important; }          
                             
  a:hover * .btn-primary        { background-color:var(--primary-hover); border:1px solid var(--primary-hover); }
  a.img-right .img-thumbnail, a.img-right .img-thumbnail    
                                { width:100%; }
  .page > article               { min-height:66.67vh; }
  article a:not(.img-thumbnail) { display:inline; }

  article * ul, article * ol    { padding-left:1.5rem; margin-top:1em; margin-bottom:1em; } 
  article * ol li, article * ul li        
                                { list-style-position:outside; padding-left:.5rem; padding-right:1rem; display:list-item; list-style-type:square; margin-top:.33em; line-height:1.4em; }
                                  
  article * .navbar-tier-1, article * .navbar-tier-2, article * .navbar-tier-2-label, article * .navbar-tier-3, article * .navbar-tier-3 span  
                                { color:var(--primary) !important; font-weight:normal !important; font-size:1em; } 
  article * .rd-navbar-dropdown { margin-left:2em; }                                                              

  .wm-bullet-checkmark li, ul.circle-checkmark li
                                { list-style-type:none; position:relative; padding-left:2.0rem; text-indent:0; margin-bottom:0.333em; }
  .wm-bullet-checkmark li::before, .wm-bullet-checkmark li::after, ul.circle-checkmark li::before, ul.circle-checkmark li::after 
                                { font-family:'Font Awesome 6 Duotone'; font-weight:900;
                                  position:absolute; left:0; top:20%; transform:translateY(-50%); width:1.25em; text-align:center; }
  .wm-bullet-checkmark li::before, ul.circle-checkmark li::before 
                                { content:"\f058"; color:#09CC09; opacity:1; opacity:var(--fa-primary-opacity, 1.0);
                                  transform:translateY(-17.5%) scale(1.5); }
  .wm-bullet-checkmark li::after, ul.circle-checkmark li::after 
                                { content:"\10f058"; color:var(--primary); opacity:var(--fa-secondary-opacity, 1.0);
                                  transform:translateY(-18.5%) scale(1.5); }
  .wm-bullet-square li::after   { content:"\10f14a"; }
  .wm-bullet-light li::after, .wm-bullet-white li::after
                                { color:#FFF !important; }
  .wm-bullet-light li::before, .wm-bullet-white li::before
                                { color:#09CC09 !important; }                                
                               
  .wm-mouseover-subtle:hover    { background-color:rgba(0, 0, 0, 0.032); }

  .slick-next                             { right:-.8em; }
  .slick-prev::after, .slick-next::after  { content:'\f0c8' !important; font-family:'Font Awesome 6 Pro' !important; color:var(--primary-alpha1); filter:opacity(.8); 
                                            text-shadow:1px 1px 0 #FFF9, 1px -1px 0 #FFF9, -1px 1px 0 #FFF9, -1px -1px 0 #FFF9, 1px 0px 0 #FFF9, 0px 1px 0 #FFF9, -1px 0px 0 #FFF9, 0px -1px 0 #FFF9;
                                            font-size:1.8em; position:relative; z-index:0; }
  .slick-prev::after                      { left:-3.467em; top:.067em;  }
  .slick-next::after                      { left:-2.225em; top:.067em;  }
  .slick-prev::before                     { content:'\f32a' !important; }
  .slick-next::before                     { content:'\f32b' !important; }
  .slick-prev::before, .slick-next::before 
                                          { color:#FFF; background:transparent !important;
                                            padding:0 !important; border:0 !important; border-radius:3 !important;
                                            font-family:'Font Awesome 6 Duotone' !important; position:relative; z-index:+5; }
  .slick-prev:focus::before, .slick-next:focus::before
                                          { color:#FFF; }
  .slick-prev:hover::before, .slick-next:hover::before
                                          { color:#FFF; }
  .slick-dots                             { position:absolute; bottom:-5px; }
  .slick-track                            { display:flex !important; }
  .slick-slide                            { height:inherit !important; }  

  article * ul.slick-dots li:before       { content:''; }

                                  
  article * ul.nav li:before    { content:''; width:10px; height:10px; margin-right:5px; }  

  ol li                         { display:list-item !important; list-style-type:decimal !important; margin-left:1.75em; padding-left:.75em; }
  
  ul.list-unstyled              { padding-left:0; list-style:none !important; list-style-type:none !important; list-style-position:initial; list-style-image:initial; }
  ul.list-unstyled li           { list-style-type:none; }
  ul.list-unstyled li:before    { content:'' !important; }   
    
  blockquote                    { margin-left:1rem; margin-right:3rem; padding-left:1.5rem; }  
  p[style*="margin-left:40px"]  { border-left:4px solid rgba(0,0,0,.1); margin-left:1em !important; margin-right:3.67rem; padding-left:1.67rem; }
  
  .rd-navbar-static .rd-navbar-items-list > li, .rd-navbar-sidebar .rd-navbar-items-list > li
                                { padding-left:4px; }
  div.jsml_dialogskin           { background-color:var(--gray-light); border-radius:5px; }
  div.jsml_label > div          {  }  
  header * .fa-bullseye-arrow, #page-loader * .fa-bullseye-arrow { color:var(--red); }
  h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, .heading-1, .heading-2, .heading-3, .heading-4, .heading-5, .heading-6
                                { font-family:open sans; font-style:normal; font-weight:500; color:var(--primary); }
  h1 span small                 { font-size:66.67%; font-weight:400; line-height:1.85rem; }
  
  input[type="text"], input[type="email"], input[type="password"], textarea 
                                { background-color:var(--white); padding-right:1em; }
  input[type="text"]:-webkit-autofill, input[type="email"]:-webkit-autofill, input[type="password"]:-webkit-autofill, textarea:-webkit-autofill 
                                { -webkit-box-shadow:0 0 0 100px white inset; }
  
  label                         { font-size:larger; font-weight:400; }
  legend                        { font-size:13px; }
  p, li                         { font-size:1.0rem; /* WITHOUT THIS AS 'rem', ICONS IN MEGAMENUS AND POSSIBLY MORE GET MESSED UP */ }  
  ul.rd-navbar-megamenu > li    { font-size:1.0rem; /* WITHOUT THIS, BENCHMARK AND OTHER WEBSITES TOP-TIER NAVBAR IN > MD GO BERZERK. */ }
  small                         { color:inherit; font-size:0.75rem; }
  strong                        { font-weight:600; }

  textarea.form-control-lg      { padding-top:1.0em; padding-left:12px !important; }
  ul.checkmarks > li:before     { content:'\f00C'; font-family:'Font Awesome 6 Pro'; color:var(--success); }
  
  #oHeadingTitle                { font-size:1.67em; }
  #oTitleHeroBarBordersOutside  { border-top:2px solid var(--primary); border-bottom:2px solid var(--primary); }
  #oTitleHeroBarBordersInside   { border-top:2px solid #FFF; border-bottom:2px solid #FFF; }
      
  .accordion .card > .card-header > .span-mode:before 
                                { content:'\f068'; color:var(--primary); font-family:'Font Awesome 6 Pro'; font-weight:100; font-size:inherit; }
  .accordion.accordion-secondary .card .card-header    
                                { background:rgba(0,0,0,.025); color:var(--primary); font-size:1.333rem; 
                                  padding:.5rem; padding-left:1rem; padding-right:1rem; }
  .accordion.accordion-secondary .card .card-header:hover    
                                { background:rgba(0,0,0,.05); }  
  .accordion .card .card-body   { padding:1rem; }                              
  .alert                        { font-size:1.2rem; font-weight:600; text-align:center !important; text-transform:uppercase;
                                  border:1px solid; border-radius:5px; border-style:solid }
  .alert-danger                 { color:var(--danger); border-color:var(--danger); }
  .alert-success                { color:var(--success); border-color:var(--success); }
  .alert-warning                { color:var(--warning); border-color:var(--warning); } 
  
  .bg-overlay-border-white:before      
                                { border:1px solid #FFF !important; border-radius:12px !important; }

/* Base styles for all overlays */
[class*="bg-overlay-"] {
    position: relative;
}

[class*="bg-overlay-"]::before {
    content: '';
    position: absolute;
    inset: 0; /* replaces top:0; left:0; width:100%; height:100%; */
}

/* Darker overlays */
.bg-overlay-darker::before,
.bg-overlay-darker-25::before { background-color: rgba(0, 0, 0, 0.25); }

.bg-overlay-darker-10::before { background-color: rgba(0, 0, 0, 0.10); }
.bg-overlay-darker-33::before { background-color: rgba(0, 0, 0, 0.33); }
.bg-overlay-darker-50::before { background-color: rgba(0, 0, 0, 0.50); }
.bg-overlay-darker-67::before { background-color: rgba(0, 0, 0, 0.67); }
.bg-overlay-darker-75::before { background-color: rgba(0, 0, 0, 0.75); }
.bg-overlay-darker-gradient::before,
.bg-overlay-darken-gradient::before { background: linear-gradient(270deg, transparent 25%, rgba(0, 0, 0, 0.25) 75%); }

/* Lighter overlays */
.bg-overlay-lighter::before,
.bg-overlay-lighter-25::before { background-color: rgba(255, 255, 255, 0.25); }

.bg-overlay-lighter-10::before { background-color: rgba(255, 255, 255, 0.10); }
.bg-overlay-lighter-33::before { background-color: rgba(255, 255, 255, 0.33); }
.bg-overlay-lighter-50::before { background-color: rgba(255, 255, 255, 0.50); }
.bg-overlay-lighter-67::before { background-color: rgba(255, 255, 255, 0.67); }
.bg-overlay-lighter-75::before { background-color: rgba(255, 255, 255, 0.75); }
.bg-overlay-lighter-gradient::before,
.bg-overlay-lighten-gradient::before { background: linear-gradient(270deg, transparent 25%, rgba(255, 255, 255, 0.75) 75%); }

/* Primary overlays */
.bg-overlay-primary::before,
.bg-overlay-primary-25::before { background-color: var(--primary-alpha1); }

.bg-overlay-primary-10::before { background-color: var(--primary); opacity: 0.10; }
.bg-overlay-primary-33::before { background-color: var(--primary); opacity: 0.33; }
.bg-overlay-primary-50::before { background-color: var(--primary-alpha2); }
.bg-overlay-primary-67::before { background-color: var(--primary); opacity: 0.67; }
.bg-overlay-primary-75::before { background-color: var(--primary-alpha4); }
.bg-overlay-primary-gradient::before { background: linear-gradient(270deg, transparent 25%, var(--primary-alpha2) 75%); }

/* Secondary overlays */
.bg-overlay-secondary::before,
.bg-overlay-secondary-25::before { background-color: var(--secondary-alpha1); }

.bg-overlay-secondary-10::before { background-color: var(--secondary); opacity: 0.10; }
.bg-overlay-secondary-33::before { background-color: var(--secondary); opacity: 0.33; }
.bg-overlay-secondary-50::before { background-color: var(--secondary-alpha2); }
.bg-overlay-secondary-67::before { background-color: var(--secondary); opacity: 0.67; }
.bg-overlay-secondary-75::before { background-color: var(--secondary-alpha4); }
.bg-overlay-secondary-gradient::before { background: linear-gradient(270deg, transparent 25%, var(--secondary-alpha2) 75%); }

/* Child cards effect */
.bg-overlay-child-cards::before { z-index: 2; filter: saturate(1.67) contrast(1.0); }

  .blurb-tinyiest__icon         { width:55px; height:55px; line-height:55px; font-size:27.5px; }
  .blurb-tinyiest__icon *:first-child 
                                { position:relative; top:-.09em; }  
  
  .booking-calendar.booking-calendar-aside .rdc-month, .booking-calendar.booking-calendar-aside .rdc-fullyear 
                                { color:var(--primary); font-size:150%; font-weight:600; }
  .booking-calendar .rdc-table_date 
                                { background-color:var(--white); }
  .booking-calendar .rdc-table_date:hover 
                                { background-color:var(--light); }  
  .booking-calendar.booking-calendar-aside .rdc-table_day  
                                { background-color:var(--primary); color:var(--white); font-size:larger; font-weight:600; text-align:center; }
  .booking-calendar.booking-calendar-aside .rdc-table_day:first-of-type   
                                { border-top-left-radius:4px; border-bottom-left-radius:4px; }
  .booking-calendar.booking-calendar-aside .rdc-table_day:last-of-type
                                { border-top-right-radius:4px; border-bottom-right-radius:4px; }                             
  .booking-calendar.booking-calendar-aside .rdc-table_date { font-size:larger; }
  .booking-calendar .rdc-table_today  
                                { background-color:var(--primary); color:var(--white); }
  .booking-calendar .rdc-table_today:hover  
                                { background-color:var(--primary-hover); }
  .booking-calendar.booking-calendar-aside .button:hover           
                                { background-color:var(--primary-hover); }
  .booking-calendar .rdc-table_has-events .rdc-table_date 
                                { background-color:var(--primary); }
  .booking-calendar .rdc-table_has-events .rdc-table_date:active 
                                { background-color:var(--gray); }   
  .booking-calendar.booking-calendar-aside .rdc-table_has-events.opened .rdc-table_date 
                                { background-color:var(--gray-light); }
  
  .box-shadow                   { box-shadow:0px 1px 15px 1px rgba(64, 64, 64, 0.08); }
  
  .btn-block                    { display:block !important; width:100% !important; }
  .btn-fix, div.form-group .btn .btn-lg   
                                { vertical-align:-60%; padding-top:14px; padding-bottom:14px; font-size:1.025rem !important; }
  .btn-sm                       { font-size:0.875rem; }
  .btn-primary:active, .btn     { color:#FFFFFF !important; }
  .btn-sm, .btn-md, .btn-lg     { font-weight:600; text-transform:uppercase; }
  .btn-lg, .btn-group-lg > .btn { line-height:1.55; }
  .btn-white                    { background-color:#FFF; xborder:2px solid #FFF; color:var(--primary) !important; }
  .btn-white:hover              { background-color:var(--light); }
  .btn-white-outline            { background-color:var(--primary); border:2px solid var(--white); color:var(--white) !important; }  
  .btn-white-outline:hover      { background-color:#FFF; border:2px solid #FFF; color:var(--primary) !important; }    
  button, span.btn.btn-lg       { font-size:1.025rem !important; font-weight:600 !important; text-transform:uppercase; }
  button .btn-lg                { line-height:48px !important; line-height:1.55 !important; }                  
                       
/* Bootstrap Toggle Checkbox - Customized 2020-04-27, after Monstroid2 Bootstrap removed */  
  .toggle                       { height:49px !important; width:100% !important; white-space:nowrap; }                       
  .toggle-on, .toggle-off       { font-size:0.925rem; font-weight:600; text-transform:uppercase; padding-top:0.825rem; }

/*! .card-bg-img zoom effect via jquery function in custom.script.js */
  .card                         { background-color:transparent; overflow:hidden; }
  .card-bg-img                  { transition:all 1.0s ease; background-position-y:center; }
  .card-bg-img-hover            { transform:scale(1.1); }

  .colorinput-color             { width:calc(2.875rem + 2px); height:calc(2.875rem + 2px); }
  .colorinput-color:before      { top:0.0rem; left:0.0rem; width:3.0rem; height:3.0rem; }

  .container-absolute, contain-absolute           
                                { position:absolute; right:0; }    

  .clearfix                     { clear:both !important; }                                
  .clearfix::after              { content:""; display:table; clear:both; }
@media (min-width:992px) {
  .clearfix-md-none::after      { content:none; display:none; clear:none; }
}

  .display-4, .h-tall-4         { font-size:2.75rem; font-weight:500; line-height:1.2; }
  .display-5, .h-tall-5         { font-size:2.25rem; font-weight:500; line-height:1.2; }
  .display-6, .h-tall-6         { font-size:1.67rem; font-weight:400; line-height:1.2; }
  .enlarge-touch, .touch-enlarge
                     			      { transition:transform .33s ease-in-out; }														
  .enlarge-touch:hover, .touch-enlarge:hover          
                                { transform:scale(1.02,1.02); }
                          
  .xfa-css-stack-login             { margin-left:.333em; }                                
  .xfa-css-stack-login:before     { position:relative; content:'\f2f6' !important; font-family:'Font Awesome 6 Pro'; color:#FFF;
                                    top:-.167em; left:-.350em; z-index:1; font-size:66.67%; }
  .xfa-css-stack-login::after     { content:'\f0c8'; font-family:'Font Awesome 6 Pro'; font-weight:900;
                                    margin-left:-1em; margin-right:.367rem; color:inherit; } 

  #oSidebarLogin                  { margin-left:.425em; }                                
  .xfa-css-stack-login-sidebar:before    
                                  { position:relative; content:'\f2f6' !important; font-family:'Font Awesome 6 Pro'; color:var(--bg-wm-sidebar);
                                    top:-.167em; left:-.350em; z-index:1; font-size:66.67%; }
  .xfa-css-stack-login-sidebar::after    
                                  { content:'\f0c8'; font-family:'Font Awesome 6 Pro'; font-weight:900;
                                    margin-left:-1em; margin-right:.367rem; color:#FFF; } 
                                  
  .xfa-css-stack-search:before     { position:relative; content:'\f002' !important; left:-.3em; }                              

  .fad.fa-traffic-light-stop::after, .fa-duotone.fa-traffic-light-stop::after
                                  { color:#E00 !important; opacity:1; }    
  .opacity-10                     { filter:opacity(.10); }                                                          
  .opacity-25                     { filter:opacity(.25); }
  .opacity-33                     { filter:opacity(.33); }
  .opacity-50                     { filter:opacity(.50); }     
  .opacity-67                     { filter:opacity(.67); }    
  .opacity-75                     { filter:opacity(.75); }  
  .opacity-90                     { filter:opacity(.90); }                            
  .fa-youtube-square:before       { content:"\f431" !important; }
  .font-open-sans                 { font-family:'Open Sans' !important; }
  .font-weight-100                { font-weight:100; }  
  .font-weight-200                { font-weight:200; }  
  .font-weight-300                { font-weight:300; }  
  .font-weight-400, .font-weight-regular
                                  { font-weight:400; }  
  .font-weight-500                { font-weight:500; }  
  .font-weight-600                { font-weight:600; }  
  .font-weight-700                { font-weight:700; }   
  .font-weight-800                { font-weight:800; }   
  .font-weight-900                { font-weight:900; }
  .font-weight-bold, .font-bold   { font-weight:600 !important; }
  .font-weight-bold-extra         { font-weight:800 !important; }
  .footer-legal *                 { font-size:14px; }
  .footer-legal .text-smaller     { font-size:12px; }
  .form-group, .form-check        { padding:0; }
  .grayscale                      { filter:grayscale(100%); }
  hr                              { height:2px; margin-top:.5em; margin-bottom:.5em; }
  .hr-thick                       { height:4px; }
  .hr-short                       { width:67px; }
  .hr-25                          { width:25%; }
  .hr-33                          { width:33%; }
  .hr-50                          { width:50%; }
  .hr-67                          { width:67%; }  
  .hr-75                          { width:75%; }
  .hr-center                      { margin-left:auto; margin-right:auto; } 
  .hr-left                        { margin-left:0; margin-right:auto; }
  .hr-right                       { margin-left:auto; margin-right:0; }       
  .hr-accent1                     { background-color:var(--accent1); color:var(--accent1); border:0 !important; }
  .hr-accent2                     { background-color:var(--accent2); color:var(--accent2); border:0 !important; }
  .hr-black                       { background-color:var(--black); color:var(--black); border:0 !important;}  
  .hr-danger                      { background-color:var(--danger); color:var(--danger); border:0 !important;}
  .hr-dark                        { background-color:var(--dark); color:var(--dark); border:0 !important;}
  .hr-default                     { background-color:var(--default); color:var(--default); border:0 !important;}
  .hr-gray                        { background-color:var(--gray); color:var(--gray); border:0 !important;}
  .hr-gray-light                  { background-color:var(--gray-light); color:var(--gray-light); border:0 !important;}    
  .hr-info                        { background-color:var(--info); color:var(--info); border:0 !important;}      
  .hr-primary                     { background-color:var(--primary); color:var(--primary); border:0 !important;}
  .hr-secondary                   { background-color:var(--secondary); color:var(--secondary); border:0 !important;}
  .hr-success                     { background-color:var(--success); color:var(--success); border:0 !important;}
  .hr-warning                     { background-color:var(--warning); color:var(--warning); border:0 !important;}    
  .hr-white                       { background-color:var(--white); color:var(--white); border:0 !important;}
  
  .icon-box-item                  { display:flex; align-items:start; margin-bottom:2rem; }
  .icon-box-item .icon            { flex-shrink:0; /* Prevents the icon from shrinking */ 
                                    margin-top:4.5em; margin-right:1rem; /* Space between icon and text */
                                    font-size:.5em; /* Icon size */
                                    color:var(--secondary); }
  .icon-box-item .icon-box-content  
                                  { flex:1; /* Allows the content to fill the available space */ }
  .icon-box-item .icon-box-content p 
                                  { margin-bottom:0; /* Removes the default paragraph margin */ font-size:1em; /* Text size */ }  
  
  .img-legacy, .img-left, .img-right
                                  { box-sizing:border-box; width:100%; min-width:100%; height:auto; display:block; margin-top:.33rem; margin-bottom:2.0rem; }
  .img-left, .obj-left            { float:left; }
  .img-right, .obj-right          { float:right; }
  .obj-center, .obj-centered      { margin-right:auto !important; margin-left:auto !important; }
  .img-color                      { filter:grayscale(0%); }
  .img-invisible, .hide-from-view, .wm-invisible
                                  { position:absolute; top:-10000 !important; height:0px !important; width:0px !important }
  .lead                           { line-height:1em; font-weight:normal; }
  .mb-6, .mb-xs-6, .mb-sm-6, .mb-md-6, .mb-lg-6, .mb-xl-6 { margin-bottom:4.5rem; }
  .mb-7, .mb-xs-7, .mb-sm-7, .mb-md-7, .mb-lg-7, .mb-xl-7 { margin-bottom:6.0rem; }  
  .mt-6, .mt-xs-6, .mt-sm-6, .mt-md-6, .mt-lg-6, .mt-xl-6 { margin-top:4.5rem; }
  .mt-7, .mt-xs-7, .mt-sm-7, .mt-md-7, .mt-lg-7, .mt-xl-7 { margin-top:6.0rem; }    
  
  .notification                   { position:absolute; background-color:#35cd3a; color:#fff; text-align:center; border-radius:10px;
                                    top:3px; left:10.33rem; z-index:3; min-width:17px; height:17px; font-size:10px; font-weight:300;
                                    line-height:17px; letter-spacing:-1px; }

  .radius-bottom-0                { border-bottom-left-radius:0; border-bottom-right-radius:0; }  
  .radius-top-0                   { border-top-left-radius:0; border-top-right-radius:0; }                                    
     
  .page-header, .rd-navbar, .rd-navbar-top-panel__content, .rd-navbar-search-wrap::before, .rd-navbar-panel 
                                  { background-color:#FCFCFC !important; }  
  .rd-navbar-static .rd-navbar-nav > li > .rd-navbar-submenu-toggle, .rd-navbar-sidebar .rd-navbar-nav > li > .rd-navbar-submenu-toggle 
                                  { line-height:0; }
  .rd-navbar-static               { box-shadow:0 0px 0px transparent; } /* remove drop-shadow from left/right of navbar */
  
  .rd-navbar-fixed .rd-navbar-brand
                                  { overflow:visible; }

  .rd-navbar-submenu-toggle::after,
  .rd-navbar-static .rd-navbar-nav > li > .rd-navbar-submenu-toggle::after, .rd-navbar-sidebar .rd-navbar-nav > li > .rd-navbar-submenu-toggle::after  
                                  { content:'\f107' !important; font-family:'Font Awesome 6 Pro' !important; }
  .rd-navbar-fullwidth .rd-navbar-dropdown .rd-navbar--has-dropdown > .rd-navbar-submenu-toggle::after, .rd-navbar-static .rd-navbar-dropdown .rd-navbar--has-dropdown > .rd-navbar-submenu-toggle::after
                                  { content:'\f054' !important; font-family:'Font Awesome 6 Pro' !important; position:relative; top:-0.075em; }                               

  .readonly                       { pointer-events:none !important; opacity:0.5 !important; }
 
  .select2-container--bootstrap .select2-selection--single .select2-selection__rendered 
                                  { color:#494949; padding:0; }
  .select2-container .select2-selection--single .select2-selection__rendered 
                                  { display:block; overflow:hidden; text-overflow:ellipsis; width:90%; white-space:nowrap; }
  .select2-container--bootstrap .select2-selection--single 
                                  { text-align:left; height:calc(2.875rem + 2px); line-height:48px; padding:0 1em !important; }
  .select2-container--bootstrap .select2-selection 
                                  { font-size:1.3333em; font-weight:400; font-family:'Open Sans'; outline:0; }
  .select2-container * ul > li:before 
                                  { content:''; list-style-type:none !important; }
  .select2-container * li         { list-style-type:none; }                                 
  .select2-selection--multiple .select2-selection__choice 
                                  { background-color:var(--light) !important; border-radius:3px !important; width:96.67%; }
  .select2-container--bootstrap .select2-selection--multiple .select2-selection__choice__remove
                                  { position:relative !important; }
                                
  .select2-container .select2-selection--single .select2-selection__rendered 
                                  { font-size:1.25rem; position:relative; top:8px; left:-.4em !important; } 
  .select2-container--bootstrap .select2-selection--single 
                                  { height:calc(2.875rem + 4px); }
  .form-label-group > label.label-select2, label.label-textarea
                                  { font-size:12px; top:-.667em !important; left:-.5em; color:#666; }  
  span.select2-selection--multiple
                                  { padding-top:20px !important; } 
                                  
/* parent ---------------------------------------------------- */
.input-group-select2{
  display:flex;               /* children line up side-by-side   */
  align-items:stretch;        /* same height if you need it      */
}
/* fills all leftover space ---------------------------------- */
.input-group-select2 .form-label-group{
  flex:1 1 0;                 /* grow & shrink, basis 0          */
  min-width:0;                /* allow text to shrink/ellipsis   */
}
/* keeps its intrinsic width -------------------------------- */
.input-group-select2 .input-group-append{
  flex:0 0 auto;              /* no growth, no shrink            */
}
/* .input-group-select2
   ├─ (hidden) <select>
   ├─ <span class="select2-container"> … <span class="select2-selection"> … </span>
   └─ <div class="input-group-append"> … */

.input-group-select2:has(.input-group-append)
        .select2-container .select2-selection {
  border-top-right-radius: 0;      /* square off the right edge   */
  border-bottom-right-radius: 0;   /* so it butts against append  */
}
                                  
                              
  input:not(:placeholder-shown) ~ label.label-tagsinput, input:placeholder-shown ~ label.label-tagsinput
                                  { padding-top:0.925em !important; padding-left:0 !important; left:1em !important; margin-left:0 !important; }

  .shape-circle, .icon-circled    { border-radius:50%; padding:.25rem; padding-top:.333rem; width:10.125rem; height:9.875rem; } 
  .shape-circle-inner, .icon-circled-inner 
                                  { border-radius:50%; padding-top:.5rem; width:9.25rem; height:9.125rem; text-align:center;
                                    margin-left:auto; margin-right:auto; vertical-align:middle; line-height:10rem; }
  .shape-square, .icon-squared    { border-radius:12px; padding:.25rem; padding-top:.333rem; width:10.125rem; height:9.875rem; } 
  .shape-square-inner, .icon-square-inner 
                                  { border-radius:12px; padding-top:.5rem; width:9.25rem; height:9.125rem; text-align:center;
                                    margin-left:auto; margin-right:auto; vertical-align:middle; line-height:10rem; }
    
  .smallprint                     { font-size:80%; }

  .stroke-black                   { xxxtext-shadow:-1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; -webkit-text-stroke:1px black; }
  .stroke-gray                    { xxxtext-shadow:-1px -1px 0 var(--gray), 1px -1px 0 var(--gray), -1px 1px 0 var(--gray), 1px 1px 0 var(--gray); }
  .stroke-primary                 { xxxtext-shadow:-1px -1px 0 var(--primary), 1px -1px 0 var(--primary), -1px 1px 0 var(--primary), 1px 1px 0 var(--primary); -webkit-text-stroke:1px var(--primary); }
  .stroke-secondary               { xxxtext-shadow:-1px -1px 0 var(--secondary), 1px -1px 0 var(--secondary), -1px 1px 0 var(--secondary), 1px 1px 0 var(--secondary); -webkit-text-stroke:1px var(--secondary); }
  .stroke-white                   { xxxtext-shadow:-1px -1px 0 #FFF, 1px -1px 0 #FFF, -1px 1px 0 #FFF, 1px 1px 0 #FFF; -webkit-text-stroke:1px white; }
  .stroke-accent1                 { xxxtext-shadow:-1px -1px 0 var(--accent1), 1px -1px 0 var(--accent1), -1px 1px 0 var(--accent1), 1px 1px 0 var(--accent1); -webkit-text-stroke:1px var(--accent1); }
  .stroke-accent2                 { xxxtext-shadow:-1px -1px 0 var(--accent2), 1px -1px 0 var(--accent2), -1px 1px 0 var(--accent2), 1px 1px 0 var(--accent2); -webkit-text-stroke:1px var(--accent2); }
  
  .swal-text                      { text-align:center; }
  .swal2-container                { z-index:99999 !important; }

  .table-striped tbody tr:nth-of-type(even)   { background-color:rgba(0, 0, 0, 0.015); }
  .table-striped tbody tr:nth-of-type(odd)    { background-color:rgba(0, 0, 0, 0.030); }
  .table-striped tbody tr:hover               { background-color:rgba(0, 0, 0, 0.050); }    
  
  .text-1rem                    { font-size:1.00rem; }
  .text-circled                 { border-radius:50%; width:36px; height:36px; padding:8px; 
                                  background:var(--primary); color:var(--white); text-align:center; }
  
  .text-black-25                { color:rgba(0,0,0,.25) !important; transition:color .15s ease-in-out; }
 a.text-black-25:hover          { color:var(--black) !important; }                            
  .text-white-25                { color:rgba(255,255,255,.25) !important; transition:color .15s ease-in-out; }
 a.text-white-25:hover          { color:var(--white) !important; }                              
  .text-black-75                { color:rgba(0,0,0,.75) !important; transition:color .15s ease-in-out; }
 a.text-black-75:hover          { color:var(--black) !important; }                              
  .text-white-75, .footer-logo-white * .text-primary, .footer-logo-white * span, .footer-logo-white h3,
  .footer-logo-white * span, div.logo-footer * > a > h3 > span 
                                { color:rgba(255,255,255,100) !important; transition:color .15s ease-in-out; }
 a.text-white-75:hover, .footer-logo-white * .text-primary:hover, .footer-logo-white * span:hover, .footer-logo-white h3:hover
                                { color:var(--white); }

  .text-stretched-height          { transform:scaleY(1.1); /* Adjust the value to stretch or compress */ }
  .text-stretched-width           { transform:scaleX(1.1); /* Adjust the value to stretch or compress */ }

  .text-testimonial             { font-size:1.875rem; }               
  .text-testimonial-author      { font-weight:600; }
  .text-testimonial-comment     { line-height:1.4em; }

  .text-inherit                 { color:inherit; }
  .text-transparent             { color:transparent; }
  .xxxtight, .xxxtight *        { margin-top:0px; margin-right:0px; }

  article .unit                 { height:100% !important; margin-bottom:1rem; }           
  .unit-body                    { border-bottom:0px solid #DCDCDCDC; }
  .unit-body h5                 { margin-top:0; }  
  .unit-body p                  { margin-top:.5em; margin-bottom:0; font-size:.875em; }
  .unit-body p.text-larger      { margin-top:.5em; margin-bottom:0; font-size:110%; }
  .unit-body p + p              { margin-top:1.5em; margin-bottom:0; xfont-size:.875em; }
  .unit-gateway                 { transition:all 0.33s ease; }
  .unit-gateway:hover, .unit-gateway:focus
                                { background:var(--light-alpha1); }   

.ui-to-top {
  background:var(--gray-alpha3);
  backdrop-filter:blur(2px) saturate(1) brightness(.9);
  left:calc(50vw - 31px);
  border-radius:50%; border:2px solid #FFFFFFCC;
  position:fixed; z-index:1000;
  width:48px; height:48px;
  display:flex; align-items:center; justify-content:center; overflow:visible; /* so pulse isn't clipped */
}
.ui-to-top::before              { position:absolute; left:22px !important; }

.ui-to-top:hover { background:var(--primary-invert); }
.ui-to-top:focus, .ui-to-top:active { background:var(--gray-alpha3); }
.ui-to-top::after,
.ui-to-top::before {
  content:"";
  position:absolute;
  top:50%;
  left:50%;
  width:100%;
  height:100%;
  background:var(--gray);
  border-radius:50%;
  transform:translate(-50%, -50%) scale(1);
  animation:pulseOutward 3s ease-out infinite;
  z-index:-1;
  pointer-events:none;
}

/* Second pulse = same centre, different delay */
.ui-to-top::before {
  animation-delay:.33s;  /* half of 2.5s for smooth alternating pulse */
}


@keyframes pulseOutward {
  0% {
    transform:translate(-50%, -50%) scale(1);
    opacity:0.5;
  }
  67% {
    opacity:0;
    transform:translate(-50%, -50%) scale(3);  
  }
  100% {
    opacity:0;
    transform:translate(-50%, -50%) scale(3);
  }
}

  .va, .va-middle, .wrap-fa *, .wm-vertical-align   
                                { position:relative; top:50%; transform:perspective(1px) translateY(-50%); }
  .wh, .wrap-fa                 { aspect-ratio:1 / 1 !important; }
  .video-container              { position:relative; padding-bottom:56.25%; padding-top:30px; height:0; overflow:hidden; }
  .video-container iframe, .video-container object, .video-container embed
                                { position:absolute; top:0; left:0; width:100%; height:100%; }
                            
  .wrap-fa                      { background:linear-gradient(180deg, var(--primary-light), var(--primary-dark)) !important;
                                  border:2px solid #FFF; border-radius:.5em; color:var(--white); padding:.5rem; margin:.5em; }
  .wrap-fa *                    { text-align:center !important; width:1.28571429em; }
  .rd-navbar--has-megamenu.rd-navbar-submenu > ul > li > a > span.wrap-fa  
                                { min-height:2.5em !important; }
  .rd-navbar--has-megamenu.rd-navbar-submenu > ul > li > a > span.wrap-fa > i
                                { line-height:1em; }  
  .wrap-circle                  { border-radius:50%; }
  .wrap-fa.float-left           { float:left; margin-left:0; margin-right:1em; }
  .wrap-fa.float-right          { float:right; margin-left:0; margin-left:1em; }
  
  .z-index-up                   { position:relative; z-index:+1; }
                                                          
.cols-holder                    { width:100%; display:table; table-layout:fixed; }
.cols-holder .cols-item         { background-size:cover; display:block; vertical-align:middle; height:100%; padding:5%; }
.cols-holder.bg-primary *       { color:#FFF; }   

.wm-position-relative           { position:relative; }
.wm-up-1                        { top:-0.25em; }
.wm-up-2                        { top:-0.50em; }
.wm-up-3                        { top:-1.00m; }
.wm-up-4                        { top:-1.5em; }
.wm-up-5                        { top:-3.00em; }
.wm-up-6                        { top:-4.50em; }
.wm-up-7                        { top:-6.00em; }
.wm-up-8                        { top:-8.00em; }

.all-white                      { filter:brightness(0) invert(1); }
.all-white * .btn               { background:#80808080; border-color:#FFF; }
.all-white * .btn:hover         { background:#80808040; }

.wm-align-middle                { position:absolute; top:50%; transform:translate(-50%, -50%); }

.ul-mt-1 > li , .ol-mt-1 > li , .li-mt-1 > li
                              { line-height:1.5em; }
.ul-mt-2 > li , .ol-mt-2 > li , .li-mt-2 > li 
                              { line-height:2.00em; }
.ul-mt-3 > li , .ol-mt-3 > li , .li-mt-3 > li   
                              { line-height:3.00em; }
.ul-mt-4, .ol-mt-4, .li-mt-4  { line-height:1.50em; }
.ul-mt-5, .ol-mt-5, .li-mt-5  { line-height:3.00em; }
                                           
  .p-33                       { padding:33%; }
  .p-67                       { padding:67%; }  

  .m-1-                       { margin:-0.25em; }
  .m-2-                       { margin:-0.5em; }
  .m-3-                       { margin:-1.0em; }
  .m-4-                       { margin:-1.5em; }
  .m-5-                       { margin:-3.0em; } 
  .m-6-                       { margin:-4.5em; }
  .m-7-                       { margin:-6.0em; }
  .m-8-                       { margin:-8.0em; }

  .mb-1-                       { margin-bottom:-0.25em; }
  .mb-2-                       { margin-bottom:-0.5em; }
  .mb-3-                       { margin-bottom:-1.0em; }
  .mb-4-                       { margin-bottom:-1.5em; }
  .mb-5-                       { margin-bottom:-3.0em; } 
  .mb-6-                       { margin-bottom:-4.5em; }
  .mb-7-                       { margin-bottom:-6.0em; }
  .mb-8-                       { margin-bottom:-8.0em; }

  .ml-1-                       { margin-left:-0.25em; }
  .ml-2-                       { margin-left:-0.5em; }
  .ml-3-                       { margin-left:-1.0em; }
  .ml-4-                       { margin-left:-1.5em; }
  .ml-5-                       { margin-left:-3.0em; } 
  .ml-6-                       { margin-left:-4.5em; }
  .ml-7-                       { margin-left:-6.0em; }
  .ml-8-                       { margin-left:-8.0em; }
  
  .mr-1-                       { margin-right:-0.25em; }
  .mr-2-                       { margin-right:-0.5em; }
  .mr-3-                       { margin-right:-1.0em; }
  .mr-4-                       { margin-right:-1.5em; }
  .mr-5-                       { margin-right:-3.0em; } 
  .mr-6-                       { margin-right:-4.5em; }
  .mr-7-                       { margin-right:-6.0em; }
  .mr-8-                       { margin-right:-8.0em; }   

  .mt-1-                       { margin-top:-0.25em; }
  .mt-2-                       { margin-top:-0.5em; }
  .mt-3-                       { margin-top:-1.0em; }
  .mt-4-                       { margin-top:-1.5em; }
  .mt-5-                       { margin-top:-3.0em; } 
  .mt-6-                       { margin-top:-4.5em; }
  .mt-7-                       { margin-top:-6.0em; }
  .mt-8-                       { margin-top:-8.0em; }
  
  .mx-1-                       { margin-left:-0.25rem; margin-right:-0.25rem; }
  .mx-2-                       { margin-left:-0.50rem; margin-right:-0.50rem; }
  .mx-3-                       { margin-left:-1.00rem; margin-right:-1.00rem; }

  .m-6                        { margin:4.5rem; }
  .m-7                        { margin:6.0rem; }
  .m-8                        { margin:8.0rem; }
  .mb-6                       { margin-bottom:4.5rem; }
  .mb-7                       { margin-bottom:6.0rem; }
  .mb-8                       { margin-bottom:8.0rem; }  
  .ml-6                       { margin-left:4.5rem; }
  .ml-7                       { margin-left:6.0rem; }
  .ml-8                       { margin-left:8.0rem; } 
  .mr-6                       { margin-right:4.5rem; }
  .mr-7                       { margin-right:6.0rem; }
  .mr-8                       { margin-right:8.0rem; }  
  .mt-6                       { margin-top:4.5rem; }  
  .mt-7                       { margin-top:6.0rem; }
  .mt-8                       { margin-top:8.0rem; }
  .mx-6                       { margin-left:4.5rem; margin-right:4.5rem; }
  .mx-7                       { margin-left:6.0rem; margin-right:6.0rem; }
  .mx-8                       { margin-left:8.0rem; margin-right:8.0rem; }    
  .my-6                       { margin-top:4.5rem; margin-bottom:4.5rem; }
  .my-7                       { margin-top:6.0rem; margin-bottom:6.0rem; }
  .my-8                       { margin-top:8.0rem; margin-bottom:8.0rem; }

  .p-6                        { padding:4.5rem; }
  .p-7                        { padding:6.0rem; }
  .p-8                        { padding:8.0rem; }  
  .pb-6                       { padding-bottom:4.5rem; }
  .pb-7                       { padding-bottom:6.0rem; }
  .pb-8                       { padding-bottom:8.0rem; }  
  .pl-6                       { padding-left:4.5rem; }
  .pl-7                       { padding-left:6.0rem; }
  .pl-8                       { padding-left:8.0rem; } 
  .pr-6                       { padding-right:4.5rem; }
  .pr-7                       { padding-right:6.0rem; }
  .pr-8                       { padding-right:8.0rem; }  
  .pt-6                       { padding-top:4.5rem; }  
  .pt-7                       { padding-top:6.0rem; }
  .pt-8                       { padding-top:8.0rem; }
  .px-6                       { padding-left:4.5rem; padding-right:4.5rem; }
  .px-7                       { padding-left:6.0rem; padding-right:6.0rem; }
  .px-8                       { padding-left:8.0rem; padding-right:8.0rem; }    
  .py-6                       { padding-top:4.5rem; padding-bottom:4.5rem; }
  .py-7                       { padding-top:6.0rem; padding-bottom:6.0rem; }
  .py-8                       { padding-top:8.0rem; padding-bottom:8.0rem; }  

  .w-10                       { max-width:10%; }
  .w-20                       { max-width:20%; }
  .w-33                       { max-width:33%; }
  .w-40                       { max-width:40%; }
  .w-60                       { max-width:60%; }
  .w-67                       { max-width:67%; }
  .w-80                       { max-width:80%; }
  .w-90                       { max-width:90%; }  
  
  @media (min-width:576px) {
    #oHeadingTitle            { font-size:2.5em; }
    .wm-sm-columns-2          { column-count:2; }
    .wm-sm-columns-3          { column-count:3; }

    .m-sm-6                   { margin:4.5rem; }
    .m-sm-7                   { margin:6.0rem; }
    .m-sm-8                   { margin:8.0rem; }
    .mb-sm-6                  { margin-bottom:4.5rem; }
    .mb-sm-7                  { margin-bottom:6.0rem; }
    .mb-sm-8                  { margin-bottom:8.0rem; }  
    .ml-sm-6                  { margin-left:4.5rem; }
    .ml-sm-7                  { margin-left:6.0rem; }
    .ml-sm-8                  { margin-left:8.0rem; } 
    .mr-sm-6                  { margin-right:4.5rem; }
    .mr-sm-7                  { margin-right:6.0rem; }
    .mr-sm-8                  { margin-right:8.0rem; }  
    .mt-sm-6                  { margin-top:4.5rem; }  
    .mt-sm-7                  { margin-top:6.0rem; }
    .mt-sm-8                  { margin-top:8.0rem; }
    .mx-sm-6                  { margin-left:4.5rem; margin-right:4.5rem; }
    .mx-sm-7                  { margin-left:6.0rem; margin-right:6.0rem; }
    .mx-sm-8                  { margin-left:8.0rem; margin-right:8.0rem; }    
    .my-sm-6                  { margin-top:4.5rem; margin-bottom:4.5rem; }
    .my-sm-7                  { margin-top:6.0rem; margin-bottom:6.0rem; }
    .my-sm-8                  { margin-top:8.0rem; margin-bottom:8.0rem; }

    .pb-sm-6                  { padding-bottom:4.5rem; }
    .pb-sm-7                  { padding-bottom:6.0rem; }
    .pb-sm-8                  { padding-bottom:8.0rem; } 
    .pl-sm-6                  { padding-left:4.5rem; }
    .pl-sm-7                  { padding-left:6.0rem; }
    .pl-sm-8                  { padding-left:8.0rem; } 
    .pr-sm-6                  { padding-right:4.5rem; }
    .pr-sm-7                  { padding-right:6.0rem; }
    .pr-sm-8                  { padding-right:8.0rem; }     
    .pt-sm-6                  { padding-top:4.5rem; }  
    .pt-sm-7                  { padding-top:6.0rem; }
    .pt-sm-8                  { padding-top:8.0rem; }  
    .px-sm-6                  { padding-left:4.5rem; padding-right:4.5rem; }
    .px-sm-7                  { padding-left:6.0rem; padding-right:6.0rem; }
    .px-sm-8                  { padding-left:8.0rem; padding-right:8.0rem; }      
    .py-sm-6                  { padding-top:4.5rem; padding-bottom:4.5rem; }
    .py-sm-7                  { padding-top:6.0rem; padding-bottom:6.0rem; }
    .py-sm-8                  { padding-top:8.0rem; padding-bottom:8.0rem; }   
    
    .w-sm-10                  { max-width:10%; }
    .w-sm-20                  { max-width:20%; }
    .w-sm-25                  { max-width:25%; }    
    .w-sm-33                  { max-width:33%; }
    .w-sm-40                  { max-width:40%; }
    .w-sm-50                  { max-width:50%; }
    .w-sm-67                  { max-width:67%; }
    .w-sm-75                  { max-width:75%; }
    .w-sm-90                  { max-width:90%; }
  }
  
  @media (min-width:768px) {  

    /* Revealed via scripts.asp */
    .rd-navbar {
      visibility:hidden;
      opacity:0;
      transition:opacity 0.3s ease-in-out;
    } 

    .wm-columns-2  
    { column-count:2; column-gap:1.5rem; }
    .wm-columns-3                 
    { column-count:3; column-gap:1.5rem; }      
    .wm-md-columns-2          { column-count:2; }
    .wm-md-columns-3          { column-count:3; }

    .wm-md-columns-2 ul, .wm-columns-3 ul {
      padding:0;
      list-style-position:inside;
      column-gap:1.5rem;
      margin-top:0;
      padding-top:0;
  }
  
  .wm-md-columns-2 ul li, .wm-md-columns-3 ul li {
      margin-top:0;
      padding-top:0;
  }

    .hr-md-center             { margin-left:auto !important; margin-right:auto !important; }
    .hr-md-left               { margin-left:0 !important; margin-right:auto !important; }
    .hr-md-right              { margin-right:0 !important; margin-left:auto !important; }

    .cols-holder .cols-item   { display:table-cell; padding:5%; }    
    p:not(.text-center), p:not(.text-right)  { text-align:justify; }
    .rd-navbar-static.rd-navbar_modern .rd-navbar-nav > li 
                              { padding-left:8px; padding-right:10px; }  
/* Remove left padding from the first element */
.rd-navbar-static.rd-navbar_modern .rd-navbar-nav > li:first-child 
                              { padding-left:0; }
/* Remove right padding from the last element */
.rd-navbar-static.rd-navbar_modern .rd-navbar-nav > li:last-child 
                              { padding-right:0; }                               

    .m-md-6                   { margin:4.5rem; }
    .m-md-7                   { margin:6.0rem; }
    .m-md-8                   { margin:8.0rem; }
    .mb-md-6                  { margin-bottom:4.5rem; }
    .mb-md-7                  { margin-bottom:6.0rem; }
    .mb-md-8                  { margin-bottom:8.0rem; }  
    .ml-md-6                  { margin-left:4.5rem; }
    .ml-md-7                  { margin-left:6.0rem; }
    .ml-md-8                  { margin-left:8.0rem; } 
    .mr-md-6                  { margin-right:4.5rem; }
    .mr-md-7                  { margin-right:6.0rem; }
    .mr-md-8                  { margin-right:8.0rem; }  
    .mt-md-6                  { margin-top:4.5rem; }  
    .mt-md-7                  { margin-top:6.0rem; }
    .mt-md-8                  { margin-top:8.0rem; }
    .mx-md-6                  { margin-left:4.5rem; margin-right:4.5rem; }
    .mx-md-7                  { margin-left:6.0rem; margin-right:6.0rem; }
    .mx-md-8                  { margin-left:8.0rem; margin-right:8.0rem; }    
    .my-md-6                  { margin-top:4.5rem; margin-bottom:4.5rem; }
    .my-md-7                  { margin-top:6.0rem; margin-bottom:6.0rem; }
    .my-md-8                  { margin-top:8.0rem; margin-bottom:8.0rem; }

    .p-md-6                   { padding:4.5rem; }
    .p-md-7                   { padding:6.0rem; }
    .p-md-8                   { padding:8.0rem; }    
    .pb-md-6                  { padding-bottom:4.5rem; }
    .pb-md-7                  { padding-bottom:6.0rem; }
    .pb-md-8                  { padding-bottom:8.0rem; }
    .pl-md-6                  { padding-left:4.5rem; }
    .pl-md-7                  { padding-left:6.0rem; }
    .pl-md-8                  { padding-left:8.0rem; } 
    .pr-md-6                  { padding-right:4.5rem; }
    .pr-md-7                  { padding-right:6.0rem; }
    .pr-md-8                  { padding-right:8.0rem; }    
    .pt-md-6                  { padding-top:4.5rem; }
    .pt-md-7                  { padding-top:6.0rem; }
    .pt-md-8                  { padding-top:8.0rem; }
    .px-md-6                  { padding-left:4.5rem; padding-right:4.5rem; }
    .px-md-7                  { padding-left:6.0rem; padding-right:6.0rem; }
    .px-md-8                  { padding-left:8.0rem; padding-right:8.0rem; }         
    .py-md-6                  { padding-top:4.5rem; padding-bottom:4.5rem; }
    .py-md-7                  { padding-top:6.0rem; padding-bottom:6.0rem; }
    .py-md-8                  { padding-top:8.0rem; padding-bottom:8.0rem; }

    .w-md-10                  { max-width:10%; }
    .w-md-20                  { max-width:20%; }
    .w-md-25                  { max-width:25%; }
    .w-md-33                  { max-width:33%; }
    .w-md-40                  { max-width:40%; }    
    .w-md-50                  { max-width:50%; max-width:50%; }
    .w-md-67                  { max-width:67%; }
    .w-md-75                  { max-width:75%; }
    .w-md-90                  { max-width:90%; }    
  }
  
  @media (min-width:992px) { 
    .navbar-tier-2  { margin-top:-.333em !important; margin-bottom:-.333em !important; }
    .rd-navbar-megamenu * .navbar-tier-2 { margin-top:1em !important; margin-bottom:.1em !important; } 
    .wm-lg-columns-2          { column-count:2; }
    .wm-lg-columns-3          { column-count:3; }

    .img-legacy, .img-left, .img-right, .obj-left, .obj-right  
                              { width:33.333%; min-width:33.333%; max-width:33.333%; }
    .img-left, .obj-left      { margin-right:2.0rem !important; }
    .img-right, .obj-right    { margin-left:2.0rem !important; }

    .text-wrap-shape          { shape-margin:4rem; clip-path:none !important;
                                /* ELEMENT REQUIRES THE ACTUAL IMAGE VIA INLINE STYLE: style="shape-outside:url('/files/.../images/.../....');" */ }

    .m-lg-6                   { margin:4.5rem; }
    .m-lg-7                   { margin:6.0rem; }
    .m-lg-8                   { margin:8.0rem; }
    .mb-lg-6                  { margin-bottom:4.5rem; }
    .mb-lg-7                  { margin-bottom:6.0rem; }
    .mb-lg-8                  { margin-bottom:8.0rem; }  
    .ml-lg-6                  { margin-left:4.5rem; }
    .ml-lg-7                  { margin-left:6.0rem; }
    .ml-lg-8                  { margin-left:8.0rem; } 
    .mr-lg-6                  { margin-right:4.5rem; }
    .mr-lg-7                  { margin-right:6.0rem; }
    .mr-lg-8                  { margin-right:8.0rem; }  
    .mt-lg-6                  { margin-top:4.5rem !important; }  
    .mt-lg-7                  { margin-top:6.0rem !important; }
    .mt-lg-8                  { margin-top:8.0rem !important; }
    .mx-lg-6                  { margin-left:4.5rem; margin-right:4.5rem; }
    .mx-lg-7                  { margin-left:6.0rem; margin-right:6.0rem; }
    .mx-lg-8                  { margin-left:8.0rem; margin-right:8.0rem; }    
    .my-lg-6                  { margin-top:4.5rem; margin-bottom:4.5rem; }
    .my-lg-7                  { margin-top:6.0rem; margin-bottom:6.0rem; }
    .my-lg-8                  { margin-top:8.0rem; margin-bottom:8.0rem; }

    .p-lg-6                   { padding:4.5rem; }
    .p-lg-7                   { padding:6.0rem; }
    .p-lg-8                   { padding:8.0rem; }
    .pb-lg-6                  { padding-bottom:4.5rem; }
    .pb-lg-7                  { padding-bottom:6.0rem; }
    .pb-lg-8                  { padding-bottom:8.0rem; }  
    .pl-lg-6                  { padding-left:4.5rem; }
    .pl-lg-7                  { padding-left:6.0rem; }
    .pl-lg-8                  { padding-left:8.0rem; } 
    .pr-lg-6                  { padding-right:4.5rem; }
    .pr-lg-7                  { padding-right:6.0rem; }
    .pr-lg-8                  { padding-right:8.0rem; }    
    .pt-lg-6                  { padding-top:4.5rem; }  
    .pt-lg-7                  { padding-top:6.0rem; }
    .pt-lg-8                  { padding-top:8.0rem; }  
    .px-lg-6                  { padding-left:4.5rem; padding-right:4.5rem; }
    .px-lg-7                  { padding-left:6.0rem; padding-right:6.0rem; }
    .px-lg-8                  { padding-left:8.0rem; padding-right:8.0rem; }      
    .py-lg-6                  { padding-top:4.5rem; padding-bottom:4.5rem; }
    .py-lg-7                  { padding-top:6.0rem; padding-bottom:6.0rem; }
    .py-lg-8                  { padding-top:8.0rem; padding-bottom:8.0rem; } 
    
    .w-lg-10                  { max-width:10%; }
    .w-lg-20                  { max-width:20%; }
    .w-lg-25                  { max-width:25%; }
    .w-lg-33                  { max-width:33%; }
    .w-lg-40                  { max-width:40%; }    
    .w-lg-50                  { max-width:50% !important; }
    .w-lg-67                  { max-width:67%; }
    .w-lg-75                  { max-width:75%; }
    .w-lg-90                  { max-width:90%; }
  }	  
  
  @media (min-width:1200px)   {

    .wm-xl-columns-2          { column-count:2; }
    .wm-xl-columns-3          { column-count:3; }

    .img-legacy, .img-left, .img-right, .obj-left, .obj-right  {
	                              width:48.75%; min-width:48.75%; max-width:48.75%; }	  

    .m-xl-6                   { margin:4.5rem; }
    .m-xl-7                   { margin:6.0rem; }
    .m-xl-8                   { margin:8.0rem; }
    .mb-xl-6                  { margin-bottom:4.5rem; }
    .mb-xl-7                  { margin-bottom:6.0rem; }
    .mb-xl-8                  { margin-bottom:8.0rem; }  
    .ml-xl-6                  { margin-left:4.5rem; }
    .ml-xl-7                  { margin-left:6.0rem; }
    .ml-xl-8                  { margin-left:8.0rem; } 
    .mr-xl-6                  { margin-right:4.5rem; }
    .mr-xl-7                  { margin-right:6.0rem; }
    .mr-xl-8                  { margin-right:8.0rem; }  
    .mt-xl-6                  { margin-top:4.5rem; }  
    .mt-xl-7                  { margin-top:6.0rem; }
    .mt-xl-8                  { margin-top:8.0rem; }
    .mx-xl-6                  { margin-left:4.5rem; margin-right:4.5rem; }
    .mx-xl-7                  { margin-left:6.0rem; margin-right:6.0rem; }
    .mx-xl-8                  { margin-left:8.0rem; margin-right:8.0rem; }    
    .my-xl-6                  { margin-top:4.5rem; margin-bottom:4.5rem; }
    .my-xl-7                  { margin-top:6.0rem; margin-bottom:6.0rem; }
    .my-xl-8                  { margin-top:8.0rem; margin-bottom:8.0rem; }                                

    .p-xl-6                   { padding:4.5rem; }
    .p-xl-7                   { padding:6.0rem; }
    .p-xl-8                   { padding:8.0rem; }    
    .pb-xl-6                  { padding-bottom:4.5rem; }
    .pb-xl-7                  { padding-bottom:6.0rem; }
    .pb-xl-8                  { padding-bottom:8.0rem; } 
    .pl-xl-6                  { padding-left:4.5rem; }
    .pl-xl-7                  { padding-left:6.0rem; }
    .pl-xl-8                  { padding-left:8.0rem; } 
    .pr-xl-6                  { padding-right:4.5rem; }
    .pr-xl-7                  { padding-right:6.0rem; }
    .pr-xl-8                  { padding-right:8.0rem; }     
    .pt-xl-6                  { padding-top:4.5rem; }  
    .pt-xl-7                  { padding-top:6.0rem; }
    .pt-xl-8                  { padding-top:8.0rem; }  
    .px-xl-6                  { padding-left:4.5rem; padding-right:4.5rem; }
    .px-xl-7                  { padding-left:6.0rem; padding-right:6.0rem; }
    .px-xl-8                  { padding-left:8.0rem; padding-right:8.0rem; }      
    .py-xl-6                  { padding-top:4.5rem; padding-bottom:4.5rem; }
    .py-xl-7                  { padding-top:6.0rem; padding-bottom:6.0rem; }
    .py-xl-8                  { padding-top:8.0rem; padding-bottom:8.0rem; }

    .w-xl-10                  { max-width:10%; }
    .w-xl-20                  { max-width:20%; }
    .w-xl-33                  { max-width:33%; }
    .w-xl-40                  { max-width:40%; }
    .w-xl-67                  { max-width:67%; }
    .w-xl-90                  { max-width:90%; }
  }
  
  @media (min-width:1400px) {
  }



/* Base class for setting position:relative; */
[class^="wm-top-"], [class*=" wm-top-"] {
  position:relative;
}

/* Base classes for negative top values without breakpoints */
.wm-top-0 { top:0; }
.wm-top-1 { top:-0.25em; }
.wm-top-2 { top:-0.5em; }
.wm-top-3 { top:-1em; }
.wm-top-4 { top:-1.5em; }
.wm-top-5 { top:-3em; }

/* Responsive classes with the prefix approach */
@media (min-width:576px) {
  .wm-top-sm-0 { top:0; }
  .wm-top-sm-1 { top:-0.25em; }
  .wm-top-sm-2 { top:-0.5em; }
  .wm-top-sm-3 { top:-1em; }
  .wm-top-sm-4 { top:-1.5em; }
  .wm-top-sm-5 { top:-3em; }
}

@media (min-width:768px) {
  .wm-top-md-0 { top:0; }
  .wm-top-md-1 { top:-0.25em; }
  .wm-top-md-2 { top:-0.5em; }
  .wm-top-md-3 { top:-1em; }
  .wm-top-md-4 { top:-1.5em; }
  .wm-top-md-5 { top:-3em; }
}

@media (min-width:992px) {
  .wm-top-lg-0 { top:0; }
  .wm-top-lg-1 { top:-0.25em; }
  .wm-top-lg-2 { top:-0.5em; }
  .wm-top-lg-3 { top:-1em; }
  .wm-top-lg-4 { top:-1.5em; }
  .wm-top-lg-5 { top:-3em; }
}

@media (min-width:1200px) {
  .wm-top-xl-0 { top:0; }
  .wm-top-xl-1 { top:-0.25em; }
  .wm-top-xl-2 { top:-0.5em; }
  .wm-top-xl-3 { top:-1em; }
  .wm-top-xl-4 { top:-1.5em; }
  .wm-top-xl-5 { top:-3em; }
}

@media (min-width: 1400px) {
  .d-xxl-none          { display:none !important; }
  .d-xxl-inline        { display:inline !important; }
  .d-xxl-inline-block  { display:inline-block !important; }
  .d-xxl-block         { display:block !important; }
  .d-xxl-table         { display:table !important; }
  .d-xxl-table-row     { display:table-row !important; }
  .d-xxl-table-cell    { display:table-cell !important; }
  .d-xxl-flex          { display:flex !important; }
  .d-xxl-inline-flex   { display:inline-flex !important; }
}

/* Standard clearfix */
.clearfix::after {
  content:"";
  display:table;
  clear:both;
}

/* Responsive clearfix and disabling clearfix for different breakpoints */
@media (min-width:576px) {
  .clearfix-sm::after {
      content:"";
      display:table;
      clear:both;
  }
  .clearfix-sm-none::after {
      content:none;
  }
}

@media (min-width:768px) {
  .clearfix-md::after {
      content:"";
      display:table;
      clear:both;
  }
  .clearfix-md-none::after {
      content:none;
  }
}

@media (min-width:992px) {
  .clearfix-lg::after {
      content:"";
      display:table;
      clear:both;
  }
  .clearfix-lg-none::after {
      content:none;
  }
}

@media (min-width:1200px) {
  .clearfix-xl::after {
      content:"";
      display:table;
      clear:both;
  }
  .clearfix-xl-none::after {
      content:none;
  }
}


/* Bootstrap 5 introduces a feature called "container-based breakpoints" using CSS variables to define responsive grids based on their parent container rather than the viewport. 
Here is an implementation of a similar approach for Bootstrap 4. */
/* Define container-based media queries for a custom grid system */
@container (min-width:576px) {
  .col-sm-1-container { flex:0 0 8.3333%; max-width:8.3333%; }
  .col-sm-2-container { flex:0 0 16.6667%; max-width:16.6667%; }
  .col-sm-3-container { flex:0 0 25%; max-width:25%; }
  .col-sm-4-container { flex:0 0 33.3333%; max-width:33.3333%; }
  .col-sm-5-container { flex:0 0 41.6667%; max-width:41.6667%; }
  .col-sm-6-container { flex:0 0 50%; max-width:50%; }
  .col-sm-7-container { flex:0 0 58.3333%; max-width:58.3333%; }
  .col-sm-8-container { flex:0 0 66.6667%; max-width:66.6667%; }
  .col-sm-9-container { flex:0 0 75%; max-width:75%; }
  .col-sm-10-container { flex:0 0 83.3333%; max-width:83.3333%; }
  .col-sm-11-container { flex:0 0 91.6667%; max-width:91.6667%; }
  .col-sm-12-container { flex:0 0 100%; max-width:100%; }
}

/* Medium container-based grid */
@container (min-width:768px) {
  .col-md-1-container { flex:0 0 8.3333%; max-width:8.3333%; }
  .col-md-2-container { flex:0 0 16.6667%; max-width:16.6667%; }
  .col-md-3-container { flex:0 0 25%; max-width:25%; }
  .col-md-4-container { flex:0 0 33.3333%; max-width:33.3333%; }
  .col-md-5-container { flex:0 0 41.6667%; max-width:41.6667%; }
  .col-md-6-container { flex:0 0 50%; max-width:50%; }
  .col-md-7-container { flex:0 0 58.3333%; max-width:58.3333%; }
  .col-md-8-container { flex:0 0 66.6667%; max-width:66.6667%; }
  .col-md-9-container { flex:0 0 75%; max-width:75%; }
  .col-md-10-container { flex:0 0 83.3333%; max-width:83.3333%; }
  .col-md-11-container { flex:0 0 91.6667%; max-width:91.6667%; }
  .col-md-12-container { flex:0 0 100%; max-width:100%; }
}

/* Large container-based grid */
@container (min-width:992px) {
  .col-lg-1-container { flex:0 0 8.3333%; max-width:8.3333%; }
  .col-lg-2-container { flex:0 0 16.6667%; max-width:16.6667%; }
  .col-lg-3-container { flex:0 0 25%; max-width:25%; }
  .col-lg-4-container { flex:0 0 33.3333%; max-width:33.3333%; }
  .col-lg-5-container { flex:0 0 41.6667%; max-width:41.6667%; }
  .col-lg-6-container { flex:0 0 50%; max-width:50%; }
  .col-lg-7-container { flex:0 0 58.3333%; max-width:58.3333%; }
  .col-lg-8-container { flex:0 0 66.6667%; max-width:66.6667%; }
  .col-lg-9-container { flex:0 0 75%; max-width:75%; }
  .col-lg-10-container { flex:0 0 83.3333%; max-width:83.3333%; }
  .col-lg-11-container { flex:0 0 91.6667%; max-width:91.6667%; }
  .col-lg-12-container { flex:0 0 100%; max-width:100%; }
}

/* Extra-large container-based grid */
@container (min-width:1200px) {
  .col-xl-1-container { flex:0 0 8.3333%; max-width:8.3333%; }
  .col-xl-2-container { flex:0 0 16.6667%; max-width:16.6667%; }
  .col-xl-3-container { flex:0 0 25%; max-width:25%; }
  .col-xl-4-container { flex:0 0 33.3333%; max-width:33.3333%; }
  .col-xl-5-container { flex:0 0 41.6667%; max-width:41.6667%; }
  .col-xl-6-container { flex:0 0 50%; max-width:50%; }
  .col-xl-7-container { flex:0 0 58.3333%; max-width:58.3333%; }
  .col-xl-8-container { flex:0 0 66.6667%; max-width:66.6667%; }
  .col-xl-9-container { flex:0 0 75%; max-width:75%; }
  .col-xl-10-container { flex:0 0 83.3333%; max-width:83.3333%; }
  .col-xl-11-container { flex:0 0 91.6667%; max-width:91.6667%; }
  .col-xl-12-container { flex:0 0 100%; max-width:100%; }
}
    </style>    

    <link rel="stylesheet" href="/css/navbar-fancy-lg.css" />

    <link rel="stylesheet" href="/css/wm-themes.css" />
    <link rel="preconnect" href="https://fonts.googleapis.com" />
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
    <link href="https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap" rel="stylesheet" />
<link href='//fonts.googleapis.com/css?family=Poppins:300,400,600,700,800' rel='stylesheet' />
    <link rel="canonical" href="https://sfg.legal/iframes/ernie.asp" />
    <script>window.FontAwesomeConfig={autoReplaceSvg:true}</script>
    <script src="https://kit.fontawesome.com/91bf73bfb1.js" crossorigin="anonymous" defer></script>    
   

    <style>
.form-field-subscribe                             { background:var(--primary); }
.aside-form-subscribe > .form-field-subscribe     { background:linear-gradient( var(--secondary-light), var(--secondary-dark) ) !important; }
#oWrapperRatingsGUI                               { font-size:1.67em; }
.rating-stars .fa-square-star                     { color:gray;  }
.rating-stars .fa-square-star.active, .text-gold  { color:var(--gold); }
.fa-square-star-duotone                           { --fa-secondary-color:var(--gold); --fa-secondary-opacity:1;} 

:root {
  --page:transparent;
  --white:#FFF;
  --black:#000;
  --gold:#D9C6A3;
  --bg-form-field:#FFFFFF; --form-field:#FFFFFF;
  --form-field-border:#DCDCDC;
  --bg-wm-sidebar:#CC8C36;
  --manilla:#F3E6AC;
  --white-alpha1:#FFFFFF33;
  --white-alpha2:#FFFFFF66;
  --white-alpha3:#FFFFFF99;
  --white-alpha4:#FFFFFFCC;
  --white-alpha5:#FFFFFFCC;


  --primary:#766050;
  --primary-invert:#899FAF;
  
  --primary-dark:#59483C;  
  --primary-light:#947864;
  --primary-hover:#59483C;
  --primary-alpha1:#76605033;
  --primary-alpha2:#76605066;
  --primary-alpha3:#76605099;
  --primary-alpha4:#766050CC;
  --primary-dark-alpha1:#59483C33;
  --primary-dark-alpha1:#59483C66;
  --primary-dark-alpha1:#59483C99;
  --primary-dark-alpha1:#59483CCC;    
  --primary-light-alpha1:#94786433;
  --primary-light-alpha2:#94786466;
  --primary-light-alpha3:#94786499;
  --primary-light-alpha4:#947864CC;

  --secondary:#CC8C36;
  --secondary-invert:#3373C9;
  
  --secondary-dark:#996929;  
  --secondary-light:#FFAF44;
  --secondary-hover:#996929;
  --secondary-alpha1:#CC8C3633;
  --secondary-alpha2:#CC8C3666;
  --secondary-alpha3:#CC8C3699;
  --secondary-alpha4:#CC8C36CC;
  --secondary-dark-alpha1:#99692933;
  --secondary-dark-alpha1:#99692966;
  --secondary-dark-alpha1:#99692999;
  --secondary-dark-alpha1:#996929CC;    
  --secondary-light-alpha1:#FFAF4433;
  --secondary-light-alpha2:#FFAF4466;
  --secondary-light-alpha3:#FFAF4499;
  --secondary-light-alpha4:#FFAF44CC;

  --accent1:#99897C;
  --accent1-invert:#667683;
  
  --accent1-dark:#73675D;  
  --accent1-light:#BFAB9B;
  --accent1-hover:#73675D;
  --accent1-alpha1:#99897C33;
  --accent1-alpha2:#99897C66;
  --accent1-alpha3:#99897C99;
  --accent1-alpha4:#99897CCC;
  --accent1-dark-alpha1:#73675D33;
  --accent1-dark-alpha1:#73675D66;
  --accent1-dark-alpha1:#73675D99;
  --accent1-dark-alpha1:#73675DCC;    
  --accent1-light-alpha1:#BFAB9B33;
  --accent1-light-alpha2:#BFAB9B66;
  --accent1-light-alpha3:#BFAB9B99;
  --accent1-light-alpha4:#BFAB9BCC;

  --accent2:#CC8C36;
  --accent2-invert:#3373C9;
  
  --accent2-dark:#996929;  
  --accent2-light:#FFAF44;
  --accent2-hover:#996929;
  --accent2-alpha1:#CC8C3633;
  --accent2-alpha2:#CC8C3666;
  --accent2-alpha3:#CC8C3699;
  --accent2-alpha4:#CC8C36CC;
  --accent2-dark-alpha1:#99692933;
  --accent2-dark-alpha1:#99692966;
  --accent2-dark-alpha1:#99692999;
  --accent2-dark-alpha1:#996929CC;    
  --accent2-light-alpha1:#FFAF4433;
  --accent2-light-alpha2:#FFAF4466;
  --accent2-light-alpha3:#FFAF4499;
  --accent2-light-alpha4:#FFAF44CC;

  --info:#009999;
  --info-invert:#FF6666;
  
  --info-dark:#007373;  
  --info-light:#00BFBF;
  --info-hover:#007373;
  --info-alpha1:#00999933;
  --info-alpha2:#00999966;
  --info-alpha3:#00999999;
  --info-alpha4:#009999CC;
  --info-dark-alpha1:#00737333;
  --info-dark-alpha1:#00737366;
  --info-dark-alpha1:#00737399;
  --info-dark-alpha1:#007373CC;    
  --info-light-alpha1:#00BFBF33;
  --info-light-alpha2:#00BFBF66;
  --info-light-alpha3:#00BFBF99;
  --info-light-alpha4:#00BFBFCC;

  --success:#29A646;
  --success-invert:#D659B9;
  
  --success-dark:#1F7D35;  
  --success-light:#33D058;
  --success-hover:#1F7D35;
  --success-alpha1:#29A64633;
  --success-alpha2:#29A64666;
  --success-alpha3:#29A64699;
  --success-alpha4:#29A646CC;
  --success-dark-alpha1:#1F7D3533;
  --success-dark-alpha1:#1F7D3566;
  --success-dark-alpha1:#1F7D3599;
  --success-dark-alpha1:#1F7D35CC;    
  --success-light-alpha1:#33D05833;
  --success-light-alpha2:#33D05866;
  --success-light-alpha3:#33D05899;
  --success-light-alpha4:#33D058CC;

  --warning:#BCB600;
  --warning-invert:#4349FF;
  
  --warning-dark:#8D8900;  
  --warning-light:#EBE400;
  --warning-hover:#8D8900;
  --warning-alpha1:#BCB60033;
  --warning-alpha2:#BCB60066;
  --warning-alpha3:#BCB60099;
  --warning-alpha4:#BCB600CC;
  --warning-dark-alpha1:#8D890033;
  --warning-dark-alpha1:#8D890066;
  --warning-dark-alpha1:#8D890099;
  --warning-dark-alpha1:#8D8900CC;    
  --warning-light-alpha1:#EBE40033;
  --warning-light-alpha2:#EBE40066;
  --warning-light-alpha3:#EBE40099;
  --warning-light-alpha4:#EBE400CC;

  --danger:#990000;
  --danger-invert:#66FFFF;
  
  --danger-dark:#730000;  
  --danger-light:#BF0000;
  --danger-hover:#730000;
  --danger-alpha1:#99000033;
  --danger-alpha2:#99000066;
  --danger-alpha3:#99000099;
  --danger-alpha4:#990000CC;
  --danger-dark-alpha1:#73000033;
  --danger-dark-alpha1:#73000066;
  --danger-dark-alpha1:#73000099;
  --danger-dark-alpha1:#730000CC;    
  --danger-light-alpha1:#BF000033;
  --danger-light-alpha2:#BF000066;
  --danger-light-alpha3:#BF000099;
  --danger-light-alpha4:#BF0000CC;

  --default:#48413C;
  --default-invert:#B7BEC3;
  
  --default-dark:#36312D;  
  --default-light:#5A514B;
  --default-hover:#36312D;
  --default-alpha1:#48413C33;
  --default-alpha2:#48413C66;
  --default-alpha3:#48413C99;
  --default-alpha4:#48413CCC;
  --default-dark-alpha1:#36312D33;
  --default-dark-alpha1:#36312D66;
  --default-dark-alpha1:#36312D99;
  --default-dark-alpha1:#36312DCC;    
  --default-light-alpha1:#5A514B33;
  --default-light-alpha2:#5A514B66;
  --default-light-alpha3:#5A514B99;
  --default-light-alpha4:#5A514BCC;

  --gray:#808080;
  --gray-invert:#7F7F7F;
  
  --gray-dark:#606060;  
  --gray-light:#A0A0A0;
  --gray-hover:#606060;
  --gray-alpha1:#80808033;
  --gray-alpha2:#80808066;
  --gray-alpha3:#80808099;
  --gray-alpha4:#808080CC;
  --gray-dark-alpha1:#60606033;
  --gray-dark-alpha1:#60606066;
  --gray-dark-alpha1:#60606099;
  --gray-dark-alpha1:#606060CC;    
  --gray-light-alpha1:#A0A0A033;
  --gray-light-alpha2:#A0A0A066;
  --gray-light-alpha3:#A0A0A099;
  --gray-light-alpha4:#A0A0A0CC;

  --dark:#434343;
  --dark-invert:#BCBCBC;
  
  --dark-dark:#323232;  
  --dark-light:#545454;
  --dark-hover:#323232;
  --dark-alpha1:#43434333;
  --dark-alpha2:#43434366;
  --dark-alpha3:#43434399;
  --dark-alpha4:#434343CC;
  --dark-dark-alpha1:#32323233;
  --dark-dark-alpha1:#32323266;
  --dark-dark-alpha1:#32323299;
  --dark-dark-alpha1:#323232CC;    
  --dark-light-alpha1:#54545433;
  --dark-light-alpha2:#54545466;
  --dark-light-alpha3:#54545499;
  --dark-light-alpha4:#545454CC;

  --light:#F0F0F0;
  --light-invert:#0F0F0F;
  
  --light-dark:#B4B4B4;  
  --light-light:#FFFFFF;
  --light-hover:#B4B4B4;
  --light-alpha1:#F0F0F033;
  --light-alpha2:#F0F0F066;
  --light-alpha3:#F0F0F099;
  --light-alpha4:#F0F0F0CC;
  --light-dark-alpha1:#B4B4B433;
  --light-dark-alpha1:#B4B4B466;
  --light-dark-alpha1:#B4B4B499;
  --light-dark-alpha1:#B4B4B4CC;    
  --light-light-alpha1:#FFFFFF33;
  --light-light-alpha2:#FFFFFF66;
  --light-light-alpha3:#FFFFFF99;
  --light-light-alpha4:#FFFFFFCC;

  --footerstripecalltoaction:#CC8C36;
  --footerstripecalltoaction-invert:#3373C9;
  
  --footerstripecalltoaction-dark:#996929;  
  --footerstripecalltoaction-light:#FFAF44;
  --footerstripecalltoaction-hover:#996929;
  --footerstripecalltoaction-alpha1:#CC8C3633;
  --footerstripecalltoaction-alpha2:#CC8C3666;
  --footerstripecalltoaction-alpha3:#CC8C3699;
  --footerstripecalltoaction-alpha4:#CC8C36CC;
  --footerstripecalltoaction-dark-alpha1:#99692933;
  --footerstripecalltoaction-dark-alpha1:#99692966;
  --footerstripecalltoaction-dark-alpha1:#99692999;
  --footerstripecalltoaction-dark-alpha1:#996929CC;    
  --footerstripecalltoaction-light-alpha1:#FFAF4433;
  --footerstripecalltoaction-light-alpha2:#FFAF4466;
  --footerstripecalltoaction-light-alpha3:#FFAF4499;
  --footerstripecalltoaction-light-alpha4:#FFAF44CC;

  --bg-primary-overlay:rgba(118,96,80,0.67)
}

.bg-primary           { background:var(--primary) !important; }
.bg-primary-invert    { background:var(--primary-invert) !important; }
.bg-primary-light     { background:var(--primary-light) !important; }
.bg-primary-dark      { background:var(--primary-dark) !important; }
.bg-primary-alpha1    { background:#76605033 !important; }
.bg-primary-alpha2    { background:#76605066 !important; }
.bg-primary-alpha3    { background:#76605099 !important; }
.bg-primary-alpha4    { background:#766050CC !important; }        
.btn-primary          { background:var(--primary); }
.btn-primary:hover    { background:var(--primary-dark); }
.text-primary         { color:var(--primary) !important; }
.text-primary-invert    { color:var(--primary-invert) !important; }
.text-primary-light     { color:var(--primary-light) !important; }
.text-primary-dark      { color:var(--primary-dark) !important; }
.text-primary-alpha1    { color:#76605033 !important; }
.text-primary-alpha2    { color:#76605066 !important; }
.text-primary-alpha3    { color:#76605099 !important; }
.text-primary-alpha4    { color:#766050CC !important; }  

.bg-secondary           { background:var(--secondary) !important; }
.bg-secondary-invert    { background:var(--secondary-invert) !important; }
.bg-secondary-light     { background:var(--secondary-light) !important; }
.bg-secondary-dark      { background:var(--secondary-dark) !important; }
.bg-secondary-alpha1    { background:#CC8C3633 !important; }
.bg-secondary-alpha2    { background:#CC8C3666 !important; }
.bg-secondary-alpha3    { background:#CC8C3699 !important; }
.bg-secondary-alpha4    { background:#CC8C36CC !important; }        
.btn-secondary          { background:var(--secondary); }
.btn-secondary:hover    { background:var(--secondary-dark); }
.text-secondary         { color:var(--secondary) !important; }
.text-secondary-invert    { color:var(--secondary-invert) !important; }
.text-secondary-light     { color:var(--secondary-light) !important; }
.text-secondary-dark      { color:var(--secondary-dark) !important; }
.text-secondary-alpha1    { color:#CC8C3633 !important; }
.text-secondary-alpha2    { color:#CC8C3666 !important; }
.text-secondary-alpha3    { color:#CC8C3699 !important; }
.text-secondary-alpha4    { color:#CC8C36CC !important; }  

.bg-accent1           { background:var(--accent1) !important; }
.bg-accent1-invert    { background:var(--accent1-invert) !important; }
.bg-accent1-light     { background:var(--accent1-light) !important; }
.bg-accent1-dark      { background:var(--accent1-dark) !important; }
.bg-accent1-alpha1    { background:#99897C33 !important; }
.bg-accent1-alpha2    { background:#99897C66 !important; }
.bg-accent1-alpha3    { background:#99897C99 !important; }
.bg-accent1-alpha4    { background:#99897CCC !important; }        
.btn-accent1          { background:var(--accent1); }
.btn-accent1:hover    { background:var(--accent1-dark); }
.text-accent1         { color:var(--accent1) !important; }
.text-accent1-invert    { color:var(--accent1-invert) !important; }
.text-accent1-light     { color:var(--accent1-light) !important; }
.text-accent1-dark      { color:var(--accent1-dark) !important; }
.text-accent1-alpha1    { color:#99897C33 !important; }
.text-accent1-alpha2    { color:#99897C66 !important; }
.text-accent1-alpha3    { color:#99897C99 !important; }
.text-accent1-alpha4    { color:#99897CCC !important; }  

.bg-accent2           { background:var(--accent2) !important; }
.bg-accent2-invert    { background:var(--accent2-invert) !important; }
.bg-accent2-light     { background:var(--accent2-light) !important; }
.bg-accent2-dark      { background:var(--accent2-dark) !important; }
.bg-accent2-alpha1    { background:#CC8C3633 !important; }
.bg-accent2-alpha2    { background:#CC8C3666 !important; }
.bg-accent2-alpha3    { background:#CC8C3699 !important; }
.bg-accent2-alpha4    { background:#CC8C36CC !important; }        
.btn-accent2          { background:var(--accent2); }
.btn-accent2:hover    { background:var(--accent2-dark); }
.text-accent2         { color:var(--accent2) !important; }
.text-accent2-invert    { color:var(--accent2-invert) !important; }
.text-accent2-light     { color:var(--accent2-light) !important; }
.text-accent2-dark      { color:var(--accent2-dark) !important; }
.text-accent2-alpha1    { color:#CC8C3633 !important; }
.text-accent2-alpha2    { color:#CC8C3666 !important; }
.text-accent2-alpha3    { color:#CC8C3699 !important; }
.text-accent2-alpha4    { color:#CC8C36CC !important; }  

.bg-info           { background:var(--info) !important; }
.bg-info-invert    { background:var(--info-invert) !important; }
.bg-info-light     { background:var(--info-light) !important; }
.bg-info-dark      { background:var(--info-dark) !important; }
.bg-info-alpha1    { background:#00999933 !important; }
.bg-info-alpha2    { background:#00999966 !important; }
.bg-info-alpha3    { background:#00999999 !important; }
.bg-info-alpha4    { background:#009999CC !important; }        
.btn-info          { background:var(--info); }
.btn-info:hover    { background:var(--info-dark); }
.text-info         { color:var(--info) !important; }
.text-info-invert    { color:var(--info-invert) !important; }
.text-info-light     { color:var(--info-light) !important; }
.text-info-dark      { color:var(--info-dark) !important; }
.text-info-alpha1    { color:#00999933 !important; }
.text-info-alpha2    { color:#00999966 !important; }
.text-info-alpha3    { color:#00999999 !important; }
.text-info-alpha4    { color:#009999CC !important; }  

.bg-success           { background:var(--success) !important; }
.bg-success-invert    { background:var(--success-invert) !important; }
.bg-success-light     { background:var(--success-light) !important; }
.bg-success-dark      { background:var(--success-dark) !important; }
.bg-success-alpha1    { background:#29A64633 !important; }
.bg-success-alpha2    { background:#29A64666 !important; }
.bg-success-alpha3    { background:#29A64699 !important; }
.bg-success-alpha4    { background:#29A646CC !important; }        
.btn-success          { background:var(--success); }
.btn-success:hover    { background:var(--success-dark); }
.text-success         { color:var(--success) !important; }
.text-success-invert    { color:var(--success-invert) !important; }
.text-success-light     { color:var(--success-light) !important; }
.text-success-dark      { color:var(--success-dark) !important; }
.text-success-alpha1    { color:#29A64633 !important; }
.text-success-alpha2    { color:#29A64666 !important; }
.text-success-alpha3    { color:#29A64699 !important; }
.text-success-alpha4    { color:#29A646CC !important; }  

.bg-warning           { background:var(--warning) !important; }
.bg-warning-invert    { background:var(--warning-invert) !important; }
.bg-warning-light     { background:var(--warning-light) !important; }
.bg-warning-dark      { background:var(--warning-dark) !important; }
.bg-warning-alpha1    { background:#BCB60033 !important; }
.bg-warning-alpha2    { background:#BCB60066 !important; }
.bg-warning-alpha3    { background:#BCB60099 !important; }
.bg-warning-alpha4    { background:#BCB600CC !important; }        
.btn-warning          { background:var(--warning); }
.btn-warning:hover    { background:var(--warning-dark); }
.text-warning         { color:var(--warning) !important; }
.text-warning-invert    { color:var(--warning-invert) !important; }
.text-warning-light     { color:var(--warning-light) !important; }
.text-warning-dark      { color:var(--warning-dark) !important; }
.text-warning-alpha1    { color:#BCB60033 !important; }
.text-warning-alpha2    { color:#BCB60066 !important; }
.text-warning-alpha3    { color:#BCB60099 !important; }
.text-warning-alpha4    { color:#BCB600CC !important; }  

.bg-danger           { background:var(--danger) !important; }
.bg-danger-invert    { background:var(--danger-invert) !important; }
.bg-danger-light     { background:var(--danger-light) !important; }
.bg-danger-dark      { background:var(--danger-dark) !important; }
.bg-danger-alpha1    { background:#99000033 !important; }
.bg-danger-alpha2    { background:#99000066 !important; }
.bg-danger-alpha3    { background:#99000099 !important; }
.bg-danger-alpha4    { background:#990000CC !important; }        
.btn-danger          { background:var(--danger); }
.btn-danger:hover    { background:var(--danger-dark); }
.text-danger         { color:var(--danger) !important; }
.text-danger-invert    { color:var(--danger-invert) !important; }
.text-danger-light     { color:var(--danger-light) !important; }
.text-danger-dark      { color:var(--danger-dark) !important; }
.text-danger-alpha1    { color:#99000033 !important; }
.text-danger-alpha2    { color:#99000066 !important; }
.text-danger-alpha3    { color:#99000099 !important; }
.text-danger-alpha4    { color:#990000CC !important; }  

.bg-default           { background:var(--default) !important; }
.bg-default-invert    { background:var(--default-invert) !important; }
.bg-default-light     { background:var(--default-light) !important; }
.bg-default-dark      { background:var(--default-dark) !important; }
.bg-default-alpha1    { background:#48413C33 !important; }
.bg-default-alpha2    { background:#48413C66 !important; }
.bg-default-alpha3    { background:#48413C99 !important; }
.bg-default-alpha4    { background:#48413CCC !important; }        
.btn-default          { background:var(--default); }
.btn-default:hover    { background:var(--default-dark); }
.text-default         { color:var(--default) !important; }
.text-default-invert    { color:var(--default-invert) !important; }
.text-default-light     { color:var(--default-light) !important; }
.text-default-dark      { color:var(--default-dark) !important; }
.text-default-alpha1    { color:#48413C33 !important; }
.text-default-alpha2    { color:#48413C66 !important; }
.text-default-alpha3    { color:#48413C99 !important; }
.text-default-alpha4    { color:#48413CCC !important; }  

.bg-gray           { background:var(--gray) !important; }
.bg-gray-invert    { background:var(--gray-invert) !important; }
.bg-gray-light     { background:var(--gray-light) !important; }
.bg-gray-dark      { background:var(--gray-dark) !important; }
.bg-gray-alpha1    { background:#80808033 !important; }
.bg-gray-alpha2    { background:#80808066 !important; }
.bg-gray-alpha3    { background:#80808099 !important; }
.bg-gray-alpha4    { background:#808080CC !important; }        
.btn-gray          { background:var(--gray); }
.btn-gray:hover    { background:var(--gray-dark); }
.text-gray         { color:var(--gray) !important; }
.text-gray-invert    { color:var(--gray-invert) !important; }
.text-gray-light     { color:var(--gray-light) !important; }
.text-gray-dark      { color:var(--gray-dark) !important; }
.text-gray-alpha1    { color:#80808033 !important; }
.text-gray-alpha2    { color:#80808066 !important; }
.text-gray-alpha3    { color:#80808099 !important; }
.text-gray-alpha4    { color:#808080CC !important; }  

.bg-dark           { background:var(--dark) !important; }
.bg-dark-invert    { background:var(--dark-invert) !important; }
.bg-dark-light     { background:var(--dark-light) !important; }
.bg-dark-dark      { background:var(--dark-dark) !important; }
.bg-dark-alpha1    { background:#43434333 !important; }
.bg-dark-alpha2    { background:#43434366 !important; }
.bg-dark-alpha3    { background:#43434399 !important; }
.bg-dark-alpha4    { background:#434343CC !important; }        
.btn-dark          { background:var(--dark); }
.btn-dark:hover    { background:var(--dark-dark); }
.text-dark         { color:var(--dark) !important; }
.text-dark-invert    { color:var(--dark-invert) !important; }
.text-dark-light     { color:var(--dark-light) !important; }
.text-dark-dark      { color:var(--dark-dark) !important; }
.text-dark-alpha1    { color:#43434333 !important; }
.text-dark-alpha2    { color:#43434366 !important; }
.text-dark-alpha3    { color:#43434399 !important; }
.text-dark-alpha4    { color:#434343CC !important; }  

.bg-light           { background:var(--light) !important; }
.bg-light-invert    { background:var(--light-invert) !important; }
.bg-light-light     { background:var(--light-light) !important; }
.bg-light-dark      { background:var(--light-dark) !important; }
.bg-light-alpha1    { background:#F0F0F033 !important; }
.bg-light-alpha2    { background:#F0F0F066 !important; }
.bg-light-alpha3    { background:#F0F0F099 !important; }
.bg-light-alpha4    { background:#F0F0F0CC !important; }        
.btn-light          { background:var(--light); }
.btn-light:hover    { background:var(--light-dark); }
.text-light         { color:var(--light) !important; }
.text-light-invert    { color:var(--light-invert) !important; }
.text-light-light     { color:var(--light-light) !important; }
.text-light-dark      { color:var(--light-dark) !important; }
.text-light-alpha1    { color:#F0F0F033 !important; }
.text-light-alpha2    { color:#F0F0F066 !important; }
.text-light-alpha3    { color:#F0F0F099 !important; }
.text-light-alpha4    { color:#F0F0F0CC !important; }  

.bg-footerstripecalltoaction           { background:var(--footerstripecalltoaction) !important; }
.bg-footerstripecalltoaction-invert    { background:var(--footerstripecalltoaction-invert) !important; }
.bg-footerstripecalltoaction-light     { background:var(--footerstripecalltoaction-light) !important; }
.bg-footerstripecalltoaction-dark      { background:var(--footerstripecalltoaction-dark) !important; }
.bg-footerstripecalltoaction-alpha1    { background:#CC8C3633 !important; }
.bg-footerstripecalltoaction-alpha2    { background:#CC8C3666 !important; }
.bg-footerstripecalltoaction-alpha3    { background:#CC8C3699 !important; }
.bg-footerstripecalltoaction-alpha4    { background:#CC8C36CC !important; }        
.btn-footerstripecalltoaction          { background:var(--footerstripecalltoaction); }
.btn-footerstripecalltoaction:hover    { background:var(--footerstripecalltoaction-dark); }
.text-footerstripecalltoaction         { color:var(--footerstripecalltoaction) !important; }
.text-footerstripecalltoaction-invert    { color:var(--footerstripecalltoaction-invert) !important; }
.text-footerstripecalltoaction-light     { color:var(--footerstripecalltoaction-light) !important; }
.text-footerstripecalltoaction-dark      { color:var(--footerstripecalltoaction-dark) !important; }
.text-footerstripecalltoaction-alpha1    { color:#CC8C3633 !important; }
.text-footerstripecalltoaction-alpha2    { color:#CC8C3666 !important; }
.text-footerstripecalltoaction-alpha3    { color:#CC8C3699 !important; }
.text-footerstripecalltoaction-alpha4    { color:#CC8C36CC !important; }  


.img-monotone                   { filter:saturate(50%) hue-rotate(175deg); }
.border-primary                 { border-color:var(--primary) !important; }
.border-secondary               { border-color:var(--secondary) !important; }

.white-alpha1                   { color:#FFFFFF33; }
.white-alpha2                   { color:#FFFFFF66; }
.white-alpha3                   { color:#FFFFFF99; }
.white-alpha4                   { color:#FFFFFFCC; }
.bg-white-alpha1                { background:#FFFFFF33; }
.bg-white-alpha2                { background:#FFFFFF66; }
.bg-white-alpha3                { background:#FFFFFF99; }
.bg-white-alpha4                { background:#FFFFFFCC; }
.bg-black-alpha1                { background:#00000033; }
.bg-black-alpha2                { background:#00000066; }
.bg-black-alpha3                { background:#00000099; }
.bg-black-alpha4                { background:#000000CC; }              

body                            { color:var(--default); }
.bg-facebook, .text-facebook    { background:var(--blue-facebook); }
.bg-manilla                     { background:var(--manilla); }
.bg-primary-light:hover         { background:var(--secondary); }

.fa-theme                       { --fa-primary-color:var(--primary); --fa-secondary-color:var(--secondary); }

.shape-circle-inner.bg-danger   { background:var(--danger) !important; }
.shape-circle-inner.bg-danger:hover
                                { background:var(--danger-dark) !important; }
.text-manilla                   { color:var(--manilla); }                                
.toggle-handle                  { background:#F9F9F9; }
.toggle-handle:hover            { background:#F9F9F9; }
.footer-corporate *             { color:var(--primary-light); }
.footer-corporate * a:hover     { color:var(--white); }
             
               
.rd-navbar-brand          { margin-left:1.5rem; }    
.rd-navbar-static.rd-navbar_modern .rd-navbar-inner
                          { flex-direction:column; }
.rd-navbar-static.rd-navbar_modern .rd-navbar-inner 
                          { padding-top:20px; }
div.rd-navbar-inner > div.rd-navbar-panel > div
                          { margin-bottom:5px; }
.rd-navbar-static .rd-navbar-nav > li > .rd-navbar-dropdown, .rd-navbar-static .rd-navbar-nav > li .rd-navbar-megamenu,
.rd-navbar-static.rd-navbar_modern .rd-navbar-nav > li > .rd-navbar-dropdown, .rd-navbar-static.rd-navbar_modern .rd-navbar-nav > li .rd-navbar-megamenu
                          { margin-top:27px; }
  
.rd-navbar-static.rd-navbar--is-stuck.rd-navbar_modern .rd-navbar-brand,
.rd-navbar-static.rd-navbar--is-clone.rd-navbar_modern .rd-navbar-brand {
  max-height:.8em; display:none; }
 
body                        { background-color:#F9F9F9; baXckground:url('/files/images/backgrounds/background.png'), rgba(118,96,80,0.2); }    

:root {
    --page:#F9F9F9;
}

h1,h2,h3,h4,h5,.h6,.h1,.h2,.h3,.h4,.h5,.h6, .accordion-tab-heading, 
#headingThree > div.span-title      { font-family:Poppins; font-weight:600; }
h5,h6,.h5,.h6                       { font-weight:500; }

article * h1,article * h2,article * h3,article * h4,article * h5,article * h6, strong
                                    { font-weight:bold; }

.accordion.accordion-secondary .card .card-header
                                    { color:#FFF; background:var(--primary-light); }
.accordion.accordion-secondary .card .card-header:hover
                                    { background:var(--primary); }
.accordion .card > .card-header > .span-mode:before 
                                    { color:#FFF; }
.card-body                          { background:var(--light-alpha3) !important; }
.xxbg-primary, .xxbg-pattern            { background-image:url('/patterns/dark-mosaic.png') !important; }
.bg-primary                         { background:linear-gradient(360deg, var(--primary-light), var(--primary-dark)) !important; }

.page                               { background:var(--page); }
 
.rd-navbar-fullwidth .rd-navbar-dropdown, .rd-navbar-static .rd-navbar-dropdown 
                                    { width:256px; }
.rd-navbar-static .rd-navbar-nav > li > .rd-navbar-submenu-toggle::after, .rd-navbar-sidebar .rd-navbar-nav > li > .rd-navbar-submenu-toggle::after
                                    { margin-top:.267em; font-size:.67em !important; opacity:.75 !important; }
              
#oHeaderCallNow                     { border-radius:5px; border:2px solid var(--primary-alpha-3); 
                                      background:var(--primary-alpha3); color:#FFF !important; }
#oHeaderCallNow:hover               { background:var(--success) !important; color:#FFF !important; }
                                    
div.logo-footer.col-md-9.text-center.text-md-left > a > h3 > span
                                    { color:#FFF !important; }               
                                    
@media (min-width:576px) {
}

@media (min-width:768px) {
    
#oNavbarEmployment              { background:var(--primary-dark); border-radius:10px; white-space:nowrap; padding:.2em .67em !important; }
#oNavbarEmployment:hover        { background:var(--primary-light) !important; }
.megamenu-category-synopsis     { color:#FFF; }
    
.unit                           { margin-left:-15px !important; }    
.rd-navbar-nav-wrap             { background:linear-gradient(180deg, var(--primary-alpha3), var(--primary-alpha4)) !important;
                                  padding:15px 30px !important; border-radius:5px; width:100% !important; }
.rd-navbar-nav                  { text-align:center; }
.rd-navbar--has-dropdown.rd-navbar-submenu > ul
                                { background-color:var(--primary); border-radius:5px; }
.rd-navbar-submenu-toggle:after { color:#FFF !important; }  
.navbar-tier-1                  { color:#FFF !important; padding-bottom:2px; padding-top:2px; }

.navbar-tier-1, .navbar-tier-1:hover {
    border-bottom:0px solid transparent; }                               
                                
ul > li > a.navbar-tier-1:before 
                                { content:''; position:relative; bottom:-1.25em; height:2px; display:block; width:0;left: 50%;
                                  transform:translateX(-50%); background:var(--secondary-light); transition:all ease .25s; }
ul > li > a.navbar-tier-1:hover:before    
                                { width:100%; }

.rd-navbar-nav-wrap.toggle-original-elements > ul > li > span::after
                                        { top:.2em; font-size:67% !important; opacity:.33 !important;}  

body > div.page > header > div > nav > div.rd-navbar-inner > div.rd-navbar-nav-wrap.mt-md-0.toggle-original-elements > ul > li:nth-child(8) > a { border-bottom:1px solid transparent !important; }
.navbar-tier-2, .navbar-tier-3  { color:#FFF !important; }

.rd-navbar--has-dropdown.rd-navbar-submenu > ul > li,                                            
ul > li.rd-navbar--has-dropdown.rd-navbar-submenu > ul > li > ul > li {
                                  transition:background .5s, border .5s; border:1px solid transparent;
}                                
.rd-navbar--has-dropdown.rd-navbar-submenu > ul > li:hover,                                            
ul > li.rd-navbar--has-dropdown.rd-navbar-submenu > ul > li > ul > li:hover
                                { border-top:1px solid #FFF; border-bottom:1px solid #FFF;
                                  background:var(--light-alpha2) !important; }
/* Remove top border for the first item */
.rd-navbar--has-dropdown.rd-navbar-submenu > ul > li:first-child:hover,                                            
ul > li.rd-navbar--has-dropdown.rd-navbar-submenu > ul > li > ul > li:first-child:hover {
                                  border-top:1px solid transparent; }
/* Remove bottom border for the last item */
.rd-navbar--has-dropdown.rd-navbar-submenu > ul > li:last-child:hover,                                            
ul > li.rd-navbar--has-dropdown.rd-navbar-submenu > ul > li > ul > li:last-child:hover {
                                  border-bottom:1px solid transparent; }                                  


.rd-navbar--has-megamenu.rd-navbar-submenu > ul > li > a,                                            
ul > li.rd-navbar--has-megamenu.rd-navbar-submenu > ul > li > ul > li {
                                  transition:background .5s, border .5s; border-radius:3px;
}                                
.rd-navbar--has-megamenu.rd-navbar-submenu > ul > li > a:hover,                                            
ul > li.rd-navbar--has-megamenu.rd-navbar-submenu > ul > li > ul > li:hover
                                { border:1px solid #FFF !important;
                                  background:var(--light-alpha2) !important; }
}
@media (min-width:992px)    { 
}
@media (min-width:1200px)   {
}
@media (min-width:1400px)   {
}
:root {
    --page:#F9F9F9;
}

h1,h2,h3,h4,h5,.h6,.h1,.h2,.h3,.h4,.h5,.h6, .accordion-tab-heading, 
#headingThree > div.span-title      { font-family:Poppins; font-weight:600; }
h5,h6,.h5,.h6                       { font-weight:500; }

article * h1,article * h2,article * h3,article * h4,article * h5,article * h6, strong
                                    { font-weight:bold; }

.accordion.accordion-secondary .card .card-header
                                    { color:#FFF; background:var(--primary-light); }
.accordion.accordion-secondary .card .card-header:hover
                                    { background:var(--primary); }
.accordion .card > .card-header > .span-mode:before 
                                    { color:#FFF; }
.card-body                          { background:var(--light-alpha3) !important; }
.xxbg-primary, .xxbg-pattern            { background-image:url('/patterns/dark-mosaic.png') !important; }
.bg-primary                         { background:linear-gradient(360deg, var(--primary-light), var(--primary-dark)) !important; }

.page                               { background:var(--page); }
 
.rd-navbar-fullwidth .rd-navbar-dropdown, .rd-navbar-static .rd-navbar-dropdown 
                                    { width:256px; }
.rd-navbar-static .rd-navbar-nav > li > .rd-navbar-submenu-toggle::after, .rd-navbar-sidebar .rd-navbar-nav > li > .rd-navbar-submenu-toggle::after
                                    { margin-top:.267em; font-size:.67em !important; opacity:.75 !important; }
              
#oHeaderCallNow                     { border-radius:5px; border:2px solid var(--primary-alpha-3); 
                                      background:var(--primary-alpha3); color:#FFF !important; }
#oHeaderCallNow:hover               { background:var(--success) !important; color:#FFF !important; }
                                    
div.logo-footer.col-md-9.text-center.text-md-left > a > h3 > span
                                    { color:#FFF !important; }               
                                    
@media (min-width:576px) {
}

@media (min-width:768px) {
    
#oNavbarEmployment              { background:var(--primary-dark); border-radius:10px; white-space:nowrap; padding:.2em .67em !important; }
#oNavbarEmployment:hover        { background:var(--primary-light) !important; }
.megamenu-category-synopsis     { color:#FFF; }
    
.unit                           { margin-left:-15px !important; }    
.rd-navbar-nav-wrap             { background:linear-gradient(180deg, var(--primary-alpha3), var(--primary-alpha4)) !important;
                                  padding:15px 30px !important; border-radius:5px; width:100% !important; }
.rd-navbar-nav                  { text-align:center; }
.rd-navbar--has-dropdown.rd-navbar-submenu > ul
                                { background-color:var(--primary); border-radius:5px; }
.rd-navbar-submenu-toggle:after { color:#FFF !important; }  
.navbar-tier-1                  { color:#FFF !important; padding-bottom:2px; padding-top:2px; }

.navbar-tier-1, .navbar-tier-1:hover {
    border-bottom:0px solid transparent; }                               
                                
ul > li > a.navbar-tier-1:before 
                                { content:''; position:relative; bottom:-1.25em; height:2px; display:block; width:0;left: 50%;
                                  transform:translateX(-50%); background:var(--secondary-light); transition:all ease .25s; }
ul > li > a.navbar-tier-1:hover:before    
                                { width:100%; }

.rd-navbar-nav-wrap.toggle-original-elements > ul > li > span::after
                                        { top:.2em; font-size:67% !important; opacity:.33 !important;}  

body > div.page > header > div > nav > div.rd-navbar-inner > div.rd-navbar-nav-wrap.mt-md-0.toggle-original-elements > ul > li:nth-child(8) > a { border-bottom:1px solid transparent !important; }
.navbar-tier-2, .navbar-tier-3  { color:#FFF !important; }

.rd-navbar--has-dropdown.rd-navbar-submenu > ul > li,                                            
ul > li.rd-navbar--has-dropdown.rd-navbar-submenu > ul > li > ul > li {
                                  transition:background .5s, border .5s; border:1px solid transparent;
}                                
.rd-navbar--has-dropdown.rd-navbar-submenu > ul > li:hover,                                            
ul > li.rd-navbar--has-dropdown.rd-navbar-submenu > ul > li > ul > li:hover
                                { border-top:1px solid #FFF; border-bottom:1px solid #FFF;
                                  background:var(--light-alpha2) !important; }
/* Remove top border for the first item */
.rd-navbar--has-dropdown.rd-navbar-submenu > ul > li:first-child:hover,                                            
ul > li.rd-navbar--has-dropdown.rd-navbar-submenu > ul > li > ul > li:first-child:hover {
                                  border-top:1px solid transparent; }
/* Remove bottom border for the last item */
.rd-navbar--has-dropdown.rd-navbar-submenu > ul > li:last-child:hover,                                            
ul > li.rd-navbar--has-dropdown.rd-navbar-submenu > ul > li > ul > li:last-child:hover {
                                  border-bottom:1px solid transparent; }                                  


.rd-navbar--has-megamenu.rd-navbar-submenu > ul > li > a,                                            
ul > li.rd-navbar--has-megamenu.rd-navbar-submenu > ul > li > ul > li {
                                  transition:background .5s, border .5s; border-radius:3px;
}                                
.rd-navbar--has-megamenu.rd-navbar-submenu > ul > li > a:hover,                                            
ul > li.rd-navbar--has-megamenu.rd-navbar-submenu > ul > li > ul > li:hover
                                { border:1px solid #FFF !important;
                                  background:var(--light-alpha2) !important; }
}
@media (min-width:992px)    { 
}
@media (min-width:1200px)   {
}
@media (min-width:1400px)   {
}
 
.slick-track{ margin-left:0; }
    </style>
    <!-- Last, so fancybox-morph classes can prioritize of all others, regardless of responsive classes in earlier css-->
    <link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/gh/fancyapps/fancybox@3.5.7/dist/jquery.fancybox.min.css" />
    <link rel="stylesheet" type="text/css" href="/css/fancybox-morphing.css" />
<!-- GOOGLE SCRIPTS FOR ANALYTICS AND ADWORDS CONVERSION TRACKING (Needs cleanup)-->    
<!-- Google tag (gtag.js) -->
<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-XST7J4P2EK"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());
  gtag('config', 'G-XST7J4P2EK');
</script>
  
  <!-- Global site tag (gtag.js) - Google Analytics -->
  <script async src="https://www.googletagmanager.com/gtag/js?id=G-45R40L432R"></script>
  <script>
    window.dataLayer = window.dataLayer || [];
    function gtag() { dataLayer.push(arguments); }
    gtag('js', new Date());
    gtag('config', 'G-45R40L432R');
  </script>
<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": ["WebPage", "LegalService"],
  "mainEntityOfPage": {
    "@type": "WebPage",
    "@id": "https://sfg.legal/iframes/ernie.asp"
  },
  "publisher": {
    "@type": "Organization",
    "name": "SFG Paralegal Services LLP, Legal Help and Notary Services",
    "url": "https://sfg.legal/",
    "logo": {
      "@type": "ImageObject",
      "url": "https://api.urlbox.io/v1/F4UVscE5zgqc3BVd/611c296bff8a049b175d198090d81d7d7e5b2ef5/jpg?url=https%3A%2F%2Fsfg.legal&width=1000&height=1000&quality=95&user%5Fagent=urlbox"
    }
  },
  "spatialCoverage": "Ontario, Canada",
  "description": ". ",
  "url": "https://sfg.legal/iframes/ernie.asp",
  "headline": "",
  "keywords": "",
  "primaryImageOfPage": {
    "@type": "ImageObject",
    "url": "https://api.urlbox.io/v1/F4UVscE5zgqc3BVd/611c296bff8a049b175d198090d81d7d7e5b2ef5/jpg?url=https%3A%2F%2Fsfg.legal&width=1000&height=1000&quality=95&user%5Fagent=urlbox"
  },
  "specialty": ["Law", "Legal Help"],
  "copyrightYear": "2026",
  "breadcrumb": {
    "@type": "BreadcrumbList",
    "itemListElement": [
      {
        "@type": "ListItem",
        "position": 1,
        "name": "Home",
        "item": "https://sfg.legal/EN"
      },
      {
        "@type": "ListItem",
        "position": 2,
        "name": "About",
        "item": "https://sfg.legal/EN/about"
      }
    ]
  },
  "priceRange": "$$",
  "openingHoursSpecification": [
    {
      "@type": "OpeningHoursSpecification",
      "dayOfWeek": ["Monday", "Tuesday", "Wednesday", "Thursday", "Friday"],
      "opens": "09:00",
      "closes": "17:00"
    }
  ],
  "contactPoint": {
    "@type": "ContactPoint",
    "telephone": "+18883980121",
    "email": "sglass@sfglegal.ca",
    "contactType": "Customer Service",
    "areaServed": "Ontario, Canada",
    "address": {
      "@type": "PostalAddress",
      "streetAddress": "10265 Yonge Street, Suite 200",
      "addressLocality": "Richmond Hill",
      "addressRegion": "Ontario",
      "postalCode": "L4C 4Y7",
      "addressCountry": "Canada"
    }
  }

  ,
  "sameAs": [

    "//facebook.com/sfglegal",

    "//ca.linkedin.com/company/sfg-paralegal-services",

    "https://sfg.legal/rss"
  ]
  
}
</script> 
  </head>
  <body style="xoverflow-x:hidden;">
    <main id="oMainArticleContent">
      <article class="sURLFacebooksURLLinkedIn">    

<script>
    function doSubmitErnie() {
      if ($.trim($('#sPrompt').val()).length >= 5) {
        doSwalWithTimer('success', 'Prompt Received', 'Give me a moment to work on a response.', 60000, true, 'success');
        $('#oFormErnieAsk').submit();
      } else {
        doSwalWithTimer('error', 'Error!', 'Input must include more information.', 3000, true, 'danger');
      }
    };
    function doConfirmArchiveErnie() {
      var obj = obj;
      Swal.fire({
        title: 'Clear the Conversation?',
        text: "Are you sure?",
        icon: 'question',
        showCancelButton: true,
        confirmButtonColor: 'var(--success)',
        cancelButtonColor: 'var(--danger)',      
        confirmButtonText: 'Yes, clear',
        cancelButtonText:  '<span class="px-1">No, cancel</span>',
        onOpen:() => Swal.getConfirmButton().blur()
      }).then((result) => {
        if (result.isConfirmed) {
          var u=window.location.href,t=u+(u.includes('?')?'&bArchive=True':'?bArchive=True');
          window.location.href=t;
          doSwalWithTimer('success', 'Clearing', 'This might take a moment.', 5000, true, 'success');
        }
      })
    };    
</script>
<form id="oFormErnieAsk" class="mb-0" method="post" action="/iframes/ernie.asp" target="_self">
<div class="p-5">
    <input type="hidden" name="bConversational" value="True" />
    <input type="hidden" name="bIsErnie" value="True" /><!-- For PostBack URLs to know source -->
    <div class="row">
      <div class="col-12">
        <span class="d-none d-md-inline-block">Good Afternoon;</span>
        <img class="pull-left mr-4 ml-2 mb-3-" style="max-height:3.333em; transform:scaleX(-1.67) scaleY(1.67);" src="/files/AMBX545453KPG5T/images/wm-robot/welcome-blue.png" />        
        <h4 class="mt-1- pl-2">
          I'm Ernie, <span class="d-none d-md-inline">an AI Bot...</span>
        </h4>
      </div>
    </div>
    <div class="form-row mt-1">
      <div class="col-12">
        <div class="bg-primary rounded p-1">
          <div class="form-label-group input-group mb-0">
            <input type="text" class="characters-remain form-control form-control-lg ml-1" id="sPrompt" name="sPrompt" onkeydown="javascript:if(event.keyCode===13){event.preventDefault();doSubmitErnie()};" value="" maxlength="1023" />  
            <label class="text-primary" for="sPrompt">What is your Prompt | Question:</label>
            <div class="input-group-append" style="transform:scale(.97); margin-top:-.5px;">
              <span onclick="javascript:doSubmitErnie();" class="cursor-pointer input-group-text text-white btn-success border-0 btn-lg px-lg-3" style="border:2px solid var(--success-light); border-left:3px solid var(--primary) !important; margin-left:-1px;">
                Prompt&nbsp;<i class='ml-1 mr-1 fad fa-question-square fa-xlg'></i>
              </span>
              <span onclick="javascript:doConfirmArchiveErnie();" class="cursor-pointer input-group-text text-white btn-danger border-0 btn-lg px-lg-3" style="border:2px solid var(--danger-light); border-left:4px solid var(--primary) !important; margin-left:.5px;">
                Clear&nbsp;<i class='ml-1 mr-1 fad fa-times-square fa-xlg'></i>
              </span>
            </div>          
          </div>
        </div>          
      </div>
    </div>
  <div class="row" style="min-height:680px;">
    <div class="col-8">
      <small class="mt-1 mb-3 mx-1 text-gray" style="font-size:.67em;">
        Information here is not professional advice.&nbsp; There is no guarantee of accuracy or timeliness.&nbsp; This information alone should not be acted on.&nbsp;

        </small>

        <div class="mx-1 mt-4">
          <p>I am here to help you navigate and understand SFG Paralegal Services LLP.&nbsp; I can:</p>
          <ul>
            <li class="text-smaller">Offer insights and basic service details.</li>
            <li class="text-smaller">Answer general questions, especially the frequently asked ones.</li>
            <li class="text-smaller">Guide you through the content of this website.</li>
            <li class="text-smaller">Provide immediate assistance and support: 24/7.</li>
          </ul>
          <p>Feel free to ask me questions related to SFG Paralegal Services LLP.</p>
        </div>

        <div class="mx-1 mt-4">
          <div class="bg-light px-3 py-2 img-thumbnail border-0">
            <p class="text-smaller grayscale mb-0">
              <a href="javascript:parent.$('#modal-morph-trigger-search').trigger('click');"><span>Sitemap and Search <i class="fa-solid fa-search fa-1x"></i></span></a>
              |
              <a href="/privacy-and-cookies" target="_parent">Privacy &amp; Cookies</a>
              |
              <a href="/terms-of-use" target="_parent">Terms of Use</a>
              |
              <a href="https://openai.com/safety" target="_blank">AI Safety & Responsibility</a>                            
            </p>
          </div>
          <p class="mt-4 font-open-sans font-weight-normal text-success h5 w-25 text-nowrap" style="line-height:0.85em; font-family:open sans !important;">
            <span class="float-left"><i class="fa-brands fa-expeditedssl mr-2 mt-1 fa-lg"></i></span> <strong class="font-weight-bold">SSL</strong> Secured
            <small class="mt-1">Trusted: https://sfg.legal</small>
          </p>            
        </div>
      </div>
      <div class="col-4 mt-1">

        <iframe src="/iframes/ernie.asp?sSlug=/form-contact.asp" width="100%" class="h-100 mt-2" scrolling="no" frameborder="0"></iframe> 
      </div>
    </div>
    <a class="d-none" href="https://openai.com" target="_blank"><img class="pull-right mb-5 ml-3 mt-3" style="position:absolute; bottom:-.5em; right:3.33em; max-height:1.5rem; filter:opacity(.8);" src="/files/DLWKZR4630BCWMR/images/logos/logo-openai.png" /></a>
  </div>
</form>

      </article>
    </main>
  <!-- Latest Version of jQuery { January 2020 } -->
  <!-- Monstroid Version of jQuery AND MANY OTHER THINGS { Bloated Code :( } -->

  <script src="//cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"></script>
  <script src="/js/core.min.js?4/3/2026 2:18:52 PM"></script>
    
  <!-- jQuery UI -->
<script src="/millenium/assets/js/plugin/jquery-ui-1.12.1.custom/jquery-ui.min.js"></script>
<script disabled-by-steve-temp-src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>

<script src="/millenium/assets/js/plugin/jquery-ui-touch-punch/jquery.ui.touch-punch.min.js"></script>
<!-- Cleave Formatting Library -->
<!-- script src="https://cdn.jsdelivr.net/npm/cleave.js@1.6.0/dist/cleave.min.js"></script  //-->
<script src="/js/cleave.js"></script>
<script src="/js/cleave-phone.ca.js"></script>

<script src="/js/jquery-key-restrictions.min.js"></script>  <!-- Added February 3 2023 -->

<!-- Moment JS / Date / Time Manipulation-->
<!-- <script src="/millenium/assets/js/plugin/moment/moment.min.js" defer></script>  -->
 

<!-- Datatables https://datatables.net/ -->
<script src="//cdn.datatables.net/1.10.20/js/jquery.dataTables.min.js" defer></script>
<!-- https://github.com/isocra/TableDnD/  April 16 2020, drag n drop table rows?? -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/TableDnD/0.9.1/jquery.tablednd.js" integrity="sha256-d3rtug+Hg1GZPB7Y/yTcRixO/wlI78+2m08tosoRn7A=" crossorigin="anonymous" defer></script>


<!-- Bootstrap Notify -->
<!-- <script src="/millenium/assets/js/plugin/bootstrap-notify/bootstrap-notify.min.js" defer></script>  -->

<!-- Bootstrap Toggle -->
<script src="/millenium/assets/js/plugin/bootstrap-toggle/bootstrap-toggle.min.js" defer></script>

<!-- DateTimePicker -->
<script not-using-src="/millenium/assets/js/plugin/datepicker/bootstrap-datetimepicker.min.js" defer></script>

<!-- Bootstrap Tagsinput -->
<script src="/millenium/assets/js/plugin/bootstrap-tagsinput/bootstrap-tagsinput.min.js"></script>

<!-- Bootstrap Wizard -->
<script not-using-src="/millenium/assets/js/plugin/bootstrap-wizard/bootstrapwizard.js"></script>

<!-- jQuery Validation -->
<script src="/millenium/assets/js/plugin/jquery.validate/jquery.validate.min.js" defer></script>

<!-- 
  Sweet Alert, Latest as of March 6 2021 
  Sync and other things need to be re-written to rely on SweetAlert2 before removing the old SweetAlert/millenium plugin
-->
<script src="/millenium/assets/js/plugin/sweetalert/sweetalert.min.js" defer></script>
<script src="https://cdn.jsdelivr.net/npm/sweetalert2@11/dist/sweetalert2.min.js"></script>
<script src="/js/sweetalert2-functions.js"></script>

<!-- Millenium JS -->
<script src="/millenium/assets/js/millenium.min.js"></script>

<script>
//  document.addEventListener("DOMContentLoaded", function () {
//    // Check if the page is NOT inside an iframe
//    if (window.self === window.top) {
//      window.addEventListener('beforeunload', function (e) {
//        if (!Swal.isVisible()) {
//            doSwalWithTimer('success', 'OK!', 'Your page request is loading.', 10000, true, 'success');
//        }
//      });
//    }
//  });

  function doCardCheckSum(sCreditCard, x){
    if(sCreditCard === "5555555555555555") return true;
    let iSum = 0, bAlternate = false;
    for(let iLoop = sCreditCard.length - 1; iLoop >= 0; iLoop--){
      let iDigit = sCreditCard.charCodeAt(iLoop) - 48;
      if(bAlternate){
        iDigit = iDigit * 2;
        if(iDigit > 9) iDigit = iDigit - 9;
      }
      iSum = iSum + iDigit;
      bAlternate = !bAlternate;
    }
    return (iSum % 10) === 0;
  }
  $(function(){
    $('.format-creditcard-number').on('focus', function(){
      if(this.value === 'Invalid Card Number') {this.value=''};
    }).on('blur', function(){
      let sCreditCard = this.value.replace(/[^\d]/g, '');
      if(!doCardCheckSum(sCreditCard, null)){
        this.style.borderColor = 'var(--danger)';
        this.value = 'Invalid Card Number';
      }else{
        this.style.borderColor = '#ECECF3';
      }
    });
  });


  function doToggleFieldTypePassword(obj) {
    var passwordField = obj;
    if (passwordField.type === "password") {
      passwordField.type = "text";
    } else {
      passwordField.type = "password";
    }
  }                  
</script>

<script disabled-november-2025-src="https://platform-api.sharethis.com/js/sharethis.js#property=63fa42399601ba00121e309f&product=inline-share-buttons&source=platform" async="async">
</script>

<script>
  $(document).ready(function() {
      $('select[name="iColorPaletteBrightness"], select[name="iColorPaletteSaturation"]').select2();
      $(document).on('change', 'select[name="iColorPaletteBrightness"], select[name="iColorPaletteSaturation"]', function() {
          var brightness = $('select[name="iColorPaletteBrightness"]').val();
          var saturation = $('select[name="iColorPaletteSaturation"]').val();
          $('#oColorPaletteStripe').css('filter', 'brightness(' + brightness + ') saturate(' + saturation + ')');
      });
  });
</script>

<script type="text/javascript">
  $(document).ready(function() {

    $(".rd-navbar").css({
      "visibility": "visible",
      "opacity": "1"
    });

  //Confirm subscription plan downgrade?
  var $select = $('#iPlanType'); 
    if ($select.length) {
      if (!$select.hasClass("select2-hidden-accessible")) $select.select2();
      $select.data('previous', parseInt($select.val(), 10));
      $select.on('select2:selecting', function(e) {
        var previousValue = parseInt($(this).data('previous'), 10), newValue = parseInt(e.params.args.data.id, 10);
        if (newValue >= previousValue) {
          $(this).data('previous', newValue);
          return;
        }
        e.preventDefault();
        doSwalConfirm('Are you sure?', 'Changing to a lower plan will result in some loss of content,&nbsp;data,&nbsp;functionality,&nbsp;and&nbsp;services.<small class="mt-2 text-danger strong">WARNING: Lost content and data cannot be undone.</small>').then((result) => {
          if (result) {
            $(this).data('previous', newValue);
            $(this).val(newValue).trigger('change');
          } else {
            $(this).val(previousValue).trigger('change');
          }
        });
      });
    }

    $('.copy-to-clipboard').click(function() {
      navigator.clipboard.writeText($(this).text());
      doSwalWithTimer('info','Copied!','',1250,true,'var(--info)');
    });   
    $('.copy-to-clipboard-sibling-div').click(function() {
      navigator.clipboard.writeText($(this).closest('div').find('div').text());
      doSwalWithTimer('info','Copied!','',1250,true,'var(--info)');
    });       

    // Popover on hover versus default of click
    $('.popover-hover').popover({ trigger: 'hover', html: true });

    // Initialise the table as drag-n-drop
    $("#oTableAdminNavbar").tableDnD({
      onDragClass:'drag-table-row',
      onDrop:function(table, row) {
        alert('Hi'); // WTF?? IS THIS SCRIPT EVEN IN PLAY - THIS NOTE DATED 2020-05-08
      }
    });
    // - End Drag-n-Drop
    // -Tags Input
    $('.bootstrap-tagsinput').sortable({
        update: function() {
          var $self = $(this);
          var tags = $self.find('span.tag').map(function(){return $(this).text();}).get();
          $self.parent().find('input[class!="ui-sortable-handle"]').val(tags.join(','));
        }
    });    
    // -End Tags Input 
  }); 
</script>

    

<script>
  // Added 2021-March-12, unverified, untested.
  // Smooth Scroll Hash/anchors
  // Select all links with hashes
$('xxxxxa[href*="#"]')
  // Remove links that don't actually link to anything
  .not('[href="#"]')
  .not('[href="#0"]')
  .not('[role="button"]')
  .click(function(event) {
    // On-page links
    if (
      location.pathname.replace(/^\//, '') == this.pathname.replace(/^\//, '') 
      && 
      location.hostname == this.hostname
    ) {
      // Figure out element to scroll to
      var target = $(this.hash);
      target = target.length ? target : $('[name=' + this.hash.slice(1) + ']');
      // Does a scroll target exist?
      if (target.length) {
        // Only prevent default if animation is actually gonna happen
        event.preventDefault();
        $('html, body').animate({
          scrollTop: target
        }, 1000, function() {
          // Callback after animation
          // Must change focus!
          var $target = $(target);
          $target.focus();
          if ($target.is(":focus")) { // Checking if the target was focused
            return false;
          } else {
            $target.attr('tabindex','-1'); // Adding tabindex for elements not focusable
            $target.focus(); // Set focus again
          };
        });
      }
    }
  });
</script>


<script>
  //FROM AI, January 29 2024   Unknown conflicts
  document.addEventListener('DOMContentLoaded', function() {
    var scrollLinks = document.querySelectorAll('a[href^="#"]:not([href="#"]):not([href="#0"]):not([href^="#tabs"]):not([role="button"])');
      for (var i = 0; i < scrollLinks.length; i++) {
          scrollLinks[i].addEventListener('click', function(event) {
              var targetId = this.getAttribute('href');
              var targetElement = document.querySelector(targetId);
              if (targetElement) {
                  event.preventDefault();
                  var targetPosition = targetElement.getBoundingClientRect().top + window.pageYOffset - 115;
                  window.scrollTo({
                      top: targetPosition,
                      behavior: 'smooth'
                  });
              }
          });
      }
  });
</script>



<script>
  // FORM FIELDS: AVALABLE CHARACTER LENGTH REMAINING
	$('.characters-remain').on('keyup', function () {
    if (this.clientHeight < this.scrollHeight) {
      this.style.height = (this.scrollHeight) + 5 + 'px';  //ADDED ON JULY 13 2021
    };
		var x = '';
		var w = $(this).width();
		if (w > 200) {
			x = ' characters remain';  // PROBLEMATIC IF WEBSITE IS MULTILINGUAL
		}
    var l = $(this).val().length;
    var m = $(this).attr('maxLength');
		var o = $(this).parent().find('label');
		var h = o.html();
		i = h.indexOf(' <span ');
		if (i>-1) {
			h = h.substring(0, i);
		}
		if (l>0) {
			//o.html(h + ' <span class="text-smaller text-success">' + (m-l) + '/' + m + ' ' + x + '</span>' ); // 5/20 (show of how many)
      o.html(h + ' <span class="text-smaller text-success">' + (m-l) + ' ' + x + '</span>' ); // 5 (show simply how many)
		} else {
			o.html(h);
		}
});

$('.characters-remain-tagsinput').each(function(){ $(this).data('initialized',false); });
$('.characters-remain-tagsinput').on('input change keyup',function(){
  var $this=$(this);
  if(this.clientHeight<this.scrollHeight){ this.style.height=(this.scrollHeight+5)+'px'; }
  var x=window.langCharactersRemain||' characters remain';
  var l=$this.val().length;
  var m=parseInt($this.attr('maxlength'),10);
  var $label=$this.parent().find('label');
  var h=$label.html();
  var i=h.indexOf(' <span ');
  if(i>-1){ h=h.substring(0,i); }
  var remaining=m-l;
  if(remaining>20){
    $label.html(h+' <span class="text-smaller text-success">'+remaining+'/'+m+x+'</span>');
    $this.prev('.bootstrap-tagsinput').children('input').show();
  }else{
    $label.html(h+' <span class="text-smaller text-danger">'+remaining+'/'+m+x+'</span>');
    if(remaining<5){
      var $tags=$this.prev('.bootstrap-tagsinput');
      $tags.children('span').last().remove();
      $tags.children('input').hide();
      $label.html(h+' <span class="text-smaller text-danger">0'+x+'</span>');
      if($this.data('initialized')){
        Swal.fire({title:'Limit Reached!',text:'You cannot add more keyword tags.',icon:'error',showConfirmButton:false,showCancelButton:true,cancelButtonColor:'var(--danger)',cancelButtonText:'OK'});
      }
    }
  }
  $this.data('initialized',true);
});
</script>

  <script src="//cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.min.js" defer></script>
    <script src="/js/script.js"></script>
    <script src="/js/custom.script.js?4/3/2026 2:18:52 PM"></script>
    <script src="/files/AMMURW31413H4YW/js/custom.js?4/3/2026 2:18:52 PM"></script>
    <script src="/js/lazysizes.min.js">
      // https://github.com/aFarkas/lazysizes
    </script>
    <script src="//cdn.jsdelivr.net/gh/fancyapps/fancybox@3.5.7/dist/jquery.fancybox.min.js" defer></script>
    <script src="/js/fancybox-morphing.js"></script><!-- Added 2020 APR 17 //-->
    <script>
      function doIframeResizeheight(obj) {
        if (!obj || !obj.contentWindow || !obj.contentWindow.document) return;
        function tryResize(attempts = 5) {
          try {
            let newHeight = obj.contentWindow.document.documentElement.scrollHeight;
            obj.style.height = newHeight + 'px';
          } catch (e) {
            // iframe not ready? ignore
          }
          if (attempts > 1) {
            setTimeout(() => tryResize(attempts - 1), 300); // retry after short delay
          }
        }
        // slight initial delay to let iframe content settle
        setTimeout(() => tryResize(), 100);
      }
    </script>
    <script>
      function doShadeColor2(color, percent) {
        var f = parseInt(color.slice(1), 16), t = percent < 0 ? 0 : 255, p = percent < 0 ? percent * -1 : percent, R = f >> 16, G = f >> 8 & 0x00FF, B = f & 0x0000FF;
        return "#" + (0x1000000 + (Math.round((t - R) * p) + R) * 0x10000 + (Math.round((t - G) * p) + G) * 0x100 + (Math.round((t - B) * p) + B)).toString(16).slice(1);
      }
      function doColorChanged(color, colorClass) {
        if ((/^#([A-Fa-f0-9]{6}|[A-Fa-f0-9]{3})$/i.test(color))) {
          color = color.toUpperCase();
          $('#oColor' + colorClass + 'Picker').val(color);
          $('#sColor' + colorClass).val(color);
          $('#oBtn' + colorClass + 'ColorInput').val(color);
          $('#oBtn' + colorClass + 'Color').css('background-color', color);
          var sColorDark    = doShadeColor2(color, -0.25).toUpperCase(); 
          var sColorLight   = doShadeColor2(color, 0.25).toUpperCase(); 
          var sColorInvert  = doColorInvert(color).toUpperCase(); 
          $('#oBtn' + colorClass + 'ColorDarkInput').val(sColorDark);
          $('#oBtn' + colorClass + 'ColorDark').css('background-color', sColorDark);
          $('#oBtn' + colorClass + 'ColorLightInput').val(sColorLight);
          $('#oBtn' + colorClass + 'ColorLight').css('background-color', sColorLight);
          $('#oBtn' + colorClass + 'ColorInvert').css('background-color', sColorInvert);
        } else {
          swal('Error!', 'A valid "RGB color code" is required.', { icon: 'error', buttons: { confirm: { className: 'btn btn-danger'}} });
          $('#sColor' + colorClass).val($('#oColor' + colorClass + 'Picker').val());
        }
      };
      function doColorInvert(hexTripletColor) {
        var color = hexTripletColor;
        color = color.substring(1); // remove #
        color = parseInt(color, 16); // convert to integer
        color = 0xFFFFFF ^ color; // invert three bytes
        color = color.toString(16); // convert to hex
        color = ("000000" + color).slice(-6); // pad with leading zeros
        color = "#" + color; // prepend #
        return color;
    }
    </script>

    <script>
  // We'll store the interval ID so we can clear it later
  let flashIconsInterval;
  // This function starts the flashing via setInterval (your existing logic unchanged)
  function startFlashingIcons() {
    flashIconsInterval = setInterval(function() {
      $('.flash-icon-square, .flash-icon-chevron').each(function() {
        var $t  = $(this),
            cc  = $t.attr('class').split(/\s+/),
            tc  = cc.find(c => /^fa-square-/.test(c)); 
        if (tc) {
          // Currently in "fa-square-XXX" => switch to plain "fa-square"
          $t.removeClass(tc).addClass('fa-square');
          // Store the original class so we can swap back
          $t.data('toggle', tc);
        }
        else if ($t.data('toggle')) {
          // It's in "fa-square" => revert to stored "fa-square-XXX"
          $t.addClass($t.data('toggle')).removeClass('fa-square');
        }
      });
    }, 500);
    $('.wm-robot-wrapper').removeClass('wm-robot-no-wave');
    $('.slick-initialized').slick('slickPlay');
    $('video').each(function() {this.play();}); 
    $('body').removeClass('wm-accessibility-reduce-motion');
    $.post('/ajax/cookie-set.asp', { sName:'wm-accessibility-reduce-motion', sValue:'', sExpires:0 });
  }
  // This function stops the flashing and reverts any "fa-square" icons to their original "fa-square-XXX" 
  function stopFlashingIcons() {
    // Stop toggling
    clearInterval(flashIconsInterval);
    // Revert icons stuck in "fa-square" back to their stored "fa-square-XXX"
    $('.flash-icon-square, .flash-icon-chevron').each(function() {
      var $t  = $(this),
          cc  = $t.attr('class').split(/\s+/),
          isSquare = cc.includes('fa-square'),
          storedVariant = $t.data('toggle');
      // If it's currently "fa-square", revert to the stored variant
      if (isSquare && storedVariant) {
        $t.removeClass('fa-square').addClass(storedVariant);
      }
    });
    $('.wm-robot-wrapper').addClass('wm-robot-no-wave');
    $('.slick-initialized').slick('slickPause');
    $('video').each(function() {this.pause();});
    $('body').addClass('wm-accessibility-reduce-motion');
    $.post('/ajax/cookie-set.asp', { sName:'wm-accessibility-reduce-motion', sValue:'True', sExpires:365 });
  }
  // On page load, start flashing, and wire up the button to toggle
  $(document).ready(function() {
    setInterval(function(){
        $('.flash-duotone').each(function(){
            var c=$(this).css('--fa-secondary-opacity')||"1";
            var n=(c.trim()==="1")?"0":"1";
            $(this).css('--fa-secondary-opacity',n);
        });
    },500);

    startFlashingIcons();
    let flashingEnabled = true;
   
    // Toggle on button click
    $('#oToggleFlashingIcons').on('click', function() {
      if (flashingEnabled) {
        stopFlashingIcons();
      } else {
        startFlashingIcons();
      }
      flashingEnabled = !flashingEnabled;
    });
  });
</script>



    <script>
      $(document).ready(function() {
        if ($('#oLengthReadMinutes').length && $('#oBreadcrumbLengthRead').length) {
          var iMinutes = parseInt($('#oLengthReadMinutes').text(), 10);
          $('#oBreadcrumbLengthRead').text( iMinutes + ' minute read');
        };   

  // Default text made rigid for the sPrompt field //
  if ($('#oEditorAceHTML').length > 0 && $('#sPrompt').length > 0) {
    var $sPrompt = $('#sPrompt');
    var defaultText = $sPrompt.val();
    function setDefaultTextAndCursor() {
        $sPrompt.val(defaultText);
        var textLen = $sPrompt.val().length;
        $sPrompt[0].selectionStart = $sPrompt[0].selectionEnd = textLen;
        $sPrompt.focus();
    }
    setDefaultTextAndCursor();
    $sPrompt.on('input change', function() {
        var currentValue = $sPrompt.val();
        if (!currentValue.startsWith(defaultText)) {
            setDefaultTextAndCursor();
        }
    });
    $sPrompt.focus(function() {
        var value = $sPrompt.val();
        if (value === defaultText) {
            var textLen = value.length;
            $sPrompt[0].selectionStart = $sPrompt[0].selectionEnd = textLen;
        }
    });
}        

        setTimeout(function() {
          $('.show-as-default-temporary').collapse('hide');  // Use 'hide' to close the accordion
        }, 0);  // 0 milliseconds 

        $('.unit-gateway').hover(
        function() {
            // Mouse enter function
            var $btn = $(this).find('.btn-primary, .btn-secondary');
            if ($btn.hasClass('btn-primary')) {
                $btn.removeClass('btn-primary').addClass('btn-secondary');
            } else if ($btn.hasClass('btn-secondary')) {
                $btn.removeClass('btn-secondary').addClass('btn-primary');
            }
        }, 
        function() {
            // Mouse leave function
            var $btn = $(this).find('.btn-primary, .btn-secondary');
            if ($btn.hasClass('btn-primary')) {
                $btn.removeClass('btn-primary').addClass('btn-secondary');
            } else if ($btn.hasClass('btn-secondary')) {
                $btn.removeClass('btn-secondary').addClass('btn-primary');
            }
        }
    ); 
    
    if ($('.parallax-video').length > 0) {
        $(window).scroll(function(){
            var scrollTop = $(this).scrollTop();
            $('.parallax-video').css('top', scrollTop / 15 + 'px');
        });
    };

    $('img.fancybox-gallery').each(function() {
      var imgSrc = $(this).attr('src');
      $(this).wrap('<a href="' + imgSrc + '" data-fancybox="gallery"></a>');
    });        

    $('.clear-input').click(async function() {
      const confirmResult = await doSwalConfirm('Confirm Action', 'Are you sure you want to clear the input?');
      if (confirmResult) {
        $(this).closest('.form-label-group').find('.form-control').val('');
      }
    });

if (typeof oEditorAceHTML !== "undefined" && oEditorAceHTML) {
    function updateCharacterCountHTML() {
        var content = oEditorAceHTML.getValue();
        var iCharacterCountHTML = content.length;
        $('#iCharacterCountHTML').text(iCharacterCountHTML);
    }
    updateCharacterCountHTML();
    oEditorAceHTML.getSession().on('change', updateCharacterCountHTML);
}
if (typeof oEditorAceTEXT !== "undefined" && oEditorAceTEXT) {
    function updateCharacterCountTEXT() {
        var content = oEditorAceTEXT.getValue();
        var iCharacterCountTEXT = content.length;
        $('#iCharacterCountTEXT').text(iCharacterCountTEXT);
    }
    updateCharacterCountTEXT();
    oEditorAceTEXT.getSession().on('change', updateCharacterCountTEXT);
}


        $('iframe.h-100').each(function() {
          $(this).css('height', '100%');
        });

        $('img.img-thumbnail').filter(function() {
          return $(this).parent().is(':not(a)');
          }).each(function(index) {
          $(this).wrap('<a data-fancybox="gallery" href="' + $(this).attr('src') + '"></a>');
          $('a:has(img.img-right)').addClass('img-right');
          $(this).removeClass('img-right');
          $('a:has(img.img-left)').addClass('img-left');
          $(this).removeClass('img-left');
        });
        $.fancybox.defaults.loop = true;
        $.fancybox.defaults.autoPlay = true;
        $.fancybox.defaults.playSpeed = 1000;
      });

      $(document).ready(function(){
        var iHeightRow = $('.aside-shell').closest('.aside-shell').height();
        var iHeightObj = $('.aside-item-height').height();
        if ( iHeightRow - iHeightObj >= 300 ) {
          $('.test-height-active').removeClass('d-none');
        };
        if ( iHeightRow - iHeightObj >= 775 ) {
          $('#oContainerFormContactAside').removeClass('d-none');
        };
        if ( iHeightRow - iHeightObj >= 1025 ) {
          $('#oWrapperAsideAdVertical').toggleClass('d-none d-inline-block');
        };
        if ( iHeightRow - iHeightObj >= 1250 ) {
          $('#oAsideAdVerticalImage').toggleClass('d-none d-inline-block');
        }; 
      }); 
      
  document.addEventListener('DOMContentLoaded', function () {
    // Select all toggle buttons
    document.querySelectorAll('.toggle-password-btn').forEach(function (toggleButton) {
      toggleButton.addEventListener('click', function () {
        // Find the associated password input. Assumes input is sibling of the toggle button's parent.
        const passwordInput = this.closest('.input-group').querySelector('.toggle-password-field');
        if (!passwordInput) return; // Exit if no input found
        // Toggle the type attribute
        const type = passwordInput.getAttribute('type') === 'password' ? 'text' : 'password';
        passwordInput.setAttribute('type', type);
        // Toggle the icon
        const icon = this.querySelector('i');
        if (icon.classList.contains('fa-eye')) {
          icon.classList.remove('fa-eye');
          icon.classList.add('fa-eye-slash');
        } else {
          icon.classList.remove('fa-eye-slash');
          icon.classList.add('fa-eye');
        }
      });
    });
  });



  $(document).ready(function(){

    var aiFormat = {
      "ai-format-name":     { url: "/ajax/ai-format-name.asp",     key: "sName"  },
      "ai-format-pcase":    { url: "/ajax/ai-format-pcase.asp",    key: "sInput" },
      "ai-format-address1": { url: "/ajax/ai-format-address1.asp", key: "sAddress1" },
      "ai-format-address2": { url: "/ajax/ai-format-address2.asp", key: "sAddress2" }
    };
    $(document).on("blur",
      Object.keys(aiFormat).map(function(c){ return "."+c; }).join(","),
      function () {
        var $el = $(this);
        var v = $el.val();
        if (!v || !v.trim()) return;
        if ($el.data("aiBusy")) return;
        var route = null;
        $.each(aiFormat, function (cls, cfg) {
          if ($el.hasClass(cls)) { route = cfg; return false; }
        });
        if (!route) return;
        var payload = {};
        payload[route.key] = v;
        $el.data("aiBusy", true);
        $.post(route.url, payload)
          .done(function (data) { $el.val(data); })
          .always(function () { $el.data("aiBusy", false); });
      });

    $('.toggle-group-unsubscribe').change(function() {
      var isChecked = $(this).prop('checked');
      $('.toggle-group-unsubscribe').off('change');
      $('.toggle-group-unsubscribe').each(function() {
        if ($(this).prop('checked') !== isChecked) {
          $(this).bootstrapToggle(isChecked ? 'on' : 'off');
        }
      });
      // Enable or disable #bUnsubscribeConfirm based on the state of all toggles
      if ($('.toggle-group-unsubscribe:checked').length === $('.toggle-group-unsubscribe').length) {
        $('#bUnsubscribeConfirm').prop('disabled', false); // Enable when all toggles are on
      } else {
        $('#bUnsubscribeConfirm').bootstrapToggle('off').prop('disabled', true); // Disable and turn off
      }
      $('.toggle-group-unsubscribe').change(arguments.callee);
    });



      //Rating-Stars
      const iRatingStars      = document.querySelectorAll('#oRatingStars.rating-stars .fa-square-star');
      var iRatingStarsCurrent = parseInt($('#oRatingStarsCurrent').val(), 10);
      setRatingStars(iRatingStarsCurrent);
      
      function setRatingStars(index) {
        iRatingStars.forEach((star) => {
          const starIndex = star.getAttribute('data-index');
          if (starIndex <= index) {
            star.classList.add('active');
          } else {
            star.classList.remove('active');
          }
        });
      }
   
     
     $("#iCreditCardNumber").on("blur", function () {
      const cardNumber = $(this).val().replace(/[^0-9]/g, "").trim(); 
      const cardType = getCardType(cardNumber);
      const $iconElement = $('#oCreditCardType');
      $iconElement.removeClass('fa-solid fa-credit-card fa-brands fa-cc-visa fa-cc-mastercard fa-cc-amex');
      switch (cardType) {
          case "Visa":
              $iconElement.addClass('fa-brands fa-cc-visa');
              break;
          case "Mastercard":
              $iconElement.addClass('fa-brands fa-cc-mastercard');
              break;
          case "Amex":
              $iconElement.addClass('fa-brands fa-cc-amex');
              break;
          default:
              $iconElement.addClass('fa-solid fa-credit-card');
      }
      $("#sCreditCardType").val(cardType);
    });
      

    function getCardType(cardNumber) {
        // Ensure the input is numeric and matches card number lengths
        if (!/^\d+$/.test(cardNumber)) {
            return "Invalid Card Number";
        }
        if (cardNumber.startsWith("4") && [13, 16, 19].includes(cardNumber.length)) {
            return "Visa";
        } else if (
            (parseInt(cardNumber.substring(0, 2)) >= 51 && parseInt(cardNumber.substring(0, 2)) <= 55 && cardNumber.length === 16) ||
            (parseInt(cardNumber.substring(0, 4)) >= 2221 && parseInt(cardNumber.substring(0, 4)) <= 2720 && cardNumber.length === 16)
        ) {
            return "Mastercard";
        } else if (
            (cardNumber.startsWith("34") || cardNumber.startsWith("37")) && cardNumber.length === 15
        ) {
            return "Amex";
        } else {
            return "Unknown Card Type";
        }
    };

     // Cleave causes various process errors if not wrapped in a condition to check for whether the input field exists     

     if( $('.format-creditcard-number').length ) {      
        var cleave = new Cleave('.format-creditcard-number', {
            creditCard: true
        });
        var cleave = new Cleave('.format-creditcard-expiry', {
          date: true,
          datePattern: ['m', 'y']
        });
     };    
     if( $('.format-numeric').length ) {          
        var cleave = new Cleave('.format-numeric', {
          numeral: true,
          stripLeadingZeroes: false
        });
     };
    $('.format-year').each(function () {
      new Cleave(this, {
        numeral: true,
        numeralIntegerScale: 4,
        numeralDecimalScale: 0,
        numeralThousandsGroupStyle: 'none',
        stripLeadingZeroes: true
      });
    });
   
     $(".format-alpha-numeric").alphaNumericOnly();

     $('.format-creditcard-number, .format-creditcard-expiry, .format-numeric').css('fontSize', '1.25rem'); 
             

      
      if( $('.format-phone-number-1').length ) {       
        var cleave = new Cleave('.format-phone-number-1', {
          numericOnly: true,
          numeralPositiveOnly: true,
          blocks: [0, 3, 0, 3, 4],
          delimiters: ['(', ')', ' ', '-']
        });                  
      };
      
      if( $('.format-phone-number-2').length ) {       
        var cleave = new Cleave('.format-phone-number-2', {
          numericOnly: true,
          numeralPositiveOnly: true,
          blocks: [0, 3, 0, 3, 4],
          delimiters: ['(', ')', ' ', '-']
        });                  
      };
      
      if( $('.format-phone-number-3').length ) {       
        var cleave = new Cleave('.format-phone-number-3', {
          numericOnly: true,
          numeralPositiveOnly: true,
          blocks: [0, 3, 0, 3, 4],
          delimiters: ['(', ')', ' ', '-']
        });                  
      };
      
      if( $('.format-phone-number-4').length ) {       
        var cleave = new Cleave('.format-phone-number-4', {
          numericOnly: true,
          numeralPositiveOnly: true,
          blocks: [0, 3, 0, 3, 4],
          delimiters: ['(', ')', ' ', '-']
        });                  
      };
      
      if( $('.format-phone-number-5').length ) {       
        var cleave = new Cleave('.format-phone-number-5', {
          numericOnly: true,
          numeralPositiveOnly: true,
          blocks: [0, 3, 0, 3, 4],
          delimiters: ['(', ')', ' ', '-']
        });                  
      };
      
      if( $('.format-phone-number-6').length ) {       
        var cleave = new Cleave('.format-phone-number-6', {
          numericOnly: true,
          numeralPositiveOnly: true,
          blocks: [0, 3, 0, 3, 4],
          delimiters: ['(', ')', ' ', '-']
        });                  
      };
      
      if( $('.format-phone-number-7').length ) {       
        var cleave = new Cleave('.format-phone-number-7', {
          numericOnly: true,
          numeralPositiveOnly: true,
          blocks: [0, 3, 0, 3, 4],
          delimiters: ['(', ')', ' ', '-']
        });                  
      };
      
      if( $('.format-phone-number-8').length ) {       
        var cleave = new Cleave('.format-phone-number-8', {
          numericOnly: true,
          numeralPositiveOnly: true,
          blocks: [0, 3, 0, 3, 4],
          delimiters: ['(', ')', ' ', '-']
        });                  
      };
   
      if( $('.format-phone-number-fax').length ) {       
        var cleave = new Cleave('.format-phone-number-fax', {
          numericOnly: true,
          numeralPositiveOnly: true,
          blocks: [0, 3, 0, 3, 4],
          delimiters: ['(', ')', ' ', '-']
        });                  
      };          
      if( $('.format-postal-code').length ) {       
        var cleave = new Cleave('.format-postal-code', {
          uppercase: true,
          blocks: [3, 3],
          delimiters: [' ']
        });                  
      };
      if( $('.format-uppercase').length ) {       
        var cleave = new Cleave('.format-uppercase', {
          uppercase: true,
          blocks: [255]
        });                  
      }; 
      
      $('.format-at-symbol-prefix').each(function () {
    var $this = $(this);
    var str = $this.val(); // Get the original value of each input
    new Cleave(this, {
        prefix: '@',
        rawValueTrimPrefix: true
    });
    $this.val('@' + str); // Set the value with prefix only for this element
});

      if( $('.format-suffix-question-mark').length ) {   
        var str = $('.format-suffix-question-mark').val();     
        var cleave = new Cleave('.format-suffix-question-mark', {
          suffix: '?'
        });
        $('.format-question-mark-suffix').val(str+'?');
      };

      $('.format-phone-number').toArray().forEach(function(field){
        var cleave = new Cleave(field, {
          numericOnly: true,
          numeralPositiveOnly: true,
          blocks: [0, 3, 0, 3, 4],
          delimiters: ['(', ')', ' ', '-']
        })
      });


      $('.format-phone-number-extension-optional').toArray().forEach(function(field) {
        var cleave = new Cleave(field, {
          numericOnly: true,
          numeralPositiveOnly: true,
          blocks: [0, 3, 0, 3, 4, 4],
          delimiters: ['(', ')', ' ', '-', ' x'],
          delimiterLazyShow: true
        });
      });


      $('.format-percent').toArray().forEach(function(field){
        var cleave = new Cleave(field, {
          prefix: '',
          suffix: '%',
          numericOnly: true,
          stripLeadingZeroes: false,
          numeralPositiveOnly: true,
          delimiter: '.',
          blocks: [2, 1]
        })
      });      

      $('.format-dollar-prefix').toArray().forEach(function(field){
        var cleave = new Cleave(field, {
          prefix: '$',
          numeral: true,
          numeralThousandsGroupStyle: 'thousand'
        })
      });      
      
      $('.format-decimal').toArray().forEach(function(field){
        var cleave = new Cleave(field, {
          prefix: '',
          numericOnly: true,
          stripLeadingZeroes: false,
          numeralPositiveOnly: true,
          delimiter: '.',
          blocks: [1, 2]
        })
      });

      $(document).on("blur", ".format-pcase", function() {
        var obj = this;
        $.post('/ajax/ai-format-pcase.asp', { sInput: obj.value }).done(function(data) {
          $(obj).val(data);
        });
      });
      
      

        $('.has-bg-img').each( function () {
          var bg = $(this).find('img.is-bg-img').attr('src');
          $(this).css('backgroundImage','url('+bg+')');
          $(this).find('img.is-bg-img').remove();
        });

        $('#oTablePageList').DataTable({
          searching: false,
          'language': { 'paginate': { 'previous': 'Prev' } },
          'pageLength': 20,
          'columns': [
          null,
          { 'orderable': false },
          null,
          null,
          null,
          null,
          null,
          null ]
        });

        $('.slick-slider-results-ernie').slick({
          dots:false,
        infinite: true,
        autoplay: true,
        autoplaySpeed: 5000,
        swipeToSlide:true,
        speed: 1000,
        slidesToShow: 3,
        slidesToScroll: 3,
        rows: 1,
        centerMode:false,
        centerPadding: '0px',
        responsive: [
        {
            breakpoint: 1200,
            settings: {
              slidesToShow: 3,
              slidesToScroll: 1
            }
          },    
          {
            breakpoint: 992,
            settings: {
              slidesToShow: 2,
              slidesToScroll: 1
            }
          },
          {
            breakpoint: 576,
            settings: {
              slidesToShow: 1,
              slidesToScroll: 1
            }
          }
        ]
      });       

        $('.cards-slick-slider').slick({
          dots: false,
        infinite: true,
        autoplay: true,
        autoplaySpeed: 3000,
        swipeToSlide:true,
        speed: 500,
        slidesToShow: 3,
        slidesToScroll: 1,
        centerMode: false,
        centerPadding: '35px',
        responsive: [
        {
            breakpoint: 1200,
            settings: {
              slidesToShow: 3,
              slidesToScroll: 1
            }
          },    
          {
            breakpoint: 992,
            settings: {
              slidesToShow: 2,
              slidesToScroll: 1
            }
          },
          {
            breakpoint: 576,
            settings: {
              slidesToShow: 1,
              slidesToScroll: 1
            }
          }
          // You can unslick at a given breakpoint now by adding:
          // settings: "unslick"
          // instead of a settings object
        ]
      });

      $('.slick-slider-dashboard-apps').slick({
          dots:false,
        infinite: true,
        autoplay: true,
        autoplaySpeed: 2000,
        swipeToSlide:true,
        speed: 400,
        slidesToShow: 4,
        slidesToScroll: 1,
        centerMode: true,
        centerPadding: '0px',
        responsive: [
        {
            breakpoint: 1200,
            settings: {
              slidesToShow: 4,
              slidesToScroll: 1
            }
          },    
          {
            breakpoint: 992,
            settings: {
              slidesToShow: 3,
              slidesToScroll: 1
            }
          },
          {
            breakpoint: 576,
            settings: {
              slidesToShow: 2,
              slidesToScroll: 1
            }
          }
        ]
      });

      $('.slick-slider-testimonials-footer').slick({
          dots:false,
        infinite: true,
        autoplay: true,
        autoplaySpeed: 3000,
        swipeToSlide:true,
        speed: 500,
        slidesToShow: 3,
        slidesToScroll: 1,
        centerMode: true,
        centerPadding: '0px',
        responsive: [
        {
            breakpoint: 1200,
            settings: {
              slidesToShow: 3,
              slidesToScroll: 1
            }
          },    
          {
            breakpoint: 992,
            settings: {
              slidesToShow: 2,
              slidesToScroll: 1
            }
          },
          {
            breakpoint: 576,
            settings: {
              slidesToShow: 1,
              slidesToScroll: 1
            }
          }
        ]
      }); 
      
      $('.slick-slider-login').slick({
          dots:false,
        infinite:true,
        autoplay:true,
        autoplaySpeed:2000,
        swipeToSlide:true,
        speed:500,
        slidesToShow:3,
        slidesToScroll:1,
        centerMode:true,
        centerPadding:'0px',
        responsive: [
        {
            breakpoint: 1200,
            settings: {
              slidesToShow: 3,
              slidesToScroll: 1
            }
          },    
          {
            breakpoint: 992,
            settings: {
              slidesToShow: 2,
              slidesToScroll: 1
            }
          },
          {
            breakpoint: 576,
            settings: {
              slidesToShow: 1,
              slidesToScroll: 1
            }
          }
        ]
      });      


    });  

    // DO SUBMITTING FORM...
    function doButtonSubmitFormDataClicked() {
      var sHTML = $('#oButtonSubmitFormData').html();
      if ( sHTML.indexOf('Save') > -1 ) {
        doSwalSave();
      };
      if ( sHTML.indexOf('Search') > -1 ) {
        doSwalSearch();
      };      
      if ( sHTML.indexOf('Send') > -1 ) {
        doSwalSend();
      };
      if ( sHTML.indexOf('Submit') > -1 ) {
        doSwalSend();
      };      
      $('form').submit(function(){ 
        $('#oButtonSubmitFormData').prop('disabled', true);
        return true;
      });
    };       

    // SNACKBAR
    function doSnackbar(sText) {
      alert(sText);
      $('#oSnackbar').text(sText).show();
      setTimeout(function(){$('#oSnackbar').hide()},5000);
    }
    // END SNACKBAR
    </script>

    <script>
      function doUserInvite(sURLInvited,sActionInvite) {
        var sURLInvited   = sURLInvited; 
        var sActionInvite = sActionInvite;
        Swal.fire({
        title: '<strong class="mt-3">Share With a Friend</strong><span class="d-block text-half line-height-125 font-weight-normal">'+ sActionInvite + '</span>',
        html:
          '<iframe src="/widgets/iframe-user-invite.asp?sURLInvited=' + encodeURIComponent(sURLInvited) + '&sActionInvite=' + encodeURIComponent(sActionInvite) + '" title="Send an Invite" scrolling="no" frameborder="0" style="background:#FFF !important; border:0; min-height:400px;"></iframe>',
        showCloseButton:false,
        showCancelButton:false,
        showConfirmButton:false,
        heightAuto:false,
        grow:'column'
      })
      };
    </script>  

<!-- HOTJAR //-->
    

    <script>
      function wm_track_conversions(sConversionType) {
        var c = sConversionType;
        var h = window.location.hostname;
        $.get('https://' + h + '/ajax/log-conversions.asp?sKeyPersona=AMMURW31413H4YW&sConversionType=' + encodeURI(c), function(d, s){
      // Establish conditionals and then call appropriate Google Conversion Tracking script function with proper Google ID set values.  Google scripts are included in <head>
        });
      };
    </script>

  <script>
    $(document).on('blur', '.check-grammar-and-spelling', function() {
      if (this.value.length < 16) return;
      var $lang = $('#oCodeLanguageFormContact');
      if ($lang.length && $lang.val() !== 'EN' && $lang.val() !== '') return;
      doFormFieldCheckGrammarAndSpelling(this.value, function(data) {
        this.value = data;
      }.bind(this));
    });

      function doFormFieldCheckGrammarAndSpelling(sDataToCheck, callback) {
        $.post('/ajax/ai-check-grammar-and-spelling.asp', { sData: sDataToCheck }).done(function(data) { callback(data); });
      };

      function showMicrophonePermissionAlert() {
        Swal.fire({
            icon: 'info',
            title: 'Microphone Permission Needed',
            text: 'Allow microphone access to use this feature.',
            confirmButtonText: 'OK'
        });
      }

    function checkMicrophonePermission() {
        if ('permissions' in navigator) {
          navigator.permissions.query({ name: 'microphone' }).then(function (result) {
              if (result.state !== 'granted') {
                  showMicrophonePermissionAlert();
              }
              // If the permission is 'prompt', the user hasn't granted or denied permission yet.
              // You can choose to show the alert or not based on your requirements.
          });
        }
      }

  document.addEventListener('DOMContentLoaded', function () {
    const microphoneButtons = document.querySelectorAll('.btn-microphone');
    let toggleInterval;

    // Check if the browser supports the Web Speech API
    if ('webkitSpeechRecognition' in window) {
        const recognition = new webkitSpeechRecognition();
        recognition.continuous = false;
        recognition.interimResults = false;
        recognition.lang = 'en-CA'; // Set the language to Canadian English

        // Event handler for when speech recognition results are returned
        recognition.onresult = function (event) {
          const transcript = event.results[0][0].transcript;
          const button = recognition.currentButton;
          const inputElement = button.closest('.input-group').querySelector('textarea, input[type="text"]');
          if (inputElement) {
            doFormFieldCheckGrammarAndSpelling( inputElement.value + transcript, function(correctedData) { inputElement.value = correctedData + ' '; });        
          }
        };

        // Event handler for when the speech recognition service ends
        recognition.onend = function () {
            console.log('Speech recognition service has ended.');
            clearInterval(toggleInterval); // Stop toggling classes
            const button = recognition.currentButton;
            button.classList.remove('btn-success', 'btn-gray');
            button.classList.add('btn-info');
            button.innerHTML = '<i class="fa-solid fa-fw fa-microphone fa-xlg"></i>';
        };

        // Event handler for when the start button is clicked
        microphoneButtons.forEach(button => {
            button.addEventListener('click', function () {
                recognition.currentButton = button; // Associate the button with the recognition instance
                recognition.start();
                var computedStyle = window.getComputedStyle(button);
                // Get the height in pixels and convert it to em units
                var heightInPixels = parseFloat(computedStyle.height);
                var fontSize = parseFloat(computedStyle.fontSize);
                var heightInEm = heightInPixels / fontSize;
                // Check if the height is at least 3em
                if (heightInEm >= 3) {
                    button.innerHTML = '<span class="fa-fw">T<br/>A<br/>L<br/>K<br/></span>';
                } else {
                  button.innerHTML = '<i class="fa-solid fa-fw fa-circle-microphone-lines fa-xlg"></i>'; 
                }
                button.classList.remove('btn-info','btn-success', 'btn-gray', 'btn-primary', 'btn-secondary');
                button.classList.add('btn-gray');
                toggleInterval = setInterval(function () {
                    button.classList.toggle('btn-gray');
                    button.classList.toggle('btn-success');
                }, 500); // Toggle every half second
            });
        });
    } else {
        // Hide the microphone buttons
        microphoneButtons.forEach(button => {
            button.classList.add('d-none');
        });
    }
  });
</script> 


<script>
  $(document).ready(function() {
    if (navigator.platform.indexOf('Win') === -1 && navigator.platform.indexOf('Linux') === -1) {
      // If not on Windows or Linux (i.e., not on a PC), do nothing
      console.log("Speech synthesis not supported on this platform.");
      return;
    } else {
      $('#oFootbarTextToSpeechControls').show();
      //if ($('.wm-text-to-speech').length) {
       // 
      //}
    };
    $('.wm-footbar-control-close').on('click', function(event) {
      var $footbar = $('#oFootbarTextToSpeechControls');
      var newBottomValue = '-36px';
      $footbar.animate({bottom: newBottomValue}, 400);
      $.get('/ajax/cookie-set.asp', { sName: 'iWMFooterPositionBottom', sValue: newBottomValue, sExpires: '' });
      event.stopPropagation(); // Prevent the event from bubbling up to .wm-footbar
    });
    $('.wm-footbar').on('click', function() {
      var $footbar = $('#oFootbarTextToSpeechControls');
      var newBottomValue = '-3px';
      $footbar.animate({bottom: newBottomValue}, 400);
      $.get('/ajax/cookie-set.asp', { sName: 'iWMFooterPositionBottom', sValue: newBottomValue, sExpires: '' });
    });
    $('.wm-footbar').on('mouseover', function() {
      var $footbar = $('#oFootbarTextToSpeechControls');
      if ($footbar.css('bottom') === '-36px') {
        var newBottomValue = '-3px';
        $footbar.animate({bottom: newBottomValue}, 400);
      }
    });
  });  
  var synth = window.speechSynthesis;
  var voices = [];
  var isPlaying = false;
  function populateVoices() {
    voices = synth.getVoices();
  }
  function doSpeakWord(whatToSay) {
    if (navigator.platform.indexOf('Win') === -1 && navigator.platform.indexOf('Linux') === -1) {
      // If not on Windows or Linux (i.e., not on a PC), do nothing
      console.log("Speech synthesis not supported on this platform.");
      return;
    }
    if (voices.length === 0) {
      populateVoices();
    }
    var cleanedText = whatToSay.replace(/&nbsp;/g, ' ').replace(/<\/h4>/g, '</h4>, ').replace(/<\/h5>/g, '</h5>, ').replace(/<\/h6>/g, '</h6>, ').replace(/<\/a>/g, '</a>, ').replace(/<\/li>/g, '</li>, ');
    var utterThis = new SpeechSynthesisUtterance(cleanedText);
    utterThis.volume = 1;  
    utterThis.rate = 1; // 0.67;
    utterThis.lang = 'en-CA';
    utterThis.voice = voices[1] || voices[2]; // Select a specific voice or fallback to voices[1]
    utterThis.onend = function(event) {
      isPlaying = false;
      $('#speech-icon').removeClass('fa-pause').addClass('fa-play');
    };
    synth.speak(utterThis);
    isPlaying = true;
    $('#speech-icon').removeClass('fa-play').addClass('fa-pause');
  }
  function toggleSpeech() {
    if (!isPlaying) {
      // Get the paragraph element
      const wrapperSpeech = $('.wm-text-to-speech');
      // Clone the paragraph element to manipulate its content
      const clonedWrapperSpeech = wrapperSpeech.clone();
      // Find the span with the class 'cloak'
      const span = clonedWrapperSpeech.find('.wm-no-speech');
      // Replace the content of the span with a placeholder or another text
      if (span.length) {
          span.text('*****'); // Cloak the word
      }
      // Pass the altered HTML to the doSpeakWord function
      //doSpeakWord(clonedWrapperSpeech.html());
      doSpeakWord(clonedWrapperSpeech.text());

    } else if (synth.paused) {
      synth.resume();
      $('#speech-icon').removeClass('fa-play').addClass('fa-pause');
    } else {
      synth.pause();
      $('#speech-icon').removeClass('fa-pause').addClass('fa-play');
    }
  }
  function stopSpeech() {
    synth.cancel();
    isPlaying = false;
    $('#speech-icon').removeClass('fa-pause').addClass('fa-play');
  }
  populateVoices(); // Initial call to populate voices
  if (typeof speechSynthesis !== 'undefined' && speechSynthesis.onvoiceschanged !== undefined) {
    speechSynthesis.onvoiceschanged = populateVoices;
  }
</script>

<script>
  $(document).ready(function() {
    // Initial font size and step count
    var baseFontSize = 16;
    var stepCount = 0;
    var maxSteps = 3;

    // Function to set the font size
    function setFontSize(size) {
      $('html').css('font-size', size + 'px');
    }    

    // Function to update button states
    function updateButtonStates() {
      if (stepCount >= maxSteps) {
        $('#oFontSizeIncrease').prop('disabled', true);
        $('#oFontSizeIncrease').addClass('opacity-50');
      } else {
        $('#oFontSizeIncrease').prop('disabled', false);
        $('#oFontSizeIncrease').removeClass('opacity-50');
      }

      if (stepCount <= -maxSteps) {
        $('#oFontSizeDecrease').prop('disabled', true);
      } else {
        $('#oFontSizeDecrease').prop('disabled', false);
      }
    }

    // Increase font size
    $('#oFontSizeIncrease').on('click', function() {
      if (stepCount < maxSteps) {
        baseFontSize += 2;
        stepCount++;
        setFontSize(baseFontSize);
        updateButtonStates();
      }
    });

    // Decrease font size
    $('#oFontSizeDecrease').on('click', function() {
      if (stepCount > -maxSteps) {
        baseFontSize -= 2;
        stepCount--;
        setFontSize(baseFontSize);
        updateButtonStates();
      }
    });

    // Reset font size
    $('#oFontSizeReset').on('click', function() {
      baseFontSize = 16;
      stepCount = 0;
      setFontSize(baseFontSize);
      updateButtonStates();
    });
    $('#oContrastToggle').on('click', function () {
      const wrapper = $('.control-accessibility-contrast'); // Target the wrapping div
      if (wrapper.css('filter') === 'none' || wrapper.css('filter') === '') {
        wrapper.css('filter', 'brightness(0.8) contrast(2)'); // Apply the filter
      } else {
        wrapper.css('filter', 'none'); // Remove the filter
      }
    });

    // Initial state update
    updateButtonStates();
  });

  //This must be after select2 is intialized and stable
	jQuery(function ($) {
    $(document).on('select2:select change', '#sSidebarColor', function () {
			var varName = '--' + this.value;
			var computedColor = getComputedStyle(document.documentElement).getPropertyValue(varName).trim();
			$('#oColorSidebarsPicker').val(computedColor);
    });
	});  
</script>

<script>
  function doHelpfulUserFeedback(bHelpfulUserFeedback) {
    swal("Thanks for the feedback!", "Your input helps us to improve this website.", {icon : "success",buttons: {confirm: {className : 'btn btn-success'}},});
    $('#oTitlebarHelpfulUserFeedback').remove();  
  }
</script>    
  </body>
</html>