/** Shopify CDN: Minification failed

Line 185:0 Unexpected "}"

**/
:root {
  --primary: #1E88E5;
  --secondary: #004BA0;
  --accent: #FFC107;
  --dark: #1A202C;
  --light: #F7FAFC;
  --white: #ffffff;
  --gray: #6b7280;
  --light-gray: #ebebeb;


  --primary-rgb: 30, 136, 229;
  --secondary-rgb: 0, 75, 160;
  --accent-rgb: 255, 193, 7;
  --dark-rgb: 26, 32, 44;
  --light-rgb: 247, 250, 252;
  --white-rgb: 255, 255, 255;
  --gray-rgb: 75, 85, 99;
}
body, .page-bg {
  background-color: #f4f6f8 !important;
}
.fa {
  font-family: FontAwesome !important;
}
.un {
  display: inline-block;
  border: none;
  padding: 0;
  margin: 0;
  text-decoration: none;
  color: inherit;
  background-color: transparent;
}
.un:after {
  background: none !important;
}

.gallery-block {
  background: #fff;
  text-align: left;
  opacity: 0;
  transform: translateY(30px);
  transition: opacity 0.6s ease, transform 0.6s ease;
}
.bg-primary {
  background-color: var(--primary) !important;
}
.bg-primary-1 {
  background-color: rgba(var(--primary-rgb), 0.1) !important;
}
.bg-primary-imp {
  background-color: var(--primary) !important;
}
.bg-accent {
  background-color: var(--accent) !important;
}
.bg-light {
  background-color: var(--light) !important;
}
.bg-light-gray {
  background-color: var(--light-gray) !important;
}
.bg-white {
  background-color: var(--white) !important;
}
.bg-whiteh-1:hover {
    background-color: rgba(var(--white-rgb), 0.1) !important;
}
.bg-dark {
  background-color: var(--dark);
}
.bg-dark-9 {
  background-color: rgba(var(--dark-rgb), 0.9);
}
.bg-primaryh:hover {
  background-color: var(--primary) !important;
}
.bg-secondaryh:hover {
  background-color: var(--secondary) !important;
}
.bg-accenth:hover {
  background-color: var(--accent) !important;
  color: var(--dark)
}
.text-accent {
  color: var(--accent) !important;
}
.text-accenth:hover {
  color: var(--accent) !important;
}
.text-primary {
  color: var(--primary) !important;
}
.text-primaryh:hover {
  color: var(--primary) !important;
}
.text-light {
  color: var(--light) !important;
}
.bg-f9{
    background-color: #f9fafb;
}
.text-white {
  color: var(--white) !important;
}
.text-white-9 {
  color: rgba(var(--white-rgb), 0.9) !important;
}
.text-whiteh:hover {
  color: var(--white) !important;
}
.text-dark  {
  color: var(--dark) !important;
}
.text-gray {
  color: var(--gray) !important;
}
.text-dark-5 {
  color: rgba(var(--dark-rgb), 0.5) !important;
}
.text-darkh:hover {
  color: var(--dark) !important;
}
.hover:hover .texth {
  color: var(--primary) !important;
  text-decoration: noen !important;
}
.hover:hover .bg-texth {
  background-color: var(--primary) !important;
  color: var(--white) !important;
}
.text-clamp {
  font-size: clamp(1.5rem, 4vw, 3rem) !important;
}
.text-center {
  text-align: center;
}
.text-left {
  text-align: left;
}
.text-right {
  text-align: right;
}
.text-m {
  font-size: 1rem !important;
}
.text-l {
  font-size: 1.25rem !important;
  line-height: 1.75rem !important;
}
.text-lg {
  font-size: 1.125rem !important;
  line-height: 1.75rem !important;
}
.text-sm {
  font-size: 0.875rem !important;
  line-height: 1.25rem !important;
}
.text-2xl {
  font-size: 1.5rem !important;
  line-height: 2rem;
}
.text-3xl {
  font-size: 1.8rem !important;
}
.lineh {
    line-height: 1.625 !important;
}
.tran, a, img, button, svg {
  transition: color 0.2s ease-in-out;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}
