body,html{
    display: block;
    position: relative;
    left:3px;
    height:100%;
    max-width:100%;
    margin: 0;
    padding:0 0 0 0;
    font-size:16px;
    scroll-behavior:smooth;
    background-color:#000;}
    body.modal-open {
        height: 100vh;
        overflow: hidden;
    }

    .img-border{border-color: #C97756; border-width: 10px; border-radius: 48px; border-style: ridge; position:relative; width:85vw; height:auto; margin: 6vh auto 6vh auto; padding:0;}
    .container-border-t {border-color: #40e1d1;border-width:4px;border-radius: 48px; border-style: ridge;}
/*#top{border-style:solid;border-width:2px;border-radius:1rem;border-color:#ffcc29;padding:0;margin:2vh 1vw 2vh 1vw}*/
.section-note-small{font-size:.8rem;color:#f8f9fafa;font-weight:500;margin:0 0 0 0;text-align:center;}
#screen{color:#0f0;z-index:1000}

.black-screen{background-color: rgba(0,0,0,.6);}

.turq-bg {
    background:rgba(0,232,201,.2);
}

.rbrgrad7 {
/*Red Black Red Gradient - 70% Opacity*/
background: rgb(255,0,4);
background: -moz-linear-gradient(top,  rgba(255,0,4,.7) 0%, rgba(255,0,4,.7) 0%, rgba(255,0,4,.7) 0%, rgba(0,0,0,.7) 50%, rgba(255,0,4,.7) 100%);
background: -webkit-linear-gradient(top,  rgba(255,0,4,.7) 0%,rgba(255,0,4,.7) 0%,rgba(255,0,4,.7) 0%,rgba(0,0,0,.7) 50%,rgba(255,0,4,.7) 100%);
background: linear-gradient(to bottom,  rgba(255,0,4,.7) 0%,rgba(255,0,4,.7) 0%,rgba(255,0,4,.7) 0%,rgba(0,0,0,.7) 50%,rgba(255,0,4,.7) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff0004', endColorstr='#ff0004',GradientType=0 );
}

.rbrgrad5 {
    /*Red Black Red Gradient - 70% Opacity*/
    background: rgb(255,0,4);
    background: -moz-linear-gradient(top,  rgba(255,0,4,.5) 0%, rgba(255,0,4,.5) 0%, rgba(255,0,4,.5) 0%, rgba(0,0,0,.5) 50%, rgba(255,0,4,.5) 100%);
    background: -webkit-linear-gradient(top,  rgba(255,0,4,.5) 0%,rgba(255,0,4,.5) 0%,rgba(255,0,4,.5) 0%,rgba(0,0,0,.5) 50%,rgba(255,0,4,.5) 100%);
    background: linear-gradient(to bottom,  rgba(255,0,4,.5) 0%,rgba(255,0,4,.5) 0%,rgba(255,0,4,.5) 0%,rgba(0,0,0,.5) 50%,rgba(255,0,4,.5) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff0004', endColorstr='#ff0004',GradientType=0 );
    }

.hero-grad {
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ff0004+0,ff0004+0,ff0004+0,000000+50,ff0004+100 */
    background: rgb(255,0,4); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(255,0,4,1) 0%, rgba(255,0,4,1) 0%, rgba(255,0,4,1) 0%, rgba(0,0,0,1) 50%, rgba(255,0,4,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(255,0,4,1) 0%,rgba(255,0,4,1) 0%,rgba(255,0,4,1) 0%,rgba(0,0,0,1) 50%,rgba(255,0,4,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgba(255,0,4,1) 0%,rgba(255,0,4,1) 0%,rgba(255,0,4,1) 0%,rgba(0,0,0,1) 50%,rgba(255,0,4,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff0004', endColorstr='#ff0004',GradientType=0 ); /* IE6-9 */}

.heading-grad-fill {
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#1e5799+0,ff0000+0,000000+31,000000+64,ff0000+100 */
background: rgb(0,0,0); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(0,0,0,1) 0%, rgba(255,0,0,1) 0%, rgba(0,0,0,1) 31%, rgba(0,0,0,1) 64%, rgba(255,0,0,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(0,0,0,1) 0%,rgba(255,0,0,1) 0%,rgba(0,0,0,1) 31%,rgba(0,0,0,1) 64%,rgba(255,0,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(0,0,0,1) 0%,rgba(255,0,0,1) 0%,rgba(0,0,0,1) 31%,rgba(0,0,0,1) 64%,rgba(255,0,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff0000', endColorstr='#ff0000',GradientType=0 ); /* IE6-9 */
}

.section-return-link {
    display: block;
    text-align: center;
    color:#83bad5;
    text-decoration: underline;
}
/*.modal-content{    
    border-style:solid;
    border-color: #55D4D1;
    border-width: 6px;
    border-radius: 16px;
    border-style: ridge;
    z-index:11000;
}*/
#product .img-1 {
    background-image: url(../images/product/1-annies-secret-collection-shoulder-bag-with-secret-compartment/8952629-sand.webp) ;
}
#product .img-1:hover {
    background-image: url(../images/product/1-annies-secret-collection-shoulder-bag-with-secret-compartment/img-1-h.webp)!important;
}
#product .img-2 {
    background-image: url(../images/product/2-annies-secret-collection-shoulder-bag-with-secret-compartment/9150629-chocolate.webp);
}
#product .img-2:hover {
    background-image: url(../images/product/2-annies-secret-collection-shoulder-bag-with-secret-compartment/img-2-h.webp)!important;
}
#product .img-3 {
    background-image: url(../images/product/3-annies-secret-collection-zip-top-tote-with-secret-compartment/8715564C-natural-tan.webp);
}
#product .img-3:hover {
    background-image: url(../images/product/3-annies-secret-collection-zip-top-tote-with-secret-compartment/img-3-h.webp)!important;
}
#product .img-4 {
    background-image: url(../images/product/4-blue-ridge-tote-with-secret-compartment/2152564C-sand.webp);
}
#product .img-4:hover {
    background-image: url(../images/product/4-blue-ridge-tote-with-secret-compartment/img-4-h.webp)!important;
}
#product .img-5 {
    background-image: url(../images/product/5-navajo-soul-zip-top-tote-w-secret-compartment/3478937C-marine-turquoise.webp);
}
#product .img-5:hover {
    background-image: url(../images/product/5-navajo-soul-zip-top-tote-w-secret-compartment/img-5-h.webp)!important;
}
#product .img-6 {
    background-image: url(../images/product/6-annies-secret-collection-multicompartment-tote-with-secret-compartment/8983471C-marine-turquoise.webp);
}  
#product .img-6:hover {
    background-image: url(../images/product/6-annies-secret-collection-multicompartment-tote-with-secret-compartment/img-6-h.webp)!important;
}
#product .img-7 {
    background-image: url(../images/product/7-colorful-sacred-bird-tote-wsecret-compartment/7583937C-charcoal-black.webp);
}
#product .img-7:hover {
    background-image: url(../images/product/7-colorful-sacred-bird-tote-wsecret-compartment/img-7-h.webp)!important;
}
#product .img-8 {
    background-image: url(../images/product/8-annies-secret-zip-top-half-moon-tote-with-secret-compartment/5552365C-sand.webp);
}
#product .img-8:hover {
    background-image: url(../images/product/8-annies-secret-zip-top-half-moon-tote-with-secret-compartment/img-8-h.webp)!important;
}
#product .img-9 {
    background-image: url(../images/product/9-lariats-&-lace-tote-wsecret-compartment/7352780C-sand.webp);
}
#product .img-9:hover {
    background-image: url(../images/product/9-lariats-&-lace-tote-wsecret-compartment/img-9-h.webp)!important;
}
#product .img-10 {
    background-image: url(../images/product/10-red-deer-tote-wsecret-compartment/8383365C-distressed-charcoal.webp);
}
#product .img-10:hover {
    background-image: url(../images/product/10-red-deer-tote-wsecret-compartment/img-10-h.webp)!important;
}
#product .img-11 {
    background-image: url(../images/product/11-annies-secret-collection-large-zip-top-tote-with-secret-compartment/6685965-chestnut-brown.webp);
}
#product .img-11:hover {
    background-image: url(../images/product/11-annies-secret-collection-large-zip-top-tote-with-secret-compartment/img-11-h.webp)!important;
}
#product .img-12 {
    background-image: url(../images/product/12-annies-secret-collection-large-zip-top-tote-with-secret-compartment/1885965-chestnut-brown.webp);
}
#product .img-12:hover {
    background-image: url(../images/product/12-annies-secret-collection-large-zip-top-tote-with-secret-compartment/img-12-h.webp)!important;
}
#product .img-13 {
    background-image: url(../images/product/13-padded-gun-case/1152192-sand.webp);
}
#product .img-13:hover {
    background-image: url(../images/product/13-padded-gun-case/img-13-h.webp);
}
#product .img-14 {
    background-image: url(../images/product/14-harvest-moon-collection-large-zip-top-tote-with-secret-compartment/6315965C-natural-tan.webp);
}
#product .img-14:hover {
    background-image: url(../images/product/14-harvest-moon-collection-large-zip-top-tote-with-secret-compartment/img-14-h.webp)!important;
}
#product .img-15 {
    background-image: url(../images/product/15-harvest-moon-zip-top-bucket-tote-w-secret-compartment/6315263C-natural-tan.webp);
}
#product .img-15:hover {
    background-image: url(../images/product/15-harvest-moon-zip-top-bucket-tote-w-secret-compartment/img-15-h.webp)!important;
}
#product .img-16 {
    background-image: url(../images/product/16-harvest-moon-collection-shoulder-bag-with-secret-compartment/6315629C-natural-tan.webp);
}
#product .img-16:hover {
    background-image: url(../images/product/16-harvest-moon-collection-shoulder-bag-with-secret-compartment/img-16-h.webp)!important;
}
#product .img-17 {
    background-image: url(../images/product/17-harvest-moon-collection-zip-top-tote-with-secret-compartment/6315564C-natural-tan.webp);
}
#product .img-17:hover {
    background-image: url(../images/product/17-harvest-moon-collection-zip-top-tote-with-secret-compartment/img-17-h.webp)!important;
}
#product .img-18 {
    background-image: url(../images/product/18-hair-on-tote-with-secret-compartment/4150564C-pony-hair-on.webp);
}
#product .img-18:hover {
    background-image: url(../images/product/18-hair-on-tote-with-secret-compartment/img-18-h.webp)!important;
}
#product .img-19 {
    background-image: url(../images/product/19-cowtown-small-zip-top-satchel-w-secret-compartment/4150227S-pony-hair-on.webp);
}
#product .img-19:hover {
    background-image: url(../images/product/19-cowtown-small-zip-top-satchel-w-secret-compartment/img-19-h.webp)!important;
}
#product .img-20 {
    background-image: url(../images/product/20-cow-town-large-zip-top-satchel-w-secret-compartment/4150227C-pony-hair-on.webp);
}
#product .img-20:hover {
    background-image: url(../images/product/20-cow-town-large-zip-top-satchel-w-secret-compartment/img-20-h.webp)!important;
}
#product .img-21 {
    background-image: url(../images/product/21-american-west-hitchin-post-tote-w-secret-compartment/1465965-light-brown.webp);
}
#product .img-21:hover {
    background-image: url(../images/product/21-american-west-hitchin-post-tote-w-secret-compartment/img-21-h.webp)!important;
}
#product .img-22 {
    background-image: url(../images/product/22-midnight-copper-ultra-soft-drum-dyed-hobo/8620331C.webp);
}
#product .img-22:hover {
    background-image: url(../images/product/22-midnight-copper-ultra-soft-drum-dyed-hobo/img-22-h.webp)!important;
}
#product .img-23 {
    background-image: url(../images/product/23-midnight-copper-ultra-soft-zip-top-tote-with-secret-compartment/8620564C.webp);
}
#product .img-23:hover {
    background-image: url(../images/product/23-midnight-copper-ultra-soft-zip-top-tote-with-secret-compartment/img-23-h.webp)!important;
}
#product .img-24 {
    background-image: url(../images/product/24-colorful-sacred-bird-tote-wsecret-compartment/7570937C-charcoal-turquoise.webp);
}
#product .img-24:hover {
    background-image: url(../images/product/24-colorful-sacred-bird-tote-wsecret-compartment/img-24-h.webp)!important;
}
#product .img-25 {
    background-image: url(../images/product/25-large-padded-gun-case/1120292-black.webp);
}
#product .img-25:hover {
    background-image: url(../images/product/25-large-padded-gun-case/img-25-h.webp)!important;
}
#product .img-26 {
    background-image: url(../images/product/26-santa-fe-hand-woven-tapestry-soft-zip-top-shoulder-hobo-w-secret-compartment/6140331C.webp);
}
#product .img-26:hover {
    background-image: url(../images/product/26-santa-fe-hand-woven-tapestry-soft-zip-top-shoulder-hobo-w-secret-compartment/img-26-h.webp)!important;
}
#product .img-27 {
    background-image: url(../images/product/27-santa-fe-hand-woven-tapestry-zip-top-shoulder-bag-w-secret-compartment/6140170C.webp);
}
#product .img-27:hover {
    background-image: url(../images/product/27-santa-fe-hand-woven-tapestry-zip-top-shoulder-bag-w-secret-compartment/img-27-h.webp)!important;
}
#product .circle-swatch.antique-brown, .circle-swatch-modal.antique-brown{
    background-image:url(../images/color-swatches/antique-brown_50x.webp);
        }
        #product .circle-swatch.black, .circle-swatch-modal.black {
    background-image:url(../images/color-swatches/black_50x.webp);
        }
        #product .circle-swatch.black-hair-on, .circle-swatch-modal.black-hair-on {
    background-image:url(../images/color-swatches/black-hair-on_50x.webp);
        }
        #product .circle-swatch.black-tooled, .circle-swatch-modal.black-tooled {
    background-image:url(../images/color-swatches/black-tooled_50x.webp);
        }
        #product .circle-swatch.brindle-hair-on, .circle-swatch-modal.brindle-hair-on {
    background-image:url(../images/color-swatches/brindle-hair-on_50x.webp);
        }
        #product .circle-swatch.charcoal-black, .circle-swatch-modal.charcoal-black {
    background-image:url(../images/color-swatches/charcoal-black_50x.webp);
        }
        #product .circle-swatch.charcoal-tan, .circle-swatch-modal.charcoal-tan {
    background-image:url(../images/color-swatches/charcoal-tan_50x.webp);
        }
        #product .circle-swatch.charcoal-turquoise, .circle-swatch-modal.charcoal-turquoise {
    background-image:url(../images/color-swatches/charcoal-turquoise_50x.webp);
        }
        #product .circle-swatch.chestnut-brown, .circle-swatch-modal.chestnut-brown {
    background-image:url(../images/color-swatches/chestnut-brown_50x.webp);
        }
        #product .circle-swatch.chocolate, .circle-swatch-modal.chocolate {
    background-image:url(../images/color-swatches/chocolate_50x.webp);
        }
        #product .circle-swatch.chocolate-brown, .circle-swatch-modal.chocolate-brown {
    background-image:url(../images/color-swatches/chocolate-brown_50x.png);
        }
        #product .circle-swatch.crimson, .circle-swatch-modal.crimson {
    background-image:url(../images/color-swatches/crimson_50x.webp);
        }
        #product .circle-swatch.dark-turquoise, .circle-swatch-modal.dark-turquoise {
    background-image:url(../images/color-swatches/dark-turquoise_50x.webp);
        }
        #product .circle-swatch.denim-blue, .circle-swatch-modal.denim-blue {
    background-image:url(../images/color-swatches/denim-blue_50x.webp);
        }
        #product .circle-swatch.distressed-charcoal, .circle-swatch-modal.distressed-charcoal {
    background-image:url(../images/color-swatches/distressed-charcoal_50x.webp);
        }
        #product .circle-swatch.distressed-cream, .circle-swatch-modal.distressed-cream {
    background-image:url(../images/color-swatches/distressed-cream_50x.webp);
        }   
        #product .circle-swatch.dusty-rose, .circle-swatch-modal.dusty-rose {
    background-image:url(../images/color-swatches/dusty-rose_50x.webp);
        }
        #product .circle-swatch.light-brown, .circle-swatch-modal.light-brown {
    background-image:url(../images/color-swatches/light-brown_50x.webp);
        }
        #product .circle-swatch.marine-turquoise, .circle-swatch-modal.marine-turquoise {
    background-image:url(../images/color-swatches/marine-turquoise_50x.webp);
        }
        #product .circle-swatch.natural-tan, .circle-swatch-modal.natural-tan {
    background-image:url(../images/color-swatches/natural-tan_50x.webp);
        }
        #product .circle-swatch.pony-hair-on, .circle-swatch-modal.pony-hair-on {
    background-image:url(../images/color-swatches/pony-hair-on_50x.webp);
        }
        #product .circle-swatch.sand, .circle-swatch-modal.sand {
    background-image:url(../images/color-swatches/sand_50x.webp);
        }

