/*
 * header-navigation.css
 *
 * Copied (not moved) from css/style.css for the site header and top
 * navigation, sourced from top.php: mega-menu / mobile hamburger menu,
 * navbar, login dropdown, cart dropdown, search box, ticker, and related
 * header widgets. top.php is included on nearly every page (~195 files),
 * so this is an organizational split of style.css, not a per-page-only
 * bundle like diamonds.css.
 *
 * These rules still exist in style.css too (copy, not move) so nothing
 * elsewhere in the codebase can break.
 */

.navbar-default .navbar-toggle .icn {float: right;margin-top: 3px}
.navbar-default .navbar-toggle .icon-bar {background: #fff}
.brand-name {display: none}
.navbar-toggle .icon-bar {display: block;width: 28px;height: 3px;border-radius: 1px}
.navbar-dropdown .navbar-nav>li {width: 100%}
.navbar-dropdown .navbar-nav>li>.nav-box a {padding-top: 8px !important;padding-bottom: 8px !important;line-height: 1;font-family: "Lato", sans-serif;font-weight: 700;font-size: 14px}
.navbar-dropdown .navbar-nav>li>a {padding: 0;font-family: 'Lato', sans-serif;font-weight: 400;font-size: 16px;line-height: 27px;padding: 3px;color: #333;padding-left: 17px;text-decoration: none}
.navbar-dropdown .navbar-nav>li>a:hover {background-color: #2c3b5b;color: #fed700}
.navbar-dropdown .navbar-nav.cart>li>a {font-weight: 400;font-size: 18px;line-height: 25px}
.navbar-dropdown .navbar-nav>li.panel ul li a {font-size: 16px;font-weight: 400;list-style-type: none;width: 100%;padding-left: 20px !important;padding-right: 0;display: block}
.navbar-dropdown .navbar-nav>li.panel ul li a:hover {background-color: #2c3b5b;color: #fed700}
.navbar-dropdown .navbar-nav>li.panel ul li ul li a {font-size: 12px;padding-left: 30px !important}
.navbar-dropdown .navbar-nav>li.panel a {font-family: 'Lato', sans-serif;font-weight: 400;font-size: 14px;line-height: 16px;padding: 3px;padding-left: 15px;color: #333;background: 0;text-transform: uppercase;text-decoration: none;font-weight: 600}
.navbar-dropdown .navbar-nav>li.panel a:hover {font-weight: 600;background-color: #2c3b5b;color: #fed700}
.navbar-dropdown .navbar-nav>li.panel {background-color: transparent;list-style-type: none;margin-bottom: 0}
.navbar-dropdown .navbar-nav>li.panel ul {padding-left: 0;margin: 5px 0}
.navbar-dropdown .navbar-nav>li.panel ul li {background-color: transparent;list-style-type: none}
.navbar-dropdown .navbar-nav>li.panel ul li a:hover {background-color: #2c3b5b;color: #fed700}
.navbar-dropdown .navbar-nav>li.panel a {font-family: 'Lato', sans-serif;font-weight: 400;font-size: 16px;line-height: 20px;padding: 3px;padding-left: 15px;color: #333;text-transform: uppercase;text-decoration: none}
.navbar-dropdown .navigate>li>a {font-weight: 600 !important}
.navbar-dropdown .navbar-nav>li.panel a:hover {font-weight: 600}
.navbar-dropdown .navbar-nav>li.nav-box {width: 100%;clear: both}
.navbar-nav {margin: 0 -15px;margin-bottom: 15px}
.navbar-collapse .search-box.subscribe {display: none}
.navbar-default .navbar-collapse {margin-right: -20px;margin-left: -30px;border: 0;padding: 0 10px;width: 250px}
.navbar-default .navbar-nav {float: none;display: block;margin: 0}
.navbar-default .navbar-nav>li {float: none;display: block}
.navbar-default .navbar-nav>li>.nav-box>a {padding: 0;font-family: 'Lato', sans-serif;  font-weight: 400;font-size: 14px;line-height: 16px;padding: 3px;color: #333;background: 0;padding-left: 17px;text-decoration: none}
.navbar-default .navbar-nav>li>a {padding: 00;font-family: 'Lato', sans-serif;font-weight: 400;font-size: 14px;line-height: 16px;padding: 3px;color: #333;background: 0;padding-left: 17px;text-decoration: none}
.navbar-default .navigate>li>a {font-weight: 600 !important}
.navbar-default .navbar-nav>li>.panel a.plus {font-weight: 600}
.navbar-default .navbar-nav>li>a:hover {background-color: #2c3b5b !important;color: #fed700 !important}
.navbar-default .navbar-nav>.active>a,.navbar-default .navbar-nav>.active>a:hover,.navbar-default .navbar-nav>.active>a:focus {background: #2c3b5b;color: #fed700}
.navbar-default .navbar-nav>.active>a,.navbar-default .navbar-nav>.active>a:hover,.navbar-default .navbar-nav>.active>a:focus {background: #2c3b5b;color: #fed700}
.navbar-default .navbar-nav.cart>li>a {font-weight: 400}
.navbar-default .navigate>li>.nav-box>a {font-weight: 600 !important;padding-top: 5px;padding-bottom: 5px}
.navbar-default .navbar-nav>li.panel {background-color: transparent;list-style-type: none;margin-bottom: 0;box-shadow: none}
.navbar-default .navbar-nav>li.panel ul {padding-left: 0;margin: 5px 0}
.navbar-default .navbar-nav>li.panel ul li {background-color: transparent;list-style-type: none}
.navbar-default .navbar-nav>li.panel ul li a:hover {background-color: #2c3b5b;color: #fed700}
.navbar-default .navbar-nav>li.panel ul li a:hover {background-color: transparent}
.navbar-default .navbar-nav>li.panel ul li a {font-size: 13px;font-weight: 400;list-style-type: none;width: 100%;padding-left: 15px !important;padding-right: 0;display: block}
.navbar-default .navbar-nav>li.panel ul li a:hover {background-color: #2c3b5b;color: #fed700}
.navbar-default .navbar-nav>li.panel ul li ul li a {font-size: 12px;padding-left: 30px !important}
.navbar-default .navbar-nav>li.panel a {font-family: 'Lato', sans-serif;font-weight: 400;font-size: 14px;line-height: 16px;padding: 3px;padding-left: 15px;color: #333;background: 0;text-transform: uppercase;text-decoration: none;font-weight: 600}
.navbar-default .navbar-nav>li.panel a:hover {font-weight: 600;background-color: #2c3b5b;color: #fed700}
.nav-toggle {float: right;position: relative;right: 0}
a.refresh {color: #fed700}
.navbar-default .navbar-nav>li.panel a {padding-left: 15px !important;padding-right: 5px !important}
a.plus:before {font-family: FontAwesome;content: "\f00d";float: right;display: inline-block;padding-right: 3px;font-size: 16px;vertical-align: middle}
a.plus.collapsed:before {font-family: FontAwesome;content: "\f067";display: inline-block;float: right;font-size: 15px;padding-right: 3px;vertical-align: middle}
#ticker {padding: 15px 0}
#ticker marquee {height: 15px}
#ticker p {font-family: 'Lato', sans-serif;font-size: 13px;line-height: 14px;margin: 0;font-weight: 400}
#ticker p.username {font-family: 'Lato', sans-serif;font-size: 14px;line-height: 14px;margin: 0;font-weight: 400;float: right;margin-left: 25px}
#ticker .reg-link {float: right;color: #fff;font-family: 'Lato', sans-serif;font-size: 13px;line-height: 14px;margin: 0;font-weight: 400;float: right;margin-left: 25px}
.TickerNews {width: 100%;height: 15px;line-height: 15px}
#ticker {background: #2c3b5b;z-index: 1;position: relative}
#quciksearch {background-color: #2C3B5B;z-index: 1;position: relative;z-index: 99999}
#quick {padding: 10px 15px;float: left;width: 36%}
#quick .quick-title {font-family: 'Lato', sans-serif;font-size: 10px;font-weight: 500;float: left;line-height: 14px;width: 50px}
#quick .btn {background: #fff;font-size: 11px;color: #222;border-color: #f1cd04;outline: 0;width: 100%}
#quick .dropdown-menu {min-width: 50px}
#quick .dropdown-menu li {display: block;float: none;margin: 0;min-width: 55px}
#quick .dropdown-menu li input {margin: 0 2px 0 2px;vertical-align: bottom}
#quick .dropdown-menu>li>a {font-size: 10px;padding: 3px 3px}
.go {padding: 5px 15px;margin: 0;border-radius: 5px;outline: 0;transition: all .3s ease-in 0;border: solid 1px #fff}
.go:hover {border: solid 1px #2c3b5b;background-color: #fed700}
#onoff {float: left;list-style: none;margin: 0 0 0 8px;padding: 0;width: 100%}
#onoff:after {clear: both;content: "";display: block}
#onoff li {width: 16.6667%;width: calc(100% / 8);box-sizing: border-box}
#onoff li {float: left;margin-left: 3px}
#onoff li .match-title {font-size: 10px;margin: 0;white-space: nowrap}
.onoffswitch {position: relative;width: 50px;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none}
.onoffswitch-checkbox {display: none}
.onoffswitch-label {display: block;overflow: hidden;cursor: pointer;border-radius: 50px;margin: 0}
.onoffswitch-inner {display: block;width: 200%;margin-left: -100%;transition: margin .3s ease-in 0}
.onoffswitch-inner:before,.onoffswitch-inner:after {display: block;float: left;width: 50%;padding: 0;font-size: 12px;line-height: 16px;box-sizing: border-box}
.onoffswitch-inner:before {content: "ON";padding-left: 10px}
.onoffswitch-inner:after {content: "OFF";padding-right: 10px;text-align: right}
.onoffswitch-switch {display: block;width: 15px;position: absolute;top: 0;bottom: 0;right: 35px;border-radius: 50%;transition: all .3s ease-in 0}
.onoffswitch-checkbox:checked+.onoffswitch-label .onoffswitch-inner {margin-left: 0}
.onoffswitch-checkbox:checked+.onoffswitch-label .onoffswitch-switch {right: -1px}
.lung {margin: 0;float: left;text-align: center;width: 100%}
.lung select {width: 80%;padding: 5px 10px;border: solid 1px #2c3b5b;border-radius: 5px;font-size: 12px;outline: 0}
.lung .search-box {position: relative;margin: 0;display: table;width: 100%}
.lung .search-box.subscribe {margin: 0}
.lung .search-box input {float: right;border-radius: 0;width: 100%;box-shadow: none;border: solid 1px #ddd;font-size: 12px;padding: 5px 45px 5px 12px;height: auto}
.lung .search-box button {position: absolute;top: 0;right: 0;padding: 3px 7px 3px 7px;font-size: 12px;line-height: 20px;color: #2c3b5b;background-color: #FED700;border-color: #FED700;border-radius: 0}
.lung .search-box button:hover {color: #2c3b5b;background-color: #fed700;border-color: #2c3b5b}
.login-block {float: right;padding: 12px 15px}
.login-block ul {margin: 0;padding: 0;list-style: none}
.login-block ul:after {clear: both;display: block;content: ""}
.login-block ul li {float: left;width: 25%}
.login-block ul li:last-child {float: left;min-width: 150px}
.login-block ul li.name {float: left;width: auto;padding: 0 0 0 10px}
.login-block ul li.name .username {margin: 0;line-height: 28px}
.login-block ul li select {width: 100%;padding: 5px 10px;border: solid 1px #2c3b5b;border-radius: 5px 0 0 5px;font-size: 12px;outline: 0;height: 29px;border-right: 0}
.login-block ul li input[type=text] {width: 100%;padding: 4px 10px;border: solid 1px #2c3b5b;border-radius: 50px;font-size: 12px;outline: 0}
.login-block ul li input[type=password],.login-block ul li input[type=email] {width: 100%;padding: 4px 10px;border: solid 1px #2c3b5b;border-radius: 0;font-size: 12px;outline: 0}
.login-block ul li .go {padding: 5px 15px;margin: 0 0 0 10px}
.login-block ul li .for-pass {position: relative;float: right;margin-bottom: -15px;font-size: 12px;color: #2c3b5b;text-decoration: none}
.login-block .selectBox-dropdown {position: relative;border: solid 1px #BBB !important;line-height: 100%;padding: 6px 0;text-decoration: none;text-align: left;color: #5d5d5d;outline: 0;vertical-align: middle;-moz-border-radius: 4px;border-radius: 0;display: inline-block;cursor: pointer;margin: 0 0 15px}
.login-block .selectBox-dropdown .selectBox-label {line-height: 15px}
.login-block .selectBox-dropdown .selectBox-arrow {border-color: #2c3b5b}
#jumto-hide.selectBox-dropdown {padding: 2px 0;background: #fff;margin: 0;border: solid 1px #2c3b5b}
#jumto-hide.selectBox-dropdown .selectBox-label {line-height: 15px}
#jumto-hide.selectBox-dropdown .selectBox-arrow {border-color: #2c3b5b}
.sub-log {margin: 0;padding: 0;list-style: none;max-width: 800px;display: inline-block}
.sub-log:after {clear: both;display: block;content: ""}
.sub-log li {float: left;width: 24%;text-align: left}
.sub-log li:last-child {white-space: nowrap}
.sub-log li.name {float: left;width: auto;padding: 0 0 0 10px}
.sub-log li.name .username {margin: 0;line-height: 28px}
.sub-log li select {width: 100%;padding: 5px 10px;border: solid 1px #2c3b5b;border-radius: 5px 0 0 5px;font-size: 12px;outline: 0;height: 29px;border-right: 0}
.sub-log li input[type=text],.sub-log li input[type=email] {width: 100%;padding: 4px 10px;border: solid 1px #2c3b5b;border-radius: 0;font-size: 12px !important;outline: 0;color: #444}
.sub-log li input[type=password] {width: 100%;padding: 4px 10px;border: solid 1px #2c3b5b;border-radius: 0;font-size: 12px;outline: 0}
.sub-log li input[type=password] {border-radius: 0;border-left: 0}
.sub-log li .go {padding: 3px 15px;margin: 0 0 0 10px}
.sub-log .selectBox-dropdown {padding: 2px 0;background: #fff;margin: 0;border: solid 1px #2c3b5b}
.sub-log .selectBox-dropdown .selectBox-label {line-height: 15px}
.sub-log .selectBox-dropdown .selectBox-arrow {border-color: #2c3b5b}
.log-top {background: #2c3b5b; text-align: right; padding: 0; }
.log-top .for-pass {position: relative; float: right; font-size: 12px; color: #2c3b5b; text-decoration: none; white-space: nowrap }
.log-top .selectBox-dropdown {margin: 0; background: #fff }
.log-top .mump-to {display: inline-block }
.log-top .log-detail {font-size: 18px; font-weight: 300; color: #2c3b5b; font-family: "Lato", sans-serif; display: inline-block; padding: 0 5px; margin: 0 }
.log-top .log-btn {background-color: #2c3b5b; border: 1px solid #fff; border-radius: 5px; color: #fff; margin: 0; outline: medium none; padding: 6px 15px; transition: all .3s ease-in 0 }
.log-top .log-btn:hover {background-color: #fff; border: 1px solid #2c3b5b; color: #2c3b5b; text-decoration: none }
.log-top .search-box {position: relative; margin: 0; display: table; width: 100% }
.log-top .search-box.subscribe {margin: 0 }
.log-top .search-box input {float: right; border-radius: 0; width: 100%; box-shadow: none; border: solid 1px #ddd; font-size: 12px; padding: 5px 45px 5px 12px; height: auto }
.log-top .search-box button {position: absolute; top: 0; right: 0; padding: 3px 7px 3px 7px; font-size: 12px; line-height: 20px; color: #2c3b5b; background-color: #FED700; border-color: #Fed700; border-radius: 0 }
.log-top .search-box button:hover {color: #2c3b5b; background-color: #fed700; border-color: #2c3b5b }
.dropdown.cart {display: inline-block; vertical-align: baseline;}
.dropdown.cart a {border: 0; border-radius: 0; text-align: center; color: #FFF; background: 0;}
.dropdown.cart a .fa {font-size: 24px }
.dropdown.cart a .count {display: inline-block; width: 15px; height: 15px; border-radius: 50%; background: #FED700; color: #2c3b5b; font-size: 10px; text-align: center; position: absolute; top: 3px; right: 3px }
.btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active, .open>.dropdown-toggle.btn-default {background: 0; color: #ed1d24 }
.dropdown.cart .dropdown-menu {left: inherit; right: 0; min-width: 280px }
.dropdown.cart table {width: 100% }
.dropdown.cart table:hover {background: #f2f2f2 }
.dropdown.cart table td {padding: 5px }
.dropdown.cart .img img {width: 80px }
.dropdown.cart .name {color: #ed1d24; font-family: "Lato", sans-serif; font-size: 16px; font-weight: 400; margin: 0 }
.dropdown.cart .price {color: #2c3b5b; font-family: "Lato", sans-serif; font-size: 14px; font-weight: 400; margin: 0 }
.dropdown.cart .trash {color: #2c3b5b }
.dropdown.cart .trash .fa {font-size: 16px }
.dropdown.cart .trash:hover {color: #ed1d24 }
.dropdown.cart .last {padding: 5px 10px; text-align: right; width: 100% }
.dropdown.cart .last .total {margin: 0 0 5px; color: #ed1d24; font-family: "Lato", sans-serif; font-size: 16px; font-weight: 600; float: right }
.dropdown.cart .last .common-btn {font-size: 12px; background-color: #2c3b5b; padding: 7px 10px; display: inline-block; color: #fff }
.dropdown.cart .last .common-btn:hover {color: #2c3b5b; background-color: #fff; border: 1px solid #2c3b5b }
.error-msg {color: #ff0004; border: solid 1px #ed1d24; border-radius: 3px; padding: 7px 10px; font-size: 13px; background: rgba(237, 29, 36, 0.1); margin: 5px 0 0; font-weight: 300; font-family: "Lato", sans-serif }
.user-toogle a {background-color: #fed700; border-radius: 6px; color: #2c3b5b; cursor: pointer; display: inline-block; font-size: 14px; height: 31px; margin-right: 5px; padding: 5px 6px; text-align: center; text-decoration: none; vertical-align: top }
.nav>li>a:hover, .nav>li>a:focus {background-color: transparent }
.navbar-collapse .lable-search {display: none }
.navbar-collapse .copyright {display: none }
#top-ticker {padding: 5px 0; display: none }
.top-filter a {display: none }
.add-cart-menu ul li {width: 100%; text-align: left;float: none}
.add-cart-menu .name {padding: 4px }
.add-cart-menu .detail {font-size: 12px; padding: 4px; border-top: thin solid #ccc; border-bottom: thin solid #ccc; margin: 0 }
.add-cart-menu .price {font-size: 12px; padding: 4px }
.scroller-ticker {display: block }
.menu-top {display: none }
.brand-text {display: block }
.brand-logo {display: none }
#onoffnew li .match-titlenew {font-size: 10px; margin: 0; white-space: nowrap }
.onoffswitchnew {position: relative; width: 50px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none }
.onoffswitchnew-checkbox {display: none }
.onoffswitchnew-label {display: block; overflow: hidden; cursor: pointer; border-radius: 50px; margin: 0 }
.onoffswitchnew-inner {display: block; width: 200%; margin-left: -100%; transition: margin .3s ease-in 0 }
.onoffswitchnew-inner:before, .onoffswitchnew-inner:after {display: block; float: left; width: 50%; padding: 0; font-size: 12px; line-height: 16px; box-sizing: border-box }
.onoffswitchnew-inner:before {content: "ON"; padding-left: 10px }
.onoffswitchnew-inner:after {content: "OFF"; padding-right: 10px; text-align: right }
.onoffswitchnew-switch {display: block; width: 15px; position: absolute; top: 0; bottom: 0; right: 35px; border-radius: 50%; transition: all .3s ease-in 0 }
.onoffswitchnew-checkbox:checked+.onoffswitchnew-label .onoffswitchnew-inner {margin-left: 0 }
.onoffswitchnew-checkbox:checked+.onoffswitchnew-label .onoffswitchnew-switch {right: -1px }
#onoffnew li .match-title {color: #2c3b5b }
.onoffswitchnew-inner:before {background-color: #2c3b5b; color: #fff }
.onoffswitchnew-inner:after {background-color: #2c3b5b; color: #fff }
.onoffswitchnew-switch {background: #FFF; box-shadow: inset 3px 3px 5px rgba(0, 0, 0, 0.5) }
.onoffswitchnew-checkbox:checked+.onoffswitchnew-label .onoffswitchnew-switch {background-color: #fed700 }
.top-filter a {font-size: initial !important }
.top-filter a i {font-size: 26px }
.top-filter a span.filter-small {font-size: 11px; display: block }
#SideBarTopAccordion0 a.plus:focus {background-color: #2c3b5b !important; color: #fed700 }
.company-info {padding: 10px 0 }
.company-info-item+.company-info-item {width: auto }
.company-info-item {overflow: hidden }
/*.header-info a {color: #666 }*/
.header-icon {float: left; width: 19%; margin-top: 3px }
.header-info .d-flex {justify-content: inherit }
.header-info a {font-size: 15px }
.phone-header {margin-right: 12px }
.header-info h6 {line-height: 15px; margin-bottom: 5px; font-size: 18px; margin-top: 0 }
.header-info p {color: #606060; font-size: 12px; font-weight: 300; line-height: 12px; margin-bottom: 0 }
.company-info .company-info-item:nth-child(2) {padding-left: 0 }
a.selectBox.FancySelectBoxClass.selectBox-dropdown {width: 100% !important }
.mobile-none .dropdown.cart a .fa {font-size: 32px !important }
.header-info i {padding-right: 6px }
li#AfterLoginJumpto+li+li span#TotalCartItems {top: -3px; right: 2px }
span#AfterLoginJumpto a.selectBox.FancySelectBoxClass.selectBox-dropdown {width: 210px !important }
#TotalCartItems {display: none !important }
.top-header-user .login-block, .log-top .inner-hide-form {border-color: #2c3b5b; position: absolute; right: 0; width: 350px; background: #FFF; top: 125px; border: 1px solid #CCC; border-top: 0; box-shadow: 0 3px 3px rgba(0, 0, 0, .1) }
.top-header-user .login-block ul li, .log-top .inner-hide-form ul li {float: none; width: 100%; margin-bottom: 18px }
.top-header-user .login-block ul li input, .log-top .inner-hide-form ul li input[type=password] {border: solid 1px #2c3b5b }
.top-header-user .login-block ul li select, .log-top .inner-hide-form ul li select {border-radius: 0; border: solid 1px #2c3b5b !important }
.top-header-user .login-block ul li .for-pass, .log-top .inner-hide-form ul li .for-pass {margin: 6px 0 }
.top-header-user #login-hide ul {margin: 0; padding: 0; list-style: none }
.log-top .inner-hide-form #login-hide.login-hiden ul {margin: 0; padding: 0; list-style: none; max-width: 100% !important; display: block !important; width: 100% }
.log-top .inner-hide-form {padding: 16px 15px; z-index: 999 }
.lung#search-hide {-webkit-transform: inherit; transform: inherit }
.top-header-icon i {font-size: 32px }
#quciksearch li.name {font-size: 18px; font-weight: 300; color: #FFF; font-family: "Lato", sans-serif; display: inline-block; padding: 0 5px; margin: 0 }
.top-margin-spacing {margin-top: 13px }
.title-left-image.d-flex img {float: right }
.hide-in-mobile a, .hide-in-mobile .top-call {display: block !important; padding: 5px !important; font-size: 18px }
.top-header-user ul.d-flex {padding: 0; display: flex; align-items: center;margin-bottom: 0;justify-content: end}
.top-header-user ul.d-flex li {list-style: none; padding-left: 20px !important }
#login-hide-new p.username {margin-bottom: 0 }
.verticle-menu .header-logo {position: relative !important; left: 0 }
.column-inner ul.two-column.icon-left-title+.single-text-menu ul li a {background: #2c3b5b !important; font-size: 13px; padding: 4px 10px; margin: auto; color: #FFF; border-radius: 5px; box-shadow: 7px 5px 2px rgba(0, 0, 0, .2) }
.menum-new nav {height: 35px; padding: 0 10px; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: flex; align-items: center }
.menum-new nav .m-menu__checkbox {display: none }
.menum-new nav label.m-menu__toggle {cursor: pointer }
.m-menu__header label {margin-bottom: 0 !important }
.menum-new nav .m-menu {position: fixed; top: 0; left: 0; max-width: 450px; width: calc(100vw - 30px); height: 100%; transform: translate3d(-450px, 0, 0); transition: transform .35s; z-index: 99999; overflow: hidden; background-color: #fff }
.menum-new nav .m-menu__overlay {background-color: rgba(103, 103, 103, 0.5); position: fixed; top: -13px; width: 100%; bottom: 0; z-index: 1; display: none; height: 100vh }
.menum-new nav .m-menu__header {padding: 0 16px; height: 50px; display: flex; justify-content: space-around; align-items: center; border-bottom: 1px solid #e8e8e8; background: #2c3c5b }
.menum-new nav .m-menu__header span {font-size: 1.2rem; font-weight: bold; text-align: center; width: 100% }
.menum-new nav .m-menu .m-menu {transform: translate3d(480px, 0, 0) }
.menum-new nav .m-menu ul {height: 90%; overflow-y: auto; padding: 0 }
.menum-new nav .m-menu ul li a, nav .m-menu ul li label {display: block; text-align: left; padding: 0 10px; line-height: 30px; text-decoration: none; color: #333; cursor: pointer; font-size: 15px; font-weight: normal; position: relative; text-transform: uppercase }
.menum-new nav .m-menu ul li label.a-label__chevron::after {content: ""; position: absolute; display: inline-block; height: 10px; width: 10px; border-color: #333; border-style: solid; border-width: 1px 1px 0 0; transform: rotate(45deg); top: 50%; margin-top: -5px; right: 16px }
.menum-new nav .m-menu ul li .-invisible {border-bottom: 0 }
.menum-new nav .m-menu .m-menu label.m-menu__toggle {display: flex; border-bottom: 0; padding: 0; box-sizing: content-box }
.menum-new nav .m-menu__checkbox:checked~.m-menu__overlay {display: block }
.menum-new nav .m-menu__checkbox:checked~.m-menu {transform: translate3d(0, 0, 0); height: 100vh }
.wrapper.menum-new {margin: 0 auto; position: absolute; left: 0; top: 8px }
.menum-new .navbar .dropdown-menu {border: 0; background-color: #fff !important }
.menum-new .navbar {padding-top: 0; padding-bottom: 0; background-color: #fff !important }
.menum-new .navbar .dropdown {position: static }
.menum-new .navbar .dropdown-menu {width: 100%; left: 0; right: 0; top: 45px }
.menum-new .navbar .dropdown-menu {border: 1px solid rgba(0, 0, 0, .15); background-color: #fff; padding: 0; border-radius: 0 }
.menum-new .dropdown-menu.show {padding: 0 }
.navbar .mega-menu {padding: 0 25px }
.mega-list-cat {padding: 25px 0 }
.menum-new .mega-menu .mega-list-cat img {width: 28px; margin-right: 5px }
.menum-new .mega-menu ul {padding: 0 }
.menum-new .navbar-expand-lg .navbar-nav .nav-link {padding-right: .5rem; position: relative; color: #000; text-decoration: none; padding-left: 12px }
.menum-new .navbar-expand-lg .navbar-nav .nav-link:hover {color: #000 }
.menum-new .navbar-expand-lg .navbar-nav .nav-link:hover::before {transform: scaleX(1) }
.menum-new .mega-menu ul li {list-style: none; padding: 5px 0 }
.menum-new .mega-menu ul li a {color: #000; text-decoration: none; font-family: 'Nunito', sans-serif; color: #787878 }
.menum-new .mega-menu h4.title a {text-transform: uppercase; margin: 0; font-size: 15px; padding: 0 20px; font-weight: bold !important }
.menum-new .mega-menu svg {width: 40px; display: inline-block; height: auto; vertical-align: middle; padding-right: 10px }
.menum-new .mega-menu ul li a img {display: inline-block; width: 100%; padding-right: 0; border-radius: 10px; box-shadow: 0 5px 5px 0 rgb(0 0 0 / 6%); border-bottom-left-radius: 0; border-bottom-right-radius: 0; background: #FFF; padding: 20px }
.double-list p {margin-bottom: 0; text-align: center; font-size: 14px; font-weight: bold; border-top: 0; background: #f8f8f8 }
.wrapper nav .m-menu ul li.nav-item .dropdown-menu {border-radius: 0 !important; border: 0 !important; background: #f6f6f6 !important; box-shadow: inset 0 11px 8px -10px #ccc !important; position: relative !important; width: 100%; margin: 11px 0 }
.menum-new ul.double-list li {float: left; list-style: none; padding: 5px; width: 50%; position: relative; box-sizing: border-box }
.menum-new ul.double-list svg {width: 40px; height: 30px; float: left; padding-right: 9px }
.menum-new ul.double-list li:hover svg path {stroke: #fed700; fill: #fed700 }
.menum-new ul.double-list li:hover svg#marquise path {stroke: #fed700; fill: none }
.menum-new ul.double-list li:hover svg#marquise polyline {stroke: #fed700 }
.menum-new ul.double-list li:hover svg rect {fill: #fed700 }
.menum-new ul.double-list li:hover svg circle {stroke: #fed700 }
.menum-new nav .m-menu ul li a i {float: right;font-size: 26px;position: absolute;right: 11px;z-index: 99;}
.wrapper.menum-new nav .m-menu ul li.nav-item.dropdown {padding: 10px 0; border-bottom: 1px solid #e5e5e5; list-style: none }
.menum-new ul.main-list ul li:hover a {color: #fed700 }
.menum-new ul.main-list ul.info-list li:hover {background-color: #2c3b5b }
.single-text-menu-mobile {margin: 20px }
.single-text-menu-mobile li.new-li-mt {width: 100% !important; float: none !important; text-align: center !important }
.single-text-menu-mobile li.new-li-mt a {text-align: center !important; color: #FFF !important; background: #2c3c5b; padding: 10px 4px !important; border-radius: 15px; line-height: 24px !important; font-size: 13px !important }
ul.double-list li a {padding: 3px 5px !important; font-size: 14px !important; font-weight: normal !important }
.mega-menu .Natural-Diamond .title {margin: 10px 0 }
.mega-menu .Natural-Diamond .title.new-sew-title{margin: 10px 0;font-size: 18px; }
ul.main-list li.nav-item.dropdown.open {background: #fed700 }
.m-menu label.m-menu__toggle svg {stroke: #FFF }
.m-menu__header img {width: 90px }
.success-msg {position: absolute; top: 20px; transform: translate(100%, 0); max-width: 500px; text-align: center !important; margin: auto; width: 100% }
.copyright {border-top: 1px solid rgba(255, 255, 255, .5); padding: 15px 0 0; display: flex; align-items: center;}
.login-block.n-login {float: none; padding:0; }
.login-block.n-login ul {display: flex; justify-content: end; align-items: center; width: 100%; border: 0 !important;gap: 10px}
.block-width {flex:1; }
.amipi-wrapper.block-width {flex: 5; }
.block-width .login-block ul li.name{float: none; width: auto; padding: 0; flex: 0 0 auto; }
.block-width .login-block ul li:last-child {min-width: auto !important; float: none; width: auto !important; }
.amipi-menu-demo-header{padding: 0 15px !important}
.login-block ul li{width: auto !important; left:auto !important;}
.login-block ul li ul#TopCartBox{width: 100% !important;display: block;}
/*.login-block ul li ul#TopCartBox{display: block !important}*/
.login-n-design .login-button-nu {background: transparent; border-radius: 19px; color: #2c3b5c !important; font-weight: bold; border:1px solid #2c3b5c; padding:8px 12px 8px 14px !important; display: flex !important; align-items: center; font-size: 15px;text-decoration: none !important;}
.login-block ul li .login-button-nu svg {width: 20px; height: 20px; padding: 2px; margin-left: 4px; margin-top: -2px; }
.top-user svg{width: 20px; height: 20px; padding: 2px; margin-left: 4px; margin-top: -2px; }
.n-login li.name .username {font-size: 15px; font-weight: bold; }
.login-n-design .login-button-nu:hover{background: #2c3b5c !important;color: #FFF !important;}
.login-n-design .login-button-nu:hover svg path{fill: #FFF}
.login-n-design .login-button-nu:hover{color: #FFF}
.top-header-user .icn_box {color: #FFF; }
.top-header-user .custom-col .title {display: none; }
.inner-social a {font-size: 18px;}
#search-hide{position: relative;}
.cirlce-search a svg {width: 18px; height: 18px; }
.cirlce-search a {line-height: normal;}
.search-box-2{position: absolute; top: 39px; right: 0; width: 250px; height: 60px; line-height: 60px; display: none; z-index: 9}
.search-box-2 input[type="text"]{width: 200px; padding: 5px 10px; border: 1px solid #CCC; outline: none; }
.search-box-2 input[type="button"]{width: 80px; padding: 5px 0; color: #fff; margin-left: -6px; border: 1px solid #CCC; outline: none; cursor: pointer; }
.cirlce-search {border: 1px solid #2c3b5c; width: 35px; height: 35px; display: flex; align-items: center; justify-content: center; padding: 10px; border-radius: 50%; cursor: pointer; position: relative; }
body .hide-in-mobile .top-call.cart-icon-head {padding: 0 !important; }
/* .cirlce-search:hover .search-box-2 {display: block !important; } */
.search-box-2 button.btn.btn-default {position: absolute; top: 0; right: 0; background: #2c3b5c; color: #FFF; border-radius: 50px; }
form.header-login-box {padding: 20px; }
form.header-login-box ul {display: flex; flex-direction: column; align-items: start !important; gap: 0 !important; }
form.header-login-box li {width: 100% !important; }
.compare-head-icon svg{width: 24px;height: 24px}
.compare-head-icon {display: block !important; }
.dropdown.cart.compare-head-icon a .count {background: red !important; top: -6px !important; right: -6px;color:#FFF;}
.top-compare.compare-head-icon {display: none !important; }
.just-space{justify-content: space-between;}
.login-block ul li.name .username a{color: #000;text-decoration: none}
.trade-head-btn a {padding:5px 12px 5px 14px !important; color: #2c3b5c; background: #fed700; border-radius: 19px; font-size: 15px;-webkit-animation: glowing 1500ms infinite;
  -moz-animation: glowing 1500ms infinite;
  -o-animation: glowing 1500ms infinite;
  animation: glowing 1500ms infinite;}
.clr-yellow {color: #Fed700;}
#login-hide-inner, .amipi-menu-demo-header {position: relative;z-index: 9999;}
#login-hide-inner.remove-popup-header, .remove-popup-header.amipi-menu-demo-header {z-index: 9;}
.container.custom-menu-width li.menu-item.col-sm-3 + li.menu-item.col-sm-3 + li.menu-item.col-sm-3 + li.menu-item.col-sm-3 img {height: 200px;object-fit: contain;}
.virtual a {background: #fed700;border-radius: 98px;padding: 5px 11px !important;display: block;color: #2C3B5C !important;}
.brand-name {width: 108px !important;}
.cart-icon-head svg {
    width: 24px;
    height: 24px;
}