select {
  appearance: none;        
  -webkit-appearance: none;
  -moz-appearance: none;  
  background-color: rgba(var(--gray-rgb), 0.1);
}
}
.t-colors {
  transition: all 0.3s ease 0.2s !important;
}
.t-color {
  transition: color 0.2s ease-in-out;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke !important;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
  transition-duration: 150ms !important;
  text-decoration: none;
}
button {
  cursor: pointer !important;
}
.media-play-button .icon.icon-play {
  color: var(--white);
}
.unhref {
  text-decoration: inherit !important;
}
a:not(.unline) {
  text-decoration: inherit !important;
}
.unhref:hover {
  text-decoration: inherit;
}
.unline {
    text-decoration: none;
}
.unlineh:hover {
    text-decoration: underline;
}
.overflow-h {
  overflow: hidden;
}
.pointer {
  cursor: pointer;
}
textarea {
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}
.b-primary {
  border: 1px solid var(--primary) !important;
}
.b-primary-1 {
  border: 1px solid rgba(var(--primary-rgb), 0.1) !important;
}
.b-white-3 {
  border: 1px solid  rgba(var(--white-rgb), 0.3) !important;
}
.b-top {
  border-top:1px solid var(--primary) !important; 
}
.border-gray-2 {
  border: 1px solid rgba(var(--gray-rgb), 0.2) !important;
}
.shadow-sm {
  box-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.1) !important;
}
.shadow-md { 
  box-shadow: 0 6px 15px  rgba(0,0,0,0.0.08) !important; 
}
.shadow-md:hover {
  transform: translateY(-5px);
  box-shadow: 0 10px 20px rgba(0,0,0,0.12);
}
.shadow-ml {
  box-shadow: 0 6px 15px  rgba(0,0,0,0.08) !important; 
}
.shadow-pro {
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.08) !important;
}
.shadow-pro:hover {
  box-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1) !important;
}
.shadow-2xl {
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25) !important;
}
.shadow-img {
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}

