

:root {
    --primary-color: #437eeb;
    --secondary-color: #313e5b;
    --white-color:#ffffff;
    --white-light-color:#eff1fe;
    --warning-color:#ff0000;
    --success-color:#398f14;
    --title-color:#313e5b;
    --sub-title-color:#437eeb;
    --body-text:#525f81;
    --ver-menu-back:rgba(67, 126 ,235 , 0.08);

  }


/*---------------------------------------------------------------------
  Mega-menu(header)
-----------------------------------------------------------------------*/
header #mega-menu-wrap-top #mega-menu-top > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link:hover, header #mega-menu-top li .mega-sub-menu li:hover>a.mega-menu-link, header #mega-menu-top li .mega-sub-menu li.mega-current-menu-ancestor a.mega-menu-link, #mega-menu-wrap-top #mega-menu-top > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item:hover > a.mega-menu-link, header  #mega-menu-wrap-top #mega-menu-top > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link:hover, header #mega-menu-wrap-top #mega-menu-top > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link:hover, header #mega-menu-wrap-top #mega-menu-top > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link:focus, header #mega-menu-wrap-top #mega-menu-top > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link:focus, header  #mega-menu-wrap-top #mega-menu-top > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link:hover, header #mega-menu-wrap-top #mega-menu-top > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link:focus, header #mega-menu-wrap-top #mega-menu-top > li.mega-menu-flyout ul.mega-sub-menu li.mega-current-menu-item a.mega-menu-link, header #mega-menu-wrap-top #mega-menu-top > li.mega-menu-flyout ul.mega-sub-menu li.mega-current-menu-ancestor a.mega-menu-link, header #mega-menu-wrap-top #mega-menu-top > li.mega-menu-flyout ul.mega-sub-menu li.mega-current-menu-ancestor   ul.mega-sub-menu li.mega-current-menu-item a.mega-menu-link, header #mega-menu-wrap-top #mega-menu-top > li.mega-menu-flyout ul.mega-sub-menu li.mega-current-menu-ancestor ul.mega-sub-menu li:hover a.mega-menu-link, header #mega-menu-wrap-top #mega-menu-top > li.mega-menu-flyout ul.mega-sub-menu li:hover a.mega-menu-link, header #mega-menu-wrap-top #mega-menu-top > li.mega-menu-flyout ul.mega-sub-menu li:hover  ul.mega-sub-menu li:hover a.mega-menu-link, header.style-two #mega-menu-wrap-top #mega-menu-top > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link:hover, header.style-two #mega-menu-top li .mega-sub-menu li:hover>a.mega-menu-link, header.style-two #mega-menu-top li .mega-sub-menu li.mega-current-menu-ancestor a.mega-menu-link, #mega-menu-wrap-top #mega-menu-top > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item:hover > a.mega-menu-link, header.style-two  #mega-menu-wrap-top #mega-menu-top > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link:hover, header.style-two #mega-menu-wrap-top #mega-menu-top > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link:hover, header.style-two #mega-menu-wrap-top #mega-menu-top > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link:focus, header.style-two #mega-menu-wrap-top #mega-menu-top > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link:focus, header.style-two  #mega-menu-wrap-top #mega-menu-top > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link:hover, header.style-two #mega-menu-wrap-top #mega-menu-top > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link:focus, header.style-two #mega-menu-wrap-top #mega-menu-top > li.mega-menu-flyout ul.mega-sub-menu li.mega-current-menu-item a.mega-menu-link, header.style-two #mega-menu-wrap-top #mega-menu-top > li.mega-menu-flyout ul.mega-sub-menu li.mega-current-menu-ancestor a.mega-menu-link, header.style-two #mega-menu-wrap-top #mega-menu-top > li.mega-menu-flyout ul.mega-sub-menu li.mega-current-menu-ancestor   ul.mega-sub-menu li.mega-current-menu-item a.mega-menu-link, header.style-two #mega-menu-wrap-top #mega-menu-top > li.mega-menu-flyout ul.mega-sub-menu li.mega-current-menu-ancestor ul.mega-sub-menu li:hover a.mega-menu-link, header.style-two #mega-menu-wrap-top #mega-menu-top > li.mega-menu-flyout ul.mega-sub-menu li:hover a.mega-menu-link, header.style-two #mega-menu-wrap-top #mega-menu-top > li.mega-menu-flyout ul.mega-sub-menu li:hover  ul.mega-sub-menu li:hover a.mega-menu-link { background: var(--primary-color); color: var(--white-color); }
header.style-two #mega-menu-wrap-top #mega-menu-top > li.mega-menu-item > a.mega-menu-link, header.style-two #mega-menu-wrap-top #mega-menu-top > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link { color: var(--white-color); }
header.style-two #mega-menu-wrap-top #mega-menu-top > li.mega-menu-megamenu > ul.mega-sub-menu, header.style-two #mega-menu-wrap-top #mega-menu-top > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link { background: var(--body-text); }
header.style-two #mega-menu-wrap-top #mega-menu-top > li ul.mega-sub-menu li.mega-current-menu-ancestor ul.mega-sub-menu li.mega-current-menu-item a.mega-menu-link, header.style-two #mega-menu-wrap-top #mega-menu-top > li.mega-menu-flyout ul.mega-sub-menu li.mega-current-menu-ancestor ul.mega-sub-menu li a.mega-menu-link, header.style-two #mega-menu-wrap-top #mega-menu-top > li.mega-menu-flyout ul.mega-sub-menu li:hover ul.mega-sub-menu li a.mega-menu-link, header.style-two #mega-menu-wrap-top #mega-menu-top > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link, #mega-menu-wrap-top #mega-menu-top > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link { background: var(--body-text); color: var(--white-color); }
header #mega-menu-wrap-top { width: 100%; background: transparent; }
header #mega-menu-wrap-top #mega-menu-top { text-align: right; }
header #mega-menu-wrap-top #mega-menu-top > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link, header #mega-menu-wrap-top #mega-menu-top > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link { padding: 10px; }
header #mega-menu-wrap-top #mega-menu-top > li.mega-menu-megamenu > ul.mega-sub-menu { padding: 10px; background: var(--white-color);}
header #mega-menu-wrap-top #mega-menu-top > li.mega-menu-item > a.mega-menu-link { color: var(--secondary-color); font-size: 18px; padding: 0 15px; line-height: 70px; height: 70px; }
header.style-two #mega-menu-wrap-top #mega-menu-top > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link, header.style-two #mega-menu-wrap-top #mega-menu-top > li.mega-menu-item.mega-current-menu-ancestor > a.mega-menu-link, header.style-two #mega-menu-wrap-top #mega-menu-top > li.mega-menu-item.mega-current-page-ancestor > a.mega-menu-link, header.style-two #mega-menu-wrap-top #mega-menu-top > li.mega-menu-item.mega-toggle-on > a.mega-menu-link, header.style-two #mega-menu-top li .mega-sub-menu li.mega-current-menu-ancestor .mega-sub-menu li a, header #mega-menu-wrap-top #mega-menu-top > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link, header #mega-menu-wrap-top #mega-menu-top > li.mega-menu-item.mega-current-menu-ancestor > a.mega-menu-link, header #mega-menu-wrap-top #mega-menu-top > li.mega-menu-item.mega-current-page-ancestor > a.mega-menu-link, header #mega-menu-wrap-top #mega-menu-top > li.mega-menu-item.mega-toggle-on > a.mega-menu-link, header #mega-menu-top li .mega-sub-menu li.mega-current-menu-ancestor .mega-sub-menu li a { background: transparent; color: var(--primary-color); }
header #mega-menu-wrap-top #mega-menu-top > li.mega-menu-item > a.mega-menu-link:hover, header #mega-menu-top li .mega-sub-menu li:hover>  .mega-sub-menu li a { color: var(--primary-color); background: transparent; }
header #mega-menu-wrap-top #mega-menu-top > li ul.mega-sub-menu li.mega-current-menu-ancestor ul.mega-sub-menu li.mega-current-menu-item a.mega-menu-link, header #mega-menu-wrap-top #mega-menu-top > li.mega-menu-flyout ul.mega-sub-menu li.mega-current-menu-ancestor ul.mega-sub-menu li a.mega-menu-link, header #mega-menu-wrap-top #mega-menu-top > li.mega-menu-flyout ul.mega-sub-menu li:hover  ul.mega-sub-menu li a.mega-menu-link, #mega-menu-wrap-top #mega-menu-top > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link, #mega-menu-wrap-top #mega-menu-top > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link { background: var(--white-color); color: var(--body-text); }
header #mega-menu-wrap-top .mega-sub-menu li a { color: var(--body-text); text-decoration: none; line-height: 40px; }

