:root {
  --main-color: #49CA00;
  --accent-color: #FCB701;
  --accent-color2: #FCB701;
  --accent-middle: #FCB701;
  --dark-color: #28282C;
  --check-color: #d0cece;
  --header-bg-color: #000;
  --header-bright: 0.65;
  --callback-bg-color: #000;
  --callback-bright: 0.75;
  --fixed-menu-bg-color: #ffffff8f;
  --fixed-menu-bg-color-scroll: #ffffffd9;
  --mob-header-color: #28282C;
  --mob-footer-color: #28282C;
  --woocommerce-ratio: 800 / 600;
  --index-services-ratio: 800 / 800;
}

@media(max-width: 768px) {
  :root {
    --check-color: #d0cece;
  }
}

.header {
  color: var(--dark-color);
  background: rgba(255,255,255,.55);
}
header .header-btns .btn {
  background-color: #ddd;
}
header .header-btns .btn {
  color: var(--dark-color);
}
header .header-btns .btn:hover {
  color: var(--dark-color);
  background-color: #ddd;
  opacity: .8;
}
header .header-wrap .phone a {
  color: var(--dark-color);
  text-shadow: none;
}
header .header-wrap .phone a.phone-secondary {
  color: #ddd;
}
#mega-menu-wrap-topHeader-menu #mega-menu-topHeader-menu > li.mega-menu-item > a.mega-menu-link {
  color: var(--dark-color);
}
.headerMenuWrap {
  background-color: #ffffff8f;
}
#mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-item > a.mega-menu-link {
  color: var(--dark-color);
}
.wcmenucart-contents {
  color: var(--dark-color);
}
.db-cost {
  color: #fff;
}

.menu-item-search:not(:hover) #searchsubmit {
  color: var(--dark-color);
}
.headerMenuWrap.fixed {
  background-color: #ffffffdd;
  box-shadow: 0px 5px 8px 0px rgba(0, 0, 0, 0.05);
}

.mega-menu-wrap > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link {
  background-color: #fbfbfb;
}
#mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-item > a.mega-menu-link:hover, #mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-item > a.mega-menu-link:focus, #mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-item.mega-toggle-on > a.mega-menu-link,
#mega-menu-wrap-topHeader-menu #mega-menu-topHeader-menu > li.mega-menu-item > a.mega-menu-link:hover, #mega-menu-wrap-topHeader-menu #mega-menu-topHeader-menu > li.mega-menu-item > a.mega-menu-link:focus, #mega-menu-wrap-topHeader-menu #mega-menu-topHeader-menu > li.mega-menu-item.mega-toggle-on > a.mega-menu-link {
  color: var(--dark-color);
}

.wcmenucart-contents .cart-total, .wcmenucart-contents>.woocommerce-Price-amount bdi {
  color: var(--dark-color);
  transition: all .25s ease-out;
}

.wcmenucart-contents:hover .cart-total, .wcmenucart-contents:hover>.woocommerce-Price-amount bdi {
  color: #fff;
}

.wcmenucart-contents:hover .cart-total, .wcmenucart-contents:hover>.woocommerce-Price-amount bdi {
  color: #fff;
}

.headerMenuWrap .fkcart-shortcode-container svg {
  fill: var(--dark-color);
}

@media only screen and (max-width: 768px) {
  .header {
    background-color: #f5f5f5;
  }
  #mega-menu-wrap-main-menu .mega-menu-toggle {
    background: #ebebeb;
  }
  #mega-menu-wrap-main-menu .mega-menu-toggle .mega-toggle-block-2 .mega-toggle-animated-inner, #mega-menu-wrap-main-menu .mega-menu-toggle .mega-toggle-block-2 .mega-toggle-animated-inner::before, #mega-menu-wrap-main-menu .mega-menu-toggle .mega-toggle-block-2 .mega-toggle-animated-inner::after {
    background-color: var(--dark-color);
  }
  #mega-menu-wrap-main-menu .mega-menu-toggle .mega-toggle-block-4 .mega-toggle-label {
    color: var(--dark-color);
  }
  .headerMenuWrap {
    background-color: #ebebeb;
  }
  #mega-menu-wrap-main-menu .mega-menu-toggle + #mega-menu-main-menu {
    background-color: #ebebeb;
  }
  #mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link {
    display: flex;
    justify-content: space-between;
    line-height: 21px;
    padding: 7px 10px;
    background: #cfcfcf;
    color: var(--dark-color);
  }
  #mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link:hover, #mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link:focus {
    background: #b3b2b2;
    color: var(--dark-color);
  }
  #mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-item.mega-toggle-on > a.mega-menu-link {
    color: #fff;
  }
}