/** Shopify CDN: Minification failed

Line 152:0 Unexpected "<"
Line 153:2 Comments in CSS use "/* ... */" instead of "//"
Line 155:9 Expected ":"
Line 156:10 Expected ":"
Line 157:10 Expected ":"
Line 158:18 Unexpected "="
Line 159:6 Expected identifier but found "cssVars("
Line 162:12 Expected ":"
Line 164:0 Unexpected "<"

**/
@font-face {
  font-family: Bitter;
  font-weight: 400;
  font-style: normal;
  src: url("//www.control-magic.com/cdn/fonts/bitter/bitter_n4.305cabfe2567ff2da1669dd36245f4d6e9f790e4.woff2?h1=Y29udHJvbC1tYWdpYy5jb20&h2=Y29udHJvbC1tYWdpYy5hY2NvdW50Lm15c2hvcGlmeS5jb20&hmac=2a4f02c8a02e8e1c475c2de83dd6d31c11f9a6e6dc78a6e2163e3904e0a6fa11") format("woff2"),
       url("//www.control-magic.com/cdn/fonts/bitter/bitter_n4.7b8fe2a6ecf51bd3f3a25ad5b8605a0119a8336b.woff?h1=Y29udHJvbC1tYWdpYy5jb20&h2=Y29udHJvbC1tYWdpYy5hY2NvdW50Lm15c2hvcGlmeS5jb20&hmac=072673a98d7e044782cff5c3c9a5707771b414f7075a7e2d4345366bde99e720") format("woff");
}

@font-face {
  font-family: Bitter;
  font-weight: 400;
  font-style: normal;
  src: url("//www.control-magic.com/cdn/fonts/bitter/bitter_n4.305cabfe2567ff2da1669dd36245f4d6e9f790e4.woff2?h1=Y29udHJvbC1tYWdpYy5jb20&h2=Y29udHJvbC1tYWdpYy5hY2NvdW50Lm15c2hvcGlmeS5jb20&hmac=2a4f02c8a02e8e1c475c2de83dd6d31c11f9a6e6dc78a6e2163e3904e0a6fa11") format("woff2"),
       url("//www.control-magic.com/cdn/fonts/bitter/bitter_n4.7b8fe2a6ecf51bd3f3a25ad5b8605a0119a8336b.woff?h1=Y29udHJvbC1tYWdpYy5jb20&h2=Y29udHJvbC1tYWdpYy5hY2NvdW50Lm15c2hvcGlmeS5jb20&hmac=072673a98d7e044782cff5c3c9a5707771b414f7075a7e2d4345366bde99e720") format("woff");
}

@font-face {
  font-family: Bitter;
  font-weight: 700;
  font-style: normal;
  src: url("//www.control-magic.com/cdn/fonts/bitter/bitter_n7.5cd2af561a4e68a216346475ceaf10ca55adb978.woff2?h1=Y29udHJvbC1tYWdpYy5jb20&h2=Y29udHJvbC1tYWdpYy5hY2NvdW50Lm15c2hvcGlmeS5jb20&hmac=1193959dee4b991aff21d7f61cfb924c9249dfa7b710c130534db0ea55c34535") format("woff2"),
       url("//www.control-magic.com/cdn/fonts/bitter/bitter_n7.9c5e546089ff22210f854b74f8b408a0245252c1.woff?h1=Y29udHJvbC1tYWdpYy5jb20&h2=Y29udHJvbC1tYWdpYy5hY2NvdW50Lm15c2hvcGlmeS5jb20&hmac=223a5ba35f837261f1001e446fe9799d1d99aa940986a27c9204cc495d6d054c") format("woff");
}

@font-face {
  font-family: Bitter;
  font-weight: 400;
  font-style: italic;
  src: url("//www.control-magic.com/cdn/fonts/bitter/bitter_i4.4507bc0970c49e43c059c530045a53daeddb5cfa.woff2?h1=Y29udHJvbC1tYWdpYy5jb20&h2=Y29udHJvbC1tYWdpYy5hY2NvdW50Lm15c2hvcGlmeS5jb20&hmac=54dc9f659824bba1c4774bb720ee6cdc8baf836b1bc5fd7c92d12104e297ec53") format("woff2"),
       url("//www.control-magic.com/cdn/fonts/bitter/bitter_i4.0a06fcb649fedf96787c093e9ffe72b6911a7e27.woff?h1=Y29udHJvbC1tYWdpYy5jb20&h2=Y29udHJvbC1tYWdpYy5hY2NvdW50Lm15c2hvcGlmeS5jb20&hmac=85917c4df313a95261b298a2db71701e832759a3f97ae4bccfc3a6452583d4cc") format("woff");
}



/* Typography */

body
{
  font-family: Bitter;
  color:var(--text-color);
  font-size:var(--text-size);
}

p, a, button, input, select
{
  color:inherit;
  font-family: Bitter;
}

h1,h2,h3,h4,h5,h6
{
  font-family: Bitter;
  margin-bottom: 16px;
}

/* General Variables */

:root {

    /* Borders */

    --border-radius: 4px;
    --border-color: #BDBDBD;
    --header-border-color: rgba(30, 52, 93, 0.3);

    /* Text */

    --text-size: 14px;
    --text-color: #5F5F5F;
    --text-font-weight: 400;
    --default-text-font-size: 15px;
    --base-text-font-size: 16px;
    --text-font-bolder-weight: 600;

    /* Typography */

    --base-font: Bitter;
    --header-font: Bitter;

    /* Colors */
    --input-background: #fff;
    --color-gradient: linear-gradient(103.4deg, #024b8e 2.77%, #024b8e 84.58%);
    --color-gradient-secondary: linear-gradient(103.4deg,#314b6c 2.77%,#314b6c 84.58%);
    --color-primary: #314b6c;
    --color-secondary: #e7bf4e;
    --color-page-background: #ffffff;
    --brand-secondary: #314b6c;
    --button-bg-color: #314b6c;
    --button-text-color:  #fff;
    --button-bg-hover-color: #314b6c;
    --button-text-hover-color: #fff;

    /* Padding */

    --page-padding-y: 24px;
    --page-padding-x: 40px;
    --mobile-container-gutter: 20px;
    --desktop-container-gutter: 40px;
    
  /* Product */--text-color-rgb                   :  72, 164, 178;
    --product-on-sale-accent           : #ee0000;
    --product-on-sale-accent-rgb       : 238, 0, 0;
    --product-on-sale-color            : #ffffff;
    --product-in-stock-color           : #00a500;
    --product-low-stock-color          : #ee0000;
    --product-sold-out-color           : #8a9297;
    --product-custom-label-1-background: #48a4b2;
    --product-custom-label-1-color     : #ffffff;
    --product-custom-label-2-background: #00a500;
    --product-custom-label-2-color     : #ffffff;
    --product-review-star-color        : #e7bf4e;

}

/* width */
::-webkit-scrollbar {
  width: 10px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #f1f1f1; 
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  background: var(--color-primary);
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: var(--color-primary);
}





<script>
  // IE11 does not have support for CSS variables, so we have to polyfill them
  if (!(((window || {}).CSS || {}).supports && window.CSS.supports('(--a: 0)'))) {
    const script = document.createElement('script');
    script.type = 'text/javascript';
    script.src = 'https://cdn.jsdelivr.net/npm/css-vars-ponyfill@2';
    script.onload = function() {
      cssVars({});
    };

    document.getElementsByTagName('head')[0].appendChild(script);
  }
</script>