/* #mega-menu-wrap-top #mega-menu-top li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row, #mega-menu-wrap-top #mega-menu-top li.mega-menu-megamenu.mega-menu-flyout ul { box-shadow: 0 4px 10px 0 rgba(3, 3, 3, .1); } */
header #mega-menu-wrap-top .mega-sub-menu ul { padding: 0; margin: 0; list-style: none; }
header #mega-menu-wrap-top .mega-sub-menu li a:hover { color: var(--primary-color); }
header #mega-menu-wrap-top .mega-sub-menu li .product_list_widget img { float: left; width: 60px; margin-right: 10px; }
header #mega-menu-wrap-top #mega-menu-top li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item img { float: left; width: 100%; }
header .sub-header .sub-main .menu-shop-container { float: right; }
header li .search_count { position: relative; }
.woocommerce-cart.woocommerce-page header .cart_count, .woocommerce-checkout.woocommerce-page header .cart_count { display: none; }
.wmc-price del { color: var(--body-text); }

header #mega-menu-wrap-top #mega-menu-top[data-effect="fade_up"] li.mega-menu-item.mega-menu-megamenu > ul.mega-sub-menu, header  #mega-menu-wrap-top #mega-menu-top[data-effect="fade_up"] li.mega-menu-item.mega-menu-flyout ul.mega-sub-menu { -webkit-box-shadow: 0px 2px 20px 0px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0px 2px 20px 0px rgba(0, 0, 0, 0.15); box-shadow: 0px 2px 20px 0px rgba(0, 0, 0, 0.15); }
.wmc-price ins { color: var(--primary-color); }
.wmc-details p { margin-bottom: 0; }
header .wmc-image img { height: auto; width: auto; }
header #mega-menu-wrap-top #mega-menu-top li.mega-menu-item-has-children > a.mega-menu-link > span.mega-indicator:after { content: "\f347"; }
header #mega-menu-wrap-top #mega-menu-top li.mega-menu-flyout li.mega-menu-item a.mega-menu-link > span.mega-indicator:after { content: "\f345"; }
header #mega-menu-wrap-top #mega-menu-top li.mega-menu-item-has-children > a.mega-menu-link > span.mega-indicator { font-size: 12px; }
header   #mega-menu-wrap-top #mega-menu-top li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item { padding: 0; }
header  #mega-menu-wrap-top #mega-menu-top > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link, #mega-menu-wrap-top #mega-menu-top > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link { text-transform: capitalize; }
/* header #mega-menu-wrap-top #mega-menu-top > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link{ background: var(--white-color); font-weight: normal; } */
#mega-menu-wrap-top #mega-menu-top > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link{background: var(--white-color);}
header #mega-menu-wrap-top #mega-menu-top > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link, header #mega-menu-wrap-top #mega-menu-top > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link, #mega-menu-wrap-top #mega-menu-top > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link:hover, header #mega-menu-wrap-top #mega-menu-top > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link:hover, header #mega-menu-wrap-top #mega-menu-top > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link:focus, header #mega-menu-wrap-top #mega-menu-top > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link:focus { font-weight: normal; }
header #mega-menu-wrap-top #mega-menu-top > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link, #mega-menu-wrap-top #mega-menu-top > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link, header #mega-menu-wrap-top #mega-menu-top > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link { font-size: 16px; }
header #mega-menu-wrap-top #mega-menu-top > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link { padding: 5px 15px 5px 15px; }
header #mega-menu-wrap-top #mega-menu-top > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item, #mega-menu-wrap-top #mega-menu-top > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item { padding: 0; }
header.style-two #mega-menu-wrap-top #mega-menu-top li.mega-menu-item > ul.mega-sub-menu li.mega-current-menu-item a.mega-menu-link, header.style-two #mega-menu-wrap-top #mega-menu-top > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-current-menu-item a.mega-menu-link, header.style-two #mega-menu-wrap-top #mega-menu-top > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link:hover, header #mega-menu-wrap-top #mega-menu-top li.mega-menu-item > ul.mega-sub-menu li.mega-current-menu-item a.mega-menu-link, header #mega-menu-wrap-top #mega-menu-top > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-current-menu-item a.mega-menu-link { background: var(--primary-color); color: var(--white-color); }

