:root {
  --var-header-bg-color: #f7f7f5;
  --var-footer-bg-color: #f7f7f5;
  --var-bg-color: #47a5d9;
  --var-bg-color-secondary: #83ba55;
  --var-bg-color-secondary--damp: #80ac5b;
  --var-bg-color-secundary: #47a5d9;
  --var-bg-color-pagination: #3f89c9;
  --var-bg-title-bar: #041B72;
  --var-bg-section: #EEEEEE;
  --var-bg-black: #000000;
  --var-bg-custom-blue: #3f89c9;
  --var-bg-custom-gray: #343a40;
  --var-bg-sitebar: #6a6a6a;
  --var-bg-site: #6a6a6a;
  --var-bg-header-menu: url('../images/background.png');
  --var-bg-language: #58585A;
  --var-bg-account-view: #6a6a6a;
  --var-bg-checkout-totals: #6a6a6a;
  --var-btn-bg-color: #3f89c9;
  --var-btn-bg-hover-color: #318acd;
  --var-btn-nav-hover-color: #3f89c9;
  --var-btn-pagination: #47a5d9;
  --var-btn-pagination-hover: #47a5d9;
  --var-alert-bg-red: #990000;
  --var-img-button-border-color: #33599f;
  --var-img-button-bg-hover-color: #318acd;
  --var-img-button-bg-danger-color: #d9534f;
  --var-btn-danger: #d9534f;
  --var-btn-danger-hover: #b65850;
  --var-txt-color: #4b4b4c;
  --var-txt-color-footer: #5fa5d9;
  --var-txt-color-footer-cr: #1b364d;
  --var-txt-color-header: var(--var-bg-color);
  --var-txt-color-subheader: var(--var-txt-color);
  --var-txt-color-danger: #90040b;
  --var-txt-color-nav-active: white;
  --var-txt-color-nav: white;
  --var-txt-color-nav-hover: #318acd;
  --var-txt-color-main-menu: #47a5d9;
  --var-txt-color-main-menu-hover: #318acd;
  --var-title-font-color: #292929;
  --var-txt-sitebar: white;
  --var-txt-icons-sitebar: #ffdd18;
  --var-txt-icons-socialmedia: white;
  --var-txt-active-sitebar: #f1f1f1;
  --var-txt-secundary-color: #3f89c9;
  --var-bg-image: url('../images/background.png');
  --var-footer-image: url('../images/footer.png');
  --var-header-image: url('../images/top_bar.png');
  --var-header-image2: url('../images/footer.png');
  --var-image-section1: url('../images/lightgreysquares_backdrop_tile.png');
  --var-border-content: #002f87;
  --var-border-line-color: #6a6a6a;
  --var-border-line-account: #002f87;
  --var-footer-line-color: #ffdd18;
  --var-divider-primary-color--1: #83ba55;
  --var-divider-primary-color--2: #71bd43;
  --var-divider-secondary-color--1: #00a6de;
  --var-divider-gradient--vertical: linear-gradient(0, rgba(113,189,67,0) 0%, rgba(113,189,67,1) 7.5%, rgba(113,189,67,1) 92.5%, rgba(113,189,67,0) 100%);
  --var-divider-gradient--vertical-1: linear-gradient(0, rgba(131,186,85,0) 0%, rgba(131,186,85,1) 7.5%, rgba(131,186,85,1) 92.5%, rgba(131,186,85,0) 100%);
  --var-divider-gradient--vertical-2: linear-gradient(0, rgba(113,189,67,0) 0%, rgba(113,189,67,1) 7.5%, rgba(113,189,67,1) 92.5%, rgba(113,189,67,0) 100%);
  --var-divider-gradient--vertical-3: linear-gradient(0, rgba(212,212,211,0) 0%, rgba(212,212,211,1) 15%, rgba(212,212,211,1) 85%, rgba(212,212,211,0) 100%);
  --var-divider-gradient--horizontal: linear-gradient(90deg, rgba(113,189,67,1) 0%, rgba(0,166,222,1) 100%);
  --var-divider-gradient--horizontal-1: linear-gradient(90deg, rgba(113,189,67,0.01) 0%, rgba(113,189,67,1) 15%, rgba(0,166,222,1) 85%, rgba(0,166,222,0.01) 100%);
  --var-nav-header-height: 64px;
  --var-nav-divider-height: 15px;
  --var-nav-tooltip-height: 40px;
  --var-nav-dropdown-spacing: 3px;
  --var-nav-dropdown-spacing--top: calc(var(--var-nav-header-height, 64px) + var(--var-nav-divider-height, 15px) + var(--var-nav-dropdown-spacing, 3px));
  --spinner-ball-size: 8px;
  --left-ball-size: calc(var(--spinner-ball-size) * 2);
  --left-ball-size-2: calc(var(--ball-size) * 4);
  --ball-width: calc(var(--spinner-ball-size) * 5);
  --ball-impulse-duration: 1.25s;
  --ball-impuluse-duration-2: calc(var(--impulse-duration) * 0.05);
  --ball-impuluse-duration-3: calc(var(--impulse-duration) * 0.1);
  --secundary-menu-height: var(--var-nav-tooltip-height, 40px);
  --secundary-menu-top: calc(var(--var-nav-header-height, 64px) + var(--var-nav-divider-height, 15px));
  --secundary-menu-topspace-height: calc(var(--var-nav-header-height, 64px) + var(--var-nav-divider-height, 15px) + var(--var-nav-tooltip-height, 40px));
  --secundary-menu-filternav-side-top: calc(var(--var-nav-header-height, 64px) + var(--var-nav-divider-height, 15px) + var(--var-nav-tooltip-height, 40px));
  --header-logo-max-height: calc(100% - 12px);
  --font-footer-before-left: calc(-1 * min(10px, 1.1em));
  --font-footer-before-top: calc(50% + .2rem);
  --hamburger-transform-dropdown: calc(-100% + 7px);
}