@media (max-width: 768px) {
  .shadow-img {
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.08);
  }
}
.border-t:hover {
  border-top: 1px solid rgba(var(--primary-rgb), 0.3);
}
.shadow-lg:hover {
  transform: translateY(-4px);
  box-shadow: 5px 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04) !important;
}
.shadow-inset:after {
  box-shadow: inset 0 0 0 1px rgba(var(--gray-rgb), 0.3) !important;
}
.shadow-inset:focus-within::after {
  box-shadow: inset 0 0 0 1px var(--primary) !important;
}
.border-b {
  border-bottom: 1px solid #e5e7eb !important;
}
.font-medium {
  font-weight: 500 !important;
}
.font-bold {
  font-weight: 700 !important;
}
.font-inter {
  font-family: Inter, sans-serif;
}
.w-full {
  width: 100% !important;
}
.h-100vh {
  height: 100vh !important;
}
.h-50vh {
  height: 50vh !important;
}
.h-full {
  height: 100% !important;
}
.h-auto {
  height: auto !important;
}
.r-full {
  border-radius: 9999px !important;
}
.w-12 {
  width: 3rem !important;
}
.h-12 {
  height: 3rem !important;
}
.w-6 {
  width: 1.5rem;
}
.h-6 {
  height: 1.5rem;
}
.w-16 {
  width: 4rem;
}
.h-16 {
  height: 4rem;
}
.h-40 {
  height: 10rem;
}
.min-h {
  min-height: 10rem;
}
.max-w-full {
  max-width: 100% !important;
}
.max-h-full {
  max-height: 100% !important;
}
.max-w-m {
  max-width: 14rem !important;
}
.max-w-2m {
  max-width: 17rem !important;
}
.max-w-l {
  max-width: 20rem !important;
}
.max-w-2xl {
    max-width: 40rem !important;
}
.max-w-3ml {
  max-width: 45rem !important;
}
.max-w-3xl {
  max-width: 48rem !important;
}
.max-w-4xl {
  max-width: 56rem !important;
}
.max-h-2xl {
  max-height: 36rem !important;
}
.opacity-0 {
  opacity: 0 !important;
}
.opacity-5 {
  opacity: 0.5 !important;
}
.opacity-7 {
  opacity: 0.75 !important;
}
.opacity {
  opacity: 1 !important;
}
.max-z {
  z-index: 999;
}
.object-cover {
  object-fit: cover;
}
.overlay:after {
  content: ' ';
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-color: black;
  pointer-events: none;
}
.fixed {
  position: fixed;
}
.block {
  display: block;
}
.absolute {
  position: absolute !important;
}
.absolute-center {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.left--1 {
  left: -1rem !important;
}
.bottom--1 {
  bottom: -1rem !important;
}
.top-12 {
  top: -3rem;
}
.absolute-0 {
  position: absolute;
  top: 0 !important;
  left: 0 !important;
  bottom: 0 !important;
  right: 0 !important;
}
.top-0 {
  top: 0 !important;
}
.left-0 {
  left: 0 !important;
}
.right-0 {
  right: 0 !important;
}
.bottom-0 {
  bottom: 0 !important;
}
.inset-0 {
  inset: 0px;
}
.relative {
  position: relative !important;
}
.justify-center {
  justify-content: center;
}
.justify-between {
    justify-content: space-between;
}
.items-center {
  align-items: center !important;
}
.flex {
  display: flex;
}
.unflex {
  display: block;
}
.flex-wrap {
  flex-wrap: wrap;
}
.inline-flex {
  display: inline-flex;
}
.baseline {
  align-items: baseline;
}
.capitalize {
  text-transform: capitalize !important;
}
.m-0 {
  margin: 0;
}
.mr-1 {
  margin-right: 0.25rem !important;
}
.mr-2 {
  margin-right: 0.5rem !important;
}
.mr-4 {
  margin-right: 1rem !important;
}
.mb1 {
  margin-bottom: 0.25rem !important;
}
.mb-8 {
  margin-bottom: 2rem;
}
.ml-3 {
  margin-left: 0.75rem;
}
.p-0 {
  padding: 0 !important;
}
.mx-2 {
  margin-left: 0.5rem;
  margin-right: 0.5rem;
}
.p-1 {
  padding: 0.25rem !important;
}
.p-2 {
  padding: 0.5rem !important;
}
.p-3 {
  padding: 0.75rem !important;
}
.p-4 {
  padding: 1rem !important;
}
.p-5 {
  padding: 1.25rem !important;
}
.p-6 {
  padding: 1.5rem !important;
}
.p-7 {
  padding: 1.75rem !important;
}
.p-8 {
  padding: 2rem !important;
}
.pb-20 {
  padding-bottom: 5rem !important;
}
.py-1 { 
  padding-top: 0.25rem !important; 
  padding-bottom: 0.25rem !important; 
}
.py-2 { 
  padding-top: 0.5rem !important; 
  padding-bottom: 0.5rem !important; 
}
.py-3 { 
  padding-top: 0.75rem !important; 
  padding-bottom: 0.75rem !important; 
}
.py-4 { 
  padding-top: 1rem !important; 
  padding-bottom: 1rem !important; 
}
.py-5 { 
  padding-top: 1.25rem !important; 
  padding-bottom: 1.25rem !important; 
}
.py-6 { 
  padding-top: 1.5rem !important; 
  padding-bottom: 1.5rem !important; 
}
.py-7 { 
  padding-top: 1.75rem !important; 
  padding-bottom: 1.75rem !important; 
}
.py-8 { 
  padding-top: 2rem !important; 
  padding-bottom: 2rem !important; 
}
.py-9 { 
  padding-top: 2.25rem !important; 
  padding-bottom: 2.25rem !important; 
}
.py-10 { 
  padding-top: 2.5rem !important; 
  padding-bottom: 2.5rem !important; 
}
.py-20 { 
  padding-top: 5rem !important; 
  padding-bottom: 5rem !important; 
}
.px-2 {
  padding-left: 0.5rem !important; 
  padding-right: 0.5rem !important;
}
.px-3 {
  padding-left: 0.75rem !important; 
  padding-right: 0.75rem !important;
}
.px-4 {
  padding-left: 1rem !important; 
  padding-right: 1rem !important;
}
.px-5 {
  padding-left: 1.25rem !important; 
  padding-right: 1.25rem !important;
}
.px-6 {
  padding-left: 1.5rem !important; 
  padding-right: 1.5rem !important;
}
.px-7 {
  padding-left: 1.75rem !important; 
  padding-right: 1.75rem !important;
}
.px-8 {
  padding-left: 2rem !important; 
  padding-right: 2rem !important;
}
.px-9 {
  padding-left: 2.25rem !important; 
  padding-right: 2.25rem !important;
}
.px-10 {
  padding-left: 2.5rem !important; 
  padding-right: 2.5rem !important;
}
.my-4 {
  margin-top: 1rem !important;
  margin-bottom: 1rem !important;
}
.gap-16 {
  gap: 4rem !important;
}
.unborder {
  border-width: 0;
  --border-width: 0;
  border: inherit;
}
.radius-1 {
  border-radius: 0.25rem;
}
.radius-2 {
  border-radius: 0.5rem !important;
}
.radius-3 {
  border-radius: 0.75rem !important;
}
.grid {
  display: grid !important;
}
.grid-col-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.grid-col-4 {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
.aspect-11 {
  aspect-ratio: 1/1;
}
.aspect-23 {
  aspect-ratio: 2/3;
}
.aspect-43 {
  aspect-ratio: 4/3;
}
.aspect-45 {
  aspect-ratio: 4/5;
}
.flex-col {
      flex-direction: column;
    }

.grid-auto-5 {
  grid-template-columns: repeat(auto-fit, minmax(clamp(10rem, 20%, 14rem), 1fr));
}
@media (min-width: 640px) {
  .flex-row {
    flex-direction: row;
  }
}
.col-4 {
grid-template-columns: repeat(4, minmax(0, 1fr));
}

@media (max-width: 640px) {
  .grid-col-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
}

.field:after, .highlight-stats ul:after {
  content: none !important;
}
.field .field-input {
  border: 1px solid rgb(var(--dark-rgb), 0.3) ;
}
.field .field-input:focus {
  border: 1px solid rgb(var(--primary-rgb), 0.7) ;
}
#ContactForm .field-label {
  position: unset !important;
  padding-inline: 0;
  display: flex;
  height: 1rem;
  margin-bottom: 0.5rem;
  color: var(--dark);
  font-size: 1rem;
}
#ContactForm .field-input::placeholder {
  opacity: 1 ;
  font-size: 1rem;
}
#Middle-Search {
  border: 0 !important ;
}
#Middle-Search:focus {
  border: 0 !important ;
}