@media(max-width:992px) {

	/*Mega-Menu*/
    header #mega-menu-wrap-top #mega-menu-top { max-height: 330px; overflow-y: scroll; overflow-x: hidden; }
    header .navbar-light .navbar-toggler { display: none; }
    header .navbar-collapse { display: block !important; }
    header #mega-menu-wrap-top .mega-menu-toggle .mega-toggle-block-1 .mega-toggle-label { display: none; }
    header #mega-menu-wrap-top .mega-menu-toggle .mega-toggle-blocks-right .mega-toggle-block { margin-right: 0; }
    header #mega-menu-wrap-top .mega-menu-toggle .mega-toggle-block-1:after { line-height: 44px; background: var(--primary-color); color: var(--white-color); border-color: var(--primary-color); padding: 0; width: 48px; height: 44px; border-radius: 5px; margin: 0; text-align: center; }
    header #mega-menu-wrap-top .mega-menu-toggle { width: 48px; height: 44px; position: absolute; display: inline-flex; background: transparent; right: 0; top: -62px; margin: 0; padding: 0; border-radius: 5px; }
    header #mega-menu-wrap-top .mega-menu-toggle + #mega-menu-top { background: var(--white-color); }
    header #mega-menu-wrap-top #mega-menu-top > li.mega-menu-item > a.mega-menu-link { font-size: 18px; line-height: initial; height: auto; color: var(--title-color); padding: 15px; }
    header #mega-menu-wrap-top #mega-menu-top[data-effect="fade_up"] li.mega-menu-item.mega-menu-megamenu > ul.mega-sub-menu, header  #mega-menu-wrap-top #mega-menu-top[data-effect="fade_up"] li.mega-menu-item.mega-menu-flyout ul.mega-sub-menu { box-shadow: none; padding: 0; background: var(--white-light-color); }
    header.menu-sticky #mega-menu-wrap-top .mega-menu-toggle { top: -70px; }
    header #mega-menu-wrap-top #mega-menu-top > li.mega-menu-megamenu > ul.mega-sub-menu { padding: 0; }
    header #mega-menu-wrap-top #mega-menu-top > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link, header #mega-menu-wrap-top #mega-menu-top > li.mega-menu-item.mega-current-menu-ancestor > a.mega-menu-link, header #mega-menu-wrap-top #mega-menu-top > li.mega-menu-item.mega-current-page-ancestor > a.mega-menu-link, header #mega-menu-wrap-top #mega-menu-top > li.mega-menu-item.mega-toggle-on > a.mega-menu-link, header #mega-menu-top li .mega-sub-menu li.mega-current-menu-ancestor .mega-sub-menu li a { background: var(--primary-color); color: var(--white-color); }
    header #mega-menu-wrap-top #mega-menu-top li.mega-menu-item-has-children > a.mega-menu-link > span.mega-indicator:after { font-size: 18px; }
    header #mega-menu-wrap-top #mega-menu-top li.mega-menu-item-has-children.mega-toggle-on > a.mega-menu-link > span.mega-indicator:after, header #mega-menu-wrap-top #mega-menu-top li.mega-menu-flyout.mega-toggle-on li.mega-menu-item a.mega-menu-link > span.mega-indicator:after, header #mega-menu-wrap-top #mega-menu-top li.mega-menu-flyout .mega-sub-menu li.mega-menu-item.mega-toggle-on a.mega-menu-link > span.mega-indicator:after { content: "\f343"; }
    header #mega-menu-wrap-top #mega-menu-top li.mega-menu-flyout .mega-sub-menu li.mega-menu-item a.mega-menu-link > span.mega-indicator:after { content: "\f347"; }
    header #mega-menu-wrap-top #mega-menu-top > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link, 
    header #mega-menu-wrap-top #mega-menu-top > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link
     { padding: 10px 15px; }
      header.style-two #mega-menu-wrap-top .mega-menu-toggle + #mega-menu-top {background: var(--secondary-color); color: var(--white-color); }
}