body:not(.page-print) { margin-top: 132px; }

.page-header { width: 100%; position: fixed; left: 0; top: 0; z-index: 9; background: var(--hyd-white); }
.page-header.header-sticky { box-shadow: 0 0 10px 0 rgb(23 23 23 / 25%); }
.page-header .panel.wrapper { background-color: #e6e7e8; padding: 10px 0; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; transition: all .5s ease; }
.page-header .panel.wrapper .panel.header { display: flex; justify-content: space-between; flex-wrap: wrap; }
.page-header.header-sticky .panel.wrapper { height: 0px; padding: 0; border: 0; visibility: hidden; opacity: 0; }

.header-social-links .h-link { margin: 0; padding: 0; list-style: none; display: flex; justify-content: center; align-items: center; line-height: 0; }
.header-social-links .h-link li { margin-left: 20px; margin-bottom: 0; }
.header-social-links .h-link li:first-child { margin-left: 0; }
.header-social-links .h-link a { display: block; }

.header-social-links .h-link li.facebook svg { width: 8px; height: 16px; }
.header-social-links .h-link li.linkedin svg { width: 15px; height: 15px; }
.header-social-links .h-link li.instagram svg { width: 17px; height: 17px; }
.header-social-links .h-link li.youtube svg { width: 20px; height: 14px; }
.header-social-links .h-link li.twitter svg { width: 18px; height: 14px; }

.no-touch .header-social-links .h-link a:hover svg path { fill: #ed1c24; }
.header-top-right { display: flex; justify-content: flex-start; align-items: center; }
.header.links { margin: 0; padding: 0; list-style: none; display: flex !important; justify-content: center; align-items: center; }
.header.links li { margin: 0 0 0 32px; font-size: 12px; font-weight: 500; color: #1c1d20; }
.header.links li:first-child { margin: 0; }
.header.links li a { position: relative; display: flex; align-items: center; color: #1c1d20; font-weight: 500; font-size: 12px; }
.no-touch .header.links li a:hover { color: var(--hyd-red); }
.header.links a.tools-app { padding: 0 0 0 32px; }
.header.links a.tools-app:before { background: url(../images/tooltip.png) no-repeat 0 0; background-size: 21px 21px; position: absolute; content: ""; width: 21px; height: 21px; left: 0; top: -2px; }
.header.links .login-link svg { margin-right: 7px; }
.login-user .header-top-right > .header.links > li.authorization-link { display: none; }
.login-user .customer-menu ul { display: block !important; }
.login-user .customer-menu ul li { margin: 0 !important; }
.login-user .customer-menu ul li a.login-link svg { display: none; }
.web-switcher { float: right; position: relative; margin: 0 0 0 22px; padding: 0 0 0 46px; }
/* .web-switcher { float: right; position: relative; margin: 0 0 0 32px; padding: 0 0 0 36px; } */
.web-switcher span.swich-text { display: inline-block; font-size: 12px; color: #1c1d20; font-weight: 500; padding-right: 17px; position: relative; }
.web-switcher:before { content: ""; width: 34px; height: 24px; position: absolute; left: 0; top: 50%; transform: translateY(-50%); }
.web-switcher.australia:before { background: url(../images/flag-australia.svg) no-repeat 0 50%; background-size: contain; }
.web-switcher.new.zealand:before { background: url(../images/flag-newzealand.svg) no-repeat 0 50%; background-size: contain; }
.web-switcher .select-box { cursor: pointer; }
.web-switcher .select-box .switcher { padding: 0; margin: 0; list-style: none; position: absolute; top: 31px; left: 0; min-width: 100px; width: 100%; background: #7d7d7d; box-sizing: border-box; z-index: 5; }
.web-switcher .select-box .switcher li { margin: 0; padding: 0; color: #ffffff; border-bottom: solid 1px #fff; font-size: 12px; line-height: 1; }
.web-switcher .select-box .switcher li:last-child { border-bottom: 0; }
.no-touch .web-switcher .select-box .switcher li:hover { background: #ed1c24; }
.web-switcher .select-box .switcher li a { display: block; color: #ffffff; font-weight: 500; padding: 10px; }
.web-switcher .select-box .switcher li.selected { background: #ed1c24; padding: 8px; }
.web-switcher .select-arrow { width: 11px; height: 8px; position: absolute; right: 0; top: -1px; }
.web-switcher .select-arrow svg { width: 12px; height: 7px; line-height: 0; vertical-align: middle; }
.web-switcher .select-arrow svg path { fill: #1c1d20; }
.web-switcher .select-box span.swich-text.active .select-arrow svg { transform: rotate(-180deg); }
.header.content { position: relative; padding: 22px 0; }
.logo { position: relative; z-index: 1; max-width: 220px; }
.logo img { display: block; height: auto; max-width: 204px; width: 100%; }
.header-bootom { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; }
.header-bootom-right { display: flex; justify-content: space-between; align-items: center; }
.header-phone-desktop p { margin: 0; }
.header-phone-desktop a { display: flex; justify-content: center; align-items: center; padding: 0 20px; border-radius: 50px; background-color: #e6e7e8; color: #1c1d20; font-size: 14px; font-weight: 700; height: 40px; }
.header-phone-desktop a svg { width: 15px; height: 15px; margin-right: 9px; }
.no-touch .header-phone-desktop a:hover { background-color: var(--hyd-red); color: var(--hyd-white); }
.no-touch .header-phone-desktop a:hover svg path { fill: var(--hyd-white); }
.customer-welcome { display: inline-block; position: relative; }
.customer-welcome:before,
.customer-welcome:after { content: ''; display: table; }
.customer-welcome:after { clear: both; }
.customer-welcome .action.switch { padding: 0; cursor: pointer; display: inline-block; text-decoration: none; }
.customer-welcome .action.switch > span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.customer-welcome .action.switch:after { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 13px; color: inherit; content: '\e622'; font-family: 'luma-icons'; margin: 0; vertical-align: top; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; color: #1c1d20; font-weight: 500; vertical-align: middle; margin-left: 5px; }
.customer-welcome .action.switch.active { display: inline-block; text-decoration: none; }
.customer-welcome .action.switch.active > span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.customer-welcome .action.switch.active:after { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 10px; line-height: 22px; color: inherit; content: '\e621'; font-family: 'luma-icons'; margin: 0; vertical-align: top; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; }
.customer-welcome .action.switch.active:hover:after { color: inherit; }
.customer-welcome .action.switch.active:active:after { color: inherit; }
.customer-welcome ul { margin: 0; padding: 0; list-style: none none; background: #7d7d7d; border: none; margin-top: 4px; min-width: 100%; z-index: 101; box-sizing: border-box; display: none; position: absolute; top: 100%; right: 0; border: 1px solid #7d7d7d; }
.customer-welcome ul li { margin: 0; padding: 0; }
.customer-welcome ul li:hover { cursor: pointer; }
.customer-welcome ul:before,
.customer-welcome ul:after { border-bottom-style: solid; content: ''; display: block; height: 0; position: absolute; width: 0; }
.customer-welcome ul:before { border: 6px solid; border-color: transparent transparent #ffffff transparent; z-index: 99; }
.customer-welcome ul:after { border: 7px solid; border-color: transparent transparent #bbbbbb transparent; z-index: 98; }
.customer-welcome ul:before { right: 10px; top: -12px; display: none; }
.customer-welcome ul:after { right: 9px; top: -14px; display: none; }
.customer-welcome.active { overflow: visible; }
.customer-welcome.active ul { display: block; }
.customer-welcome li a { color: #ffffff !important; text-decoration: none; display: block; line-height: 1.4; padding: 7px 10px; }
.no-touch .customer-welcome li a:hover { color: var(--hyd-white) !important; background-color: var(--hyd-red) !important; text-decoration: none; }
.customer-welcome .customer-name { cursor: pointer; color: #1c1d20; font-weight: 500; font-size: 12px; position: relative; display: flex; align-items: center; }
.customer-welcome .customer-name svg { margin-right: 7px }
.customer-welcome .customer-menu { display: none; }
.customer-welcome .action.switch { background-image: none; background: none; -moz-box-sizing: content-box; border: 0; box-shadow: none; line-height: inherit; margin: 0; padding: 0; text-decoration: none; text-shadow: none; font-weight: 400; color: #ffffff; height: auto; }
.customer-welcome .action.switch:focus,
.customer-welcome .action.switch:active { background: none; border: none; }
.customer-welcome .action.switch:hover { background: none; border: none; }
.customer-welcome .action.switch.disabled,
.customer-welcome .action.switch[disabled],
fieldset[disabled] .customer-welcome .action.switch { pointer-events: none; opacity: 0.5; }
.customer-welcome .header.links { min-width: 130px; z-index: 2; margin-top: 10px; }
.customer-welcome.active .action.switch:after { content: '\e621'; }
.customer-welcome.active .customer-menu { display: block; }
.customer-welcome .greet { display: none; }
.phone_link_device { display: none; }
.phone_link_device span { display: none; }
.header-top-right .header-phone-mobile { display: none; }
/*search*/
.search-icon { display: flex; justify-content: space-between; align-items: center; color: #1c1d20; font-size: 15px; font-weight: 600; margin-right: 38px; }
.search-icon svg { margin: 0 12px 0 0; }
.no-touch .search-icon:hover { color: var(--hyd-red); }
.no-touch .search-icon:hover svg path { fill: var(--hyd-red); }
.block-search .block-content { width: 100vw; max-width: 100%; height: 100vh; padding: 75px 0; position: fixed; left: 0; top: -100%; z-index: 99; background: #1c1d21; overflow: hidden; transition: all 0.5s ease; opacity: 0; visibility: hidden; }
.touch .block-search .block-content { height: 100%; }
.show-search .block-search .block-content { top: 0; opacity: 1; visibility: visible; }
.show-search #tidio-chat,
.show-search .back-to-top { display: none !important; }
.block-search .control input { height: 50px; background: none !important; background-color: transparent !important; font-size: 40px; font-weight: 700; color: var(--hyd-white); padding: 0 80px 0 0; border: none !important; border-radius: 0; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; }
.block-search .control input::-webkit-input-placeholder { color: #444444;}
.block-search .control input:-moz-placeholder { color: #444444; opacity: 1; }
.block-search .control input::-moz-placeholder { color: #444444; opacity: 1; }
.block-search .control input:-ms-input-placeholder { color: #444444; }
.hide-search { position: absolute; right: 40px; top: 40px; color: var(--hyd-white); font-size: 16px; font-weight: 500; display: inline-block; padding-right: 28px; background: url(../images/close.svg) no-repeat right 50%; background-size: 20px; font-size: 0; width: 40px; height: 40px;}
.hide-search:hover { color: var(--hyd-red) !important; }
.mst-searchautocomplete__empty-result { padding: 10px 0; text-align: left; font-size: 20px; color: #ffffff; font-weight: 600; margin: 20px 0 0; }
.mst-searchautocomplete__close { position: absolute; right: 65px; top: 12px; font-size: 22px; color: var(--hyd-white); width: 25px; height: 25px; border: 2px solid var(--hyd-white); display: flex; justify-content: center; align-items: center; border-radius: 100px; cursor: pointer; visibility: hidden; opacity: 0; }
.mst-searchautocomplete__wrapper { height: calc(100vh - 440px) !important; position: absolute; left: 0; top: 100%; width: 100%; overflow-x: hidden; overflow-y: auto; margin: 40px 0 0; background: #1c1d21; scrollbar-width: thin; scroll-behavior: smooth; -webkit-overflow-scrolling: touch; -moz-overflow-scrolling: touch; -ms-overflow-scrolling: touch; display: none; }
.mst-searchautocomplete__autocomplete._active .mst-searchautocomplete__wrapper { display: block; }
.mst-searchautocomplete__autocomplete ul { padding: 0; margin: 0; list-style: none; }
.mst-searchautocomplete__autocomplete .mageplaza_blog_post ul.search-result-productdata li:last-child { border-bottom: none 0px;}

.mst-searchautocomplete__spinner { position: absolute; right: 0; top: 100%; width: 100%; height:100%; justify-content: center; align-items: center; cursor: pointer; background: url(../images/ajax-loader.gif) no-repeat center center; background-color: #1c1d21; padding: 20px 0; margin-top: 40px; display: none; }
.mst-searchautocomplete__autocomplete._active .mst-searchautocomplete__spinner { display: block; }
.mst-searchautocomplete__spinner > div { display: none; }

.mst-searchautocomplete__wrapper::-webkit-scrollbar { background: #dddddd; }
.mst-searchautocomplete__wrapper::-webkit-scrollbar-thumb { background: var(--hyd-white); cursor: pointer; }
.mst-searchautocomplete__wrapper::-webkit-scrollbar-track { box-shadow: inset 0 0 5px var(--hyd-white); }
.mst-searchautocomplete__wrapper::-webkit-scrollbar { width: 5px;}
.mst-searchautocomplete__wrapper::-webkit-scrollbar-thumb { width: 5px; }
.mst-searchautocomplete__wrapper::-webkit-scrollbar-track { width: 5px; }
.mst-searchautocomplete__index-title { font-size: 20px; font-weight: 700; color: var(--hyd-red); margin: 0 0 20px; text-transform: uppercase; }
.mst-searchautocomplete__show-all a { font-size: 20px; font-weight: 700; color: var(--hyd-red); }
.mst-searchautocomplete__show-all a:hover { color: var(--hyd-white) !important; }
.search-result-productdata { margin: 0 0 15px; }
.search-result-productdata li { position: relative; font-size: 0; margin: 0 0 10px; padding-bottom: 10px; border-bottom: 1px solid #494a4d; }
.search-result-productdata li img { width: 75px !important; height: 75px !important; max-width: 75px; margin: 0 15px 0 0; float: left; }
.search-result-productdata li .title a,
.search-result-productdata li a.title { font-size: 20px; color: var(--hyd-white); font-weight: 600; }
.search-result-productdata li a.title i {margin: 0 5px; font-style: normal;}
.search-result-productdata li .title a:hover,
.search-result-productdata li a.title:hover { color: var(--hyd-red); }
.search-result-productdata li a.title { margin: 0; }
.search-result-productdata li .type-ribbon { text-align: left; }
.search-result-productdata li .type-ribbon span { background: var(--hyd-red); color: var(--hyd-white); display: inline-block; padding: 5px 10px; font-size: 12px; font-weight: 600; opacity: 0.7; }
.search-result-productdata li:before,
.search-result-productdata li:after { content: ""; display: table; }
.search-result-productdata li:after { clear: both; }
.search-result-productdata li { zoom: 1; }
#search_autocomplete { display: none !important; }
.form.minisearch { border-bottom: 1px solid #494a4d; padding-bottom: 25px; }
.form.minisearch .field.search { max-width: 1530px; margin: 0 auto; padding: 0 15px; }
.search-suggestions { position: absolute; bottom: 50px; left: 0; width: 100%; }
.search-suggestions .suggestions-content { max-width: 1530px; margin: 0 auto; padding: 0 15px; }
.suggestions-content h3.title { font-size: 18px; font-weight: 600; color: var(--hyd-white); margin: 0 0 20px; }
.suggestions-content ul { margin: 0; padding: 0; list-style: none; font-size: 0; }
.suggestions-content ul li { display: inline-block; vertical-align: top; margin: 0 10px 10px 0; }
.suggestions-content ul li a { display: inline-flex; justify-content: center; align-items:  center; border: 1px solid var(--hyd-white); border-radius: 50px; padding: 0 36px; font-size: 16px; font-weight: 600; color: var(--hyd-white); height: 45px; }
.suggestions-content ul li a span { display: inline-block; width: 16px; height: 16px; margin: 0 0 0 9px; background: url(../images/fplus.svg) 0 0 no-repeat; }
.suggestions-content ul li a:hover,
.suggestions-content ul li.active a { background: #000000; color: #ffffff; border: 1px solid #000000; }

.block-search { position: relative; z-index: 1; }
.block-search .control { border-top: 0; margin: 0; padding: 0; position: relative; }
.block-search input { margin: 0; padding-right: 35px; position: static; }
.block-search input::-webkit-input-placeholder { color: #575757;}
.block-search input:-moz-placeholder {color: #575757;}
.block-search input::-moz-placeholder {color: #575757;}
.block-search input:-ms-input-placeholder { color: #575757;}
.block-search .action.search { display: flex; justify-content: center; width: 50px; height: 50px; align-items: center; background-image: none; background: none; -moz-box-sizing: content-box; border: 0; box-shadow: none; line-height: inherit; margin: 0; padding: 0; text-decoration: none; text-shadow: none; font-weight: 400; position: absolute; right: 0; top: 0; z-index: 1; }
.block-search .action.search svg { width: 30px; height: 32px; }
.block-search .action.search svg path { fill: #ffffff; }
.block-search .action.search span { display: none; }
.block-search .action.search.disabled,
.block-search .action.search[disabled],
fieldset[disabled] .block-search .action.search { pointer-events: none; opacity: 0.5; }
.search-autocomplete { margin-top: 0; }
.block-search { margin-bottom: 0; }
.block-search .block-title { display: none; }
.block-search .block-content { margin-bottom: 0; }
.block-search .label { text-decoration: none; display: block; font-size: 30px; color: #ffffff; font-weight: 700; margin: 0 0 20px; }
.block-search .label > span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.block-search .label:hover:before { color: #333333; }
.block-search .label:active:before { color: #333333; }
.block-search .label.active + .control input { position: static; }
.block-search .nested { display: none; }
.search-autocomplete { display: none; margin-top: -15px; overflow: hidden; position: absolute; z-index: 3; }
.search-autocomplete ul { margin: 0; padding: 0; list-style: none none; }
.search-autocomplete ul:not(:empty) { background: #ffffff; border: 1px solid #c2c2c2; border-top: 0; }
.search-autocomplete ul li { border-top: 1px solid #e5e5e5; cursor: pointer; margin: 0; padding: 5px 40px 5px 10px; position: relative; text-align: left; white-space: normal; }
.search-autocomplete ul li:first-child { border-top: none; }
.search-autocomplete ul li:hover,
.search-autocomplete ul li.selected { background: #e8e8e8; }
.search-autocomplete ul li .amount { color: #999999; position: absolute; right: 7px; top: 5px; }

@media (max-width: 1079px) {
    .block-search .block-content { padding: 30px 0; }
    .hide-search { right: 15px; top: 15px; }
    .suggestions-content ul li a { padding: 0 20px; font-size: 14px; }
    .search-suggestions { bottom: 20px; }
    .block-search .control input { font-size: 22px; }
    .block-search .label { font-size: 24px; }
    .block-search .action.search svg { width: 22px; height: 22px; }
}

@media (max-width: 767px) {
    .mst-searchautocomplete__show-all a { font-size: 16px; }
    .search-result-productdata li .title a, 
    .search-result-productdata li a.title { font-size: 14px; }
    
    .hide-search { right: 10px; top: 10px; }
    .block-search .control input { font-size: 16px; }
    .suggestions-content ul li a { height: 35px; font-size: 12px; }
    .search-suggestions { bottom: 10px; }
    .suggestions-content h3.title { font-size: 14px; }
    .mst-searchautocomplete__wrapper { height:  calc(100vh - 480px) !important; margin: 20px 0 0; }
    .form.minisearch { padding-bottom: 5px; }
    .mst-searchautocomplete__empty-result { font-size: 16px; margin-top: 0; }
}
/*search*/


/*==== Minicart css ====*/
.showcart #tidio-chat { display: none; }
.minicart-wrapper .action.showcart { font-weight: 500; display: flex; justify-content: flex-start; align-items: center; text-align: center; position: relative; font-size: 12px; color: #1c1d20; margin-left: 32px; }
.minicart-wrapper .action.showcart svg { -webkit-transition: all 0.5s ease; -ms-transition: all 0.5s ease; transition: all 0.5s ease; }
.minicart-wrapper .action.showcart svg path { fill: var(--rt-blue); -webkit-transition: all 0.5s ease; -ms-transition: all 0.5s ease; transition: all 0.5s ease; }
.minicart-wrapper .action.showcart span { margin-left: 10px; }
.no-touch .minicart-wrapper .action.showcart:hover { color: var(--hyd-red); }
.minicart-wrapper .action.showcart .counter.qty { position: absolute; top: -6px; left: 14px; display: inline-block; vertical-align: middle; font-size: 10px; color: var(--rt-white); background: var(--hyd-red); height: 15px; line-height: 15px; min-width: 15px; text-align: center; border-radius: 100%; margin: 0; padding: 0; color: #ffffff; }
.minicart-wrapper .action.showcart .counter-label { display: none; }
.minicart-wrapper .action.showcart .counter-number { margin: 0; display: block; }
.minicart-wrapper .action.showcart .counter.qty.empty { /*display: none;*/
}
.block-minicart .items-total .count { font-weight: 700; }
.block-minicart .subtotal { text-align: right; margin: 0; padding: 8px 15px; background: #1c1d20; display: table; width: 100%; }
.block-minicart .subtotal > span { width: 40%; text-align: left; font-size: 20px; font-weight: 600; line-height: 1; display: table-cell; vertical-align: middle; color: #fff; text-transform: uppercase; }
.block-minicart .subtotal > div { width: 60%; text-align: right; font-size: 20px; display: table-cell; vertical-align: middle; color: #fff; }
.block-minicart .amount .price-wrapper:first-child .price { font-size: 20px; font-weight: 600; }
.block-minicart .subtitle { display: none; }
.block-minicart .subtitle.empty { display: block; font-size: 16px; font-weight: 500; padding: 10px; text-align: center; background: #f9f9f9; border: solid 1px #d6d6d6; box-sizing: border-box; position: relative; margin: 120px 20px 0; }
.block-minicart .subtitle.empty:after { position: absolute; bottom: 100%; left: 0; height: 120px; width: 100%; display: block; content: ""; background: url(../images/empty-cart.svg) no-repeat center center; background-size: 80px; opacity: 0.7; }
.block-minicart .text.empty { text-align: center; }
.block-minicart dl.product.options.list { display: inline-block; vertical-align: top; margin: 0; }
.block-minicart dl.product.options.list dt.label { font-size: 12px; color: #1c1d20; float: none; margin: 0 0 5px; }
.block-minicart dl.product.options.list dt.label:after { content:":"; }
.block-minicart dl.product.options.list dd.values { font-size: 12px; font-weight: 400; margin: 0 0 5px; }
.block-minicart .text.empty { text-align: center; }
.block-minicart .block-content > .actions { display: inline-block; padding: 0 15px; margin-top: 15px; width: 100%; }
.block-minicart .block-content > .actions > .secondary { text-align: center; margin-bottom: 15px; }
.block-minicart .block-content > .actions > .secondary .action.viewcart.primary { width: 100%; max-width: 70%; }
.block-minicart .block-content > .actions > .primary .action.primary { display: block; width: 100%; }
.block-minicart .block-content > .actions > .primary .action.checkout.primary { background: var(--rt-blue); color: #ffffff; }
.no-touch .block-minicart .block-content > .actions > .primary .action.checkout.primary:hover { background: var(--hyd-red); }
.block-minicart .block-content > .actions .paypal-logo { margin-top: 15px; text-align: center; }
.block-minicart .block-category-link,
.block-minicart .block-product-link,
.block-minicart .block-cms-link,
.block-minicart .block-banners { margin: 15px 0 0; text-align: center; }
.block-minicart .top-title { background: #1c1d20; color: #ffffff; font-size: 20px; font-weight: 500; line-height: 20px; padding: 15px 15px 15px 55px; position: relative; }
#minicart-content-wrapper > div.block-content { background: #ffffff; padding: 0; font-size: 0; }
.block-minicart .top-title:before { content: ''; background: url(../images/minicart-icon-white.svg) no-repeat; background-size: contain; width: 34px; height: 27px; position: absolute; left: 10px; top: 50%; transform: translateY(-50%); }
.minicart-wrapper:before,
.minicart-wrapper:after { content: ''; display: table; }
.minicart-wrapper:after { clear: both; }
.mage-dropdown-dialog { display: block !important; }
.minicart-wrapper .block-minicart { background: #ffffff; width: 100%; max-width: 550px; height: 100%; position: fixed; top: -100%; right: 0; z-index: 101; text-align: left; font-size: initial; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; transition: all .5s ease; /*top: 0; right: -100%;*/}
.showcart .minicart-wrapper .block-minicart { top: 0; }
body.showcart { overflow: hidden; }
.minicart-wrapper.active { overflow: visible; }
.minicart-wrapper .block-minicart .block-title { display: none; }
.minicart-wrapper .product .actions { float: right; margin: -24px 0 0; font-size: 0; }
.minicart-wrapper .product .actions > .primary,
.minicart-wrapper .product .actions > .secondary { display: inline-block; font-size: 0; }
.minicart-wrapper .product .actions > .primary:not(:last-child),
.minicart-wrapper .product .actions > .secondary:not(:last-child) { margin-right: 8px; }
.minicart-wrapper .action.close { height: 50px; position: absolute; right: 0; top: 0; width: 50px; background-image: none; background: none; -moz-box-sizing: content-box; border: 0; box-shadow: none; line-height: inherit; margin: 0; padding: 0; text-shadow: none; font-weight: 400; display: inline-block; text-decoration: none; }
.minicart-wrapper .action.close:focus,
.minicart-wrapper .action.close:active { background: none; border: none; }
.no-touch .minicart-wrapper .action.close:hover { background: none; border: none; }
.minicart-wrapper .action.close.disabled,
.minicart-wrapper .action.close[disabled],
fieldset[disabled] .minicart-wrapper .action.close { pointer-events: none; opacity: 0.5; }
.minicart-wrapper .action.close > span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.minicart-wrapper .action.close:before { font-size: 24px; line-height: 24px; color: #ffffff; content: '\e616'; font-family: 'Luma-Icons'; margin: 0; vertical-align: top; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; -webkit-transition: all 0.5s ease; -ms-transition: all 0.5s ease; transition: all 0.5s ease; }
.no-touch .minicart-wrapper .action.close:hover:before { color: var(--hyd-red); }
.minicart-wrapper .action.showcart .counter.qty .loader > img { max-width: 24px; }
.minicart-wrapper .minicart-widgets { margin-top: 15px; }
.block-minicart .minicart-items-wrapper { margin: 0; border-left: 0; border-right: 0; padding: 0; height: auto !important; max-height: calc(100vh - 248px); padding: 15px; }
.block-minicart .minicart-items-wrapper { overflow-x: hidden; scrollbar-width: thin; scroll-behavior: smooth; -webkit-overflow-scrolling: touch; -moz-overflow-scrolling: touch; -ms-overflow-scrolling: touch; }
.block-minicart .minicart-items-wrapper::-webkit-scrollbar { background: var(--rt-gray); border-radius: 8px; }
.block-minicart .minicart-items-wrapper::-webkit-scrollbar-thumb { background: var(--hyd-red); border-radius: 8px; cursor: pointer; }
.block-minicart .minicart-items-wrapper::-webkit-scrollbar-track { box-shadow: inset 0 0 5px #ffffff; }
.block-minicart .minicart-items-wrapper::-webkit-scrollbar { width: 5px; }
.block-minicart .minicart-items-wrapper::-webkit-scrollbar-thumb { width: 5px; }
.block-minicart .minicart-items-wrapper::-webkit-scrollbar-track { width: 5px; }

.minicart-items { margin: 0; padding: 0; list-style: none none; }
.minicart-items .product-item { padding: 10px 0; }
.minicart-wrapper .block-minicart li { margin: 0; }
.minicart-items .product-item:not(:first-child) { border-top: 1px solid #cccccc; }
.minicart-items .product-item:first-child { padding-top: 0; }
.opc-block-summary .minicart-items .product-item:first-child { padding-top: 10px; }
.minicart-items .product-item-pricing .label { display: inline-block; font-weight: 700; font-size: 12px; }
.product-item-pcb-master { font-size: 16px; font-weight: 600; color: #6a6a6a; text-transform: uppercase; }
.qty-updown div.mage-error { position: absolute; left: 0; top: 100%; min-width: 250px; }
.qty-updown { display: inline-block; position: relative; }
.block-minicart .qty-updown  { margin-left: 5px; }
.qty-updown input { text-align: center; width: 120px !important; height: 45px !important; font-size: 16px !important; color: #777777; padding: 0 35px !important; position: relative; overflow: hidden; box-sizing: border-box; vertical-align: middle; display: inline-block; border-radius: 10px; text-align: center; /* pointer-events: none; */ }
.qty-updown a { position: absolute; top: 0; right: 0; width: 35px !important; height: 100%; text-align: center; }
.qty-updown > a svg { width: 13px; height: 13px; display: inline-block; vertical-align: middle; fill: #777777; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }
.qty-updown > a.decrement_qty { padding-top: 0; left: 0; right: auto; }
.minicart-items .qty .qty-updown > a svg { width: 10px; height: 10px; }
.minicart-items .qty .qty-updown input { width: 100px !important; height: 35px !important; font-size: 14px; text-align: center; padding: 0 30px; }
.minicart-items .qty .qty-updown a { line-height: 32px; width: 35px; }
.minicart-items .price-minicart { margin-bottom: 5px; }
.minicart-items .product-item-details { padding-left: 95px; }
.minicart-items .product-item-details .product-item-name { height: auto; font-size: 14px; font-weight: 700; margin: 0 0 5px; color: var(--hyd-black); display: block; }
.minicart-items .product-item-details .product-item-name a { color: var(--hyd-black); }
.no-touch .minicart-items .product-item-details .product-item-name a:hover { color: var(--hyd-red); }
.minicart-items .product-item-details .product-sku { margin: 0 0 10px; font-size: 12px; font-weight: 400; }
.minicart-items .product-item-details .price { font-size: 16px; color: #da1f26; font-weight: 700; }
.minicart-items .product-item-details .price-including-tax,
.minicart-items .product-item-details .price-excluding-tax { margin: 5px 0; }
.minicart-items .product-item-details .weee[data-label] { font-size: 1.1rem; }
.minicart-items .product-item-details .details-qty { margin-top: 10px; font-weight: 400; font-size: 16px; }
.minicart-items .product > .product-item-photo,
.minicart-items .product > .product-image-container { width: 76px; float: left; font-size: 0; border: solid 1px #cccccc; border-radius: 5px; overflow: hidden; }
.minicart-items .product .toggle { cursor: pointer; border: 0; padding: 0 0 5px 0; white-space: nowrap; display: inline-block; font-size: 12px; font-weight: 700; }
.minicart-items .product .toggle:after { color: #1c1d20; margin: 0 0 0 5px; position: static; display: inline-block; width: 13px; height: 12px; }
/*
.minicart-items .product .toggle > span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
*/
.minicart-items .product .toggle:after { font-size: 12px; line-height: 6px; color: inherit; content: '\e622'; font-family: 'luma-icons'; margin: 3px 0 0; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; }
.minicart-items .product .toggle:after { color: #8f8f8f; margin: 0 0 0 5px; position: static; display: inline-block; width: 13px; height: 6px; }
.minicart-items .product.active .toggle:after { transform: rotate(-180deg); }
.minicart-items .product.pricing { margin-top: 3px; }
.minicart-items .product.options .toggle.tooltip { display: inline-block; text-decoration: none; }
.minicart-items .product.options .toggle.tooltip > span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.minicart-items .product.options .toggle.tooltip:after { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 12px; line-height: 12px; color: inherit; content: '\e622'; font-family: 'luma-icons'; margin: -3px 0 0 7px; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; }
.minicart-items .product.options .details { display: none; }
.minicart-items .item-qty { text-align: center; width: 60px; border-radius: 10px; height: 35px; }
.minicart-items .update-cart-item { height: 35px; line-height: 37px; padding: 0 20px; font-size: 14px; margin-left: 5px; min-height: inherit; }
.minicart-items .subtitle { display: none; }
.minicart-items .action.edit,
.minicart-items .action.delete { display: inline-block; text-decoration: none; }
.minicart-items .action.edit svg path,
.minicart-items .action.delete svg path { fill: #1c1d20; -webkit-transition: all 0.5s ease; -ms-transition: all 0.5s ease; transition: all 0.5s ease; }
.minicart-items .action.edit:hover svg path,
.minicart-items .action.delete:hover svg path { fill: var(--hyd-red); }
.minicart-items .action.edit > span,
.minicart-items .action.delete > span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }


/* body:after { content:''; position: fixed; top: 0; left: 0; bottom: 0; z-index: 111; background: rgba(0, 0, 0, 0.70); transition: all .5s ease; -o-transition: all .5s ease; -webkit-transition: all .5s ease; transform: translateX(-100%); -o-transform: translateX(-100%); -webkit-transform: translateX(-100%); width: 100%; }
body.showcart:after { transform: translateX(-550px); -o-transform: translateX(-550px); -webkit-transform: translateX(-550px);  } */

body:after { content:''; position: fixed; top: 0; left: 0; bottom: 0; z-index: 111; background: rgba(0, 0, 0, 0.70); transition: all .5s ease; -o-transition: all .5s ease; -webkit-transition: all .5s ease; transform: translateY(-100%); -o-transform: translateY(-100%); -webkit-transform: translateY(-100%); width: 100%; }
body.showcart:after { content:''; position: fixed; top: 0; left: 0; bottom: 0; z-index: 111; background: rgba(0, 0, 0, 0.70); transition: all .5s ease; -o-transition: all .5s ease; -webkit-transition: all .5s ease; transform: translateY(-100%); -o-transform: translateY(-100%); -webkit-transform: translateY(-100%); width: 100%; max-width: calc(100% - 550px); }
body.showcart:after { transform: translateY(0%); -o-transform: translateY(0%); -webkit-transform: translateY(0%); }

.minicart-loader { position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: rgba(255,255,255,.8); z-index: 9; }
.minicart-loader:before { content: ''; display: block; position: absolute; left: 50%; top: 50%; width: 50px; height: 50px; margin: 0; background-image: url(../images/loader.gif) !important; background-repeat: no-repeat; background-position: center center; background-size: 100%; }

@media (max-width:767px) {
.block-minicart .minicart-items-wrapper { max-height: calc(100vh - 290px); }
}

/*==== Minicart css ====*/


/*==== Menu Desktop ====*/
@media (min-width:1200px) {
/*=====================*/
body .page-wrapper:before { z-index: 3 !important; content: ''; position: fixed; top: 132px; left: 0; width: 100%; height:100vh; background: rgba(0,0,0,0.70); display: block; opacity: 0; visibility: hidden; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; transition: all .5s ease; }
body.menu-overlay .page-wrapper:before { opacity: 1 !important; visibility: visible !important; }
body.header-sticky .page-wrapper:before { top: 9px; }
    
.nav-toggle { display: none; }
.sections.nav-sections .header.links { display: none !important; }
.nav-sections { }
.nav-sections-item-title { display: none; }
.nav-sections-item-content > * { display: none; }
.nav-sections-item-content > .navigation { display: block; }
.navigation { height: inherit; left: auto; overflow: inherit; padding: 0; top: 0; width: 100%; z-index: 3; }
.navigation:empty { display: none; }
.navigation ul { margin-top: 0; margin-bottom: 0; padding: 0; }
.navigation li.level0 { border-top: none; }
.navigation .level0 { margin: 0 50px 0 0; display: inline-block; }
.navigation .level0.nav-5 .submenu-outer .submenu-inner { min-height: 240px;}
.navigation .level0:last-child { margin-right: 0; padding-right: 0; }
.navigation .level0:hover:after { content: ''; display: block; position: absolute; top: 0; left: 100%; width: 10px; height: calc(100% + 3px); z-index: 1; }
.navigation .level0 > .level-top { color: #1c1d20; text-decoration: none; box-sizing: border-box; position: relative; display: inline-block; font-weight: 600; font-size: 15px; }
.navigation .level0 > .level-top:hover,
.navigation .level0 > .level-top.ui-state-focus { color: var(--hyd-red); text-decoration: none; }
.navigation .level0.active > .level-top,
.navigation .level0.has-active > .level-top { color: var(--hyd-red); text-decoration: none; display: inline-block; }
.navigation .level0.parent:hover > .submenu { overflow: visible !important; }
.navigation .level0.parent > .level-top > .ui-menu-icon { position: absolute; right: 0; display: inline-block; text-decoration: none; }
.navigation .level0.parent > .level-top > .ui-menu-icon > span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.navigation .level0.parent > .level-top > .ui-menu-icon:after { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 12px; line-height: 20px; color: inherit; content: '\e622'; font-family: 'luma-icons'; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; }
.navigation .level0 .submenu { display: block !important; }
    

    
.navigation .ui-menu > .level0.shop-by-industry-menu-item,
.navigation .ui-menu > .level0.shop-by-training-menu-item,
.navigation .ui-menu > .level0.shop-by-news-menu-item,
.navigation .ui-menu > .level0.shop-by-contactus-menu-item { position: relative; }
    
.navigation .ui-menu > .level0.shop-by-industry-menu-item > .submenu-outer,
.navigation .ui-menu > .level0.shop-by-training-menu-item > .submenu-outer,
.navigation .ui-menu > .level0.shop-by-news-menu-item > .submenu-outer,
.navigation .ui-menu > .level0.shop-by-contactus-menu-item > .submenu-outer { position: absolute; left: -50px; margin-top:37px; width: 250px; }


.header-sticky .navigation .ui-menu > .level0.shop-by-industry-menu-item > .submenu-outer,
.header-sticky .navigation .ui-menu > .level0.shop-by-training-menu-item > .submenu-outer,
.header-sticky .navigation .ui-menu > .level0.shop-by-news-menu-item > .submenu-outer,
.header-sticky .navigation .ui-menu > .level0.shop-by-contactus-menu-item > .submenu-outer { margin-top: 32px; }

    
.navigation .ui-menu > .level0.shop-by-industry-menu-item > .submenu-outer > .submenu-inner,
.navigation .ui-menu > .level0.shop-by-training-menu-item > .submenu-outer > .submenu-inner,
.navigation .ui-menu > .level0.shop-by-news-menu-item > .submenu-outer > .submenu-inner,
.navigation .ui-menu > .level0.shop-by-contactus-menu-item > .submenu-outer > .submenu-inner { margin-bottom: 0;}

.navigation .ui-menu > .level0.shop-by-industry-menu-item > .level-top:after,
.navigation .ui-menu > .level0.shop-by-training-menu-item > .level-top:after,
.navigation .ui-menu > .level0.shop-by-news-menu-item > .level-top:after,
.navigation .ui-menu > .level0.shop-by-contactus-menu-item > .level-top:after { display: none !important; }
    
    
/*
.navigation .level0 .submenu { background: #ffffff; border: 1px solid #cccccc; box-shadow: 0 5px 5px rgba(0, 0, 0, 0.19); font-weight: 400; min-width: 230px; padding: 0; display: none; left: 0; margin: 0 !important; position: absolute; z-index: 1; margin-top: 11px; }
.navigation .level0 .submenu > ul { margin-top: 11px; }
.navigation .level0 .submenu > ul:before,
.navigation .level0 .submenu > ul:after { content: ''; display: block; overflow: hidden; position: absolute; }
.navigation .level0 .submenu > ul:before { color: #ffffff; left: 20px; top: -20px; border: 10px solid transparent; height: 0; width: 0; border-bottom-color: #ffffff; z-index: 4; }
.navigation .level0 .submenu > ul:after { border: 11px solid transparent; height: 0; width: 0; border-bottom-color: #cccccc; color: #cccccc; left: 19px; top: -22px; z-index: 3; }
.navigation .level0 .submenu:before { content: ''; display: block; position: absolute; width: 100%; height: 4px; left: 0; top: -4px; z-index: 1; }
.navigation .level0 .submenu a { display: block; line-height: inherit; color: #575757; padding: 8px 20px; }
.navigation .level0 .submenu a:hover,
.navigation .level0 .submenu a.ui-state-focus { background: #e8e8e8; color: #333333; text-decoration: none; }
.navigation .level0 .submenu .active > a { border-color: #ff5501; border-style: solid; border-width: 0 0 0 3px; color: #333333; }
.navigation .level0 .submenu .submenu { top: -1px !important; left: 100% !important; }
.navigation .level0 .submenu .submenu-reverse { left: auto !important; right: 100%; }
.navigation .level0 .submenu li { margin: 0; position: relative; }
.navigation .level0 .submenu li.parent > a > .ui-menu-icon { position: absolute; right: 3px; display: inline-block; text-decoration: none; }
.navigation .level0 .submenu li.parent > a > .ui-menu-icon > span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.navigation .level0 .submenu li.parent > a > .ui-menu-icon:after { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 12px; line-height: 20px; color: inherit; content: '\e608'; font-family: 'luma-icons'; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; }
*/
    
.navigation .level0.more { position: relative; display: inline-block; text-decoration: none; }
.navigation .level0.more:after { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 26px; line-height: inherit; color: inherit; content: '\e607'; font-family: 'luma-icons'; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; }
.navigation .level0.more:before { display: none; }
.navigation .level0.more:after { cursor: pointer; padding: 8px 12px; position: relative; z-index: 1; }
.navigation .level0.more:hover > .submenu { overflow: visible !important; }
.navigation .level0.more li { display: block; }
    
.navigation .level0 > .submenu-outer { position: absolute; left: 0; right: 0; top: 100%; z-index: 99; display: block; background: #ffffff; padding: 0; -webkit-transform: scale(1, 0); -webkit-transform-origin: 0 0; -webkit-transition: -webkit-transform linear .3s, visibility 0s linear .3s; transform: scale(1, 0); transform-origin: 0 0; transition: transform linear .3s, visibility 0s linear .3s; border-top: 2px solid var(--hyd-red); }
.navigation .level0 > .submenu-outer:before { content: ""; position: absolute; left: 0; top: -43px; width: 100%; height: 44px; background-color: transparent; }
    
.no-touch .navigation .level0.parent:hover > .submenu-outer { -webkit-transform: scale(1, 1); -webkit-transition: -webkit-transform linear .3s, visibility 0s linear 0s; transform: scale(1, 1); transition: transform linear .3s, visibility 0s linear 0s; }
.navigation .level0 > .submenu-outer > .submenu-inner { position: relative; overflow-x: hidden; margin-bottom: 0px; /*margin-bottom: 20px;*/ }

    
.navigation .level0 > .submenu-outer > .submenu-inner { position: relative; max-height: calc(100vh - 120px); overflow-x: hidden; scrollbar-width: thin; scroll-behavior: smooth; -webkit-overflow-scrolling: touch; -moz-overflow-scrolling: touch; -ms-overflow-scrolling: touch; margin-bottom: 0; }
.navigation .level0 > .submenu-outer > .submenu-inner::-webkit-scrollbar { background: var(--rt-gray); }
.navigation .level0 > .submenu-outer > .submenu-inner::-webkit-scrollbar-thumb { background: var(--hyd-red); cursor: pointer; }
.navigation .level0 > .submenu-outer > .submenu-inner::-webkit-scrollbar-track { box-shadow: inset 0 0 5px var(--hyd-white); }
.navigation .level0 > .submenu-outer > .submenu-inner::-webkit-scrollbar { width: 5px;}
.navigation .level0 > .submenu-outer > .submenu-inner::-webkit-scrollbar-thumb { width: 5px; }
.navigation .level0 > .submenu-outer > .submenu-inner::-webkit-scrollbar-track { width: 5px; }

    
.navigation li.level0.parent > .level-top:after { content: ""; width: 16px; height: 11px; background: url(../images/menu-arrow.svg) no-repeat; background-size: contain; position: absolute; left: 50%; bottom: -44px; transform: translateX(-50%); z-index: 111; opacity: 0; visibility: hidden; -webkit-transition: all 0.5s ease; -ms-transition: all 0.5s ease; transition: all 0.5s ease; }
.no-touch .navigation li.level0.parent > .level-top:hover:after,
.navigation li.level0.parent > .level-top.ui-state-focus:after,
.navigation li.level0.parent > .level-top.ui-state-active:after { opacity: 1; visibility: visible; }
    
.navigation .shop-by-category-menu,
.navigation .shop-by-back-menu{ display: none; }
    
/*
ul.submenu > li.active div.ui-menu-item-wrapper.ui-state-active {display: block;}
*/
/*second*/
.navigation .level0 > .submenu-outer > .submenu-inner > ul.submenu {  max-width: 1530px; margin: 0 auto; padding:0 15px; position: relative; overflow: hidden; }
.navigation .level0 > .submenu-outer > .submenu-inner > ul.submenu > li { margin: 0; width: 100%; max-width: 276px; } 
.navigation .level0 > .submenu-outer > .submenu-inner > ul.submenu > li > a { display: block; padding:8px 0; color: #1c1d20; font-size: 12px; font-weight: 500; position: relative; border-top:1px solid #dddddd; }
.navigation .level0 > .submenu-outer > .submenu-inner > ul.submenu > li:first-child a { border: 0; }
.navigation .level0 > .submenu-outer > .submenu-inner > ul.submenu > li > a:hover,
.navigation .level0 > .submenu-outer > .submenu-inner > ul.submenu > li.active > a { color:var(--hyd-red); }
.navigation .level0 > .submenu-outer > .submenu-inner > ul.submenu > li.parent  > a { background: url(../images/arrow.svg) no-repeat right center; background-size: 6px 10px; }
.navigation .level0 > .submenu-outer > .submenu-inner > ul.submenu > li.parent  > a:hover,
.navigation .level0 > .submenu-outer > .submenu-inner > ul.submenu > li.has-active > a,
.navigation .level0 > .submenu-outer > .submenu-inner > ul.submenu > li.parent  > a.ui-state-focus,
.navigation .level0 > .submenu-outer > .submenu-inner > ul.submenu > li.parent  > a.ui-state-active { background: url(../images/arrow-red.svg) no-repeat right center; background-size: 6px 10px; color:var(--hyd-red); }
/*second*/
    
/*third*/
ul.submenu > li.level1 > .submenu-outer  { position: absolute; left: 291px; top: 0; width: calc(100% - 580px); /*width: calc(100% - 291px);*/ padding: 40px 20px 20px 100px; height: 100%; display: none; /* overflow-x: auto; */ }
/* ul.submenu > li.level1 > .submenu-outer::-webkit-scrollbar { background: var(--rt-gray); border-radius: 8px; }
ul.submenu > li.level1 > .submenu-outer::-webkit-scrollbar-thumb { background: var(--hyd-red); border-radius: 8px; cursor: pointer; }
ul.submenu > li.level1 > .submenu-outer::-webkit-scrollbar-track { box-shadow: inset 0 0 5px #ffffff; }
ul.submenu > li.level1 > .submenu-outer::-webkit-scrollbar { width: 5px; }
ul.submenu > li.level1 > .submenu-outer::-webkit-scrollbar-thumb { width: 5px; }
ul.submenu > li.level1 > .submenu-outer::-webkit-scrollbar-track { width: 5px; } */

ul.submenu > li.level1:hover > .submenu-outer,
.first ul.submenu > li.level1.first > .submenu-outer.ui-state-active,
ul.submenu > li.level1.active-menu > .submenu-outer { display: block; }
.first ul.submenu > li.level1.first > a.ui-menu-item-wrapper.ui-state-active { color: var(--hyd-red); background: url(../images/arrow-red.svg) no-repeat right center; background-size: 6px 10px; }

ul.submenu > li.level1 > .submenu-outer ul.submenu { max-width: 300px; }
ul.submenu > li.level1 > .submenu-outer ul.submenu > li { margin: 0; }
ul.submenu > li.level1 > .submenu-outer ul.submenu > li > a { display: block; padding:5px 0; color: #1c1d20; font-size: 12px; font-weight: 500; }
ul.submenu > li.level1 > .submenu-outer ul.submenu > li > a:hover,
ul.submenu > li.level1 > .submenu-outer ul.submenu > li.active > a,
ul.submenu > li.level1 > .submenu-outer ul.submenu > li > a.ui-state-focus,
ul.submenu > li.level1 > .submenu-outer ul.submenu > li > a.ui-state-active { color:var(--hyd-red); }
    
ul.submenu > li.level1 > .submenu-outer .shop-by-back-menu { display: block; position: relative; }
ul.submenu > li.level1 > .submenu-outer .shop-by-back-menu .ui-menu-icon { display: none; }
ul.submenu > li.level1 > .submenu-outer .shop-by-back-menu .menu-image { display: inline-block; vertical-align: middle; width: 50px; height: 50px; overflow: hidden; position: absolute; left: -60px; top: -15px; display: flex; justify-content: center; align-items: center; }
ul.submenu > li.level1 > .submenu-outer .shop-by-back-menu .menu-image img { height: 50px; width: auto; -webkit-filter: grayscale(100%); filter: grayscale(100%); opacity: 0.6; }
ul.submenu > li.level1 > .submenu-outer .shop-by-back-menu .back-link { font-size: 16px; color: #1c1d20; font-weight: 700; }

/*third*/
    

/*=====================*/
}

/*==== Menu Desktop ====*/

/*==== Menu Mobile ====*/
@media (max-width:1199px) { 
.navigation { padding: 0 !important; }
.navigation .parent .level-top { position: relative; display: block; text-decoration: none; }
.navigation .parent .level-top:after { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 42px; line-height: inherit; color: inherit; content: '\e622'; font-family: 'luma-icons'; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; }
.navigation .parent .level-top:after { position: absolute; right: 7px; top: -8px; display: none; }
.navigation .parent .level-top.ui-state-active:after { content: '\e621'; }
.nav-sections { -webkit-overflow-scrolling: touch;-webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; height: 100%; left: -80%; left: calc(-1 * (100% - 0px)); overflow: auto; position: fixed; top: 0; width: 80%; width: calc(290px - 0px); /* left: calc(-1 * (100% - 54px)); width: calc(320px - 54px);*/ z-index: 99; }
.nav-sections .switcher { border-top: 1px solid #d1d1d1; font-size: 1.6rem; font-weight: 700; margin: 0; padding: .8rem 3.5rem .8rem 2rem;}
.nav-sections .switcher .label { display: block; margin-bottom: 5px; }
.nav-sections .switcher:last-child { border-bottom: 1px solid #d1d1d1; }
.nav-sections .switcher-trigger strong { position: relative; display: block; text-decoration: none; }
.nav-sections .switcher-trigger strong:after { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 42px; line-height: inherit; color: inherit; content: '\e622'; font-family: 'luma-icons'; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; }
.nav-sections .switcher-trigger strong:after { position: absolute; right: -40px; top: -16px; }
.nav-sections .switcher-trigger.active strong:after { content: '\e621'; }
.nav-sections .switcher-dropdown { margin: 0; padding: 0; list-style: none none; padding: 10px 0; }
.nav-sections .header.links { margin: 0; padding: 0; list-style: none none; }
.nav-sections .header.links li { font-size: 1.6rem; margin: 0; }
.nav-sections .header.links li.greet.welcome { border-top: 1px solid #d1d1d1; font-weight: 700; padding: 0.8rem 20px; font-size: 14px; }
.nav-sections .header.links li > a { border-top: 1px solid #d1d1d1; }
.nav-sections .header.links a, .nav-sections .header.links a:hover, .nav-sections .header.links a span { color: #575757; text-decoration: none; display: block; font-weight: normal; padding: 0.8rem 20px; font-size: 14px; }
.nav-sections .header.links .header.links { border: 0; }
.nav-before-open { height: 100%; overflow-x: hidden; width: 100%; }
.nav-before-open .page-wrapper { -webkit-transition: left 0.3s; -moz-transition: left 0.3s; -ms-transition: left 0.3s; transition: left 0.3s; height: 100%; left: 0; overflow: hidden; position: relative; min-height: inherit !important; }
.nav-before-open body { overflow: hidden; position: relative; width: 100%; }
.nav-open .nav-sections { -webkit-box-shadow: 0 0 5px 0 rgba(50, 50, 50, 0.75); -moz-box-shadow: 0 0 5px 0 rgba(50, 50, 50, 0.75); -ms-box-shadow: 0 0 5px 0 rgba(50, 50, 50, 0.75); box-shadow: 0 0 5px 0 rgba(50, 50, 50, 0.75); left: 0; background: #fff; }
.nav-sections-items { position: relative; z-index: 1; }
.nav-sections-items:before, .nav-sections-items:after { content: ''; display: table; }
.nav-sections-items:after { clear: both; }
.nav-sections-item-title { background: #e3e3e3; border: solid #d7d7d7; border-width: 0 0 1px 1px; box-sizing: border-box; float: left; height: 40px; line-height: 40px; padding-top: 0; text-align: center; width: 50%; }
.nav-sections-item-title a { color: #333; font-weight: 600; font-size:14px; text-transform: uppercase; }
.nav-sections-item-title.active { background: #ed1c24; border-bottom: 0; }
.nav-sections-item-title.active a { color: #fff; }
.nav-sections-item-title .nav-sections-item-switch:hover { text-decoration: none; }
.nav-sections-item-content { box-sizing: border-box; float: right; margin-left: -100%; margin-top: 40px; width: 100%; padding: 0px; }
.nav-sections-item-content:before, .nav-sections-item-content:after { content: ''; display: table; }
.nav-sections-item-content:after { clear: both; }
.nav-sections-item-content.active { display: block; }
.navigation { box-sizing: border-box; }
.navigation ul { margin: 0; padding: 0; }
.navigation li { margin: 0; position: relative; }
.navigation .menu-expand { position: absolute; background: #ed1c24; height: 42px; width: 42px; right: 0px; top: -1px; z-index: 1; }
.navigation .level0 > .menu-expand.level0:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 20px; line-height: inherit; content: '\e622'; font-family: 'luma-icons'; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; color: #fff; margin-left: 11px; margin-top: 8px; }
.navigation .level0.menu-selected > .menu-expand.level0:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 20px; line-height: inherit; content: '\e621'; font-family: 'luma-icons'; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; color: #fff; margin-left: 11px; margin-top: 8px; }
.navigation .level1 > .menu-expand.level1:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 20px; line-height: inherit; content: '\e622'; font-family: 'luma-icons'; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; color: #fff; margin-left: 11px; margin-top: 8px; }
.navigation .level1.menu-selected .menu-expand.level1:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 20px; line-height: inherit; content: '\e621'; font-family: 'luma-icons'; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; color: #fff; margin-left: 11px; margin-top: 8px; }
.navigation a { display: block; padding-top: 9px; padding-right: 0; padding-bottom: 9px; padding-left: 15px; }
.navigation a, .navigation a:hover { color: #575757; text-decoration: none; }
.navigation .level0 { border-top: 1px solid #f3f3f3; font-size: 1.6rem; }
.navigation .level0 > .level-top { font-weight: normal; padding: 8px 40px 8px 10px; word-wrap: break-word; font-size: 14px; font-weight: 500; text-transform: uppercase; }
.navigation .level0.active .all-category .ui-state-focus { display: inline-block; }
.navigation .level0 > .level1 { font-weight: normal;}
.navigation .level1{border-top: 1px solid #f3f3f3;}
.navigation .level0 > .level1:not(:last-child) { font-weight: normal; border-bottom: solid 0px #f3f3f3;}
.navigation .level0 > .level1 a { padding-right: 31px; display: inline-block; /*border-bottom: solid 1px #ccc;*/ font-size: 13px; display: inline-block; padding: 8px 10px 8px 30px;}
.navigation .level1 > .level2 a { display: inline-block; padding-right: 31px; /*border-bottom: solid 1px #ccc;*/ padding-left: 35px !important; font-size: 13px; }
.navigation .level1 > .level2:not(:last-child) { border-bottom: solid 1px #f3f3f3; }
.navigation .level0.active > a:not(.ui-state-active), .navigation .level0.has-active > a:not(.ui-state-active) { color: #fff; background: #ed1c24; }
.navigation .level0.active > a:not(.ui-state-active) span:not(.ui-menu-icon), .navigation .level0.has-active > a:not(.ui-state-active) span:not(.ui-menu-icon) { margin-left: 0px; }
.navigation li.level0:last-child { border-bottom: 1px solid #f3f3f3; }
.navigation .submenu > li { word-wrap: break-word; }
.navigation .submenu:not(:first-child) { font-weight: 400; line-height: 1.3; left: auto !important; overflow-x: hidden; padding: 0; position: relative; top: auto !important; transition: left 0.3s ease-out; }
.navigation .submenu:not(:first-child) > li > a { padding-left: 20px; /*border-bottom: solid 1px #ccc;*/ font-size: 12px; }
.navigation .submenu:not(:first-child) > li:last-child > a { border-bottom: none 0px; }
.navigation .submenu:not(:first-child) > li:last-child a { border-bottom: solid 0px #f3f3f3; }
.navigation .submenu:not(:first-child) > li:last-child { margin-bottom: 0; }
.navigation .submenu:not(:first-child) ul { display: block; padding-left: 0px; }
.navigation .submenu:not(:first-child) ul > li { margin: 0; display: block; }
.navigation .submenu:not(:first-child) ul > li a { color: #575757; line-height: normal; }
.navigation .submenu:not(:first-child).expanded { display: block; padding-right: 0; top: 0 !important; }
.navigation .submenu:not(:first-child) .active > a { border-color: #ed1c24; border-style: solid; border-width: 0 0 0 8px; color: #333333; padding-left: 7px; /*border-bottom: solid 1px #ccc;*/ }
.navigation .submenu:not(:first-child) .level1.active > a { padding-left: 7px; }
.nav-open .nav-toggle:after { background: rgba(0, 0, 0, 0.7); content: ''; display: block; height: 100%; position: fixed; right: 0; top: 0; width: 100%; z-index: 9; opacity: 0; visibility: hidden; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; }
.nav-open .nav-toggle:after { opacity: 1; visibility:visible; }
.nav-sections .header.links .header.links { position: static; min-width: inherit; width: 100% !important; }
.nav-sections .customer-welcome ul { box-shadow: none; display: block !important; }
.nav-sections .customer-welcome .customer-menu { display: block !important; }
.nav-sections .customer-welcome ul:before,  .nav-sections .customer-welcome ul:after { display: none !important; }
.nav-sections .customer-name { display: none !important; }
.nav-sections .customer-welcome { display: block !important; }
.nav-sections .header.links li > a { line-height: 24px; font-weight: 500; text-transform: uppercase; color: #1c1d20 !important; }
.nav-sections .header.links li.active > a { background: #868686; color: #fff; }
.navigation ul { padding: 0 !important; }
span.menu-expand { display: block !important; }
.nav-sections .header.links a.active { background: #ed1c24; color: #fff; }
.navigation li { position: relative; overflow: hidden; }
span.level0-ico-corner,  span.level1-ico-corner { width: 37px; height: 36px; background: #ed1c24; position: absolute; right: 0; top: 0; z-index: 1; display: inline-block; text-align: center; }
span.level0-ico-corner:before,  span.level1-ico-corner:before { content: "\f107"; color: #fff; line-height: 36px; font-size: 28px; font-family: 'FontAwesome'; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; }
span.level0-ico-corner.ui-state-active:before,  span.level1-ico-corner.ui-state-active:before { content: "\f106"; }
.toggle-handle { position: absolute; width: 36px; height: 37px; right: 0; top: -1px; cursor: pointer; display: inline-block; z-index: 11; background: #7d7d7d url(../images/plus.svg) center center no-repeat; }
.toggle-handle em { position: absolute; left: 7px; right: 14px; top: 16px; background: #727272; display: none; }
.toggle-handle em.second { top: 10px; bottom: 12px; left: 14px; width: 1px; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; transition: all .5s ease; }
.toggle-handle em.first { height: 1px; }
.navigation .menu-selected > .toggle-handle { background: #7d7d7d url(../images/minus.svg) center center no-repeat; }
.navigation .by-industry,  .navigation .by-category { position: relative; background: #ededed; padding: 8px 10px; font-weight: 500; padding-left:15px; text-transform: uppercase; font-size: 14px; }
.navigation li.level-top.parent a, .navigation li.level-top.parent span { pointer-events: auto !important; }
.navigation li { position: relative; }
.nav-open .menu-selected>.toggle-handle em.second { -ms-transform: rotate(90deg); -webkit-transform: rotate(90deg); transform: rotate(90deg); }
.nav-sections .header.links li.active > a:hover,  .nav-sections .header.links li.active > a { background: #ed1c24; color: #fff; }
.nav-open .back-to-top { display: none; }
body {padding-top:140px;}
.page-header {position: fixed; top: 0; left: 0; width: 100%; display: block; z-index: 9;}
body .header.content{position: absolute; top: 39px; left: 0; width: 100%; box-sizing: border-box; background:#fff; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease;}
body.checkout-index-index .header.content {top:0;}
.header-sticky .header.content {top: 0; -webkit-box-shadow: 0 0 9px 1px rgba(0,0,0,.3); -moz-box-shadow: 0 0 9px 1px rgba(0,0,0,.3); box-shadow: 0 0 9px 1px rgba(0,0,0,.3);}

.navigation li.level0.menu-selected .submenu-outer .submenu-inner ul.ul-menu-open{display: block !important;}
body.shop-by-category { overflow: hidden;}
.shop-by-category .nav-toggle:after { opacity:0; visibility:hidden; }
.navigation li.shop-by-category-menu-item:hover > .submenu-outer{ display:block !important;background-color: #ededed;}
.navigation li.shop-by-category-menu-item > .submenu-outer{ position:fixed; z-index:9; left: -355px; width: calc(290px - 0px); display: block !important; height: 100%; max-height: 100%;top: 0; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease;overflow: hidden;overflow: hidden;display: block !important;top: 0;z-index: 99;background-color: #ededed;}
.navigation li.shop-by-category-menu-item .toggle-handle{content: "";width: 36px;height: 36px;background:#e3e3e3 url(../images/arrow-side.png) no-repeat center center;padding-left: 0px;right: 0;position: absolute;top: 0;z-index: 9;cursor: pointer;float: right;border-bottom: 0px none;}
.nav-sections:before { position: absolute; top: 0; left: 100%; bottom: 0; width: auto; display: block; content: ""; background: rgba(0,0,0,0.8); z-index: 9; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; opacity: 0; visibility: hidden; } 
.shop-by-category .nav-sections:before {left: 290px;width: 100%;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;transition: all 0.5s ease;opacity: 1;visibility: visible;position: fixed;}
.shop-by-category .navigation li.shop-by-category-menu-item > .submenu-outer{ left:0; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; background-color: #ededed;}
.navigation li.shop-by-category-menu-item > .submenu-outer .submenu-inner {  margin: 0 0 0 0px;height: auto;width: 100%;overflow: hidden;/* z-index: 999; */ /* position: relative; */}
.navigation li.shop-by-category-menu-item > .submenu-outer li.level1 > .submenu-outer {  position: absolute;  right: -355px;  top:50px;   display: inline-block; z-index: 9999;-webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease;width: 290px;height: 100%;background:#ededed;left: inherit;background-color: #ededed;}
.navigation li.shop-by-category-menu-item > .submenu-outer li.level1.menu-active > .submenu-outer{ right: 0;        -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease;}
.navigation li.level1 > a { color: #575757 !important; display: block; font-size: 14px; /* background-color: #ededed; */ font-weight: 500; padding: 10px 10px 10px 30px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; /* position: relative; */ text-align: left; font-weight: 500;} 
.navigation li.shop-by-category-menu-item .submenu { position: static !important; top: 0 !important; left: 0 !important; overflow-x: hidden; overflow-y: auto;display: block !important;background-color: #ededed; height:calc(100vh - 110px); }
.navigation li.shop-by-category-menu-item .submenu li{ margin:0; padding:0;position: static !important; text-align: left;overflow: visible !important;     border-bottom: 1px solid #cecece !important;}
.navigation li.shop-by-category-menu-item .submenu li .toggle-handle{content: ""; width: 62px; height: 53px; background: url(../images/arrow-side.png) no-repeat center center;padding-left: 12px;right: 0;position: relative;top: 0;z-index: 999;cursor: pointer;float: right;border-bottom: 0px none; border-left: solid 1px #ccc;} 
.navigation li.shop-by-category-menu-item .submenu li .toggle-handle em{display: none !important;opacity: 0;}
.navigation li.shop-by-category-menu-item .submenu li.level2 a{padding: 17px 10px 17px 0px; }
.navigation li.shop-by-category-menu-item .submenu li a{ text-align:left;color: #575757 !important;font-size: 14px;padding: 17px 0px 17px 15px;display: inline-block;background-color:transparent;color: #ed1c24;box-sizing: border-box;line-height: 18px;font-weight: 500; pointer-events: auto !important;}
.navigation li.shop-by-category-menu-item .submenu li.level1:hover li.level2 a {color: #575757 !important; font-weight: 500; }
.navigation li.shop-by-category-menu-item .submenu li.level1:hover a, .navigation li.shop-by-category-menu-item .submenu li a:hover, .navigation li.shop-by-category-menu-item .submenu li.level1:hover li.level2:hover a , .navigation li.shop-by-category-menu-item .submenu li.level2 a:hover{  color:#575757 !important; background: transparent;}  
.navigation li.shop-by-category-menu-item .shop-by-category-menu {background: #1c1d20;height: 50px;display: inline-block;width: 100%;padding-left: 15px;padding-right: 50px;padding-bottom: 17px;text-align: left;position: relative;}
.navigation li.shop-by-category-menu-item .shop-by-category-menu span{text-align: left;font-size: 14px;color: #fff;line-height: 18px;padding-top: 17px;display: inline-block;text-transform: uppercase; font-weight: 500;}
.navigation li.shop-by-category-menu-item .shop-by-category-menu a{ font-size: 14px;color: #fff; vertical-align: top;width: 62px;line-height: 24px;box-sizing: border-box;background: #ed1c24 url(../images/close.png) center center no-repeat;height: 50px;position: absolute;right: 0;text-align: center;overflow: hidden;font-size: 0;top: 0;}
.navigation li.shop-by-category-menu-item .shop-by-category-menu a svg{ width:25px; height:25px; fill:#fff;text-align: center;display: inline-block;margin-top: 11px;} 
.navigation li.shop-by-category-menu-item .shop-by-category-menu a svg path{ stroke: #fff !important;}
.navigation li.shop-by-category-menu-item .submenu-outer .submenu-inner .shop-by-back-menu {display: inline-block;width: 100%;position: relative;}
.navigation li.shop-by-category-menu-item .submenu-outer .submenu-inner .shop-by-back-menu a { font-size:14px;  padding: 0;text-transform: uppercase; font-weight: 500; line-height: 18px; pointer-events: auto !important;}
.navigation li.shop-by-category-menu-item .submenu-outer .submenu-inner .shop-by-back-menu {display: inline-block;width: 100%;position: relative;text-align: left;}
.navigation li.shop-by-category-menu-item .submenu-outer .submenu-inner .shop-by-back-menu a, .navigation li.shop-by-category-menu-item:hover .submenu-outer .submenu-inner .shop-by-back-menu a { font-size:14px;padding: 15px 30px 15px 15px;text-transform: uppercase; line-height: 18px;color: #1c1d20 !important;position: relative;display: inline-block;width: 100%;box-sizing: border-box; border-bottom: solid 1px #ccc; font-weight: 700; }
.navigation li.shop-by-category-menu-item .submenu-outer .submenu-inner .shop-by-back-menu a:before{ content: ""; width:20px; height:15px; background: url(../images/main-menu.png) no-repeat left center;display: inline-block;padding-left: 12px;padding-top: 0px;vertical-align: middle;margin-top: -4px; position: relative; left: -6px; }	
.navigation li.shop-by-category-menu-item .submenu.level2{display:none!important;}
.navigation .submenu .active > a {  border-color: #ed1c24; border-style: solid;  border-width: 0 0 0 8px;}
.shop-by-back-menu,
.shop-by-back-menu .menu-image{ display: none; }
.navigation li.shop-by-category-menu-item .submenu-outer .submenu-inner .shop-by-back-menu { display: inline-block; }
    
.nav-sections .header.links,
.nav-sections .header.links li.greet.welcome{ display:block !important; }
.nav-sections .header.links li svg { display: none !important; }
.nav-sections .header.links a.tools-app:before { display: none !important; }
.header-top-right .header.links li.greet.welcome,
.nav-sections .header.links .phone_link_device{ display: none; }
.nav-sections .customer-welcome ul { background:#ffffff; }
.nav-sections .customer-welcome ul .authorization-link { display: none; }
}
/*==== Menu Mobile ====*/

/*==== Responsive =========================================================*/
@media (min-width: 1500px) {
    .nav-sections { flex: 800px; margin-left: 56px; }
}

@media (min-width: 1200px) and (max-width: 1299px) {
.navigation .level0 { margin: 0 25px 0 0; }
}

@media (max-width: 1199px) {
body:not(.page-print) { margin-top: 100px; }
.header.content { padding: 10px 0; }
.header-bootom-left .logo img { max-width: 150px; }
.header-phone-desktop a { font-size: 0; width: 40px; border-radius: 100px; padding: 0; }
.header-phone-desktop a svg { margin-right: 0; }
.search-icon span { display: none; }
.search-icon svg { margin: 0; width: 21px; }
.search-icon,
.header-phone-desktop a { margin-right: 10px; }
.search-icon,
.nav-toggle { width: 40px; height: 40px; border-radius: 100px; background-color: #e6e7e8; position: static; display: flex; justify-content: center; align-items: center; }
.nav-toggle svg { width: 19px; }
.search-icon  { background-color: #ffffff; }
}

@media (max-width: 1023px) {
.web-switcher,
.minicart-wrapper .action.showcart,
.header.links li { margin-left: 10px; }
}

@media (max-width: 767px) {
.header.content .header-bootom,
.page-header .header.panel { padding-left: 10px !important; padding-right: 10px !important; }
.header.links li a { font-size: 11px; line-height: normal; }
.web-switcher span.swich-text { font-size: 10px; }
.header.links li.greet.welcome,
.header.links li.customer-welcome,
.minicart-wrapper .action.showcart span { display: none; }
.login-user .header-top-right > .header.links > li.authorization-link { display: block; }
.minicart-wrapper .action.showcart { margin-right: 5px; }
.header-top-right .header.links li a { font-size: 0; min-height: 18px; } 
    
.block-minicart .subtotal > span, 
.block-minicart .amount .price-wrapper:first-child .price { font-size: 15px; }
    
.header-social-links .h-link li { margin-left: 10px; }
.header-phone-desktop { display: none; }  
.phone_link_device { display: block; }    
.phone_link_device svg { width:26px; }
.header-top-right .header-phone-mobile { display: block; }
}

@media (max-width: 639px) {
.block-minicart .subtitle.empty { font-size: 13px; margin: 120px 10px 0; }
.block-minicart .top-title { font-size: 16px; }    
.page-header .panel.wrapper .panel.header { justify-content: right; }
.header-top-left { display: none; }
}

@media (max-width: 359px) {
.web-switcher { padding: 0 0 0 30px; }
.web-switcher,
.minicart-wrapper .action.showcart,
.header.links li { margin-left: 5px; }
}