.external-link {
    display: block;
    text-align: center;
    color:#83bad5;
    text-decoration: underline;
}
.section-text{color:#f8f9fafa;}
.text-grad{background:-webkit-linear-gradient(#adbeff,#f8f9fafa);background-clip:content-box;-webkit-background-clip:text;-webkit-text-fill-color:transparent;color:#839dfd;padding:0 5px 0 5px;font-weight:initial}
.text-grad>.quote{color:#f8f9fafa;font-size:1rem;font-weight:500;font-style:italic;background:0 0;-webkit-text-fill-color:#f8f9fafa;text-align:center}

ul li{font-family:perpetua_regular,"Times New Roman",Times,serif;font-size:1.25rem;font-weight:initial;padding:0 5px 0 5px}
#product ul li::before {
    content: "\2022";  /* Add content: \2022 is the CSS Code/unicode for a bullet */
    color: #55D4D1; /* Change the color */
    font-weight: bold; /* If you want it to be bold */
    display: inline-block; /* Needed to add space between the bullet and the text */
    width: 1em; /* Also needed for space (tweak if needed) */
    margin-left: -1em; /* Also needed for space (tweak if needed) */
  }
.text-grad ul{list-style:none}
.text-grad ul li::before{content:"\2022";font-size:1.25rem;font-weight:700;display:inline-block;width:.5em;margin-left:-1em}
/*ul li{color:#839dfd;font-size:1.2rem;font-weight:initial;padding:0}
ul li.fa{color:#29ff4d;font-size:1.2rem;font-weight:initial;padding:0}*/
/*.text-grad{background:-webkit-linear-gradient(#ffcc29,#fff);background-clip:content-box;-webkit-background-clip:text;-webkit-text-fill-color:transparent;color:#ffcc29;padding:0 5px 0 5px;font-weight:initial}*/
/*.text-grad>.quote{color:#fff;font-size:1.8rem;font-weight:initial;font-style:italic;background:0 0;-webkit-text-fill-color:#fff;text-align:center}*/
.fa,.fab,.fas{padding-right:1rem;color:#60C3BF}