:root {
    --primary-color: #446084;
    --fs-color-primary: #446084;
    --fs-color-secondary: #D26E4B;
    --fs-color-success: #7a9c59;
    --fs-color-alert: #b20000;
    --fs-experimental-link-color: #334862;
    --fs-experimental-link-color-hover: #111111;
  }
  .tooltipster-base {
    --tooltip-color: #fff;
    --tooltip-bg-color: #000;
  }
  .off-canvas-right .mfp-content,
  .off-canvas-left .mfp-content {
    --drawer-width: 300px;
  }
  .off-canvas .mfp-content.off-canvas-cart {
    --drawer-width: 360px;
  }
  .header-main {
    height: 90px
  }
  #logo img {
    max-height: 90px
  }
  #logo {
    width:200px;
  }
  .header-top {
    min-height: 30px
  }
  .transparent .header-main {
    height: 90px
  }
  .transparent #logo img {
    max-height: 90px
  }
  .has-transparent + .page-title:first-of-type,
  .has-transparent + #main > .page-title,
  .has-transparent + #main > div > .page-title,
  .has-transparent + #main .page-header-wrapper:first-of-type .page-title {
    padding-top: 120px;
  }
  .header.show-on-scroll,
  .stuck .header-main {
    height:70px!important
  }
  .stuck #logo img {
    max-height: 70px!important
  }
  .header-bottom {
    background-color: #f1f1f1
  }
  @media (max-width: 549px) {
    .header-main {
      height: 70px
    }
    #logo img {
      max-height: 70px
    }
  }
  body {
    color: #777777
  }
  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  .heading-font {
    color: #555555;
  }
  body {
    font-size: 100%;
  }
  @media screen and (max-width: 549px) {
    body {
      font-size: 100%;
    }
  }
  body {
    font-family: Lato, sans-serif;
  }
  body {
    font-weight: 400;
    font-style: normal;
  }
  .nav > li > a {
    font-family: Lato, sans-serif;
  }
  .mobile-sidebar-levels-2 .nav > li > ul > li > a {
    font-family: Lato, sans-serif;
  }
  .nav > li > a,
  .mobile-sidebar-levels-2 .nav > li > ul > li > a {
    font-weight: 700;
    font-style: normal;
  }
  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  .heading-font,
  .off-canvas-center .nav-sidebar.nav-vertical > li > a {
    font-family: Lato, sans-serif;
  }
  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  .heading-font,
  .banner h1,
  .banner h2 {
    font-weight: 700;
    font-style: normal;
  }
  .alt-font {
    font-family: "Dancing Script", sans-serif;
  }
  .alt-font {
    font-weight: 400!important;
    font-style: normal!important;
  }
  @media screen and (min-width: 550px) {
    .products .box-vertical .box-image {
      min-width: 494px!important;
      width: 494px!important;
    }
  }
  .nav-vertical-fly-out > li + li {
    border-top-width: 1px;
    border-top-style: solid;
  }
  .label-new.menu-item > a:after {
    content:"New";
  }
  .label-hot.menu-item > a:after {
    content:"Hot";
  }
  .label-sale.menu-item > a:after {
    content:"Sale";
  }
  .label-popular.menu-item > a:after {
    content:"Popular";
  }