.footer-content-top {
  font-size: 0.9rem;
}
.footer-block-heading {
  font-size: 0.9rem;
}
chaser-lights {
  padding: 0;
}
.breadcrumb .breadcrumb-wrapper .breadcrumb-item:not(:last-child):after {
  content: "\f054" !important;
  font-family: "FontAwesome";
  display: inline-block;
  font-size: 0.75rem;
  color: #6b7280; 
  margin: 0 0.5rem;
}
 .link.link-text::after {
  height: 0 !important;
}
.link.link-text:hover {
  color: var(--primary);
  transition: transform .3s cubic-bezier(0,0,.3,1);
}
.button {
  background: rgba(var(--primary-rgb),var(--alpha-button-background)) !important;
}
.footer .footer-content-top .footer-blocks .footer-block.footer-block--brand .footer-block-content.image-width--small .brand-image {
  width: 5rem !important;
}
.pagination-progress-bar:after {
    background: var(--secondary) !important;
}
#Facets-Vertical {
    max-width: 20rem;
  }
pagination-more {
  background-color: var(--primary);
  border-radius: 0.25rem;
}
pagination-more .button:hover {
  color: var(--white) !important;
}
pagination-more .button:after{
  border-width: 0 !important;
}
@media screen and (min-width: 750px) {
.template-collection .content-grid-main.has-vertical-facets .facets-vertical .collection-menu + .facets {
    border-block-start: 1px solid rgba(var(--primary-rgb), 0.8) !important;
  }
}
.newsletter-form-field-wrapper .field .field-input::placeholder {
  opacity: 1 !important;
}
.newsletter-form-field-wrapper .field .field-label {
  position: absolute !important;
  opacity: 0 !important;
}
.header-menu-nav .list-menu.list-menu--inline .header-menu-first-level a:hover {
  color: var(--primary);
}
.header-menu-nav
  .list-menu.list-menu--inline
  .header-menu-first-level
  .first-level-item {
  font-size: 1rem;
  font-weight: normal;
}
.product-media modal-opener, .slider-controller .nav-button, product-gallery-modal .modal-close-button {
  color: var(--white) !important;
  background-color: rgba(var(--primary-rgb), 0.8) !important;
}
.product-container .product-container-bottom .product-tab-panel .tab-panel-tabs .tab {
  background: rgba(var(--primary-rgb),var(--alpha-background));
}
.product-container .product-container-bottom .product-tab-panel .tab-panel-tabs .tab[aria-selected="true"] {
  background-color: rgba(var(--primary-rgb));
  color: var(--white);
}
.product-container .product-container-bottom .product-tab-panel .tab-panel-tabs .tab[aria-selected="false"] {
  background: none;
  box-shadow: inset 0 0 0 1px rgba(var(--primary-rgb), 0.7);
  color: var(--primary);
}
.variant-selects .product-form-input .form-options-wrapper.button-options label {
  background: rgba(var(--primary-rgb),var(--alpha-button-background)) !important;
}
pagination-more .button:after {
  content: none !important;
  box-shadow: none !important;
}
.breadcrumb .breadcrumb-wrapper .breadcrumb-item.page-current a {
  color: var(--primary);
  opacity: 1 !important;
}
@media screen and (min-width: 750px) {
  .product-container .product-container-main .product-media-gallery {
    width: 50% !important;
  }
}